@charset "UTF-8";
/* CSS Document der Internetseite http://www.sl-armaturen.com (Layout und Design: rsb DESIGN e.K.) */


html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li { 
margin:0; 
padding:0;
}

body {
	background-color:#dcedfa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:101%;
	text-align:center; /* zum zentrieren des Layouts */
}

/* Container, für alle Layer */
#box {
position:relative;
padding:0;
margin:0 auto;
width:970px;
text-align:left;
z-index:0;
}

/* Head */
#top {
position:absolute;
width:970px;
height:40px;
background-image: url(../bilder/headtopbg.png);
background-repeat: no-repeat;
}

#languages {
position:absolute;
width:60px;
height:20px;
left:20px;
top:15px;
}

#logo {
position:absolute;
width:255px;
height:35px;
left:690px;
top:0px;
}

#headindex {
position:absolute;
width:970px;
height:180px;
left:0px;
top:40px;
background-image: url(../bilder/headimg_index.jpg);
background-repeat: no-repeat;
}

#headunternehmen {
position:absolute;
width:970px;
height:180px;
left:0px;
top:40px;
background-image: url(../bilder/headimg_unternehmen.jpg);
background-repeat: no-repeat;
}

#headquali {
position:absolute;
width:970px;
height:180px;
left:0px;
top:40px;
background-image: url(../bilder/headimg_qualitaet.jpg);
background-repeat: no-repeat;
}

#headnews {
position:absolute;
width:970px;
height:180px;
left:0px;
top:40px;
background-image: url(../bilder/headimg_news.jpg);
background-repeat: no-repeat;
}

#headkontakt {
position:absolute;
width:970px;
height:180px;
left:0px;
top:40px;
background-image: url(../bilder/headimg_kontakt.jpg);
background-repeat: no-repeat;
}


#headdown {
position:absolute;
width:970px;
height:180px;
left:0px;
top:40px;
background-image: url(../bilder/headimg_download.jpg);
background-repeat: no-repeat;
}

#headprodukt {
position:absolute;
width:970px;
height:180px;
left:0px;
top:40px;
background-image: url(../bilder/headimg_produkte.jpg);
background-repeat: no-repeat;
}

#boxtext {
	position:absolute;
	width:150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 25px;
	color: #FFFFFF;
	height: 110px;
	top: 10px;
	left: 790px;
	text-align: right;
}

#impbox {
	position:absolute;
	width:180px;
	height:18px;
	left: 780px;
	top: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}



/* Head Ende */

/* Content */
#bgcontent {
position:absolute;
width:970px;
min-height: 350px;
height: auto !important;  /* für moderne Browser */
height: 350px;  /*für den IE */
left:0px;
top:220px;
}

#content {
	top: 0px;
	left: 5px;
	width: 530px;
	min-height: 350px;
	height: auto !important;  /* für moderne Browser */
	height: 350px;  /*für den IE */
	background-image:url(../bilder/contentimg.png);
	background-repeat:repeat;
	padding-right: 220px;
	padding-left: 220px;
	padding-top: 20px;
	padding-bottom: 15px;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	width:970px;
	height:35px;
	background-image: url(../bilder/footerimg.png);
	background-repeat: no-repeat;
	padding-top: 13px;
}

#news {
	position:absolute;
	width:160px;
	left:788px;
	top:20px;
	border: 1px solid #01B7E9;
	background-color: #c3dff6;
}

/* Content Ende */



/* Navigation */

#navioben {
	position:absolute;
	left:205px;
	top:150px;
	width:550px;
	height:30px;
}

ul#hauptnavi {
list-style-type:none;
margin-left:0;
padding-left:0;
}

ul#hauptnavi li {
float:left;
margin-left:15px;
}

ul#hauptnavi li a{
display:block;
width:62;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFF;
text-decoration:none;
}

ul#hauptnavi li a:hover{
display:block!important;
width:62!important;
height:18px!important;
font-family:Arial, Helvetica, sans-serif!important;
font-size:12px!important;
color: #01B7E9!important;
text-decoration:none!important;
}

ul#hauptnavi li a:visited{
display:block;
width:62;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFF;
text-decoration:none;
}

.hauptnaviaktiv {
display:block!important;
width:62!important;
height:18px!important;
font-family:Arial, Helvetica, sans-serif!important;
font-size:12px!important;
color: #01B7E9!important;
text-decoration:none!important;
}

#unternavibox {
	position:absolute;
	width:130px;
	left:30px;
	top:20px;
}

ul#unternavi {
list-style-type:none;
margin-left:0;
padding-left:0;
}

ul#unternavi li{
	margin-bottom:0px;
}

ul#unternavi li a{
	background-image:url(../bilder/naviinaktiv.png);
	display:block;
	width:130px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #01416D;
	text-decoration:none;
	background-repeat: no-repeat;
	padding-top:10px;
}

ul#unternavi li a:hover{
	background-image:url(../bilder/naviaktiv.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #01B7E9;
	text-decoration:none;
	background-repeat: no-repeat;
}
.unternaviaktiv {
	background-image:url(../bilder/naviaktiv.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #01B7E9;
	text-decoration:none;
	background-repeat: no-repeat;
	height: 20px;
	padding-top: 10px;
}


/* Navigation Ende */