/* HILß GmbH Stylesheet */

/* Grundeinstellungen */
*{
	margin:0px;
	padding:0px;
}
html {
   height: 100%;
   margin-bottom: -50px;
}
body{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	background:transparent url(bilder-zaehlerbau-mechanische-zaehler/bg.jpg) repeat-x;
}
a{
	text-decoration:none;
	color:#333333;
}
a:hover{
	color:#333333;
	font-weight:bold;
}
p{
padding-top:5px;
padding-bottom:5px;
}
h1{
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/h1_bg.gif) center left no-repeat;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
font-size:16px;;
font-weight:bold;
color:#999999;
}
h2{
background:transparent url(bilder-acrylwuerfel/pfeil_h2.gif) no-repeat;
padding-top:10px;
padding-left:10px;
font-size:11px;
font-weight:normal;
}
h3{
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/h3_bg.gif) center left no-repeat;
margin-top:2px;
margin-left:2px;
padding-left:10px;
font-size:11px;
font-weight:normal;
color:#000000;
}
img {
border:none;
}
/* Grundeinstellungen ENDE */

#container{
width:990px;
height:100%;
}


/* Top-Leiste, Oberste Leiste START */
#top-leiste{
width:980px;
height:20px;
background: transparent url(bilder-zaehlerbau-mechanische-zaehler/top_leiste.jpg) repeat-x;
float:left;
}
#top-leiste ul{
margin-left:630px;
}
#top-leiste li{
margin-left:30px;
float:left;
color:#CCCCCC;
list-style:none;
}
#top-leiste a{
color:#CCCCCC;
}
#top-leiste a:hover{
color:#CCCCCC;
font-weight:normal;
}
#top-leiste img{
border:none;
}
/* Top-Leiste, Oberste Leiste END */

/* Header START */
#header {
width:939px;
height:176px;
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/header_bg.jpg) no-repeat;
float:left;
}
* html #header {
        /* \*/
        margin-top:   -2px;
        /* */
}
#header ul{
margin-left:606px;
}
#header li{
list-style:none;
}
/* Header END */

/* Menu START */
#menu{
line-height:2.0em;
width:210px;
height:400px;
/*background:transparent url(bilder-zaehlerbau-mechanische-zaehler/menu_bg.jpg) no-repeat;*/
float:left;
}
#menubox{
line-height:2.0em;
width:210px;
height:164px;
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/menu_bg2.jpg) no-repeat;
float:left;
}
* html #menu {
        /* \*/
        margin-top:   -2px;
        /* */
}
#menubox a{
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/menu_a.gif) center left no-repeat;
margin-left:25px;
padding-left:20px;
color:#333333;
}
#menubox a:hover{
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/menu_a_hover.gif) center left no-repeat;
color:#333333;
font-weight:normal;
}
/* Untermenü */
#untermenubox{
line-height:1.2em;
width:210px;
height:255px;
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/untermenu_bg.jpg) no-repeat;
float:left;
}
#untermenubox p{
margin-left:45px;
width:160px;
}
#untermenubox blockquote{
margin-left:45px;
line-height:2em;
width:160px;
}
#untermenubox a{
color:#333333;
}
#untermenubox a:hover{
color:#333333;
font-weight:normal;
}

#untermenu{
line-height:1.2em;
width:210px;
height:255px;
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/untermenu_bg.jpg) no-repeat;
float:left;
}
#untermenu p{
margin-left:20px;
width:160px;
}
#untermenu a{
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/menu_a.gif) center left no-repeat;
margin-left:25px;
padding-left:20px;
color:#333333;
}
#untermenu a:hover{
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/menu_a_hover.gif) center left no-repeat;
color:#333333;
font-weight:normal;
}
/* Menu END */

/* Content START */
#content{
margin-left:30px;
width:650px;
float:left;
}
#content ul{
margin-left:20px;
}
#content li {
list-style-type:square;
}
#content h2{
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/h2_bg_contentseiten.jpg) center left repeat-x;
padding-top:2px;
padding-bottom:2px;
font-weight:bold;
}

.startseite_container1, .startseite_container2{
background:transparent url(bilder-zaehlerbau-mechanische-zaehler/startseite_box_bg.jpg) no-repeat;
margin-left:0px;
margin-top:10px;
width:286px;
height:155px;
float:left;
}

.startseite_container2{
margin-left:70px;
}

.startseite_überschrift{
width:280px;
height:17px;
float:left;
}
.startseite_bildgroß{
margin-left:1px;
width:126px;
height:136px;
float:left;
}
.startseite_text{
margin-left:0px;
width:155px;
height:73px;
float:left;
margin-top:2px;
}
.startseite_bildklein{
margin-left:0px;
width:158px;
height:49px;
text-align:right;
float:left;
}
.startseite_link{
margin-left:0px;
width:155px;
height:14px;
text-align:right;
float:left;
}
/* Content ENDE */



/* Formular START */
#formular{
width:200px;
margin-left:5px;
margin-top:20px;
float:left;
}
#formular input{
margin-top:-15px;
margin-left:110px;
float:left;
}
#formular textarea{
margin-top:-15px;
margin-left:110px;
float:left;
}
/* Formular ENDE */


/* Datenschutz Popup */
#datenschutz_popup{
background-color:#FFFFFF;
padding-left:5px;
padding-right:5px;
}

/* Datenschutz Popup */


/**MENÜ START**/

#nav a {
    display: block;
	/*width: 160px;*/
	text-decoration:none;
/*	line-height:27px;
	border-bottom:1px solid white;
	border-left:1px solid white;
	padding-left:5px;
	margin-left:4px;*/
	color: black;
	line-height:2.0em;
	width:250px;
}
#nav a:hover{

}
#nav li {
    float: left;
	width: auto;

}

#nav li ul {
    position: absolute;
	width: 290px;
    left: -999em;
	/*background: #e6e6e6;*/
	background:#e5ebfc;
/*	background: #999;*/
	padding-bottom:2px;
	margin-left:204px;
	margin-top:-20px;
	line-height:2.0em;
/*	border-right: 1px solid #369;
	border-top: 1px solid #369;
	border-bottom: 1px solid #369;*/
	color:#FFF;
	z-index:1000;
}


#nav li ul li{
	padding:0px;
	color:#000
}
#nav li ul li a{
	font-weight:normal;
	color:#000;
	line-height:25px;
	border: none;	
}
#nav li ul li a:hover{

}
#nav li:hover ul {
    left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}

#nav li ul ul {
    margin: -40px 0 0 100px;
}
#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none; 
    line-height: 1;
}
#nav ul {
	padding-left:0px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
    left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
    left: auto;

}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}
/**MENÜ ENDE**/