/*(c)2012 com2 Gmbh, OP, www.com-com.com */

/*======================= RESET ================================*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	 margin: 0; padding: 0; border: 0; outline: 0; 
	 vertical-align: baseline; background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0;  vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need cellspacing="0" in the markup */

hr, .cssForm hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */

 
/*~~ Tag Definitionen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
html{
	font-size: 62.5%;
}
 
html, body, textarea, input {font-family: "Helvetica Neue",Helvetica, Calibri, Tahoma, Arial,sans-serif; color: #4a4949;} 
body {font-size: 14px; font-size: 1.4rem; -webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto; }
 
html, body { margin: 0; padding: 0; min-height: 100%; height:100% }
body { background:#fff url(../images/chrome/mainbg2012.gif) left top repeat-x;	  }

html[xmlns^="http"]{	overflow-y: scroll;} /* Scrollbalken immer anzeigen*/


body.popupBlank{
	min-height: 50%;
	height: auto;
	background:none; 
	margin:20px; 
	

	
}
body.popup { background: #f5f5f5; background:#f5f5f5 url(../images/chrome/popupbg.gif) center top repeat-y;	  }
 
form {margin:0px; display: inline; }
th {text-align: left; font-weight: bold; } img {border:none;}
fieldset { background: none; }
legend { color: #000; text-transform: none; padding: 0 3px;}

sup {vertical-align: top;font-size: smaller;}
sub {vertical-align: sub;font-size: smaller;}

ul, li{
	padding: 0; margin:0;
}
p, ol, ul, dl, table { margin: 0 0 15px 0; line-height: 155%; } 	
ol { =padding-left: 23px; }
ul { padding-left: 15px;  }


.clear{ /*||title-de:Styles bereinigen||title-en:Clear style||desc-de:Styling bereinigen||desc-en:Clear Styles*/
	clear: both !important;
	height: 1px;
	
}

.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clear {
	display: inline-block;
}
 
html[xmlns] .clear {
	display: block;
}
 
* html .clear {
	height: 1%;
}

em { font-style: normal; color: #009671 }
 

h2 { padding: 0 0 20px 0; margin: 0; font-size: 20px; font-size: 2rem; font-weight: normal; color: #009671;  font-family: "Myriad Pro", "Calibri"; line-height: 115%   }


h3, h4 { margin: 0 0 15px; padding: 2px 0 0 0; color: #009671; font-size: 17px; font-size: 1.7rem;  font-family: "Myriad Pro", "Calibri"; font-weight: normal; }
	h3.subHeader { /*||hide:true*/margin-top: -20px; font-weight: normal; color: #767676; =margin-top: -14px  }
	p.subHeader {/*||hide:true*/ border-bottom: 1px solid #c7c7c7; margin-bottom: 5px; margin-top: -15px }
/*h4 { margin: 0 0 15px; padding: 0; font-size: 1.3em; font-weight: bold; color: #767676; line-height: 110%; font-family: "Myriad Pro", "Calibri"; }*/
h5 { margin: 0 0 15px; padding: 0; font-size: 15px; font-size: 1.5rem; color: #4a4949; }
h6 { margin: 0 0 15px; padding: 0; font-size: 15px; font-size: 1.5rem; text-transform: uppercase; font-weight: bold; color: #009671font-family: "Myriad Pro", "Calibri"; }

.nomargin{ 
	/*||title-de:Kein Abstand oben||title-en:No margin top||desc-de:Kein Abstand nach oben||desc-en:No margin top*/
	margin-top: -15px; }
 
.cssForm { /*||hide:true*/ }
hr, .cssForm hr { margin: 4px 0 6px 0; padding: 0; height:1px; color: #ccc; background: #ccc; border: none; line-height: 1px;}

 
/*~~ Links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { color: #767676}
	h3 a:hover, h3 a:active {color: #009671}
	
p.date{font-size: 11px; font-size: 1.1rem; color: #878787; margin: 15px 0 0 0;}
	
h3.press{
	margin: 0px; padding: 0;
}
h3.press a:link, h3.press a:visited, h3.press a:hover, h3.press a:active {
	/*||hide:true*/font-size: 16px; font-size: 1.6rem;  color: #4a4949; text-decoration: none;}
	h3.press a:hover, h3.press a:active {/*||hide:true*/ border-bottom: 1px dotted #c7c7c7; color: #000}

.pressRelease{
	border-bottom: 1px solid #ccc;
}
	
 a:link, a:visited, a:hover, a:active { color: #000;} 
 a:hover, a:active { color: #009671; }
 
 a.important:link, a.important:visited, a.important:hover, a.important:active  {
 	 /*||title-de:Important Link mit Dreieck||title-en:Important link with triangle||desc-de:Link in Fettschrift mit einem Dreick davor||desc-en:Bold Link with triangle in front*/
	 color: #4a4949; font-weight: bold; background: transparent url(../images/chrome/arrow-one.gif) 0 4px no-repeat; padding-left: 11px; text-decoration: none; } 
a.important:hover, a.important:active  { text-decoration: underline; color: #000; } 
 
 

/*~~ STANDARD CLASSES ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 
.small { /*||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/ font-size: 9px; font-size: .9rem;}
.bildText { /*||title-de:Bildtext||title-en:ImageText||desc-de:Schrift unterhalb von Grafiken||desc-en:Font underneath images*/ font-size: 8px; font-size: .8rem; color: #aaa;}
 
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 5px 5px; } 
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 5px 5px 0; }

.floatRight {/*||hide:true*/float: right;}
.floatLeft {/*||hide:true*/float: left;}

.cmsColor01 { /*||title-de:Grüen||title-en:Green*/ color: #009671; }
.cmsColor02 { /*||title-de:Rot||title-en:Red*/ color: #DC002E; }
 

/*~~ LISTEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.sitemap ul, ul.sitemap li{/*||hide:true*/padding: 0; margin: 0; } 
ul.sitemap{/*||hide:true*/padding-left: 50px; width: 300px; }

	ul.sitemap li{ list-style: none; font-weight: bold; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px dotted #4a4949; }

		ul.sitemap li.first{ padding-bottom: 15px; font-size: 15px; font-size: 1.5rem; border: none  }
			ul.sitemap li.first a:link, ul.sitemap li.first a:visited, ul.sitemap li.first a:hover, ul.sitemap li.first a:active{ color: #009671; text-decoration: none; }
				ul.sitemap li.first a:hover, ul.sitemap li.first a:active{ color: #4a4949; text-decoration: underline; }

		ul.sitemap li li, ul.sitemap li li li{ list-style: circle; margin-left: 20px; font-weight: normal; font-size: 11px; font-size: 1.1rem; padding-bottom: 0; border:none; margin-bottom: 0 }
		ul.sitemap li li{ font-weight: bold; list-style: none; margin-left: 15px;	}
				ul.sitemap li li li{ margin-bottom: 3px;}

ul.sitemap li a:link, ul.sitemap li a:visited, ul.sitemap li a:hover, ul.sitemap li a:active{ text-decoration: none;}
	ul.sitemap li a:hover, ul.sitemap li a:active{ text-decoration: underline; display: inherit;}
	

	ul.linkList { /*||hide:true*/list-style: none; line-height: 130%; line-height: 130%; margin: 0; padding: 0 }
	ul.linkList li { margin: 0 0 6px 0; padding-bottom: 5px; border-bottom: 1px dotted #ccc;  }
			ul.linkList a:link, ul.linkList a:visited, ul.linkList a:hover, ul.linkList a:active { 
				color: #4a4949; background: transparent url(../images/chrome/arrow-one.gif) 0 4px no-repeat; 
				padding-left: 15px;  text-decoration: underline; display: block; text-decoration: none  }
			ul.linkList a:hover, ul.linkList a:active { color: #000; }
			
/*~~ 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 td { background-color: #eee; }
table.optic01 td, table.optic01 th { 
 padding: 3px;
 vertical-align: top;
}
/* OPTIC2  -   */
table.optic02 {
 /*||title-de:Tabellenoptik 2||title-en:Tablestyle 2||desc-de:Formatierung für Datentabellen. Kopfzellen oben.||desc-en:Formatting of Datatables. Headcells above. */
 	width:100%;
  }
  
	table.optic02 td, table.optic02 th { 
		 padding: 3px;
		 vertical-align: top;
		 color: #7f7f7f;
		 background: transparent url(../images/chrome/bgtablerow.gif) top left repeat-x ;
	}
		table.optic02 th {border-left:5px solid #fff;}
		table.optic02 td{text-align: right; }
  
			table.optic02 thead th{background: transparent url(../images/chrome/bgtabletop.gif) 0 26px repeat-x ;border: none; padding-bottom: 10px; color: #009671; text-align: right;			} 
				table.optic02 thead th.last-child, table.optic02 thead th:last-child{ padding-right: 8px;}

				table.optic02 tr.alternate td, table.optic02 tr.alternate th{background-color: #f7f7f7; }
				table.optic02 tr.last-child td, table.optic02 tr:last-child td{padding-bottom: 5px; }
				table.optic02 tr td:last-child, table.optic02 tr td.last-child{border-right:5px solid #fff}
					
				table.optic02 tfoot tr td:last-child, table.optic02 tfoot tr td.last-child{border:none; text-align: left; padding-left: 8px}

		

	

/*~###################################################################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
                                 LAYOUT
----------------------------------------------------------------------------------------------------*/        
/*Beispiel:*/ /*||hide:true||title-de:klein||title-en:small||desc-de:Kleinere Schriftdarstellung||desc-en:Smaller Fontsize*/


.popup #wrapper{/*||hide:true*/
	width: 502px;
	}
	
.close{/*||hide:true*/float: right;}
	
#wrapper{
	width:989px;
	margin: 0 auto;
	position: relative;
	z-index: 10
	/*background: transparent url(../images/chrome/stars.gif) 3px bottom no-repeat;*/
}
body.popup #minWidth {
	width: 502px
}
#minWidth { width: 989px; margin: 0 auto; position: relative;   }	 

#header{
	background: transparent url(../images/chrome/bghead2012.png) right 36px no-repeat;
	width: 989px;	

}

#teaser{	position: relative;}

	#topTeaserBox{
		position: absolute;
		background: transparent url(../images/chrome/topteaserbox.png) left top no-repeat;
		right: 20px;
		top: 35px;
		width: 271px;
		height: 128px;
		padding: 14px 40px 0px 20px;
	}
	* html #topTeaserBox {background: transparent url(../images/chrome/topteaserbox.gif) left top no-repeat;}	
	
		#topTeaserBox h2{color: #fff; margin-bottom: 8px; padding: 0; font-size: 19px; font-size: 1.9rem; font-weight: bold; }
		#topTeaserBox p{color: #fff; line-height: 120%; font-weight: bold;}
		#topTeaserBox a:link, #topTeaserBox a:visited, #topTeaserBox a:active, #topTeaserBox a:hover{
			color: #fff; text-decoration: none;  font-style: italic; padding-left: 8px;}
			#topTeaserBox a:active, #topTeaserBox a:hover{ text-decoration: underline; color: #f5f5f5;}

	/**html #header{ 
		background:none;	
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/chrome/bghead.png', sizingMethod='crop');	}*/

	body.home #wrapContent {background: none;}
		
	#wrapContent { 
		background: #fff url(../images/chrome/stars2012.gif) left bottom no-repeat; padding-bottom: 10px; 
		}


body.home #secondCol, body.home #firstCol, #fourthCol {width: 240px; float: left;}
	#fourthCol{margin: 0px 0 0 15px; }
	

#firstCol {
	width: 230px; 
	float: left;  
	}
	
	#firstCol p, #firstCol div#sekNav{
		position: relative; 
	}
	 div#sekNav{ min-height: 430px; _height:500px}
	
#starsWrapper{margin: 0 auto; position: relative; width: 989px; z-index: 2	} 
		body.home #stars{display:block;}
		#stars{ 
			position: absolute; left: 2px; top: -125px; 
			display: none; background: transparent url(../images/chrome/stars_home.gif) left bottom no-repeat; 
			height: 210px; width: 219px}
		
	
	
	body.home #secondCol {margin-left: 15px;}
	#secondCol {width: 483px; margin: 0px 0 0 20px; float: left; }
		
	body.wide #secondCol {/*||hide:true*/ width:715px; }
	body.wide #thirdCol { display: none;}
		
	#content{ position: relative; width: 483px; overflow: hidden; font-size: 13px; font-size: 1.3rem;  }
	body.popup #content{
		padding: 20px;
		width: 460px;
		text-align: justify;
	}
	#rightContent{float: right; max-width: 222px; w_width:222px; margin-left: 15px; }
	
	body.home #thirdCol {width: 223px;}
	#thirdCol {width: 230px; padding: 0; float: right; }
	

#contact{
	background:#fff url(../images/chrome/bgcontact.gif) left top no-repeat;
	height: 162px;
	width: 194px;
	padding: 15px;	
	color: #747474;
	margin-bottom: 15px;
}
	#contact p{line-height: 120%;font-size: 11px; font-size: 1.1rem; }
	#contact h3{ margin-bottom: 10px;}
	
#bottom{
	background: #f5f5f5 url(../images/chrome/bgfootermenu.gif) left top no-repeat;
	margin: 0 auto;
	width: 989px;
	position: relative;
	z-index: 1;
	clear: both;
	font-size: 11px; font-size: 1.1rem; 
}	

	body.home #bottom { background-image: none;}

	#footerMenu{
		=height: 120px; 
		padding: 20px 0 20px 243px;	
	}
	
	#footerMenu ul{margin:0; max-width: 150px;	float: left;padding: 0 10px;  }
		#footerMenu li{ list-style: none; line-height: 140%; }
			#footerMenu li.first-child{margin-bottom: 5px}
				#footerMenu li.first-child a:link, #footerMenu li.first-child a:visited, #footerMenu li.first-child a:hover, #footerMenu li.first-child a:active{ 
					font-weight: bold; text-transform: uppercase; }
					#footerMenu li a:link, #footerMenu li a:visited, #footerMenu li a:hover, #footerMenu li a:active{ color: #9c9c9c; text-decoration: none; }
					#footerMenu li a:hover, #footerMenu li a:active{ color: #000; text-decoration: underline;
					}
	

	#footer {
		margin-left: 2px;
		color: #aaaaaa;
		border-top: 1px solid #ccc;
		height: 23px;
		background-color: #fff;
		padding: 6px 0;
		
	}
					
		#footer div{padding-top: 5px; }

			#footer ul { margin: 0; padding: 3px 0px 0 5px; float: right; }
				#footer li { display: inline;}
					#footer a:link, #footer a:visited{text-decoration: none; line-height: 110%; border-left: 1px solid #ccc; padding: 0 4px; color: #aaaaaa; }
							#footer li.first a{border-left: none; }
						#footer a:hover, #footer a:active{text-decoration: underline; }

	#copy{
		float: left;
	}
				
/*~~ twoCols ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.twoCols { /*||hide:true*/width: 742px }
	table.twoCols td { vertical-align: top; }
	table.twoCols .colOne {  /*||hide:true*/padding: 0 22px 0 0; width: 373px }
	table.twoCols .colTwo {  /*||hide:true*/width: 347px; }
		table.twoCols label{ width: 208px; }
		table.twoCols fieldset{ width: 357px }
		
table.twoColsLayout { /*||hide:true*/table-layout:fixed; }
	table.twoColsLayout td { vertical-align: top; }
	table.twoColsLayout .colOne { /*||hide:true*/ padding: 0 22px 0 0; }
	table.twoColsLayout .colTwo { /*||hide:true*/ width: 222px; }		
	
table#CP, table#IFS, table#HG  {
	border-bottom: 1px solid #f1f1f1;
}
		
		
/*~~ Suchergebnis ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#suche{
	width: auto;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px dotted #f7f7f7;
	background-color: #f1f1f1;
}		
		
/*~~ Suchergebnis ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.listItem { /*||hide:true*/width: 510px; margin-bottom: 15px; background:#009671  }
	table.listItem	td{
		padding: 3px 10px 0;
		background:#f5f5f5;
		vertical-align: top;
		height: 73px;
		width: 100px;
		border-left: 10px solid #009671;
	}

		table.listItem	td em{ font-weight: bold; font-style: italic; margin: 0 3px}
	table.listItem	tr:hover td{
		background-color: #f3f3f3;
			 
	}
	table.listItem	td h4{ font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 13px; font-size: 1.3rem; margin-bottom:5px; }
	table.listItem	td h5{ font-size: 12px; font-size: 1.2rem;}
	table.listItem	td p{ line-height:120%;margin-bottom:0;}
	table.listItem	td.listItemContent {
	width: 380px;
	padding-right: 15px;
	background: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	
}
	table.listItem	td.noPara{
		vertical-align: middle;
	}
		table.listItem	td.noPara p{
			display: none;

		}

/*======================= JOBLISTE ================================*/		

.jobList {/*||hide:true*/ }
	.jobList h3 { border-top: 1px solid #c7c7c7; padding-top: 10px;}
	.jobBidLink{ /*||hide:true*/ float: right; margin: -3px 0 0; }
	.jobDescriptionLink{ /*||hide:true*/ margin: 0 0 20px; }
	.jobList .subHeader{ border-bottom: none; }

		
		
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Tooltipp */			
			
		a.tt {/*||title-de:Tooltipp Link||title-en:Tooltipp link||desc-de:Link und Tooltipp||desc-en:Link and tooltipp*/
			background: transparent url(../images/chrome/exclamation_mark.gif) left 1px no-repeat;
			padding-left: 7px;
			text-decoration: none;
			border-bottom: 1px dotted #4a4949;
			cursor: n-resize;
		}
		
		a.tt:hover{position: relative;}
		a.tt span {display:none}
		a.tt .tooltipp {/*||title-de:Tooltipp Text||title-en:Tooltipp text||desc-de:Tooltipp Text||desc-en:Tooltipp text*/
				background: transparent url(../images/chrome/tt.png) top left;
				position: absolute;
				top: 1.3em;
				left: 0;
				color: #f7f7f7;
				padding: 2px;
				border: 2px solid #fff;
				min-width: 150px;
				_width: 150px;
				xxfont-weight: bold;
				height: auto; line-height: 130%;
				text-decoration: none;
				 z-index: 999999;	
		} 

			a.tt:hover .tooltipp {display: block; z-index: 9999;  }
				
		* html a.tt .tooltipp { background: #4a4949; z-index: 9999; color: #fff} 

	a.tt:hover .image{/*||hide:true*/
		top: -136px;
		_top: -80px;
		left: -200px;
	}
	
	img.rightTopimg{/*||hide:true*/
		margin-top: -45px;
		=margin-top: -55px;
	}




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Logo */

#logo{ position: relative; clear: both; height: 63px; }
	
	h1 { margin: 0; padding: 0; display: inline; font-weight: normal; float: left;   } /*Verwendung unsichtbar im Head*/
  
	#logo span{ font-size: 8px; font-size: .8rem; }
		#logo img{ position: absolute; left: 0; top: 0;} 
			#print{
				display:none;
			}
		
	
#logo fieldset{border:none; margin: 0;  width: 230px; padding:13px 6px 0 0; float:right; background: none;}
	#logo fieldset input{border: none !important; text-align: center; background: transparent; 
		width: 120px; font-size: 11px; font-size: 1.1rem; padding-bottom: 4px; float: left; margin: 9px 11px 0 37px }

		
	#logo fieldset input.button{
		border: none !important;
		padding-bottom: 0;
		background: transparent url(../images/chrome/bgsearch.png) right 3px no-repeat !important;
		width: 25px !important;	height: 25px !important;
		text-indent: -5000px;
		cursor: pointer;
		line-height: 0;
		margin: 3px 0 0 0; 
	}
	
	#logo .print{
		display: none;
	}
	
#logo a:link, #logo a:active, #logo a:visited, #logo a:hover{
	color: #f7f7f7; float: left;margin-top: 15px;
}   
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Funktionsnavigation */

#funcNav {
	float: right;
	width: 345px;
	height: 25px;
	font-size: 11px; font-size: 1.1rem;  

}

#funcNav ul { margin: 0; float: right; padding-right: 20px; padding-top: 8px; text-align: right; min-width: 200px;  }

	#funcNav ul li { list-style: none; display: inline }
	
		#funcNav ul li a:link, #funcNav ul li a:visited, #funcNav ul li a:hover, #funcNav ul li a:active  {
			color: #4a4949;
			text-decoration: none;
			padding: 0px 7px;
		}
		
			#funcNav ul li a:hover, #funcNav ul li a:active{text-decoration: underline; }

body.home #breadcrumb ul {display: none;}
			
#breadcrumb {padding: 12px 10px; font-size: 11px; font-size: 1.1rem; }
	#breadcrumb ul{margin:0; padding: 0}
		#breadcrumb li{display: inline; color: #9c9c9c; list-style: disc;  }

			#breadcrumb li a:link, #breadcrumb li a:visited, #breadcrumb li a:hover, #breadcrumb li a:active{
				color: #4a4949;
				background: transparent url(../images/chrome/icon_breadcrumb.gif) left 4px no-repeat;
				padding-right:3px;
				margin-left: 3px;
				padding-left: 10px;
				}
			#breadcrumb li a:hover, #breadcrumb li a:active{	color: #009671; }
					#breadcrumb li.first a{ /*||hide:true*/background: none; padding-left: 0}
					#breadcrumb li a:hover, #breadcrumb li a:active{
						text-decoration: underline;
						}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Hauptnavigation */
/* Erste Ebene */

#mainNav {
	width: 989px;
	height: 42px;
	margin-top: 5px;
	background: transparent url(../images/chrome/bgmainnav.png) 0 0 no-repeat;

}

	#mainNav ul {padding-left: 0; margin: 0; height: 42px; }
		#mainNav ul li {
			float: left; 
			list-style: none; 			   
			height: 42px;
			background: transparent url(../images/chrome/menuseparator.gif) right bottom no-repeat;
			}
	
			#mainNav ul li a:link, #mainNav ul li a:visited, #mainNav ul li a:hover, #mainNav ul li a:active  {
				float: left;
				color: #4a4949;
				text-decoration: none;
				padding: 10px 17px 0;
				margin-right: 2px;
				height: 32px;
			}	
				#mainNav ul li a:hover, #mainNav ul li a:active, #mainNav ul li.active a:link, #mainNav ul li.active a:visited {
					color: #fff;
					background-color: #009671;
					background-image: linear-gradient(bottom, rgb(0,150,113) 10%, rgb(0,120,90) 100%);
					background-image: -o-linear-gradient(bottom, rgb(0,150,113) 10%, rgb(0,120,90) 100%);
					background-image: -moz-linear-gradient(bottom, rgb(0,150,113) 10%, rgb(0,120,90) 100%);
					background-image: -webkit-linear-gradient(bottom, rgb(0,150,113) 10%, rgb(0,120,90) 100%);
					background-image: -ms-linear-gradient(bottom, rgb(0,150,113) 10%, rgb(0,120,90) 100%);
					background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.1, rgb(0,150,113)),color-stop(1, rgb(0,120,90)));
					}

					
	li#mainNav04 a:link, li#mainNav04 a:visited, li#mainNav04 a:hover, li#mainNav04 a:active,
	li#mainNav016 a:link, li#mainNav016 a:visited, li#mainNav016 a:hover, li#mainNav016 a:active{
		color: #000;
		background: transparent url(../images/chrome/menuhome.gif) 50% 12px no-repeat;
		text-indent: -5000px;
		width: 30px
	}
		li#mainNav04 a:hover, li#mainNav04 a:active, li#mainNav04.active a:link, li#mainNav04.active a:visited, li#mainNav04.active a:hover, li#mainNav04.active a:active,
		li#mainNav016 a:hover, li#mainNav016 a:active, li#mainNav016.active a:link, li#mainNav016.active a:visited, li#mainNav016.active a:hover, li#mainNav016.active a:active{
			background: #999999 url(../images/chrome/menuhome.gif) 50% -34px no-repeat !important;
			}
			


/* Zweite Ebene */

#sekNav ul {padding: 0px; font-size: 13px; font-size: 1.3rem;width: 215px; margin-left: 8px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #CBCBCB; background-color: #f5f5f5  }
	#sekNav ul li { float: none; list-style: none; border-bottom: 1px solid #CBCBCB; border-top: 1px solid #fff   }
		
		#sekNav a:link, 
		#sekNav a:hover, 
		#sekNav a:active, 
		#sekNav a:visited {
			display: block;
			padding: 5px 12px 5px 14px;
			color: #4a4949;
			text-decoration: none;
			font-weight: bold; 
			text-align: left;
			line-height: 120%;
			background: transparent url(../images/chrome/arrow.gif) -10px 8px no-repeat;
		}
				#sekNav a:hover, 
				#sekNav a:active,
				#sekNav li.active a { background-position: 6px -10px; color: #009671 }
		
			#sekNav li.active a:link, 		 		
			#sekNav li.active a:visited, 	 
			#sekNav ul ul li.active a:link,
			#sekNav ul ul li.active a:visited,	
			#sekNav ul ul li.active li.active a:link,
			#sekNav ul ul li.active li.active a:visited
			{color: #009671;}	
				
				#sekNav li.active li a:link, 		#sekNav ul ul li.active li a:link, 
				#sekNav li.active li a:visited, 	#sekNav ul ul li.active li a:visited
				{
					font-weight: normal;
					width: 149px;
					color: #4a4949;
					padding: 0; 
					background: transparent;
					height: auto; line-height: 110%;	
				}
	
			#sekNav ul ul, 
			#sekNav ul ul ul, 
			#sekNav ul li.active ul ul {padding: 0; display: none; background: none; border: 0; margin: 0 0 5px 15px; width: auto }
			#sekNav ul li.active ul ul {margin:3px 0 0 0;  }
				#sekNav ul li.active ul ul li{ padding-top:5px; font-size: 11px; font-size: 1.1rem; }
				
			#sekNav ul li.active ul, 
			#sekNav ul ul li.active ul { display: block; }
				#sekNav ul ul li {
					font-size: 12px; font-size: 1.2rem; 
					margin-right: 15px; font-weight: normal; 
					background: transparent; padding: 5px 10px 5px 15px; }
						#sekNav ul ul li:last-child, #sekNav ul ul li.last { border: none;padding-bottom: 2px;}

					
					
						
			
			
/*~~ Ansprechpartner ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#contacter{ }
	#contacter div{ background: transparent url(../images/chrome/bgcontacter.gif) 2px 1px no-repeat; padding: 5px; height: 103px  }
	#contacter div img{ width: 65px !important; height: 100px !important; margin-right: 5px; border: 1px solid #f7f7f7 }

/*~~ Sonstiges ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.listHeader { /*||hide:true*/border-bottom: 1px solid #c7c7c7; padding: 0 0 3px; margin-bottom: 3px; }
	.listHeader span { float: right; font-weight: bold; color: #7f7f7f; }
	.listHeader a:link, .listHeader a:link, .listHeader a:link, .listHeader a:link {
		color: #6c6c6c; font-weight: bold;
	}
p.moreLink {/*||hide:true*/ margin: -15px 0 10px 0; padding-bottom:5px;text-align:right;}

.calcResults { /*||hide:true*/background: transparent url(../images/chrome/info.gif) 0 9px no-repeat; padding: 9px 0 0 0; }
	.calcResults strong { padding-left: 26px; color: #009671; }
	.calcResults em { font-weight: bold; }

	strong.star {/*||hide:true*/ color: #009671; font-weight: normal; }

#homeWrapper { background: #fff url(../images/chrome/homeWrapper.jpg) 0 0 no-repeat; padding: 10px 15px; min-height: 298px; _height: 298px; }
	#homeWrapper p { width: 240px; }
	
.homeTbl td{/*||hide:true*/
	border-bottom: 12px solid #fff;
	vertical-align: top;
}

  .homeTblLeft {/*||hide:true*/
		padding: 10px 30px 0px 12px;
		background: #f3f3f3 url(../images/chrome/bgtable_home.gif) left top no-repeat;
		width: 185px;
		height: 80px;
		line-height: 150%;
}
	.homeTblLeft span { padding-top: 5px; display: block;}

.box {/*||hide:true*/ background: transparent url(../images/chrome/box_bg.gif) 0 100% no-repeat; margin: 10px 0}
	.box .content {/*||hide:true*/
		background: transparent url(../images/chrome/box_top.gif) 1px 0 no-repeat;
		width: 194px;
		padding: 10px 15px 5px;	
		color: #747474;
		margin-bottom: 15px;
	}
		.box .content { line-height: 130%; font-size: 11px; font-size: 1.1rem;}

		
		

.teaserBox{
	border: 1px solid #CBCBCB;
	position: relative;
 	height: 342px;
 	cursor: pointer;
	-webkit-border-radius: 3px; border-radius: 3px; 
}

:root .teaserBox{height: 345px\9;} /*IE9*/
@media \0screen {.teaserBox {height: 345px;}} /*IE8*/
*+html .teaserBox {height: 347px;} /*IE7*/
*html .teaserBox {height: 347px;} /*IE6*/

	.teaserBox:hover{background-color: #f5f5f5;}
	
	.teaserBox h2{ background-color: #fff; padding: 5px 10px; color: #4a4949; 
		-moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px;
		border-top-right-radius: 3px; border-top-left-radius: 3px;}
		
	.teaserBox p{ padding: 12px; }
	
	.teaserBox a:link, .teaserBox a:active, .teaserBox a:hover, .teaserBox a:visited{
		color: #009671; padding: 10px 0 20px 20px; text-decoration: none;
		-moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px;
		border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
		font-weight: bold; font-size: 12px; font-size: 1.2rem; position: absolute; width: 218px; bottom: 0;
		background: #f5f5f5 url(../images/chrome/arrow-inv.gif) -6px 14px no-repeat;}
			.teaserBox a:active, .teaserBox a:hover {
				color: #4a4949; background-color: #eeeeee; background-position: 10px -9px 
				}
				
	.teaserBox img{ border: 1px solid #fff; border-bottom: none; width: 236px }
		
/*~~ Auf- und ZuklappFunktion: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	dl.accordionNew { /*||title-de:Akkordion||title-en:Accordion||desc-de:Aufklappbares Akkordion||desc-en:Unfoldable accordion */ border-bottom: 1px solid #f1f1f1; }
	
		dl.accordionNew  dt {
			padding: 3px 0 3px 3px; line-height: 140%;
			border-bottom: 1px solid #f1f1f1;
			color: #9C9C9C; font-weight: bold;
			background: transparent url(../images/chrome/slider_bg_closed.gif) bottom right no-repeat;
			cursor: pointer;
			display: block;
			width: 100%;
		}
			dl.accordionNew  dt.active {
					background: transparent url(../images/chrome/slider_bg_open.gif) bottom right no-repeat;
			}		
		dl.accordionNew  dd {
			margin:0;
			border-left: 1px solid #f1f1f1;
			border-right: 1px solid #f1f1f1;
			padding: 10px 20px 30px; min-height: 80px; line-height: 140%;
		}
			dl.accordionNew  dd p {
				padding-top:5px; padding-bottom:0px; margin-bottom:5px; 
			}		
			dl.accordionNew dd a.tt { position:static; }
			dl.accordionNew dd { padding: 20px;}
			dl.accordionNew dd.opened a.tt { position: relative; }
			
	a.mehrText:link, a.mehrText:visited, a.mehrText:hover, a.mehrText:active { color: #9C9C9C; font-weight: normal; font-size: 9px; font-size: .9rem; text-decoration: none; }
			
	ul.downloadList {/*||hide:true*/ }				
	  .downloadList li { /*||hide:true*/list-style: none; padding-top: 10px; }		
	  		.downloadList li a:link, .downloadList li a:visited, 	
			.downloadList li a:hover, .downloadList li a:active { color: #9C9C9C; font-weight: normal; font-size: 9px; font-size: .9rem; text-decoration: none; } 		
	  		.downloadList li.active { background: transparent url(../images/chrome/slider_bg_open.gif) right 16px  no-repeat; border:none; }				
	  		.downloadList li.inactive { background: transparent url(../images/chrome/slider_bg_closed.gif) right 16px no-repeat; border-bottom: 1px solid #f1f1f1; }		  		
				.downloadList li ul { padding: 7px 10px 10px 10px; border: 1px solid #f1f1f1; }
				.downloadList li.inactive ul { display: none; }	
 				.downloadList li.active ul { display:block; }	
					.downloadList li ul li { list-style: disc; margin-left:10px; border:none; padding-top: 0; }
					.downloadList li ul li a:link, .downloadList li ul li a:visited, .downloadList li ul li a:hover, .downloadList li ul li a:active { color: #000; font-size: 10px; font-size: 1rem; text-decoration:underline;} 
 					.downloadList li ul li a:hover, .downloadList li ul li a:active { color: #009671; }
 
/*~~ SPECIAL FÃœR non CSS Ansicht ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.textonly{ /*||hide:true*/ position:absolute; left: -5000px; top: -5000px;} /* Element erscheint nur, wenn im CSS nicht geladen */

/*======================= CSSFORMS: Breiten der spalten ================================*/

.cssForm fieldset{/*||hide:true*/width: 99%;   margin: 20px 0; display: block; border: 1px solid #c7c7c7; background: none; padding: 1em 0 !important;  } /* [A]+[B]+10px*/
.cssForm label {/*||hide:true*/ width: 22%; font-size: 12px; font-size: 1.2rem;  background-color: #f5f5f5; padding:1% 0 1% 2%; color: #6c6c6c; margin: 0; border: 1px solid #f5f5f5; line-height:14px;} /* [A] */
.cssForm .twinRow label {/*||hide:true*/ width: 22% } /* [A] */
.cssForm legend { /*||hide:true*/ font-size: 13px; font-size: 1.3rem; margin-left: 9px  }

.cssForm fieldset a:link{ color: #4a4949; text-decoration: none;}
	.cssForm fieldset a:hover{ text-decoration: underline; color: #000}

.cssForm input, .cssForm select, .cssForm .exInput, .cssForm .exTextarea { /*||hide:true*/width: 73%;font-size: 12px; font-size: 1.2rem;  border: 1px solid #cfcfc5; margin:1px 0 7px 0;padding: .1em; min-height: 1.6em }
.cssForm textarea { width: 74%; resize: none;}
.cssForm input.inputHint{
	background: transparent url(../images/chrome/arrow_input.gif) no-repeat scroll right center;
}
.cssForm .buttonGroup { /*||hide:true*/clear: left; border-top: 1px solid #d2d2d2; padding-top: 10px; }
	.cssForm .buttonGroup input { height: auto; margin-bottom: 0; }

.cssForm .twinRow input, .cssForm .twinRow select, .cssForm .twinRow textarea, .cssForm .twinRow .exInput, .cssForm .twinRow .exTextarea {/*||hide:true*/ margin-right: 0; width: 24%;  }
.cssForm .exInput { /*||hide:true*/line-height:19px; color: #4a4949; border: none; padding: 0; } 
.cssForm .hint{ /*||hide:true*/color: #878787; }
.cssForm .mandatory { /*||hide:true*/color: #878787; float: right; margin: 0;}

.cssForm .selectorGroup label {/*||hide:true*/ height: auto; background: none;border: none; padding-left: 0; }
.cssForm .selectorGroup input { margin-left: 0; }
.cssForm .twinRow .selectorGroup input { margin-left: 15px; }

#cms_daten_bewerbung_file {height: auto;}

.cssForm .selectorGroup {padding: 5px 0 0 11px;}

.cssForm input.button, .button, a.button:link, a.button:visited {/*||hide:true*/
	font-weight: normal;
	border: none;
	font-weight: bold;
	cursor: pointer;
	text-align: left;
	padding: 4px 5px 4px 15px;
	color: #fff;
	float: left;
	-webkit-border-radius: 3px; border-radius: 3px;
	background: #009671 url(../images/chrome/arrow-white.gif) 6px 8px no-repeat;
	
} 

.cssForm .selectorGroup .txtDateschschutz{
	font-size: 11px; font-size: 1.1rem; width: 320px;
}

.cssForm .selectorGroup .datenschutz{
	width:360px;
	}


a.button:link, a.button:visited{/*||hide:true*/
	text-decoration: none;
	padding-top: 3px;
}

.cssForm input.button:hover, a.button:hover, a.button:active {/*||hide:true*/
	background-color: #ff9900;
}

#poll .cssForm textarea {height:27px; font-size: 11px; font-size: 1.1rem; width: 480px;}
#poll p{margin: 0;}
#poll label{ max-width: 455px;  border: none; background: none;}

#poll .selectorGroup{ border-bottom: 1px dotted #cccccc; width: 100%; padding-bottom: 5px; margin-bottom:10px}
#poll .cssForm br { line-height: 0;}


#poll .twinRow label{
	width: 105px;
	background-color:#F5F5F5;
	border:1px solid #F5F5F5;
}