@charset "ISO-8859-1";
/* CSS Document */

/* BROWSER - RESET */
html, body, div, span, applet, object, iframe,
h1, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	
	
/* Bildern mit links bekommen keine Rahmen mehr */	
img { border: none; }


ol, ul {
	list-style: none;
	}


/* clear-div beendet floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



/* ---------- Seite ---------------------------------------- */


body  {
	background: #29314A;
	margin: 0;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	}


#container { 
	width: 804px;				/* Breite der Website/des Hauptcontainer */
	margin: 0 auto 32px auto;	/* Setzt Container auch in IEs mittig */
	text-align: left;			/* Ausrichtung innerhalb des Containers */
	background-color: #666;
	background-image:url(../_gfx/bg_container.gif);
	background-repeat:repeat-y;
	}


/* --- nav --- */

#navContainer {			
	width: 205px;				
	margin: 0;
	float: left;	
	display: inline;
	}


 .navLevel1 {
	font-size: 10px;
	text-align: right;
	line-height: 24px;
    margin: 0;
	padding: 0;
    list-style: none;
 	}
	
	
 .navLevel1 a {
	padding: 0 25px 0 0;
	margin: 0;
	width: 180px;
	display: block;
	background-color: #1E263F; 
	}


 .navLevel1 a:link, .navLevel1 a:visited { font-weight: bold; color: #ededed; text-decoration: none; background: url(../_gfx/bg_navLevel1Off.gif) no-repeat; }
 .navLevel1 a:focus, .navLevel1 a:hover, .navLevel1 a:active { font-weight: bold; color: #f90; background: url(../_gfx/bg_navLevel1On.gif) no-repeat; }



 .navLevel2 {
	margin: 0;
	display: none;
	list-style: none;
 	}
	
 .navLevel2 a {
	
	}

 .navLevel2 a:link, .navLevel2 a:visited { font-weight: normal; color: #ededed; text-decoration: none; background: url(../_gfx/bg_navLevel2Off.gif) no-repeat; }
 .navLevel2 a:focus, .navLevel2 a:hover, .navLevel2 a:active { font-weight: normal; color: #fc0; background: url(../_gfx/bg_navLevel2On.gif) no-repeat; }


 .navLevel3 {
	margin: 0;
	display: none;
	list-style: none;
 	}
	
 .navLevel3 a {
	
	}

 .navLevel3 a:link, .navLevel3 a:visited { font-weight: normal; color: #ededed; text-decoration: none; background: url(../_gfx/bg_navLevel3Off.gif) no-repeat; }
 .navLevel3 a:focus, .navLevel3 a:hover, .navLevel3 a:active { font-weight: normal; color: #6B8FFF; background: url(../_gfx/bg_navLevel3On.gif) no-repeat; }
	
	
/* --- contentContainer --- */	
	
	
#contentContainer { 
	width: 599px;				
	margin: 0 0 32px 0;
	padding: 0;
	float: left;
	}
	
	
/* --- header ---*/
	
#header {
	height: 240px;
	width: 599px;
	margin: 0; 				
	background-color:#666;
	background: url(../_gfx/bg_header.jpg) no-repeat;
	}
	
#navHeaderContainer {
	height: 17px;
	width: 392px;
	float: right;
	display: inline;
	margin: 207px 181px 0 0;
	padding: 0 0 0 0;
	text-align: right;
	}	
	
#navHeaderContainer ul {
    margin:0;
    padding:0;
    list-style:none;
    }
	
#navHeaderContainer li {
    float:right;
    margin:0;
    padding:0;
    }
	
#header a {
    display:block;
	font-size: 10px;
	line-height: 17px;
    }
	
#header a:link, #header a:visited { padding: 0 5px 0 25px; font-weight: bold; color: #ededed; text-decoration: none; background: url(../_gfx/bg_navHeaderLinkOff.gif) top left; }
#headerLeftLink a:link, #headerLeftLink a:visited { padding: 0 5px 0 36px; font-weight: bold; color: #ededed; text-decoration: none; background: url(../_gfx/bg_navHeaderLeftLinkOff.gif) top left; }
#header a:focus, #header a:hover, #header a:active { font-weight: bold; color: #f90; background: url(../_gfx/bg_navHeaderLinkOn.gif) top left; }
#headerLeftLink a:focus, #headerLeftLink a:hover, #headerLeftLink a:active { font-weight: bold; color: #f90; text-decoration: none; background: url(../_gfx/bg_navHeaderLeftLinkOn.gif) top left; }



/* --- content section --- */	


#section {
	margin: 20px;
	}

h1 {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 32px 0;
	color: #dedede;
	}
	
h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 8px 0;
	}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	}
	
p {
	margin: 0 0 16px 0;
	line-height: 16px;
	}
	

#section ul {
	margin: 8px 0 0 16px;
	list-style-image: url(../_gfx/ul_bullet.gif);
	}
	
#section li {
	margin: 0 0 4px 0;
	}
	

a:link, a:visited { color: #6B8FFF; text-decoration: none; }
a:focus, a:hover, a:active { color: #6B8FFF; text-decoration: underline; }

 a[href$='.pdf'] {  
	padding: 4px 20px 4px 0;
	background: transparent url(../_gfx/produkte/pdfico.gif) no-repeat center right;
	}


.boxLeft {
	width: 240px;
	margin: 0 0 32px 0;
	padding: 0 15px 0 0;
	float:left;
	text-align: right;
	}

.boxLeftAlignLeft {
	width: 240px;
	margin: 0 0 32px 0;
	padding: 0 15px 0 0;
	float:left;
	display: inline;
	}
	
.boxRight {
	width: 240px;
	margin: 0 0 32px 15px;
	padding: 0 15px 0 0;
	float: left;
	display: inline;
	}

.floatLeft {
	float: left;
	margin: 0 15px 24px 0;
	}


/* --- footer --- */

#footer { 
	width: 100%;
	height: 18px;
	margin: 0;
	padding: 0;
	background: #29314A;
	background: url(../_gfx/bg_footer.gif) no-repeat;
	}