*
{
	margin: 0; padding: 0;
}

body
{
	text-align: center;
	font: normal 0.75em/1.5em arial,helvetica,sans-serif;
	color: #484848;
	background-color: #e9e9e9;
}

hr												{ display: none; }
.nodisplay
{
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

.spacer											{ display: block; clear: both; height: 1px; overflow: hidden; padding: 0; margin: -1px 0 0 0; }

fieldset										{ border: none; }
legend											{ display: none; }
input, select									{ width: 95%; }
.checkbox, .radio								{ width: auto; }
label											{ cursor: pointer; }

img 											{ border: 0px none; }
strong											{ font-weight: bold; }
a												{ color: #195ba3; }
a:visited										{ color: #195ba3; }
a:hover											{ color: #0071b9; }

ul, ol											{ list-style: none; }
li a											{ display: block; text-decoration: none; }

p												{ margin: 0 0 1.5em 0; }
abbr											{ cursor: help; }
h1, h2, h3, h4, h5, h6							{ font-size: 100%; }

.print { display: none; }

/* ******************** page blocks */

#page
{
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#header
{
	background: url(../pics/bg/line.gif) 1px 100% no-repeat #fff;
	padding-bottom: 9px;
}

#servicenav
{
	background-color: #e9e9e9;
	float: left;
	width: 100%;
}

#lang
{
	float: left;
	width: 320px;
}

#lang li
{
	float: left;
	padding: 0.75em 0;
}

#lang li a, #lang li span
{
	float: left;
	display: block;
	padding-left: 20px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}

#de
{
	padding-right: 10px;
	border-right: 1px solid #8f8f8f;
}

#en
{
	margin-left: 10px;
}

span#de	{ background-image: url(../pics/flag/de_active.gif); }
a#de	{ background-image: url(../pics/flag/de.gif); }
span#en	{ background-image: url(../pics/flag/en_active.gif); }
a#en	{ background-image: url(../pics/flag/en.gif); }

#servicenav .services
{
	float: left;
	width: 640px;
}

.services li
{
	float: left;
}

.services li a
{
	float: left;
	padding: 0.75em 20px 0.75em 10px;
	color: #8f8f8f;
	background: url(../pics/icons/service.gif) 0 50% no-repeat;
}

.services li a:hover,.services li a:focus
{
	text-decoration: underline;
}

#nav
{
	width: 320px;
	float: left;
}

#logo
{
	background: url(../pics/bg/logo.gif) 0 100% repeat-x;
}

#logo a.de, #logo a.en
{
	height: 9em;
	display: block;
	background: url(../pics/logo_de.gif) 50% 50% no-repeat;
}

#logo a.en
{
	background-image: url(../pics/logo_en.gif);
}

#nav ul
{
	padding: 0.75em 0;
}

#nav li span
{
	background: url(../pics/icons/nav_arrow.gif) 0 50% no-repeat;
	color: #484848;
	display: block;
}

#nav li span strong
{
	background: url(../pics/bg/dots.gif) 0 100% repeat-x;
	display: block;
	padding: 0.25em 10px;
	margin: 0 10px;
	font-weight: normal;
}

#nav li a
{
	margin: 0 10px;
	padding: 0.25em 10px;
	background: url(../pics/bg/dots.gif) 0 100% repeat-x;
	color: #484848;
}

#nav li a:hover, #nav li a:focus
{
	background-color: #dbe7f3;
}

#visual
{
	width: 580px;
	height: 70px;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 210px 30px 0 30px;
	margin-top: -1px;
}

#visual.homevisual { background-image: url(/pics/bg/visual-player.jpg); cursor:pointer; }

#visual h2
{
	font-size: 250%;
	line-height: 1em;
	letter-spacing: -3px;
}

#visual h3
{
	font-size: 150%;
	line-height: 1.1em;
}

#visual a
{
	color: #fff !important;
	text-decoration: none;
}

#content
{
	padding: 1px 1px 0 1px;
	background: url(../pics/bg/content.gif) 0 0 repeat-y #fff;
	border-bottom: 1px solid #fff;
	float: left;
}

#subnav
{
	width: 319px;
	float: left;
}

#subnav ul
{
	border-bottom: 1px solid #0071b9;
	background-color: #8ab2db;
	margin-bottom: 3em;
	padding: 1.5em 0;
}

#subnav li span
{
	background: url(../pics/icons/subnav_arrow.gif) 0 50% no-repeat;
	color: #484848;
	display: block;
	margin-left: -1px;
	padding-left: 1px;
}

#subnav li span strong
{
	background: url(../pics/bg/dots_subnav.gif) 0 100% repeat-x;
	display: block;
	padding: 0 10px;
	margin: 0 10px;
	color: #fff;
}

#subnav ul li a
{
	color: #e4eef8;
	margin: 0 10px;
	padding: 0 10px;
	background: url(../pics/bg/dots_subnav.gif) 0 100% repeat-x;
}

#subnav ul li a:hover, #subnav ul li a:focus
{
	background-color: #7daad9;
}

#desk
{
	width: 639px;
	float: left;
}

#footer
{
	margin-top: 1.5em;
	background-color: #fff;
	padding: 0 10px;
	float: left;
	width: 940px;
}


#footer p
{
	color: #8f8f8f;
	padding: 0.75em 0;
	margin: 0;
	border-bottom: 1px solid #e9e9e9;
}

/* elements styles */

#desk.text
{
	width: 469px;
	padding: 1.5em 85px 3em 85px;
}

#desk.textiles
{
	width: 569px;
	padding: 1.5em 35px 3em 35px;
}

#desk h1
{
	color: #004787;
	font-size: 150%;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

#desk.textiles h1.article
{
	font-size: 200%;
}

#desk.textiles .iconbar
{
	padding: 0 0 1.5em 0;
}

.iconbar img
{
	margin-right: 5px;
}

#desk.textiles .productlogo
{
	width: 80px;
	float: right;
}

#desk.textiles h2
{
	color: #004787;
	font-size: 145%;
	padding: 0 0 0.25em 0;
}

#desk h3
{
	background: url(../pics/bg/dots.gif) 0 0 repeat-x;
	padding-top: 1.5em;
	font-weight: normal;
	color: #0171b9;
}

#desk h3 a
{
	font-weight: bold;
}

p.teaser
{
	font-weight: bold;
}

.related
{
	margin-bottom: 1.5em;
}

.more a, .related a
{
	padding-left: 10px;
	text-decoration: none;
	display: block;
	background: url(../pics/icons/service.gif) 0 0.4em no-repeat;
}

.more a:hover,.more a:focus
{
	text-decoration: underline;
}

.related a span
{
	color: #484848;
	text-decoration: none;
	display: inline;
}

.productlinks
{
	border: 1px solid #8ab2db;
	background-color: #dbe7f3;
	padding: 0.75em 20px;
	margin-bottom: 1.5em;
}

h2 img
{
	margin-left: 3px;
	position: relative;
	top: 5px;
}

#desk div.teaser, #desk fieldset.teaser
{
	background: url(../pics/bg/dots_teaser_dark.gif) 0 0 repeat-x;
	padding: 0.75em 0;
}

.teaser p
{
	margin: 0;
}

.teaser h3 a, #desk h2 a
{
	text-decoration: none;
}

.teaser h3 a:hover,.teaser h3 a:focus, #desk h2 a:hover, #desk h2 a:focus
{
	text-decoration: underline;
}

#subnav .image
{
	margin: 1.5em 20px;
	text-align: center;
}

#subnav .image img
{
	border: 1px solid #cad9e8;
	background-color: #fff;
	padding: 4px;
}

ul.std
{
	margin-bottom: 1.5em;
}

ul.std li
{
	background: url(../pics/icons/bullet.gif) 0 0.5em no-repeat;
	padding-left: 15px;
}

.back
{
	margin-bottom: 1.5em;
	background: url(../pics/bg/dots.gif) 0 0 repeat-x;
}

.back span
{
	display: block;
	padding: 0.25em 0;
	background: url(../pics/bg/dots.gif) 0 100% repeat-x;
}

#header-autocompleter, #autocompleter
{
	position: absolute;
	width: 137px !important;
	background-color: #fff;
	margin-top: -2px;
	border: 1px solid #8ab2db;
	border-top: 0 none;
}

#header-autocompleter li, #autocompleter li
{
	background: url(../pics/bg/dots.gif) 0 100% repeat-x;
}

#header-autocompleter li a, #autocompleter li a
{
	padding: 0 5px 0 15px;
	background: url(../pics/icons/service.gif) 5px 0.5em no-repeat;
}
#header-autocompleter li, #header-autocompleter li a { float: none; }

#header-autocompleter li a:hover, #autocompleter li a:hover
{
	background-color: #f1f5fa;
}

#header-autocompleter span, #autocompleter span
{
	display: block;
	padding: 0 5px;
}

.halfleft, .halfright
{
	float: left;
	width: 250px;
	margin: 0 17px 1.5em 0;
}

.halfright
{
	float: right;
	width: 280px;
	margin: 0 0 1.5em 17px;
}

/* textiles */

.sample { padding: 0.75em 30px; }
.cold { background-color: #f1f5fa; }
.sample p { margin: 0; }

.textiles .image, .textiles .imagedetail
{
	float: left;
	width: 265px;
	margin-right: 9px;
	border: 1px solid #dbe7f3;
	padding: 4px;
}

.textiles .imagedetail
{
	margin-right: 0;
	margin-left: 9px;
}

.textiles .image img, .textiles .imagedetail img { display: block; }
.textiles .colors { margin-top: 1.5em; }
.textiles .downloads { background: url(../pics/bg/dots_teaser_dark.gif) 0 100% repeat-x; margin-bottom: 1.5em; }

dl.std, dl.technical
{
	margin-bottom: 1.5em;
	background: url(../pics/bg/dots_teaser_dark.gif) 0 0 repeat-x;
}

dl.std dt, dl.technical dt
{
	margin-right: 70%;
	color: #888;
}

dl.std dd, dl.technical dd
{
	padding-left: 30%;
	margin-top: -1.5em;
	background: url(../pics/bg/dots_teaser_dark.gif) 0 100% repeat-x;
}

dl.technical dt
{
	color: #484848;
	padding-top: 0.25em;
}

dl.technical dd
{
	padding: 0.25em 0 0.25em 30%;
	margin-top: -1.75em;
}

a.coloropen
{
	padding: 0.25em 10px 0.25em 20px;
	display: block;
	background: url(../pics/icons/blindup.gif) 5px -3px no-repeat #dbe7f3;
	border-bottom: 1px solid #fff;
}

#colortable, .colortable
{
	background-color: #dbe7f3;
	float: left;
	width: 98%;
	padding: 0 1%;
}

#colortable li, .colortable li
{
	float: left;
	width: 7%;
	margin: 0.75em 1%;
	border: 1px solid #fff;
}

#colortable li span , .colortable li span
{
	display: block;
	margin-top: 50px;
	padding: 0.25em 5px;
	background-color: #0171b9;
	color: #fff;
	text-align: center;
}

#textilnav { padding-left: 20px; float: left; width: 299px; }
#textilnav p { margin: 0.75em 20px 0.75em 0; }
#textilnav li { margin-top: 1.5em; font-weight: bold; }
#textilnav li li { margin: 0; font-weight: normal; }
#textilnav li li .subheader { margin-top: 1.5em; font-weight: bold; }
#textilnav li li a { text-decoration: underline; }
#textilnav li li a.drop { text-decoration: none; }

/* home */
#home { background: url(../pics/bg/home.gif) 0 0 repeat-y #dbe7f3; }
.homeslot { float: left; width: 278px; padding: 1.5em 20px; margin-left: 1px; }
.homeslot .teaser { background: url(../pics/bg/dots_teaser.gif) 0 100% repeat-x; padding: 0.75em 0; }
.homeslot h2 { padding-bottom: 0.25em; }
#desk .teaser h3 { background-image: none; padding: 0; }

/* exhibition */
.exhibition { font-weight: bold; position: absolute; top: 75px; left: 15px; width: 250px; }
.exhibition:hover { text-decoration: underline; }

/* sifr */
.sIFR-flash { visibility: visible !important; }
.sIFR-replaced { visibility: visible !important; }

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* forms */

#search { margin: 0.75em 0; }
#search input { display: inline; width: 135px; }

#search .button
{
	width: 76px;
	cursor: pointer;
	font: normal 100%/1.5em arial,helvetica,sans-serif;
	border: 0 solid;
	background: url(../pics/bg/search_bg.gif) 0 0 no-repeat transparent;
	text-decoration: underline;
	text-align: left;
	color: #0071b9;
	font-weight: bold;
	padding: 1px 0 2px 15px;
}



#header-search { margin: 0.75em 0; }
#header-search input { display: inline; width: 130px; }

#header-search .button
{
	width: 76px;
	cursor: pointer;
	font: normal 100%/1.5em arial,helvetica,sans-serif;
	border: 0 solid;
	background: url(../pics/bg/search_bg.gif) 0 0 no-repeat transparent;
	text-decoration: underline;
	text-align: left;
	color: #0071b9;
	font-weight: bold;
	padding: 1px 0 2px 15px;
}

.std ol li {
	float: left;
	display: block;
	margin-bottom: 1em;
	width: 100%;
}

.std label {
	float: left;
	clear: left;
	width: 135px;
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
}

.std label.inline
{
	float: none;
	text-align: left;
	padding: 0;
	display: inline;
}

.std input, .std select, .std textarea {
	float: left;
	width: 310px;
	clear: right;
}

.std input.checkbox
{
	margin-right: 10px;
	float: none;
	width: auto;
}

p.error
{
	border-top: 1px solid #c70009;
	border-bottom: 1px solid #c70009;
}

.std label.error {
	color: #c70009;
}

abbr {
	cursor: help;
	border: 0px none;
}

label.required abbr, abbr.required {
	font-size: 200%;
	vertical-align: sub;
}

form.std  {
	margin: 0.75em 0;
	width: 469px;
}

form.std .button
{
	width: 71px;
	cursor: pointer;
	font: normal 100%/1.5em arial,helvetica,sans-serif;
	border: 0 solid;
	background: url(../pics/bg/button_newsletter.gif) 0 0 no-repeat transparent;
	text-decoration: underline;
	text-align: left;
	color: #0071b9;
	font-weight: bold;
	padding: 1px 0 2px 0;
	margin-right: 5px;
	float: right;
	text-align: center;
}

form fieldset.halfleft, form fieldset.halfright
{
	width: 55%;
	background-color: #dbe7f3;
	padding: 0.75em 1%;
	border-top: 3px solid #8ab2db;
	margin-right: 0;
	margin-left: 0;
}

form fieldset.halfleft
{
	width: 25%;
}

form fieldset.halfleft label, form fieldset.halfright label, form fieldset.halfleft select, form fieldset.halfright select
{
	width: 98%;
	text-align: left;
	float: none;
}

.big
{
	display: block;
	font-weight: bold;
	text-align: center;
	float: left;
	padding-top: 2em;
	font-size: 125%;
	width: 15%;
	color: #0071b9;
}

.mylegend
{
	margin-top: 1.5em;
	clear: left;
}

.mylegend dl
{
	border: 1px solid #cad9e8;
	background-color: #fff;
	padding: 0.75em 10px;
	width: 260px;
}

.mylegend dl dt
{
	border: 0 solid !important;
	margin-right: 90%;
	height: 1.5em;
	padding: 0;
}

.mylegend dl dd
{
	border: 0 solid !important;
	padding: 0 0 0 10%;
	margin-top: -1.5em;
	margin-right: 0;
}

.request-button
{
	position: relative; 
	padding-top: 0.75em;
}

.request-button a { cursor: hand; text-decoration: none; }
.request-button a:hover { text-decoration: underline; color: #195BA3; }



#subnav .request-button
{
	margin-left: 20px;
}

#siegel-de, #siegel-en
{
	background: url(../pics/siegel_de.gif) 50% 0 no-repeat;
	height: 165px;
	margin-bottom: 1em;
}

#siegel-en { background-image: url(../pics/siegel_en.gif); }
.detailnew { margin-right: 10px; position: relative; top: 2px; }

.jumplist { float: right; list-style: none; list-style-image: none; margin: 8px 0 8px 0; }
.jumplist li { float: left;  padding: 1px 5px; border: 1px solid #eaeaea; margin: 0 2px; }
.jumplist li { font-weight: bold; }
.odds .text { background: url(../pics/bg/dots_teaser_dark.gif) repeat-x 0 100%; margin-bottom: 0.5em; padding-bottom: 0.5em; }
.odds .halfleft { width: 49%; margin-right: 0; }
.odds .halfright { width: 49%; margin-left: 0; }
.odds .anfrage { margin-top: 1.5em; text-align: right;}

/* override */
.last { border: 0 none !important; background-image: none !important; }

/* lightbox */
#video-content { position: absolute; top: 0; left: 0; width: 100%; height: 1px; z-index: 500; }
#canvas { position: absolute; top: 0; left: 0; background-color: #FFF; width: 100%; height: 100px; }
#video { position: absolute; top: 50%; left: 50%; width: 680px; margin-left: -340px; background-color: #fff; border: 1px solid #BDC1C4; }
.close { display: block; margin: 10px 0 0 10px; width: 25px; height: 25px; background: url(../pics/icons/close.gif) 50% 50% no-repeat; }
#stagewrapper { margin: 0 40px 1.5em 40px; height: 397px; text-align: center; width: 600px; }

.player-h2 {color: #ffffff;}
.player-h3 {color: #ffffff;}
.link-player { display: block; width: 100%; height: 100%;}
.player { padding: 0 0 0 200px;}