body {
	width: 100%;
	background-color: #fff;
	font-family:Verdana ,sans-serif;
	color: #69707b;			  
	font-size: 11px;
	font-style: normal;
	line-height: 100%;
	margin: 0px;
}

HR.clear {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	border-width: 0;
	margin: 0;
	padding: 0;	
}

#center {
	width:780px;
	margin-left:auto; 
	margin-right:auto;
}

a {color: #000;	text-decoration: none;}
a:hover {color: #c32100;}
a img {border: 0;}

/* KOPFBEREICH */
#header {height:106px; border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; margin-bottom: 1px; overflow: hidden;}

#logo a {
	width: 101px; 
	height: 0;
	float: left;
	margin: 48px 0 0 12px;
	padding-top: 25px;
	overflow: hidden; 	
	background-image: url(/fileadmin/images/leoni-logo.gif);
	background-repeat: no-repeat;
}

#subnav {float: right; margin-top: 90px;}
#subnav a {height: 0; float: left; padding-top: 7px; overflow: hidden; background-image: url(img/subnav_de.gif); background-repeat: no-repeat;}
#subnav a.kontakt { width: 51px; background-position: 0 0; }
#subnav a.sitemap { width: 53px; background-position: -51px 0;}
#subnav a.kontakt:hover { background-position: 0 -7px; }
#subnav a.sitemap:hover { background-position: -51px -7px;}
body.en #subnav a {background-image: url(img/subnav_en.gif);}

#search {float: right; margin-top: 90px; _mar\gin-top:/* IE6 */84px;}
#search form {margin: 0; padding: 0;}
#searchlabel {float: left; height: 0; text-indent: -1000px; margin-top: 6px; padding-top: 7px; overflow: hidden; background-image: url(img/subnav_de.gif); background-repeat: no-repeat; width: 51px; background-position: -104px 0;}
#searchfield {margin-left: 51px; margin-top: -6px; _mar\gin-top:/* IE6 */0;}
#searchfield INPUT.textfield {margin: 0 0 0 0; border:solid 1px #BDC0C9; width:116px; font-size:10px;}
#searchfield INPUT.button {height:17px; max-height:17px; vertical-align: bottom;}
*+html #searchlabel {margin-top: 0;}
*+html #searchfield {margin-top: -8px;}
body.en #searchlabel {background-image: url(img/subnav_en.gif);}

#language {float: right; margin: 84px 10px 0 15px; height: 20px;}
#language FORM SELECT {border: 1px solid #BDC0C9; color: #9EA1A8; font-size: 10px; height: 17px; _height: 22px;	width: 87px;
	_padding: 0 0 2px 0;
	_width: 89px;
	_margin: -2px 0 0 -1px;	_mar\gin-top:/* IE6 */0;
}

/* QUALITY CONNECTION */
#qualityconnection a {width: 175px; height: 0; float: left;	padding-top: 26px; border-right: 1px solid #FFF; overflow: hidden; background-color: #d4d8de; background-image: url(/fileadmin/images/menu/normal/n_tqc.gif); background-repeat: no-repeat;}

/* HAUPTNAVIGATION */
#headnavigation {height: 26px;}
#mainnav { margin: 0; padding: 0;}
#mainnav li { display: inline; }
#mainnav li a {float: left; height: 0; overflow: hidden; padding-top: 26px;	background-color: #bfc2c9; background-image: url(img/navi_de.gif); background-repeat: no-repeat;}
body.en #mainnav li a {background-image: url(img/navi_en.gif)}

/* BUTTONS */
#mainnav li#home a { width: 47px; background-position: 0 0; }
#mainnav li#unternehmen a { width: 105px; background-position: -47px 0; }
#mainnav li#produkte a { width: 128px; background-position: -152px 0; }
#mainnav li#investorrelations a { width: 120px; background-position: -280px 0;}
#mainnav li#mediarelations a { width: 100px; background-position: -400px 0;}
#mainnav li#jobskarriere a { width: 104px; background-position: -500px 0;}
body.en #mainnav li#unternehmen a { width: 73px; background-position: -47px 0; }
body.en #mainnav li#produkte a { width: 145px; background-position: -121px 0; }
body.en #mainnav li#investorrelations a { width: 124px; background-position: -266px 0;}
body.en #mainnav li#mediarelations a { width: 107px; background-position: -390px 0;}
body.en #mainnav li#jobskarriere a { width: 108px; background-position: -497px 0;}

/* BUTTONS OVER */
#mainnav li#home a:hover { background-position: 0 -26px; }
#mainnav li#unternehmen a:hover { background-position: -47px -26px; }
#mainnav li#produkte a:hover { background-position: -152px -26px; }
#mainnav li#investorrelations a:hover { background-position: -280px -26px; }
#mainnav li#mediarelations a:hover { background-position: -400px -26px; }
#mainnav li#jobskarriere a:hover { background-position: -500px -26px; }
body.en #mainnav li#home a:hover { background-position: 0 -26px; }
body.en #mainnav li#unternehmen a:hover { background-position: -47px -26px; }
body.en #mainnav li#produkte a:hover { background-position: -121px -26px; }
body.en #mainnav li#investorrelations a:hover { background-position: -266px -26px; }
body.en #mainnav li#mediarelations a:hover { background-position: -390px -26px; }
body.en #mainnav li#jobskarriere a:hover { background-position: -497px -26px; }


/* BUTTONS ON STATE */
#mainnav li#home.cur a { background-position: 0 -52px !important; }

/* HAUPTINHALT */
#content {margin: 0; padding: 0; border-top: 1px solid #FFF; background-image: url(img/background.jpg);}

#content_col1 {float: left; width: 175px; padding: 0;}
#content_col1 h4 {padding: 14px 0 15px 15px; margin: 0;	font-size: 10px; font-weight: bold; text-decoration: none; color: #000;}
#content_col1 p {padding: 4px 15px 7px 15px; margin: 0;	font-size: 9.5px; line-height: 13px; font-weight: normal; text-decoration: none; color: #000;}

.teaser {background-color: transparent; padding: 0; margin: 0; border-bottom: 1px solid #d4d8de;}
.teaser.open {background-color: #e7e7e7}
.teaser.closed {}

.teaser.link a {font-size: 10px; color: #000; text-decoration: none;}

#content_col2 {float: right; width: 604px; padding: 0; position: relative;}
#content_col2 img {border-bottom: 1px solid #FFF;}

#aktie {text-align: center; background-color: #e8eff5;}

/* FOOTER NAVIGATION */
#footer {border-top: 1px solid #E1E1E1;	margin: 10px 10px 17px 10px; padding-top: 6px; color:#9da1a7; font-size: 10px; clear: both;}
#footer a {border-left: 1px solid #E1E1E1; margin-left: 1px; padding: 0 5px 0 5px; color:#9da1a7; text-decoration: none;}
#footer a:hover {color:#2d2d2d;}

/* BG-SLIDES */
.slide {display: none; position: absolute; top: 0; left: 0; width: 604px; height: 345px;}

/* TABELLEN */

ul#bg-list {margin: 0; padding: 0; height: 240px; list-style-type:none;}
ul#bg-list li.top {
	/*display: inline;*/
	float: left;
	width: 115px;

	margin: 0 5px 0 0;
	padding: 0px;

	font-size: 11px; 
	text-align: left; 
	vertical-align: top;
	line-height: 15px;
}

.wrapper {padding: 5px; height: 30px; border-bottom: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7;}

ul#bg-list ul {margin: 5px 0 0 0; padding: 0; list-style-type:none;}
ul#bg-list ul li {
	padding: 5px 0 0 6px;
		
	border: 0px;
	border-bottom: 1px solid #E7E7E7;
	vertical-align: top;
	font-size: 9.5px;
}

ul#bg-list a {display: block; text-decoration: none; color: #69707b;}
ul#bg-list a:hover {text-decoration: underline; color: #c32100;}
ul#bg-list active {color: #69707b;}