/*Navigation*/
#navi {
	width: 965px;
    height: 35px;
	background-image: url(media/img/navi/bg.gif);
	padding: 0px; 
	clear: both;
	margin-bottom: 28px;
}
#navi ul {margin:0; padding:0; list-style:none; height:35px;display:inline;}
#navi ul li {display:inline;}
#navi ul li a{
	float: left;
	height: 35px;
	text-decoration:none;
	padding: 0px;
}
#navi ul li a#home {
	margin-left:0px;
	background-image: url(media/img/navi/home.gif); 
	width:74px;
}
#navi ul li a:hover#home {
	margin-left:0px;
	background-image: url(media/img/navi/home_o.gif); 
	width:74px;
}
#navi ul li a#unternehmen {
	margin-left:0px;
	background-image: url(media/img/navi/unternehmen.gif); 
	width:125px;
}
#navi ul li a:hover#unternehmen {
	margin-left:0px;
	background-image: url(media/img/navi/unternehmen_o.gif); 
	width:125px;
}
#navi ul li a#berufsausbildung {
	margin-left:0px;
	background-image: url(media/img/navi/berufsausbildung.gif); 
	width:141px;
}
#navi ul li a:hover#berufsausbildung {
	margin-left:0px;
	background-image: url(media/img/navi/berufsausbildung_o.gif); 
	width:141px;
}
#navi ul li a#weiterbildung {
	margin-left:0px;
	background-image: url(media/img/navi/weiterbildung.gif); 
	width:125px;
}
#navi ul li a:hover#weiterbildung {
	margin-left:0px;
	background-image: url(media/img/navi/weiterbildung_o.gif); 
	width:125px;
}
#navi ul li a#kontakt {
	margin-left:0px;
	background-image: url(media/img/navi/kontakt.gif); 
	width:90px;
}
#navi ul li a:hover#kontakt {
	margin-left:0px;
	background-image: url(media/img/navi/kontakt_o.gif); 
	width:90px;
}
#activehome 
{
	background-image: url(media/img/navi/home_o.gif); 
	float: left;
	text-decoration: none;
	width: 74px;
	height: 35px;
}
#activeunternehmen 
{
	background-image: url(media/img/navi/unternehmen_o.gif); 
	float: left;
	text-decoration: none;
	width: 125px;
	height: 35px;
}
#activeberufsausbildung 
{
	background-image: url(media/img/navi/berufsausbildung_o.gif); 
	float: left;
	text-decoration: none;
	width: 141px;
	height: 35px;
}
#activeweiterbildung 
{
	background-image: url(media/img/navi/weiterbildung_o.gif); 
	float: left;
	text-decoration: none;
	width: 125px;
	height: 35px;
}
#activekontakt 
{
	background-image: url(media/img/navi/kontakt_o.gif); 
	float: left;
	text-decoration: none;
	width: 90px;
	height: 35px;
}

#subnavi				{width:200px; border-top: 3px solid #E1E4ED; padding-top: 2px; float:left;}
#subnavi ul li 			{border-bottom: 1px solid #E1E4EC; margin:0; list-style:none;}
#subnavi ul li a		{height: 20px; text-decoration:none; padding-left: 7px; padding-top: 2px; display: block;}
#subnavi ul li a:hover	{background: url(media/img/bg_subnavi.gif) no-repeat; color:#ffffff; text-decoration:none; padding-left: 7px; padding-top: 2px; display: block;}
#subnaviactive		 	{background: url(media/img/bg_subnavi.gif) no-repeat; color:#ffffff; padding-left: 7px; padding-top: 2px; height: 20px;}



/*Standardformatierungen*/

body	{margin: 10px; padding: 0px; background-color: #FFFFFF;}
div     {margin: 0px; padding: 0px; font-family: trebuchet ms, verdana, arial, tahoma, sans-serif; font-size: 13px; color:#333333;}
p       {margin:0px; padding:0px; padding-top:14px; font-family: trebuchet ms, verdana, arial, tahoma, sans-serif;}
* 		{margin:0; padding:0;}
acronym:hover, abbr:hover {cursor: help;}

/*Tabellen*/
table 			{margin-top: 12px;}
.row01 			{background: #F9F9F9;} 
.row02 			{background: #F4F4F4;} 
td 				{vertical-align: top; border-bottom: solid 1px #E1E4EC; font-family: trebuchet ms, verdana, arial, tahoma, sans-serif; color: #333333; font-size: 13px; padding: 2px;}
td ul li		{margin:0; padding:0; list-style:none;}
.tabsearch		{border: none;}
.tabsearchtitle	{border-top: solid 1px #E1E4EC; border-bottom: solid 1px #E1E4EC; background: #F4F4F4;}
.tabsearchfoot	{border: none; font-size: 1px; color: #FFFFFF;}


/*Links*/

a		  			{color: #676767; text-decoration: none;}
a:hover 			{color: #EE3338; text-decoration: underline;}
.textlink a 		{color: #333333; text-decoration: none; background: url(media/img/bg_link.gif) repeat-x 4px 16px;}
.textlink a:hover 	{color: #333333; text-decoration: none; background: url(media/img/bg_link_trans.gif) repeat-x 4px 16px;}


/*Ueberschriften*/
h1					{margin:0px; padding:0px; font-size: 13px; font-weight:bold; color:#FFFFFF;}
h2 					{margin:0px; padding:0px; margin-top: 14px; font-size:13px; font-weight:bold;}


/*Boxen-Positionierung*/

/*Head*/
#header 			{margin-bottom: 10px; width: 965px;}
#logo   			{margin: 0px; padding-left: 30px; float: left;}
#search 			{padding-top: 50px; margin-bottom: 0px; float: right;}
#flash  			{margin-bottom: 28px; width: 965px;} 

/*Startseite*/
#start_neuigkeiten_container	{width: 238px; float: left; margin-right: 20px;}
#start_neuigkeiten		 		{width: 224px; background: url(media/img/bg_neuigkeiten.gif) no-repeat #EEEEEE; border-bottom: 4px solid #E1E4ED; font-size: 12px; color: #333333; padding-top: 9px; padding-left: 7px; padding-right: 7px; padding-bottom: 8px; line-height: 16px; float: left;}
#start_neuigkeiten_inline		{margin-top: 16px; margin-bottom: 8px;}
#start_neuigkeiten_ad			{margin: 0px 0px 8px 42px;}
#start_willkommen		 		{width: 435px; background: url(media/img/bg_willkommen.gif) no-repeat; padding-top: 8px; padding-left: 7px; padding-right: 7px; float: left;}
#start_meinungen_container  	{width: 238px; background: #EEEEEE; margin-left: 20px; float: right;}
#start_meinungen_headline		{width: 139px; height: 21px; background: url(media/img/bg_meinungen.gif) no-repeat; padding-top: 8px; padding-left: 7px; float: left;}
#start_meinungen_buttons		{width: 92px; height: 23px; background: url(media/img/bg_meinungen_buttons.gif) repeat-x; padding-top: 6px; float: right;}
#start_meinungen		 		{width: 224px; border-bottom: 4px solid #E1E4ED; font-size: 12px; color: #333333; padding-top: 12px; padding-left: 7px; padding-right: 7px; padding-bottom: 8px; line-height: 16px;}

/*Team*/
#content_team		{width:738px; padding-left: 7px; background: url(media/img/bg_team.gif) no-repeat;}

/*Impressionen*/
#content_impressionen		{width:738px; padding-left: 7px;}

/*Kontakt*/
#kontakt_pic1			{float: left;  width: 232px; margin-top: 20px; margin-bottom: 25px; margin-right: 10px;}
#kontakt_pic2			{float: right; width: 232px; margin-top: 20px; margin-bottom: 25px;}

/*Content*/
#content			{width:965px;}
#content_middle		{width:745px; float: right; margin-left: 20px;}
#content_left		{width:474px; padding-left: 7px; padding-right: 7px; float: left;}
#content_right		{width:237px; margin-left: 20px; float: right;}

/*Contentbereich - content_middle*/
#headline			{width:738px; height:21px; background: url(media/img/bg_headline.gif) no-repeat; padding-top: 8px; padding-left: 7px;} 

/*Contentbereich - content_left*/
#print				{margin-top: 40px; background: url(media/img/icon_print.gif) no-repeat 0px 2px; padding-left: 20px}
#back				{margin-top: 20px; background: url(media/img/icon_zurueck.gif) no-repeat 0px 4px; padding-left: 20px}

/*Contentbereich - content_right*/
#info				{width:223px; background: url(media/img/bg_info.gif) no-repeat #EEEEEE; border-bottom: 4px solid #E1E4ED; padding-top: 10px; padding-left: 7px; padding-right: 7px; padding-bottom: 8px; margin-top: 130px; line-height: 16px;}

/*Footer*/
#footer				{margin-top: 40px; margin-bottom: 30px; border-top:2px solid #A0A29F; width: 965px;}
#footer ul 			{margin:0; list-style:none; display:inline;}
#footer ul li 		{display:inline;}
#copyright			{font-family: trebuchet ms, verdana, arial, tahoma, sans-serif; font-size:11px; color:#676767; float:left;} 
#footernavi			{font-family: trebuchet ms, verdana, arial, tahoma, sans-serif; font-size:11px; color:#676767; float:right;} 


/*Klassen*/
.breaker 				{clear: both;}
.search 				{font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #FFFFFF; width: 120px; height: 18px; border: 1px solid #9FA29F;}
.referenzen				{margin: 0px; margin-top: 10px; width:474px;}
.referenzen a  			{color: #333333; text-decoration: none; background: transparent url(media/img/bg_link.gif) repeat-x 4px 16px;}
.referenzen a:hover 	{color: #333333; text-decoration: none; background: transparent url(media/img/bg_link_trans.gif) repeat-x 4px 16px;}
.referenzen_pic			{margin-right: 20px; margin-bottom: 10px; float: left;}
.refpad					{padding-top: 30px;}
.textlist ul li			{background: transparent url(media/img/pfeil.gif) no-repeat 15px 3px; list-style: none; padding-left: 34px; margin-top: 8px;}
.textlist a:link 		{color: #333333; text-decoration: none; background: url(media/img/bg_link.gif) repeat-x 4px 16px;}
.textlist a:visited 	{padding-left: 10px; color: #333333; text-decoration: none; background: url(media/img/icon_haken.gif) no-repeat 0px 6px;}
.textlist a:hover 		{color: #333333; text-decoration: none; background: url(media/img/bg_link_trans.gif) repeat-x 4px 16px;}
.textlist ul li.sub		{background: transparent url(media/img/pfeil2.gif) no-repeat 38px 3px; list-style: none; padding-left: 52px; margin: 2px 0 0 -5px;}
.textlist ul li.sub2	{background: none; list-style: none; padding-left: 52px; margin: 2px 0 0 -5px;}
.downloadlist ul li		{background: transparent url(media/img/icon_pdf.gif) no-repeat 0px 0px; list-style: none; padding-left: 18px; margin-top: 8px; font-size: 11px;}
.infolist ul li			{background: transparent url(media/img/icon_info.gif) no-repeat 0px 0px; list-style: none; padding-left: 18px; margin-top: 8px; font-size: 11px;}
.neuigkeiten_start	    {background: url(media/img/bg_line_neuigkeitenstart.gif) repeat-x bottom; padding-bottom: 8px; margin-top: 8px; font-size: 12px;}
.neuigkeiten_overview   {border-bottom: 1px solid #E1E4EC; padding-bottom: 13px; margin-top: 13px;}
.presselist ul li		{background: transparent url(media/img/icon_pdf.gif) no-repeat 0px 1px; list-style: none; padding-left: 18px; margin-top: 8px;}
.presselist a:link 		{color: #333333; text-decoration: none; background: url(media/img/bg_link.gif) repeat-x 4px 16px;}
.presselist a:visited 	{padding-left: 10px; color: #333333; text-decoration: none; background: url(media/img/icon_haken.gif) no-repeat 0px 6px;}
.presselist a:hover 	{color: #333333; text-decoration: none; background: url(media/img/bg_link_trans.gif) repeat-x 4px 16px;}
.headline				{background: #F4F4F4; border-top: 1px solid #E1E4EC; border-bottom: 1px solid #E1E4EC; padding: 2px;}


hr	{background-color:#E1E4EC; /* Mozilla  */ color:#E1E4EC; /* IE 6 */ border: #E1E4EC; /* Opera */ height: 1px; clear: left;}

/*Team*/
/* set the size of the definition list <dl> and add the background image */
#imap {
  display:block;
  width:474px;
  height:317px;
  background: url(media/img/team_09.jpg) no-repeat;
  position:relative;
  }
  
  
/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
  display:block;
  width:474px;
  height:0;
  padding-top:317px;
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  background:transparent url(media/img/team_09_hover.jpg) no-repeat 474px 474px;
  cursor:default;
  }
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:317px;
  he\ight:0;
  }
  
  /* the <dt><a> hover style to move the background image to position 0 0 */
#imap a#title:hover {
  background-position: 0 0;
  z-index:10;
  }


/* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute;
  padding:0;
  margin:0;
  }
#imap #pica {
	left:30px;
	top:1px;
	z-index:20;
  }
#imap #picb {
  left:90px;
  top:1px;
  z-index:20;
  }
#imap #picc {
  left:148px;
  top:1px;
  z-index:20;
  }
#imap #picd {
  left:190px;
  top:1px;
  z-index:20;
  }
#imap #pice {
  left:250px;
  top:1px;
  z-index:20;
  }
#imap #picf {
  left:290px;
  top:1px;
  z-index:20;
  }
#imap #picg {
  left:350px;
  top:1px;
  z-index:20;
  }
#imap #pich {
  left:400px;
  top:1px;
  z-index:20;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#imap a#jseiler, #imap a#bauer, #imap a#knecht, #imap a#baechle, #imap a#lupp, #imap a#weyer, #imap a#recktenwald, #imap a#nseiler {
  display:block;
  width:50px;
  height:160px;
  background:transparent url(media/img/hover.gif) -100px -100px no-repeat;
  text-decoration:none;
  z-index:20;
  }
  
  
  /* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }



/* move the link background image to position 0 0 when hovered */
#imap a#jseiler:hover, #imap a#bauer:hover, #imap a#knecht:hover, #imap a#baechle:hover, #imap a#lupp:hover, #imap a#weyer:hover, #imap a#recktenwald:hover, #imap a#nseiler:hover {
  background-position:0 0;
  }


/* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:227px; 
  display:block; 
  font-family:trebuchet ms, verdana, arial, tahoma, sans-serif; 
  font-size:12px; 
  background:url(media/img/team_mitschnang.gif) -100px -100px no-repeat;
  color:#333333; 
  padding:5px;
  }
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:237px; w\idth:227px;
  }


/* move the span text to a common position at the bottom of the image map */
#imap a#jseiler:hover span {
  left:40px; 
  top:110px;
  width:138px;
  height:41px; 
  background:transparent url(media/img/team_jseiler.gif) no-repeat;  
  }
#imap a#bauer:hover span {
  left:40px; 
  top:120px;
  width:138px;
  height:41px; 
  background:transparent url(media/img/team_bauer.gif) no-repeat;  
  }
#imap a#knecht:hover span {
  right:40px; 
  top:110px;
  width:138px;
  height:41px; 
  background:transparent url(media/img/team_knecht.gif) no-repeat;  
  }
#imap a#baechle:hover span {
  left:40px; 
  top:120px;
  width:138px;
  height:41px; 
  background:transparent url(media/img/team_baechle.gif) no-repeat;  
  }
#imap a#lupp:hover span {
  left:25px; 
  top:130px;
  width:138px;
  height:41px; 
  background:transparent url(media/img/team_lupp.gif) no-repeat;  
  }
#imap a#weyer:hover span {
  left:-120px; 
  top:120px;
  width:138px;
  height:41px; 
  background:transparent url(media/img/team_weyer.gif) no-repeat;  
  }
#imap a#recktenwald:hover span {
  left:-140px; 
  top:120px;
  width:138px;
  height:41px; 
  background:transparent url(media/img/team_recktenwald.gif) no-repeat;
  }
#imap a#nseiler:hover span {
  left:-120px; 
  top:120px;
  width:138px;
  height:41px; 
  background:transparent url(media/img/team_nseiler.gif) no-repeat;
  }

/* add the style for the link span text - first line */
#imap a span:first-line {
  font-weight:bold; 
  }


/*Formular*/
.formtab td 	{vertical-align: top; border-bottom: #ffffff; font-family: trebuchet ms, verdana, arial, tahoma, sans-serif; color: #333333; font-size: 13px; padding: 2px;}
.textfield 		{font-family: trebuchet ms, verdana, arial, tahoma, sans-serif; color: #333333; font-size: 12px; width: 130px; background-color: #FFFFFF; border: 1px solid #A0A29F; margin: 1px;}
.textarea 		{font-family: trebuchet ms, verdana, arial, tahoma, sans-serif; color: #333333; font-size: 12px; width: 211px; background-color: #FFFFFF; border: 1px solid #A0A29F;}


/*Lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(media/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(media/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px trebuchet ms, Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 72px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }