@charset "utf-8";
/*	---------------------------------------------------
	Allgemein
	---------------------------------------------------*/

	html, body {}
	html * {padding:0;margin:0;outline:none;}
	
	body { text-align:center; margin:0; padding:0; font-size:12px; color:#00324c;background:#FFFFFF url(../images/bg_body.jpg) repeat-x; }
	
	html {height:100.12%}
	
	/*body, input, textarea, select, label, td, th, a, button { font-family:Calibri, GillSans, Trebuchet, sans-serif; font-size:15px; font-weight:normal; text-decoration:none; }*/
	body, input, textarea, select, label, td, th, a, button { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; }
	p, a, h1, h2, h3, h4, h5, h6, h7 {line-height:140%;}
	h1, h2, h3, h4, h5, h6, h7, #navigation, #navigation a {font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}
	h1, h2, h3, h4, h5, h6, h7 {}

	img {border:none;}

	/*	IE Transparenz 	*/
	img,
	div,
	a,
	input { behavior: url(/_elements/styles/iepngfix.htc) }
	
	/*	:hover-Support für alle Elemente	*/
	body { behavior: url(/_elements/styles/csshover.htc); }
	

/*	-------------------------------------------------------------------------------- */
/*	Seitenaufbau
/*	-------------------------------------------------------------------------------- */

	#header, #footer, li, dl {position:relative;}

	#wrap {margin:0 auto;text-align:left;width:957px; padding:0 9px;background:transparent url(../images/bg_wrap.png) repeat-y;}
	#main {background:#FFF url(../images/bg_main.gif) repeat-y;}
	#contentwrapper{
		float: left;
		width: 100%;
	}

	#content{
		margin: 0 333px 0 149px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	}
	
	#lCol{
		float: left;
		width: 149px; /*Width of left column in pixel*/
		margin-left: -957px; /*Set margin to that of -(MainContainerWidth)*/
		/*background: #FFF;*/
	}
	
	#rCol{
		float: left;
		width: 333px; /*Width of right column*/
		margin-left: -333px; /*Set left margin to -(RightColumnWidth)*/
		margin-top: -12px;
		/*background: #FFF;*/
	}

	#rCol .inner {
		margin: 0 0 0 25px; /*Margins for inner DIV inside each column (to provide padding)*/
	}

	#flash {height:274px;width:957px;padding:0;}
	
	.margin {height:15px;background-color:#FFF;}

/*	-------------------------------------------------------------------------------- */
/*		Globale Einstellungen														 */
/*	-------------------------------------------------------------------------------- */
 
	.clearer {clear:both;display:block;height:1px;margin-bottom:-1px;font-size:1px;line-height:1px;}

	.error { color:#B2B2B2!important; }

	table {padding:0;border-collapse:collapse;border-spacing:0px;}
	
	td, tr, th {padding:0;margin:0;border:none;}
	
	sub, sup {line-height:1em;font-size:32%;font-family:Calibri, GillSans, Trebuchet, sans-serif;}

	img, fieldset {border:none;}


	.color1 {color:#000000!important;}
	.color2 {color:#0093e1!important;}
	.color3 {color:#9FBA00!important;}
	.color4 {color:#E22974!important;}

/*	----------------------------------------------------------
	META
	---------------------------------------------------------- */

	#meta {background:transparent url(../images/bg_meta.png) no-repeat 0 bottom;}
	#meta {text-align:right;height:76px;width:957px;margin:0 auto;padding:0 9px;font-family:Arial, Helvetica, sans-serif;color:#999999;line-height:125%;}
	#meta div {position:relative;}

	/*#meta ul {position:absolute;right:17px;top:15px;}*/
	#meta ul {position:relative;float:right;margin:15px 17px 0 0 ;}
	#meta li {list-style:none;float:left;margin-left:14px;}
	#meta li a {color:#FFFFFF;font-size:13px;}
	#meta li a:hover, #meta li a.active {color:#A5D8F5;}

/*	Suchbox	*/

	#searchBox {position:absolute!important;right:205px;top:13px;background-color:#FFF;width:140px}
	
	#searchBox label {display:none;}
	#searchBox input {
		background-color:#FFFFFF;
		width:120px;
		border:0px solid white;
		float:left;
		color:#0094e2;
		float:left;
		font-size:13px;
		padding:3px 0 3px 3px
	}
	
	#searchBox button {
		width:11px;
		height:21px;
		background:#FFFFFF url(../images/searchbutton.gif) no-repeat 0 0;
		float:left;
		color:#0094e2;
		border:none;
		cursor:pointer;
	}
	#searchBox button:hover {background-position:0 -100px;}
	
	#searchBox button span { display:none; }


/*	----------------------------------------------------------
	HEADER
	---------------------------------------------------------- */
	#header {width:957px;height:45px;display:block;background-color:#FFFFFF;border-bottom:5px solid #bdd531}

	/* Logo und Kennung */
	#logo { position:absolute; width:135px; height:153px; top:-66px; left:-2px; }

	#logo h1 {color:#009EE0;width: 135px;height: 153px;background: url(../images/COTTONUSA_logo.png) no-repeat;text-transform:uppercase;}
	#logo h1 span {display:none;}
	#logo h1 a {display:block;width:135px;height:153px;}

	body#home #logo h1 {background-image:url(../images/COTTONUSA_logoH.png);}

	#cNavi {position:absolute;right:0px;top:0px;}
	#navigation li {list-style:none;float:left;}
	#navigation a  { font-size:15px; padding:15px 9px 15px 8px; line-height:15px; text-decoration:none; color:#0094e2; display:block; font-weight:bold; }
	#navigation a:hover {color:#a1bc00;}
	#navigation a.active {color:#FFFFFF;background:#0094e2 url(../images/bg_navigation.gif) repeat-x 0 0;}
	#navigation a:active {color:#BEDF00;}

	#navigation li.zg a {color:#a1bc00;}
	#navigation li.zg a:hover {color:#0094e2;}
	#navigation li.zg a.active {color:#FFFFFF;background-position:0 -100px;}


/*	----------------------------------------------------------
	CONTENT
	---------------------------------------------------------- */


	/*	Linie */
	
	.line {clear:both;width:100%;height:4px;background:transparent url(../images/bg_line.gif) repeat-x;}
	
	/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		Überschriften 
		++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	#content h1 { font-weight:bold; color:#a1bc00; font-size:18px; margin-bottom:0.3em;
	}
	/*#content h1 + p {margin-top:8px;}*/
	
	#content h2 { font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;margin-bottom:0.3em;}
	#content h2.sb { text-transform:uppercase; color:#5BB6EC }
	
	#content h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#8BA400; }
	
	/* Listen */
	#content li {list-style:none;background:transparent url(../images/bg_bullet.gif) no-repeat 0 7px;padding-left:11px;}
	
	#content ol {padding:0;margin:0;}
	#content ol li {list-style:decimal;background:none;padding:0;margin:0 0 1.5em 1.8em;color:#5BB6EC;font-weight:bold;line-height:18px;}
	#content ol li span {font-weight:normal;}
	#content ol fieldset {margin-left:-1.8em;}
	
	#content .ulLinks { }
	#content .ulLinks li {padding-left:15px;line-height:150%;background:transparent url(../images/bg_content-li.gif) no-repeat 0 5px;}
	

	/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		Bilder, Bildunterschriften
		++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	div.imgDiv { display:block; width:100%;background-color:#D9F1FF; }
	  a.imgContent {float:left;}
	  p.imgDesc {background-color:#0094E2;color:#FFF;clear:left;display:block;padding:7px 5px;font-size:0.9em}
	  p.imgDesc a {float:right;color:#71CEFF!important;font-weight:normal!important;font-size:1em}


	div.imgGallery {margin-left:-5px;width:480px;overflow:hidden;}
	div.imgGallery a {margin:0px 0px 5px 5px;display:block;float:left;} 
	

	/*	Newsübersicht */
	
	.ccOverNews {margin-bottom:18px;padding-bottom:21px;background:transparent url(../images/bg_line.gif) repeat-x left bottom;}
	.oImg,.oTxt {float:left;}
	.oTxt h3 {font-size:14px;color:#FFFFFF;margin-bottom:0.5em; }
	.oImg {width:110px;margin-right:10px;}
	.oTxt {width:325px;margin-top:-1px;}
	.oTxt em{display:block;}
	
	/*	Teaser	*/
	
	DIV.teaser {overflow:hidden;}
	
	DIV.tLeft {float:left;width:175px;	}
	DIV.tRight {float:left;width:300px;}

	/*	Formulare */
	
	#content form td {vertical-align:top;}
	
	#content label {color:#000;margin:0;border:0;padding:0;}
	
	#content form table {margin-top:6px;}
	#content form td {line-height:18px;padding:2px 0}
	td.fRadio {width:17px;padding:3px 8px 0 0!important;text-align:right;}
	td.fTxt {width:110px;padding-top:3px!important;}
	th.fTxt {font-weight:normal;text-align:left;}
	
	
	.adresse input {border:1px solid #5BB6EC;width:280px;}
	.adresse select {border:1px solid #5BB6EC;width:282px;}
	#fPLZ {width:52px!important;margin-right:3px!important;}
	#fOrt {width:220px!important;}

/*	.Submit {padding-right:16px;background:transparent url(../images/bg_linkDL.gif) no-repeat right 8px;color:#FF004C;font-style:italic;outline:none;border:0;cursor:pointer;}
	.Submit:hover {background-position:right -22px!important;color:#000000}
*/	#content form button {position:absolute;right:0px;bottom:3px;}

	td.error { color:#FFF!important; background-color:#B2B2B2!important; }
	td.error label {color:#FFF!important;}




		#newsdetail .ccTwoCol {margin-top:-5px;}
		
	/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		Weitere Auszeichnungen
		++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	
	em.quelle {color:#A1BC00;}
	
	/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		Links
		++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	#content p a,
	#content label a,
	#content ul li a {color:#0093e1;font-weight:bold;}
	#content p a:hover,
	#content label a:hover,
	#content ul li a:hover {color:#a1bc00;}
	#content p a:active,
	#content label a:active,
	#content ul li a:active { color:#BEDF00; }
	
	
	.pdf_list ul li {
		background:transparent url(../images/icon_pdf.png) no-repeat scroll 0 5px!important;
		margin-bottom:5px;
		padding:5px 5px 5px 30px!important;
	}
	.pdf_list ul li.video {
			background:transparent url(../images/icon_video.gif) no-repeat scroll 0px 5px!important;
	}
	.pdf_list ul li.link {background:transparent url(../images/bg_content-li.gif) no-repeat 4px 8px!important;}


	/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		Social Bookmarks
		++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	p.sb img {margin-right: 3px;}
	
	
	/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		Multimedia-Blöcke
		++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	
	.videoTeaser { clear:both; width:475px; height:88px; background-color:#BDD531; position:relative; z-index:1; margin-bottom:10px; 	}
	
	.videoTeaser img {
		float:left;
		padding-right:10px;
		height:88px;
		z-index:1;
	}
	
	.videoTeaser a {
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		background:transparent url(../images/blank.gif) repeat;
	}
	.flRadio {position:absolute;right:0px;bottom:0px;}
	
	a img { border:none; }
	
	.videoTeaser h3 {
		font-family:Georgia, "Times New Roman", Times, serif!important;
		font-size:1.2em!important;
		color:#FFFFFF!important;
		margin:0 0 0 0!important;
		padding-top:1em;
	}
	
	.videoTeaser p { color:#000; }
	.videoDiv {
		width:475px;
		background-color:#E4EEAC;
		margin-bottom:10px;
	}
	
	/*	DL-Listen */
	
	.liste-jury dl {float:left;width:237px;height:92px;margin-bottom:22px;position:relative;}
	.liste-jury dt {position:absolute;left:0;top:0;width:69px;height:92px;background-color:#FFF;}
	.liste-jury dd {position:absolute;bottom:0;left:75px;width:150px;}


	.img-container-outer {position:relative;height:0px;width:auto;}
	.img-container-outer img {position:absolute;border:none;}


	/*	Tabellen	*/
	
	.data thead th {text-align:right;font-weight:bold;color:#0093E1;background-color:#E7F5FC;padding:5px 6px 2px 6px}
	.data thead td {text-align:right;color:#0093E1;background-color:#E7F5FC;padding:2px 6px 5px 6px}
	
	.data tbody th {font-weight:bold;text-align:left;padding:6px 6px 6px 3px;border-bottom:1px solid #E7F5FC;}
	.data tbody td {text-align:right;border-bottom:1px solid #E7F5FC;padding:6px 6px 6px 3px}
	
	.border-right {border-right:1px solid white;}
	
	.dfn {font-size:80%;}

/*	----------------------------------------------------------
	SUCHE
	---------------------------------------------------------- */

	#results {margin-top:2em;}
	#results a.title, #did_you_mean a {color:#0093e1;font-weight:bold;}
	#results a.title:hover, #did_you_mean a:hover {color:#a1bc00;}
	#results a.title:active, #did_you_mean a:active { color:#BEDF00; }
	
	#results em {font-style:normal;color:#000;}
	
	#results .description {margin:8px 0 0 0}
	
	#results .url {color:#a1bc00;margin-bottom:0.5em}
	
	#did_you_mean {margin-bottom:1em}
	

/*	----------------------------------------------------------
	Linke Spalte
	---------------------------------------------------------- */

	.subnavi { list-style:none; margin:35px 9px 0 12px; }
	.subnavi li {list-style:none;padding:0 0 5px 0;margin:0;}
	.subnavi li a {line-height:150%;display:block;padding:0 0 0 11px;color:#0093E1;font-size:12px;background:url(../images/bg_subnavi.gif) no-repeat 0 5px;}
	
	.subnavi li a.active, .subnavi li a.active:hover {background-position:0 -65px;background-color:#0093E1;color:#FFF;}
	.subnavi li a:hover {background-position:0 -65px;background-color:#4CB3EA;color:#FFF;}

/*	----------------------------------------------------------
	Rechte Spalte
	---------------------------------------------------------- */

	.sub3navi { list-style:none; margin:0 0 0 18px;padding:12px 23px 12px 12px;background:transparent url(../images/bg_line.gif) repeat-x 0 bottom;}
	.sub3navi li {list-style:none;padding:5px 0 0 0;margin:0 0 0 0;background-color:#D9F1FF;}
	.sub3navi li:first-child {padding:0 0 0 0;}
	.sub3navi li a {line-height:150%;display:block;padding:0 0 0 11px;color:#0093E1;font-size:12px;background:url(../images/bg_subnavi.gif) no-repeat 0 5px;}
	
/*	.sub3navi li a span.soft {
	color:#3EBBFF;
}
	.sub3navi li a:hover span.soft {color:#C2E6F8;}
	.sub3navi li a.active span.soft {color:#91D9FF}
*/	
	.sub3navi li a.active,.sub3navi li a.active:hover {background-position:0 -65px;background-color:#0093E1;color:#FFF;}
	.sub3navi li a:hover {background-position:0 -65px;background-color:#4CB3EA;color:#FFF;}


	#rCol h3 {font-size:14px;color:#A0BB00;font-weight:bold;margin-bottom:0.3em}

	.box {display:block;margin-left:18px;padding:12px 0 12px 12px;width:302px;background:transparent url(../images/bg_line.gif) repeat-x 0 bottom;}
	
	.box .c01 {float:left;width:145px}
	.box .c02 {float:left;width:135px;}
	.box.oneCol div {width:280px}

	.box p a {display:block;background:transparent url(../images/bg_teaserLink.gif) no-repeat right top;color:#FFFFFF;line-height:18px;padding-left:3px;margin-top:1em;}
	.box p a:hover {background-position:right -100px;}

	/* Textlink im Teaser */
	.box p a.innerLink {color:#0093e1;font-weight:bold;display:inline;background:none;padding-left:0px;margin-top:0;line-height:140%}
	.box p a.innerLink:hover {color:#a1bc00;}
	
	
	.box .c01 p a{width:50%;}
	.box.last {background:none;padding-bottom:0px;}
	
	.c01 img {margin-bottom:5px;}

	/* SlideShow */
	.slideShow img {margin-bottom:5px;}
	
/*	----------------------------------------------------------
	Klapper
	---------------------------------------------------------- */
	.klapper {
	background-color:#E7F5FC;
	}
	.klapper:first-child, .klapper.first {
		margin-top: 0;
	}
	.klapper > h3 {
		background: #E22974 url(../images/klapper.gif)no-repeat scroll 10px 11px ;
		color: #FFF!important;
		font-weight:bold!important;
		cursor: pointer;
		margin: 0;
		padding: 5px 20px 5px 26px;
	}
	.klapper > h3.open {
				background: #E22974 url(../images/klapper.gif)no-repeat scroll 10px -89px ;
	}
	.klapper > h3:hover { background-color:#D31D66 }
	.klapper > .content {
		overflow: hidden;
		border-top:1px solid #FFFFFF;
		padding:8px 20px 20px 10px;
	}
	
	.klapper .content h4 {color:#0094E2;font-family:Verdana, Geneva, sans-serif;font-weight:bold;margin-bottom:4px;font-size:12px}
	#content .klapper .content ol li {color:#000;font-weight:normal;margin:0 0 0 1.5em;}
	
	*+html  #content .klapper .content ol li {margin:0 0 0 1.8em}

/*	----------------------------------------------------------
	Footer
	---------------------------------------------------------- */
	#wFooter {background:transparent url(../images/bg_footer.png) no-repeat 0 bottom;}
	#wFooter {width:957px;height:35px;margin:0 auto;padding:0 9px;font-family:Arial, Helvetica, sans-serif;color:#999999;}
	
	#footer {text-align:left;width:808px;padding:5px 0 0 149px;background-color:#0094E2;color:#71CEFF;font-size:11px;border-top:5px solid #bdd531;height:21px;}


/*	----------------------------------------------------------
	Piwik
	---------------------------------------------------------- */

	.piwik-optout {width:100%;height:170px;border:none; overflow:auto;}