/*(c)2009 com2 Gmbh, www.com-com.com v1.2 */

/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html * { font-size: 100.01% }
textarea, pre, tt, code { font-family: "Courier New", Courier, monospace; }

html, body, textarea, input {font-family: Arial, Helvetica, sans-serif; color: #000;}
body {font-size: 0.76em;} 


html, body { margin: 0; padding: 0; height: 100%;}
html[xmlns] { height:auto; min-height:100%;  overflow-y: scroll; } /*v-scrollbar für moz einschalten*/
body.customer { background: #fff url(../images/chrome/bg_body_customer.gif) top left repeat-x; }
body.business { background: #fff url(../images/chrome/bg_body_business.gif) top left repeat-x; }

th {text-align: left; font-weight: bold; }
img {border:none;}
em.highlighted { /*||title-de:Hervorgehoben||title-en:Emphasised*/ color: #2065b0; }

p, ul, ol { margin-top: 0; margin-bottom: 15px; line-height: 140%; }
	ul { margin-left: 0; padding-left: 16px; }
table { table-layout: fixed; empty-cells: show; }
	td { empty-cells: show; vertical-align:top; }
	th { text-align: center; }

h1 { margin: 0; padding: 0; display: inline; } /*Verwendung unsichtbar im Head*/
h2 { margin: 0 0 14px; font-size: 1.4em; color: #2065b0; font-weight: bold;}
h3 { font-size: 1.1em; color: #2065b0; margin: 0 0 10px; padding: 0; font-weight: bold; }
h4 { margin: 0 0 5px 0; padding: 3px 9px; font-size: 1.0em; font-weight: bold; color: #2065b0; }
.business h4 { background-color: #2065b0; color: #fff; }

hr, .cssForm hr { /*||hide:true*/ height:1px; color: #847970; background: #847970; border: none; margin: 4px 0 6px 0; padding: 0; line-height: 2px;}
.cssForm {}

/*~~ Forms ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {margin:0px; display: inline}
input, textarea  { border: 1px solid #cbcbcb; padding: 0px 2px; } 
input.textInput { /*||hide:true*/ border: 1px solid #cbcbcb !important; } 
select { border: 1px solid #cbcbcb; padding: 0; }
.textInput:active {	border: 1px solid #8cc143 !important;}

/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a {  outline:none; /* FF1.5+ IE7+*/  -moz-outline: /* FF<=1.5*/}

a:link, a:visited, a:hover, a:active  { color: #2065b0; text-decoration: none; outline: none; }
a:hover, a:active { text-decoration: underline; } 
a.active:link, a.active:visited, a.active:hover, a.active:active  {/*||hide:true*/ font-weight: bold;}

a.arrow:link, a.arrow:visited, 
a.arrow:hover, a.arrow:active { /*||title-de:Links mit einem Pfeil||title-en:Link with an arrow*/ padding-left: 15px; font-size: 1.1em; background: transparent url(../images/chrome/arrow_blue.png) 0 2px no-repeat; text-transform: uppercase;}

a.print:link, a.print:visited,
a.print:hover, a.print:active { /*||title-de:Drucklink||title-en:Print link*/ width: 36px; height: 36px; margin-top:-8px; background: transparent url(../images/chrome/btn_druck.gif) no-repeat; float: right; text-indent: -5000px; }

a.gallery:link, a.gallery:visited,
a.gallery:hover, a.gallery:active { /*||title-de:Galerielink||title-en:Gallery link*/ width: 36px; height: 36px; margin-top:-8px; background: transparent url(../images/chrome/btn_galerie.gif) no-repeat; float: right; text-indent: -5000px; }

div.btnWrapper { clear: both; margin: 0 0 18px 0; height: 36px; }
	.btnWrapper a:link, .btnWrapper a:visited, .btnWrapper a:hover, .btnWrapper a:active { margin-right: 18px; }

/*~~ STANDARD CLASSES & Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: .8em;}
.bildText { /*||title-de:Bildtext||title-en:ImageText||desc-de:Schrift unterhalb von Grafiken||desc-en:Font underneath images*/ font-size: .8em; color: #cbcbcb;}
.important { /*||title-de:wichtig||title-en:important||desc-de:Fette, blaue Schrift||desc-en:Fat, blue font*/ font-weight: bold; color: #2065b0; }

img.right{ /*||title-de:Rechts ausgerichtet||title-en:Right aligned||desc-de:Ausrichtung von Bildern rechts neben dem Text||desc-en:Image align right beside the text*/ float: right; margin: 0 0 10px 10px; }
img.left{ /*||title-de:Links ausgerichtet||title-en:Left aligned||desc-de:Ausrichtung von Bildern links neben dem Text||desc-en:Image align left beside the text*/  float: left; margin: 0 10px 10px 0; }
div.right{ /*||title-de:Rechts ausgerichtet||title-en:Right aligned||desc-de:Ausrichtung von Bildern rechts neben dem Text||desc-en:Image align right beside the text*/ float: right; margin: 0 0 10px 10px; }
div.left{ /*||title-de:Links ausgerichtet||title-en:Left aligned||desc-de:Ausrichtung von Bildern links neben dem Text||desc-en:Image align left beside the text*/  float: left; margin: 0 10px 10px 0; }

ul.blueBox li { /*||title-de:Blaue Kästchen||title-en:Blue boxes||desc-de:Liste mit blauen Kästchen||desc-en:List with blue boxes*/ list-style: none; padding-left: 15px; background: transparent url(../images/chrome/bluebox.gif) 0 8px no-repeat; }

.cmsColor01 { /*||title-de:Orange||title-en:Orange*/ color: #fed04d; }
.cmsColor02 { /*||title-de:Blau||title-en:Blue*/ color: #2065b0; }

.hr {/*||hide:true*/ margin: 0 -5px 10px; height: 1px; background: transparent url(../images/chrome/bg-hr.gif) repeat-x; line-height: 1px; overflow: hidden; }
	.hr hr {display: none;}
	
dl{ border: 1px solid #cbcbcb; border-bottom: none; }
	dt, dd { border-bottom: 1px solid #cbcbcb; padding: 2px 8px; margin: 0; }
	dt { color: #847970; font-weight: bold; }
	dd { padding-bottom: 10px; }

sup { font-size: 0.8em; line-height: 90%; }	
	
/*~~ LISTEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#altFlash{
	background-color: #fef67f /*#FFFBCD*/;
	height: 300px;
}

.business #altFlash{	
	background-color: #bdcdda;
}

	#altFlash ul{width: 180px; float:left; padding: 50px 20px 0; }	
		#altFlash li{ padding-left: 20px; margin-bottom: 10px; background: transparent url(../images/chrome/list_bullet_triangle_greyonyellow.gif) no-repeat 0 4px; list-style: none }	
		.business #altFlash li{ background: transparent url(../images/chrome/list_bullet_triangle_greyonblue.gif) no-repeat 0 4px; }
	#altFlash div{ width: 580px; float:left;  overflow: hidden; border-right: 22px solid #fff;}	
		#altFlash div img{ margin-left: -10px; } 
	#altFlash a{ color: #6d6f72; font-weight: bold;}
		
			
/*~~ TABELLEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* OPTIC1 standard - nur abstände und ausrichtung werden optimiert*/
table.optic01 {
	/*||title-de:Tabellenoptik 1||title-en:Tablestyle 1||desc-de:Grundlegende Formatierung von Tabellen||desc-en:Basic formatting of tables */ 
}
table.optic01 tr.alternate { background-color: #efefef; }
table.optic01 td, table.optic01 th { padding: 3px; vertical-align: top; }
	
	
/* OPTIC2 Daten- und Maßtabellen*/
/* table.optic02 { */
	/*||title-de:Tabellenoptik 2||title-en:Tablestyle 2||desc-de:Gegliederte Datentabelle||desc-en:Structured datatable */ 
	/* border-left: 1px solid #ddd; border-top: 1px solid #ddd; table-layout: auto;*/
/*}
table.optic02 td, table.optic02 th { padding: 3px; vertical-align: top; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 0.9em }
table.optic02 th { background-color: #ddd; color: #fff; }
	table.optic02 td.numeric { text-align: center; }
*/
table.optic02 thead tr td { text-align: left; color: #000; background: transparent; }

table.optic02 {
	/*||title-de:Tabellenoptik 2||title-en:Tablestyle 2||desc-de:Gegliederte Datentabelle||desc-en:Structured datatable */
	table-layout: auto; border-collapse: collapse; border: 1px solid #d2d2d2;
}
table.optic02 th { background: #d2d2d2; color: #fff; padding: 5px 2px 5px 2px !important; vertical-align: top; text-align: center; }
table.optic02 td { text-align: center; vertical-align: middle; padding: 5px 2px 5px 2px !important; color: #000; border: none; }
table.optic02 td.alignLeft, table.optic02 th.alignLeft { text-align: left; }
table.optic02 tr.divider td { /*||title-de:Trenner||title-en:Divider */ padding-bottom: 15px !important; border-bottom: 1px solid #d2d2d2 !important; }
table.optic02 td.divider { border-bottom: 1px solid #d2d2d2; }
table.optic02 tr td.fractionline { /*||title-de:Trennlinie||title-en:Dividing line */ border-bottom: 1px solid #000; }

table.pmDownloads{  /*||hide:true*/ 
	table-layout: auto;
	font-weight: bold;
}

table.pmDownloads td{ /*||hide:true*/ 
	padding: 3px;
	border-bottom: 1px solid #a0a0a0;
}

table.pmDownloads td.link{ /*||hide:true*/ 
	text-align: right;
	vertical-align: bottom;
}	

	table.pmDownloads td.link a{padding-right: 16px; background-position: right center; background-repeat: no-repeat;}
		table.pmDownloads td.link a.img{background-image: url(../images/chrome/img.gif) }
		table.pmDownloads td.link a.doc{background-image: url(../images/chrome/doc.gif) }
		table.pmDownloads td.link a.word{background-image:url(../images/chrome/word.gif) }		
		table.pmDownloads td.link a.pdf{ background-image: url(../images/chrome/pdf.gif) }				
		
table.thielker td.borderRight { /*||hide:true*/ 
     border-right: 1px solid #d2d2d2
}

	
/* Übersichtstabelle für Produkte */
table.products { /*||title-de:Übersichtstabelle||title-en:Overview table *//*||title-de:Übersichtstabelle||title-en:Overview table */ }
table.products td { padding: 0 22px 22px 0; min-width:276px; }
	  .products img.left { margin: 0 10px 0 0; }
	
/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                         								LAYOUT
----------------------------------------------------------------------------------------------------*/								
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/

div#minWidth { width: 872px; margin:0 auto; border-left:1px solid #ddd; border-right:1px solid #ddd; }



/*~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#header { padding: 20px 0 0 0; background: #fef900; color: #808285; font-weight:bold; font-size:1.1em; }
	#header h1 img { margin: 20px 22px; }
	#header a:link, #header a:visited, #header a:hover, #header a:active { color: #808285; font-weight:bold; }
		#header li.active a:link, #header li.active a:visited, 
		#header li.active a:hover, #header li.active a:active,
		#header a:hover, #header a:active { color: #fff; text-decoration: none; }
		
		#header #contact { display:none; }
		
		#header h1 a:link, #header h1 a:visited, 
		#header h1 a:hover, #header h1 a:active {
			background: transparent url(../images/chrome/logo.jpg) no-repeat;
			display:block;
			height:80px; width:167px;
			margin: 0 22px 20px 22px;
		}
		
		#header h1 img { visibility:hidden;	}
		
	.customer #mainNav { background: #fecf4c; }
	.customer #secNav	 { background: #feecbd; }
	.business #mainNav { background: #bdcdda; }
	.business #secNav	 { background: #d8e2eb; }
		
	#mainNav { height:25px; padding: 2px 22px 0 22px; }
	#secNav  { height:25px; padding: 2px 22px 0 22px; }	
		#header ul { margin: 0; padding: 2px 0 0 0; }		
			#header li { display: inline; padding-right: 22px; }
			#secNav li { padding: 0 11px; border-left: 1px solid #fff; }
				#secNav li.last { border-right: 1px solid #fff; }
				
	#search { float: right; margin-top:1px; }			
		#search input { width: 155px; height: 20px; float: left; }
			#search input.button { /*||hide:true*/ width: auto; border: none; background: none !important; color: #808285; font-weight:bold; }
			
	
	
/*~~ CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	

div#content { padding: 22px; font-size:0.9em; }

	#slider { /*border: 1px solid #c0c0c0; */ margin-bottom: 22px; }
	
	table#teaserTable { }
		  #teaserTable h2 { font-size: 1.4em; }
		  #teaserTable td { width: 239px; padding: 11px; border-right: 22px solid #fff; }
		  #teaserTable p  { line-height: 130%; margin-bottom: 10px; }
		  #teaserTable p.last { /*||title-de:Unterster Absatz||title-en:Last paragraph*/ margin-bottom: 0; }
			  .firstCol  { /*||hide:true*/ background: #e4ebd2; }
			  .secondCol { /*||hide:true*/ background: #fdf0d9; }
			  .thirdCol  { /*||hide:true*/ background: #fffbcd; border-right: none !important;}
				  .business .firstCol  { background: #fffec3; }
				  .business .secondCol { background: #e6e6e6; }
				  .business .thirdCol  { background: #eaf0f5; }

	table#contentTable { margin-bottom: 22px; }		  
		  #contentTable #vertical { width: 26px; padding: 11px 4px; background: #fed04d; border-right: 3px solid #fff; }
	     #contentTable .leftCol  { /*||hide:true*/ width:150px; padding:11px; background: #ffecbd; border-right: 22px solid #fff; }
		  #contentTable .rightCol { /*||hide:true*/  }
		  	.business #contentTable #vertical { background: #bdcdda; }
			.business #contentTable .leftCol  { /*||hide:true*/ background: #d8e2eb; }
			
		  		/* Treemenü */
				#treeNav { padding: 0; font-size: 1.1em; width: 150px; }
					#treeNav li { list-style: none; }
						#treeNav a:link, #treeNav a:visited, #treeNav a:hover, #treeNav a:active { padding-left: 15px; color: #000; display:block; font-weight: bold; text-decoration: none; background: transparent url(../images/chrome/arrow_yellow.png) 0 2px no-repeat; }
						#treeNav a:hover, #treeNav a:active { color: #2065b0; background: transparent url(../images/chrome/arrow_blue.png) 0 2px no-repeat; }
						#treeNav li.active a:link, #treeNav li.active a:visited, 
						#treeNav li.active a:hover, #treeNav li.active a:active { /*||hide:true*/ color: #2065b0; background: transparent url(../images/chrome/arrow_down_blue.png) 0 2px no-repeat; }
					#treeNav ul { padding: 0; }
						#treeNav ul a:link, #treeNav ul a:visited, #treeNav ul a:hover, #treeNav ul a:active,
						#treeNav li.active ul a:link, #treeNav li.active ul a:visited, 
						#treeNav li.active ul a:hover, #treeNav li.active ul a:active { /*||hide:true*/ color: #000; font-weight: normal; background: transparent url(../images/chrome/arrow_small_yellow.png) 3px 2px no-repeat; } 						
						#treeNav li.active ul a:hover, #treeNav li.active ul a:active { /*||hide:true*/ color: #2065b0; background: transparent url(../images/chrome/arrow_small_blue.png) 3px 2px no-repeat; } 
							#treeNav ul ul { margin-left: 10px; }
								#treeNav li.active li.active a:link, #treeNav li.active li.active a:visited, 
								#treeNav li.active li.active a:hover, #treeNav li.active li.active a:active { /*||hide:true*/ font-weight: normal; color: #2065b0; background: transparent url(../images/chrome/arrow_small_down_blue.png) 3px 2px no-repeat; } 						
									#treeNav ul ul ul a:link, #treeNav ul ul ul a:visited, #treeNav ul ul ul a:hover, #treeNav ul ul a:active,
										#treeNav li.active li.active li a:link, #treeNav li.active li.active li a:visited, 
										#treeNav li.active li.active li a:hover, #treeNav li.active li.active li a:active { /*||hide:true*/ color: #000; font-weight: normal; background: transparent url(../images/chrome/arrow_small_yellow.png) 3px 2px no-repeat; } 						
										#treeNav li.active li.active li a:hover, #treeNav li.active li.active li a:active,
										#treeNav li.active li.active li.active a:link, #treeNav li.active li.active li.active a:visited, 
										#treeNav li.active li.active li.active a:hover, #treeNav li.active li.active li.active a:active { /*||hide:true*/ color: #2065b0; background: transparent url(../images/chrome/arrow_small_blue.png) 3px 2px no-repeat; } 
							
						.business #treeNav a:link, .business #treeNav a:visited, .business #treeNav a:hover, .business #treeNav a:active { padding-left: 15px; color: #000; display:block; font-weight: bold; text-decoration: none; background: transparent url(../images/chrome/arrow_lightblue.png) 0 2px no-repeat; }
						.business #treeNav a:hover, .business #treeNav a:active { color: #2065b0; background: transparent url(../images/chrome/arrow_blue.png) 0 2px no-repeat; }
						.business #treeNav li.active a:link, .business #treeNav li.active a:visited, 
						.business #treeNav li.active a:hover, .business #treeNav li.active a:active { /*||hide:true*/ color: #2065b0; background: transparent url(../images/chrome/arrow_down_blue.png) 0 2px no-repeat; }
						.business #treeNav ul a:link, .business #treeNav ul a:visited, .business #treeNav ul a:hover, .business #treeNav ul a:active,
						.business #treeNav li.active ul a:link, .business #treeNav li.active ul a:visited, 
						.business #treeNav li.active ul a:hover, .business #treeNav li.active ul a:active { /*||hide:true*/ color: #000; font-weight: normal; background: transparent url(../images/chrome/arrow_small_lightblue.png) 3px 2px no-repeat; } 						
						.business #treeNav li.active ul a:hover, .business #treeNav li.active ul a:active { /*||hide:true*/ color: #2065b0; background: transparent url(../images/chrome/arrow_small_blue.png) 3px 2px no-repeat; } 
								.business #treeNav li.active li.active a:link, .business #treeNav li.active li.active a:visited, 
								.business #treeNav li.active li.active a:hover, .business #treeNav li.active li.active a:active { /*||hide:true*/ font-weight: normal; color: #2065b0; background: transparent url(../images/chrome/arrow_small_down_blue.png) 3px 2px no-repeat; } 						
									.business #treeNav ul ul ul a:link, .business #treeNav ul ul ul a:visited, .business #treeNav ul ul ul a:hover, .business #treeNav ul ul a:active,
										.business #treeNav li.active li.active li a:link, .business #treeNav li.active li.active li a:visited, 
										.business #treeNav li.active li.active li a:hover, .business #treeNav li.active li.active li a:active { /*||hide:true*/ color: #000; font-weight: normal; background: transparent url(../images/chrome/arrow_small_lightblue.png) 3px 2px no-repeat; } 						
										.business #treeNav li.active li.active li a:hover, .business #treeNav li.active li.active li a:active,
										.business #treeNav li.active li.active li.active a:link, .business #treeNav li.active li.active li.active a:visited, 
										.business #treeNav li.active li.active li.active a:hover, .business #treeNav li.active li.active li.active a:active { /*||hide:true*/ color: #2065b0; background: transparent url(../images/chrome/arrow_small_blue.png) 3px 2px no-repeat; } 
							
								
								
				/* Visuals */
				#visuals { margin-bottom: 22px; }
				#visuals img { float: left; margin-right: 10px; }
				#visuals img.last { /*||title-de:Letztes Bild||title-en:Last image*/ margin-right: 0px; }
				
				.floatClearer { /*||hide:true*/ height: 1px; overflow: hidden; clear: both; }
				
				#produktKat { }	
				#produktKat td { padding-right: 55px; }
				
				h2.oekoSiegel { /*||title-de:Überschrift mit Öko-Siegel||title-en:Headline with Eco-Seal*/ padding: 30px 90px 30px 0; background: transparent url(../images/content/oeko_sign.gif) right center no-repeat }
				
				#twoCols div.left { float: left; margin-right: 22px; background: none; border: none; padding: 0; width:266px;  }
				#twoCols table.right, 
				#twoCols div.right { /*||title-de:Rechte Seite||title-en:Right side*/ float:left; margin-top: 11px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; padding: 0; background: none; width:306px; }
				#twoCols div.left .optic02 { /*||title-de:Kleine Datentabelle||title-en:Small Datatable*/ width: 266px; }
				
					#twoCols table.right h3 { margin-bottom: 5px; color: #000; font-size:1em; }
					#twoCols table.right td { padding: 16px 16px 0 16px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
					
						div.muster { /*||title-de:Eingegliedertes Feld||title-en:Chained area*/ float: left; margin-right: 5px; }
						td.muster { /*||title-de:Eingegliedertes Feld||title-en:Chained area*/ padding: 0 10px 10px 0 !important; border: none !important; width: 25%; }
							.muster img { margin-bottom: 5px; }
							.muster p { line-height: 120%; font-size:0.9em; }
						div.last { /*||title-de:Kein rechter Abstand||title-en:No right margin*/ margin-right: 0; }
						
					.downLoads div.muster { /*||title-de:Eingegliedertes Feld||title-en:Chained area*/ float:none; margin-right: 5px; height:65px; }
						.downLoads div.muster img { float: left; margin-right: 5px; }
						
				div.category { /*||title-de:Umfasst||title-en:Bordered*/ float: left; margin: 0 11px 11px 0; padding: 11px; width: 110px; height: 163px; border: 1px solid #fecc31; background-color: #fffeb6; }		
					.business div.category { background-color: #eff3fc; border: 1px solid #d8e2eb; }
					.category:hover, .business .category:hover { border: 1px solid #2065b0; }
					.category img { margin-bottom: 6px; }	
					.category h3 { font-size: 1.2em; }
					
				ul.noListStyle li { /*||title-de:Liste ohne Punkte||title-en:List without bulletpoints*/ list-style: none; }	
				
				dl.tableView { border: none; padding: 0; margin: 5px 0 0 5px; font-size: 0.9em; }
				  .tableView dt { float: left; width: 6px; height: 10px; border: none; padding:0; }
				  .tableView dd { padding: 0; border: none; }

		/* DOWNLOADS */		
		table.productThumbs { table-layout: auto; }		
			table.productThumbs a.text img { vertical-align: bottom} 
		table.productThumbs td { padding-right: 10px; }
		table.productThumbs td.firstCol { background-color: transparent;  }	
		
		/* IDEEN-CENTER */
		table#ideenCenter .leftCol { /*||hide:true*/ width:271px; padding:0 18px 0 0; background: none !important; border: none; }
		table#ideenCenter .rightCol { /*||hide:true*/  }
			table#ideenCenter .leftCol img { margin-bottom: 18px; }
			table#ideenCenter .rightCol img { margin-bottom: 18px; margin-right: 18px; }
			
			#ideenCenter .nav { float: right; }
			#ideenCenter a.back:link, #ideenCenter a.back:visited, 
			#ideenCenter a.back:hover, #ideenCenter a.back:active {
				/*||hide:true*/
				padding-left: 15px;
				background: transparent url(../images/chrome/arrowback_blue.png) 0 2px no-repeat;
				padding-right: 10px;
				margin-right: 10px;
				border-right: 1px solid #2065b0;
			}
			#ideenCenter a.next:link, #ideenCenter a.next:visited, 
			#ideenCenter a.next:hover, #ideenCenter a.next:active { /*||hide:true*/ padding-right: 15px; background: transparent url(../images/chrome/arrow_blue.png) right 2px no-repeat; }

				#ideenCenter .ideeDetails td, #ideenCenter .ideeDetails th { padding: 0 18px 18px 0; vertical-align: top; text-align: left; }
				#ideenCenter .ideeFiles td, #ideenCenter .ideeFiles th { padding: 0 5px 5px 0; vertical-align: top; text-align: left; }
					#ideenCenter .ideeFiles td.leftCol { width: 50px; padding: 0 18px 0 0; background: none; border: none; }
					#ideenCenter .ideeFiles td.centerCol { padding: 0 18px 0 0; background: none; border: none; }
					#ideenCenter .ideeFiles td.right { width:50px; padding:0; background: none; border: none; }
					#ideenCenter .ideeFiles img {	margin:0; }
		
		
/*~~ GALLERY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		

div#flashGallery { position: absolute; margin: 0; width: 100%; height:100%; top:0; left:0; }
	#flashGallery  #flashGalleryWrapper  { position: fixed; padding: 15px; width: 940px; height:570px; top:0; left:50%; margin-left: -486px; border: 1px solid #d8d8cc; background: transparent url(../images/chrome/gallery_bg.png) no-repeat;}
		#flashGallery a#closeLink:link, #flashGallery a#closeLink:visited,
		#flashGallery a#closeLink:hover, #flashGallery a#closeLink:active {
			position: absolute; top:15px; right: 15px;
			display: block; padding-top: 30px;
			width: 45px; height: 9px; 
			color:#828282;	
			background: transparent url(../images/chrome/btn_close.gif) top center no-repeat;
		}
			#flashGallery a#closeLink:hover, #flashGallery a#closeLink:active { color: #000; background: transparent url(../images/chrome/btn_close_active.gif) top center no-repeat; text-decoration:none; }
		#flashGallery .galleryButton { position: absolute; top: 15px; left: 15px; width:204px; }
		#flashGallery .galleryButton a:link, #flashGallery .galleryButton a:visited,
		#flashGallery .galleryButton a:hover, #flashGallery .galleryButton a:active {
			display: block;
			margin-right: 5px;
			float: left;
			width: 75px;
			color: #828282;
			text-decoration: none;
			padding: 10px;
			border: 1px solid #e1e1e3;
			background-color: #fefdff;
			text-align: center;
			font-size: 1.1em;
		}	
			#flashGallery .galleryButton a:hover, #flashGallery .galleryButton a:active,
			#flashGallery .galleryButton a.active:link, #flashGallery .galleryButton a.active:visited,
			#flashGallery .galleryButton a.active:hover, #flashGallery .galleryButton a.active:active { color: #000; border-color:#bfbfbf; background-color: #fff; font-weight: normal; }	
			
			
div#topNav { background-color: #ddd; }
	#topNav ul { text-align: right; }
		#topNav li { list-style: none; padding: 5px 10px; }
			#topNav a:link, #topNav a:visited,
			#topNav a:hover, #topNav a:active { color: #808285; font-weight: bold; }
			
div#galleryArea { margin: 25px auto 0 auto; width: 612px; height: 722px; }
	#galleryArea #imgDetail { position: relative; width: 600px; height: 600px; margin: 0; padding: 0 6px 12px 6px; }
					 #imgDetail .imgTitle { position: absolute; bottom: 27px; left: 16px; padding: 3px 4px; font-weight: bold; line-height:100%; background-image: url(../images/chrome/50p_transparent_white.png);  }
	#galleryArea #thumbBar { border: 1px solid #a0a0a0; width: 614px; height: 110px; }
		#thumbBar a:link, #thumbBar a:visited, #thumbBar a:hover, #thumbBar a:active { margin-right: 5px; float: left; text-decoration: none;}
		#thumbBar a.thumbPrev:link, #thumbBar a.thumbPrev:visited, 
		#thumbBar a.thumbPrev:hover, #thumbBar a.thumbPrev:active { display: block; width: 17px; height: 110px; background: #eee url(../images/chrome/btn_gallery_prev.gif) no-repeat; } 
			#thumbBar a.thumbPrev:hover, #thumbBar a.thumbPrev:active { background: #eee url(../images/chrome/btn_gallery_prev_pressed.gif) no-repeat; } 		
		#thumbBar a.thumbNext:link, #thumbBar a.thumbNext:visited, 
		#thumbBar a.thumbNext:hover, #thumbBar a.thumbNext:active { display: block; margin-right:0; width: 17px; height: 110px; background: #eee url(../images/chrome/btn_gallery_next.gif) no-repeat; } 
			#thumbBar a.thumbNext:hover, #thumbBar a.thumbNext:active { background: #eee url(../images/chrome/btn_gallery_next_pressed.gif) no-repeat; } 		
		#thumbBar a.thumbPrevDisabled:link, #thumbBar a.thumbPrevDisabled:visited, 
		#thumbBar a.thumbPrevDisabled:hover, #thumbBar a.thumbPrevDisabled:active { display: block; width: 17px; height: 110px; background: #eee url(../images/chrome/btn_gallery_prev_inactive.gif) no-repeat; } 		
		#thumbBar a.thumbNextDisabled:link, #thumbBar a.thumbNextDisabled:visited, 
		#thumbBar a.thumbNextDisabled:hover, #thumbBar a.thumbNextDisabled:active { display: block; margin-right:0; width: 17px; height: 110px; background: #eee url(../images/chrome/btn_gallery_next_inactive.gif) no-repeat; } 
			
			#thumbBar a.active:link, #thumbBar a.active:visited, #thumbBar a.active:hover, #thumbBar a.active:active { border: 3px solid #fed04d; margin-left:-3px; margin-right: 2px; }
								
/*~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */			

div#footer { height:27px; padding: 0 22px; background: #c0c0c0; color: #fff; font-weight: bold; font-size: 0.8em; }
	#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #fff; font-weight:bold; }
	#footer ul { margin: 0; padding: 5px 0 0 0; }
		#footer li { display: inline; padding-right: 22px; }
		
		#copyright { float: right; margin: 7px 0 0 0; }

		
		
/*======================= CSSFORMS: Breiten der Elemente ================================*/

.cssForm fieldset { width: 570px; } /* 'A' */
.cssForm label { width: 120px; border:none; color:#000; } /* 'B' */
.cssForm .rightCol {padding-left:125px; /* 'B'+5px */ }
.cssForm .rightCol, .cssForm input, .cssForm select, .cssForm textarea, .cssForm .exInput,
.cssForm .exTextarea { width: 390px; /* 'A'-'B'-10px='C' */ }

.cssForm .twinRow input, .cssForm .twinRow select,.cssForm .twinRow textarea, .cssForm .twinRow .exInput,
.cssForm .twinRow .exTextarea { width: 154px; /* ('C'-'B'-12)/2 */ margin-right: 10px; _margin-right: 9px;  }
.cssForm .assignment select {width: 160px;} /* ('A'-'B'-130px)/2 */

/*======================= CSSFORMS: Optikanpassungen für Kunden ================================*/

input.button, .button {} 
.cssForm fieldset.error { border-top-color: #f7931; }
.cssForm { /*||hide:true*/ } .rightCol { /*||hide:true*/ } .exInput { /*||hide:true*/ } .exTextarea { /*||hide:true*/ }
.twinRow { /*||hide:true*/ } .assignment { /*||hide:true*/ }


			
/*~~ SPECIAL FÜR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{/*||hide:true*/	position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */

table tr.divider td { padding-bottom: 15px; }
table tr td.fractionline { border-bottom: 1px solid #000; }