* {margin:0;padding:0;font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Bitstream Vera Sans', DejaVu, sans-serif;}
body {		background-color:#F4F4F4;
					
					}
sup {line-height:100%;font-size:80%;}



/* nur Startseite */

body#startseite {	background-image:url('../img/bg_startseite.gif');
									background-repeat:repeat-x;
									background-position:top left;

									}

/* Profil */
body#profil {	background-image:url('../img/bg_profil.gif');
									background-repeat:repeat-x;
									background-position:top left;

									}

/* Technik */
body#technik {	background-image:url('../img/bg_technik.gif');
									background-repeat:repeat-x;
									background-position:top left;

									}

/* leistungen */
body#leistungen {	background-image:url('../img/bg_leistungen.gif');
									background-repeat:repeat-x;
									background-position:top left;

									}
									
/* service */
body#service{	background-image:url('../img/bg_service.gif');
									background-repeat:repeat-x;
									background-position:top left;

									}
									
/* projekte */
body#projekte{	background-image:url('../img/bg_projekte.gif');
									background-repeat:repeat-x;
									background-position:top left;

									}
									
/* partner */
body#partner{	background-image:url('../img/bg_partner.gif');
									background-repeat:repeat-x;
									background-position:top left;

									}
/* impressum */
body#impressum{	background-image:url('../img/bg_impressum.gif');
									background-repeat:repeat-x;
									background-position:top left;

									}
/* anfahrt */
body#anfahrt {	background-image:url('../img/bg_anfahrt.gif');
									background-repeat:repeat-x;
									background-position:top left;

									}
									

div#maincontainer {	width:713px;
										margin-left:60px;
									
										background-color: #CFD2DF;
										min-height: 600px;
										background-image: url("../img/bg_metanavi.gif");
										background-position: top left;
										background-repeat: repeat-x;
										position: relative;
										
										padding-top:100px;
										padding-bottom:50px;
										margin-bottom: 20px
										

	}

div#maincontainer img#logo {	position: absolute;
															top:0;
															left:15px;
															width:180px;height:100px;border:none;
}

div#maincontainer ul#metanavi {
																	list-style-type: none;
																	margin-top:-33px;
																	float:right;
																	margin-right:20px;
                                  padding:0;
																}
                                
/* 

es braucht ein paar Hacks fà∫r die Positinoierung der Metanavi im blauen streifen. 
*/                                
div#maincontainer ul#metanavi li {
																		display: inline;
																		font-size:11px;
																		color:#fff;
															      margin:0;
                                    padding-left:2px;
		}

div#maincontainer ul#metanavi li a:link,
div#maincontainer ul#metanavi li a:visited,
div#maincontainer ul#metanavi li a:hover,
div#maincontainer ul#metanavi li a:active,
div#maincontainer ul#metanavi li span  {	color:#fff;
																							text-transform:uppercase;
																							font-size:11px;
																							text-decoration:none;
																									}
div#maincontainer ul#metanavi li a:hover,
div#maincontainer ul#metanavi li a:active,
div#maincontainer ul#metanavi li span {color:#ddd;}

/* nur Startseite */
body#startseite div#maincontainer div#headercontainer {			background-image:url(../img/header_startseite.jpg);
																						background-repeat:no-repeat;
																						height:235px;
}

body#startseite div#maincontainer div#headercontainer h1 {	font-size:20px;
																						font-family: Georgia, serif;
																						color:#3B498C;
																						font-style: italic;
																						font-weight: normal;
																						
																						margin-left:87px;
																						padding-top:108px;
																						line-height:140%;
}
/* profil.html */ 
body#profil div#maincontainer div#headercontainer {			background-image:url(../img/header_profil.jpg);
																						background-repeat:no-repeat;
																						height:235px;
}

/* technik.html */ 
body#technik div#maincontainer div#headercontainer {			background-image:url(../img/header_technik.jpg);
																						background-repeat:no-repeat;
																						height:235px;
}

/* leistungen.html */ 
body#leistungen div#maincontainer div#headercontainer {			background-image:url(../img/header_leistungen.jpg);
																						background-repeat:no-repeat;
																						height:235px;
}

/* service.html */ 
body#service div#maincontainer div#headercontainer {			background-image:url(../img/header_service.jpg);
																						background-repeat:no-repeat;
																						height:235px;
}

/* projekte.html */ 
body#projekte div#maincontainer div#headercontainer {			background-image:url(../img/header_projekte.jpg);
																						background-repeat:no-repeat;
																						height:235px;
}

/* partner.html */ 
body#partner div#maincontainer div#headercontainer {			background-image:url(../img/header_partner.jpg);
																						background-repeat:no-repeat;
																						height:235px;
}

/* impressum.html */ 
body#impressum div#maincontainer div#headercontainer {			background-image:url(../img/header_impressum.jpg);
																						background-repeat:no-repeat;
																						height:235px;
}
/* anfahrt.html */ 
body#anfahrt div#maincontainer div#headercontainer {			background-image:url(../img/header_anfahrt.jpg);
																						background-repeat:no-repeat;
																						height:235px;
}

div#maincontainer ul#topnavi {	background-image: url("../img/bg_topnavi.jpg");
																background-repeat: repeat-x;
																
																list-style-type: none;
																height:36px;
																padding-left:20px;
																background-color: #CFD2DF;
																margin-bottom: 15px;

	}

div#maincontainer ul#topnavi li {	float:left;
																																				
																	
																		}
div#maincontainer ul#topnavi li a,
div#maincontainer ul#topnavi li span {		display:block;
																					padding-top:8px;
																	  					padding-bottom: 8px;
																	  					padding-left:8px;
																	  					padding-right:8px;
	
}
div#maincontainer ul#topnavi li a:link,
div#maincontainer ul#topnavi li a:visited,
div#maincontainer ul#topnavi li span { color:#7A83B1;
																							text-transform:uppercase;
																							font-size:14px;
																							text-decoration:none;
																							margin-right:25px;
																	  					border-bottom:5px solid #CFD2DF;
																							}
div#maincontainer ul#topnavi li a:hover,
div#maincontainer ul#topnavi li a:active,
div#maincontainer ul#topnavi li span {background-color:#E5E7ED;border-bottom:5px solid #3B498C;}


div#maincontainer div.teaserbox {	float:left;
																	width:215px;
																	background-color:#ECECF4;
																	background-color: #fff;
																	margin:6px;
																	border-bottom: 5px solid #3B498C;
																	padding:5px;
																
	}
div#maincontainer div.teaserbox h2 {color:#3B498C;font-size:16px;font-weight:normal;font-style:italic;font-family:Georgia, serif;text-align:right;}

div#maincontainer div.teaserbox p {color:#3B498C;font-size:11px;line-height:145%;hyphenate:auto;}
div#maincontainer div.teaserbox p.readmore {text-align:right;}
div#maincontainer div.teaserbox p.readmore a:link,
div#maincontainer div.teaserbox p.readmore a:visited {	text-decoration:none;color:#3B498C;
	}

div#maincontainer div.teaserbox p.readmore a:hover,
div#maincontainer div.teaserbox p.readmore a:active {text-decoration:underline;}

div#maincontainer div.teaserbox img,
div#maincontainer div#contentcontainer li img {border:1px solid #fff;margin-bottom:10px;}


/* Folgeseiten */ 
div#maincontainer div#contentcontainer {margin-right:20px;margin-left:20px;}

div#maincontainer div#contentcontainer h1 {font-size:24px;
																						font-family: Georgia, serif;
																						color:#3B498C;
																						font-weight: normal;
																						font-style: italic;
																						margin-bottom:25px;
	}
div#maincontainer div#contentcontainer h2{	padding-left:230px;
																						font-size:18px;
																						font-family: Georgia, serif;
																						color:#3B498C;
																						color:#223176; /* dunkler */
																						font-weight: normal;
																						margin-bottom:3px;
																						margin-top: 15px;
}
div#maincontainer div#contentcontainer h3 {	padding-left:230px;
																						font-size:13px;
																					
																						color:#000;
																						font-weight: bold;
																						margin-bottom:0px;
																						margin-top: 15px;
	}


div#maincontainer div#contentcontainer div#marginalie { width:220px;float:left;}

div#maincontainer div#contentcontainer div#marginalie img,
div#maincontainer div#contentcontainer ul#projektliste li img {border:2px solid #fff;display:block; margin-bottom:20px;}

/* Projektbild/Partnerbild auf Höhe des Textes einhängen */ 
div#maincontainer div#contentcontainer ul#projektliste li img,
div#maincontainer div#contentcontainer h2 img  {float:left;margin-left:-227px;border:2px solid #fff;}
div#maincontainer div#contentcontainer h2 img.noborder  {border:none;}

div#maincontainer div#contentcontainer ul#projektliste li,
div#maincontainer div#contentcontainer h2.includeimg {clear:left;} 


div#maincontainer div#contentcontainer div#marginalie img.heller-hintergrund,
div#maincontainer div#contentcontainer ul#projektliste li img.heller-hintergrund {
	border:2px solid #3B498C;
	}
div#maincontainer div#contentcontainer div#marginalie img.noborder,
div#maincontainer div#contentcontainer ul#projektliste li img.noborder {border:none;}

div#maincontainer div#contentcontainer pre {
	padding-left:240px;
	font-family:Fixedsys,Courier,monospace; 
	font-size:14px;
	margin:0;
margin-bottom:10px;
margin-top: 5px;
color: #223176;
color: #666;
		}

div#maincontainer div#contentcontainer p,
div#maincontainer div#contentcontainer ul,
div#maincontainer div#contentcontainer address

 {font-style:normal;padding-left:230px;font-size:13px;line-height:22px;margin-bottom:13px;}

div#maincontainer div#contentcontainer ul {
		list-style-type: none;
		font-weight: bold;
	}
div#maincontainer div#contentcontainer ul li p {font-weight:normal;padding-left:0;}


div#maincontainer div#contentcontainer a:link {color:#3B498C;text-decoration:none;font-weight:bold;}
div#maincontainer div#contentcontainer a:visited,
div#maincontainer div#contentcontainer a:hover,
div#maincontainer div#contentcontainer a:active  {color:#223176;text-decoration:none;font-weight:bold;}

div#maincontainer div#contentcontainer a.ext {background-image:url(../img/icon_external_link.gif);
background-repeat: no-repeat;
background-position: right;
padding-right: 15px;

}




div#maincontainer div#contentcontainer div#marginalie p {padding-left:0; /* padding aus der rechten spalte  zurücksetzen */ 
	color:#3B498C;
	font-weight: bold;
	font-size:13px;
	line-height: 18px
}


div#maincontainer div#contentcontainer iframe {margin-left:230px; 	color:#3B498C;
	font-weight: bold;
	font-size:13px;
	line-height: 18px
}

p#aktuell {
display:none;	
	}
p#aktuell a:link,
p#aktuell a:visited {
	color:#d00202;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}
p#aktuell a:hover,
p#aktuell a:active {
	color:#9d0808;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	}