/* Global
------------------------------------------------------------------*/
html, body, h1, ul, li, p, img, a{
	margin:0;
	padding:0;
	}
	
ul,li {
	list-style-type:none;
	}
	
img  {
	border:0;
	
	}	
	
body {
	font:small Arial, Helvetica, sans-serif;
	background-color: #E0E0E2;
	height:100%;
	width:100%;
	color:#666666;
	}
	
/* Schriften
-----------------------------------------------------------------*/

p {
	font-size: 90%;
	color: #666666;
}

a {
	color: #0076C0;
	text-decoration:underline;
}

#news a {
	color: #0076C0;
	text-decoration:none;
}

#news a:hover {
	color: #0076C0;
	text-decoration:underline;
}

a:hover {
	color: #0076C0;
	text-decoration:underline;
}

span {display:none;}

.text-links {
	font-weight:normal;
	padding: 0 5px 5px 10px;
	font-size:80%;
	color:#333333;
}

.referenzen {
	
	width: 250px;
}

/* Überschriften H1
-----------------------------------------------------------------*/
h1 {
	font-size: 140%;
	font-weight:normal;
	padding:10px 0 15px 0px;
	color:#0076C0;
}

h2 {
	position:relative;
	font-size: 110%;
	font-weight: bold;
	padding: 20px 0 5px 0px;
	color:#0076C0;
	background-image: url(../images/trennline_content_h2.gif);
	background-repeat: repeat-x;
	background-position: left 0px;
	
}

#Links h2 {
	position:relative;
	font-size: 110%;
	font-weight: bold;
	padding: 10px 0 0px 0px;
	color:#999999;
	background-image: url(../images/trennline_content_h2.gif);
	background-repeat: repeat-x;
	background-position: left 0px;
	
}

h3 {
	font-size: 100%;
	font-weight: bold;
	margin:0;
	padding: 4px 0 0 10px;
	color:#0076C0;
}



/* Container
-------------------------------------------------------------*/
#container {
	position:absolute;
	width:995px;
	background-image:url(../images/bg_mainnav2.jpg);
	background-repeat:repeat-y;
}

/* Top
-------------------------------------------------------------*/
#top {height: 214px;}

#top img {float:left;}
	
#top_print {display:none;}

/* Mainnav
-------------------------------------------------------------*/
#mainnav-blau li {
	text-decoration:none;
	color: #F2BA06;
	font-size:100%;
	font-weight:bold;
	float:left;
	padding: 8px 0px 0 0px;
	margin: 0 2px 0 2px;
}

#mainnav-grau li {
	text-decoration:none;
	color: #C4C4C4;
	font-size: 100%;
	font-weight: bold;
	float:left;
	padding: 4px 15px 0 0;
}


#mainnav-blau {
	position:absolute;
	left:227px;
	top:160px;
	width:727px;
	height:30px;
	z-index:4;
	background-image:url(../images/bg_mainnav_blau.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 40px;
	list-style-type:none; 
}

#mainnav-grau {
	width:200px;
	height:25px;
	z-index:1;
	background-image:url(../images/bg_mainnav_grau.jpg);
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	list-style-type:none; 
}

#mainnav-grau a:hover,#mainnav-blau a:hover {
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}

#mainnav-grau a,#mainnav-blau a {text-decoration:none; color: #F2BA06;}


#Home .home,
#Unternehmen .unternehmen,
#Neuigkeiten .neuigkeiten,
#Leistungen .leistungen, #Produkte .leistungen, #Sonderposten .leistungen,
#Kontakt .kontakt,#Anfahrt .kontakt,#Impressum .kontakt,
#Kunden .referenzen-projekte,#Beispiele .referenzen-projekte,
#Service .service,#Downloads .service,#Links .service
{color: #FFFFFF;}



#links-nav {
	float:left;
	position:relative;
	width:227px;
	
}


/* Subnav
-------------------------------------------------------------*/
#subnav {
	width:227px;
	background-image:url(../images/bg_subnav_grau.jpg);
	background-repeat: no-repeat;
	}
	
#subnav li {
	text-decoration:none;
	margin: 5px 0 5px 0;
	height:20px;
	}
	
* html #subnav li {margin: 2px 0 2px 0;}
	
#subnav ul  {padding: 10px 0 10px 0px; width:227px;}		
	
#subnav ul p {
	font-weight: bold;
	font-size: 100%;
	text-decoration:none;
	padding: 5px 0 10px 0;
	background-image:url(../images/graue_linie_subnav_ul.gif);
	background-repeat: no-repeat;
	background-position: left 25px;
	margin: 20px 0 10px 10px;
	color:#FFFFFF;
	}	

	
#subnav li a {
	text-decoration:none; 
	color: #FFFFFF;	
	background-image:url(../images/punkte_subnav.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
	padding: 2px 0 2px 20px;
	margin: 0;
}

#subnav	a {
	text-decoration:none;
	color:#000000;
	font-size: 90%;
	display:block;
}

#subnav a:hover {
	text-decoration:none;
	background-color:#1C85C7;
}


/* selected */
	

#Kunden #subnav li a.kunden, #Beispiele #subnav li a.beispiele,
{font-weight: bold;background-color:#1C85C7}

#Kontakt #subnav li a.adresse,#Anfahrt #subnav li a.anfahrt,#Impressum li a.impressum
{font-weight: bold;background-color:#1C85C7;}

#Neuigkeiten #subnav li a.aktuelles,#Artikel-Bilder-Downloads #subnav li a.artikel-bilder-downloads,#Sponsoring li a.sponsoring
{font-weight: bold;background-color:#1C85C7;}

#Service #subnav li a.portfolio,#Downloads #subnav li a.downloads,#Links li a.links
{font-weight: bold;background-color:#1C85C7;}

#Leistungen #subnav li a.leistungen,#Produkte #subnav li a.produkte, #Sonderposten #subnav li a.sonderposten
{font-weight: bold;background-color:#1C85C7;}

/* Wrapper
-------------------------------------------------------------*/
#wrapper{
	float:left;
	position:relative;
	width:767px;
	background-color:#FFFFFF;
}


/* Content
-------------------------------------------------------------*/
#content {
	width:470px;
	height: 100%;
	float:left;
	background-color:#FFFFFF;
	padding: 0px 40px 0 30px;
}

#content p {
	line-height: 180%;
	padding: 0px 0px 15px 0px;
	text-align:justify;
}
	
#content li {
	list-style-image: url(../images/listen_punkt.gif);
	list-style-position:outside;
	margin: 0px 0 5px 10px;
}
	
#Entwicklung-Produkte #content  {
	width:470px;
	background-image: url(../images/hg_entwicklung-produkte.jpg);
	background-repeat: no-repeat;
}
	
	
/* Newskasten
-------------------------------------------------------------*/
#news {
	width:195px;
	margin: 32px 0px 0px 0px;	
	padding: 0px;
	float:left;
}




#new {
	width:195px;
	background-image:url(../images/punkte_lr_news.gif);
	background-repeat:repeat-y;
	margin: -3px 0 0px 0px;
	padding: 20px 0 10px 1px;
	height:200px;
	overflow:auto;
	scrollbar-base-color:#3666666;



}



#new1 a:hover,#new2 a:hover,#new3 a:hover,#new4 a:hover,#new5 a:hover,#new6 a:hover {
	background-color:#F4F4F4;
	text-decoration:none;

}	
#new1 a,#new2 a,#new3,#new4 a,#new5 a,#new6 a {
	margin: 0px 4px -10px 3px;
	padding: 0px 0px 10px 3px;
	display:block;
}	

.fett {
	font-size: 85%;
	font-weight:normal;
	padding: 0px 10px 15px 22px;
	background-image: url(../images/punkte_news.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 0px;
	color:#666666;
}

.fett strong {
	color:#0076C0;
}



/* Seite Neuigkeiten / Sponsoring
-------------------------------------------------------------*/

/* Bilderausgabe*/

.date {
	height:10px;
	font-weight: bold;
	margin: 0;
	paddding:0;
}

.news {
	position:relative;
	width:470px;
	float:left;
	margin: 0 0 10px 0;
}

.news h2{

	position:relative;
	font-size: 110%;
	font-weight: bold;
	padding: 25px 0 5px 0px;
	color:#999999;
	background-image: url(../images/trennline_content_h2.gif);
	background-repeat: repeat-x;
	background-position: left 0px;
}

.newswrap {
	position:relative;
	float:right;
	width:240px;
	margin: 0 0 0 0;
}

* html .newswrap {
	margin: 0 0 10px 0;
}

.newsimg {float:right; margin:0 0 10px 0;}


/* Footer
-----------------------------------------------------------------*/

#footer {
	padding:10px 0 0 0px;
	margin: 10px 0 0 20px;
	font-size: 100%;
	width:510px;
	height:36px;
	float:left;
	background-image:url(../images/footer-linie.gif);
	background-repeat:no-repeat;
	background-position: 0px 25px;
}		


.footer  {
	padding:0px 0px 15px 20px;
	margin:0px;
}		




/* Formular
-----------------------------------------------------------------*/

.form_adresse {
	height: 15px;
	width: 300px;
	margin-bottom:10px;
	color: #333333;
	background-color:#EFF1F5;
	border: 1px solid #CCCCCC;
	color: #1B3D95;
}

.form_plz {
	height: 15px;
	width: 35px;
	margin-bottom:10px;
	background-color: #EFF1F5;
	border: 1px solid #CCCCCC;
	color: #1B3D95;
}

.form_ort {
	height: 15px;
	width: 258px;
	margin-bottom:10px;
	background-color: #EFF1F5;
	border: 1px solid #CCCCCC;
	color: #1B3D95;
}

.form_mitteilung {
	height: 80px;
	width: 300px;
	background-color:#EFF1F5;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #1B3D95;
	font-size:100%;
}
.senden {
	height: 20px;
	width: 120px;
	background-color:#1B3D95;
	border: 1px solid #CCCCCC;
	color:#FFFFFF;
}
	
.form_login {
	height: 18px;
	width: 150px;
	margin-bottom:10px;
	background-color:#EFF1F5;
	border: 1px solid #CCCCCC;
	color: #1B3D95;
}

.button_login {
	height: 22px;
	width: 60px;
	background-color:#1B3D95;
	border: 1px solid #CCCCCC;
	color:#FFFFFF;
}

.picture {
float:right;
margin: 0 0 40px 20px;
}

.img-ref {
float:left;
margin: 0 10px 10px 0px;

}




#imageContainer img {
	display:none;
	position:absolute;

}

#imagerow {
	position:absolute;
	top:83px;
	left:30px;
	width:480px;
	height:116px;

}