/* 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: #1B3D95;
	}
	
	/* Schriften
-----------------------------------------------------------------*/

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

a {
	color: #1B3D95;
	text-decoration:none;
}

a:hover {
	color: #1B3D95;
	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:#999999;
}

h2 {
	position:relative;
	font-size: 110%;
	font-weight: bold;
	padding: 20px 0 5px 0px;
	color:#999999;
	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:#B3B3B3;
}


/* Überschriften Elektronikentwicklung
-----------------------------------------------------------------*/
#Elektronikentwicklung #content h1,
#Elektronikentwicklung #content h3 {
	font-size: 100%;
	font-weight:normal;
	line-height:120%;
	color:#999999;
	margin:0;
	padding:0;
	display:inline;
}


#Elektronikentwicklung #content a {text-decoration:none;}

#Elektronikentwicklung #content a:hover,
#Elektronikentwicklung #content a:hover h1,
#Elektronikentwicklung #content a:hover h3 {text-decoration:underline;}

#Elektronikentwicklung #content a img {text-decoration:none; float:right;}


/* Container
-------------------------------------------------------------*/
#container {
	position:absolute;
	width:995px;
	background-color:#B7B7B7;
}

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

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

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

#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:170px;
	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:202px;
	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: #C4C4C4;}


#Home .home,
#Unternehmen .unternehmen,
#Neuigkeiten .neuigkeiten,
#Entwicklung-Produkte .entwicklung-produkte,#Hardware-Entwicklung .entwicklung-produkte,#EMV-Leiterplattenlayouts .entwicklung-produkte,#SWE-Mikrocontroller .entwicklung-produkte,#SWE-Betriebssysteme .entwicklung-produkte,#Logik .entwicklung-produkte, #EMV-Messung .entwicklung-produkte,#Muster-Prototypen .entwicklung-produkte,#Rapid-Application-Box .entwicklung-produkte,
#XC167-Modulx .entwicklung-produkte,#HCS12-Modul .entwicklung-produkte,#LIN-Test-Box .entwicklung-produkte,#LIN-Fuse .entwicklung-produkte,
#Automotive .automotive,
#Kontakt .kontakt,#Anfahrt .kontakt,#Impressum .kontakt,
#Kunden .referenzen-projekte,#Beispiele .referenzen-projekte,
#Login .login,
#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: 0px 0 10px 10px;	
	}	

	
#subnav li a {
	text-decoration:none; 
	color: #1B3D95;	
	background-image:url(/images/punkte_subnav.gif);
	background-repeat: no-repeat;
	background-position: 10px 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:#E4E4E4;
}


/* selected */
	
#Entwicklung-Produkte #subnav li a.beratung,#Hardware-Entwicklung #subnav li a.hardware,#EMV-Leiterplattenlayouts #subnav li a.emv-leiter,
#SWE-Mikrocontroller #subnav li a.swm,#SWE-Betriebssysteme #subnav li a.swb,#Logik #subnav li a.logik,#EMV-Messung #subnav li a.emv-messung,
#Doku-Pruefanleitung #subnav li a.doku-pruefanleitung,#Muster-Prototypen #subnav li a.muster-prototypen,#Tools-Programme-Werkzeuge #subnav li a.tools, #Qualitaet #subnav li a.qualitaet,
#Rapid-Application-Box #subnav li a.rapid-application-box,
#XC167-Modul #subnav li a.xc167-modul,#HCS12-Modul #subnav li a.hcs12-modul,
#LIN-Test-Box #subnav li a.lin-test-box,#LIN-Fuse #subnav li a.lin-fuse
{font-weight: bold;background-color:#E4E4E4;}

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

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

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

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

/* Wrapper
-------------------------------------------------------------*/
#wrapper{
	float:left;
	position:relative;
	width:767px;
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color:#B8B8B8;
}




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

#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-repeat: no-repeat;
}
	
	
/* Newskasten
-------------------------------------------------------------*/
#news {
	width:195px;
	float:left;
	background-image:url(/images/punkte_lr_news.gif);
	background-repeat:repeat-y;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin: 32px 0 0px 8px;
	padding: 0px 0 10px 1px;
}


#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: 2px 2px 0px 10px;
	background-image: url(../images/punkte_subnav.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin: 0px;
}

/* 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: 30px 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;
	border-top-width: 2px;
	border-top-style:solid;
	border-top-color:#CCCCCC;
}		


.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;
}