*
{
	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.textiles.wide
{
	width: 820px;
}

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

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

#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;
}

.sIFR-hasFlash h3 {
	line-height: 1.7em;
}

/* 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;  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;}

#content.nobg { background: none; background-color: #fff; width: 890px; padding: 35px; }

/* sample-db */
#fabrics-search form { background-color: #dbe7f3; padding: 0.75em 25px; margin-bottom: 1.5em; }
#fabrics-search form input { width: auto; margin-right: 5px; }
#fabrics-search a.title { font-weight: bold; text-decoration: none; background: url(../pics/icons/closed.gif) 0 50% no-repeat; padding-left: 20px; margin-bottom: 0.75em; display: block; }
#fabrics-search a.title.opened { background-image: url(../pics/icons/opened.gif); }

#fabrics-search form fieldset h2 { color: #fff; text-transform: uppercase; padding-bottom: 0.4em; }
#fabrics-search form fieldset { background: url(../pics/icons/dotted-line.gif) bottom repeat-x; padding: 0.75em 0; }

#fabrics-search form fieldset li { margin-bottom: 5px; }
#fabrics-search ol.textiles li, ol.printings li { float: left; width: 33%; }
#fabrics-search ol.areas li { float: left; width: 25%; }

#fabrics-search ol.textiles label { font-size: 1.2em; color: #195ba3; font-weight: bold; }

	#fabrics-search form fieldset ol.printing_process { 
		float: left;
		margin-left: 20px;
		width: 100%;
	}

	#fabrics-search form fieldset li.printing_process { 
		height: 85px;
		float: left;
		margin-bottom: 25px;
		position: relative; 
		width: 120px; 
	}
	#fabrics-search form fieldset li.printing_process input { left: 28px; position: absolute; top: 90px; }
	#fabrics-search form fieldset li.printing_process label { height: 85px; position: absolute; }

#fabrics-search form .search
{
	border-top: 1px solid #dbe7f3;
	padding-top: 0.75em;
	margin-top: -1px;
}

#fabrics-search form .search input {
	width: 164px;
	height: 36px;
	background: url(../pics/bg/search_button.gif) 0 0 no-repeat;
	cursor: pointer;
	border: none;
	color: #195ba3;
	font-weight: bold;
}

#search-result .jumplist-wrapper, #search-result .jumplist-wrapper .spacer {
	background-image: url(../pics/bg/dotted-line_grey.gif);
	background-repeat: repeat-x;
}

#search-result .jumplist-wrapper {
	background-position: top;
	padding-top: 4px;
	margin-top: 0.75em;
}

#search-result .jumplist-wrapper .spacer {
	background-position: bottom;
	padding-top: 2px;
	margin-bottom: 0.75em;
}

#search-result .opener { width: 50%; float: left; }
#search-result .jumplist { margin: 0; float: right; }
#search-result .jumplist.bottom { margin-top: 0.75em; }
#search-result .jumplist li { font-weight: normal; margin: 0 1px; padding: 0; }
#search-result .jumplist li a, #search-result .jumplist span { background-color: #6f9ecf; color: #fff; padding: 0 5px; }
#search-result .jumplist span { background-color: #195ba3; display: block; }
#search-result .jumplist li.prev, #search-result .jumplist li.next { width: 20px; height: 1.5em; }
#search-result .jumplist li.prev a, #search-result .jumplist li.next a { background: url(../pics/icons/next.gif) 50% 50% no-repeat transparent; width: 20px; height: 1.5em; margin: 0; padding: 0; }
#search-result .jumplist li.prev a { background-image: url(../pics/icons/prev.gif); }

#search-result .detail .image, #search-result .detail .links { float: left; width: 19.9%; }
#search-result .detail .info { float: left; width: 60%; }
#fabrics-search #search-result .title {
	display: block;
	background-color: #f1f5fa;
	padding: 0.25em 20px;
	background-position: 5px 50%;
	margin-bottom: 1px;
	height: 1.5em;
	overflow: hidden;
}

#search-result .title strong, #search-result .title em, #search-result .title span { display: block; float: left; width: 13%; color: #333; font-weight: normal; font-style: normal; }
#search-result .title span.name { width: 20%; }
#search-result .title em { width: 41%; }
#search-result .title br { clear: both; }
#search-result .title strong { color: #195ba3; font-weight: bold; }
#search-result .detail {
	border: 1px solid #f1f5fa;
	border-top: 0 none;
	padding: 0.25em 20px;
	margin-top: -1px;
}

#search-result .detail li { padding: 0.25em 0; }
#search-result .detail .links a { padding-left: 20px; border: 0; width: 150px; }
#search-result .detail a.details { background: url(../pics/icons/details.gif) 5px 50% no-repeat; font-weight: bold; }
#search-result .detail a.produktanfrage { background: url(../pics/icons/questionmark.gif) 5px 50% no-repeat; }
#search-result .detail a:hover { text-decoration: underline; }

#search-result .attributes, .textiles.wide .attributes { height: 85px; background: url(../pics/pictogram/bg.gif) 0 0 no-repeat; margin-bottom: 0.75em; margin-top: 0.75em; position: relative; }
#search-result .attributes li, .textiles.wide .attributes li { position: absolute; width: 25px; height: 25px; top: -3px; }
.textiles.wide .attributes { margin-bottom: 1.5em; }
.textiles.wide .attributes li { top: 0; }

.request-button-new { text-align: right; margin-top: -4.5em; }

#home .homeslot #banner {
	text-align: center;
	margin-bottom: 1.5em;
}

.link-button {
	background: url("../pics/bg/button.gif") no-repeat scroll 0 0 transparent;
    float: right;
    font-weight: bold;
    height: 19px;
    width: 145px;
}

	.link-button a { margin: 0 0 0 27px; padding: 0 17px; text-align: center; }
	
	.link-button.pdf a {
		background: url(../pics/icons/pdf.gif) 0px 50% no-repeat; 
		display: block;
		margin: 0 0 0 4px;
		padding: 0 17px;	
	}

.tip { width: 575px; }
.retex { float: right; }
.wrapper { padding: 6em 0 0; }