/* Basics */
*{
 margin:0;
 padding:0;
}

body{
 background:#ffffff url(bilder/hg_metall.gif);
 font:.8em "stone sans", "stone sans itc", arial, sans-serif;
 text-align:center;
}

.Stil2 {
color: #99eca9
}

/* Sonstiges */
.titel{
 float:left;
 width:90px;
 padding:0 0px 0 0
 margin:0 0 20px 20px;
}

.titel img{
 border:0
 float:left;
 margin:0 0 0px 20px;
}



/* Schrift */
h1,h2,h3,h4,h6{
 border-bottom:1px solid #ccc;
 color:#666666;
 font-size:1em;
 letter-spacing:0.01em;
 margin:10px 0 5px 0
}

h5{
 color:#333333;
 font-size:1em;
 letter-spacing:0.01em;
 margin:10px 0 5px 0
}

#links p{
 text-align:justify;
 padding:8px 0px 0px 0px;
}

#links ul{
 text-align:left;
 padding:0px 0px 0px 12px;
 font-size:.8em;
}

#unten p{
 color:#44534e;
 font:.85em "stone sans", "stone sans itc", verdana, sans-serif;
 padding:5px;
}

.active{
 text-decoration:none;
 /* border-bottom:4px solid #dad181 */
 color:#dad181;
 font-size:.9em; 
 font-weight:bold;
}


/* Formatierungen Layout */
#seite{
 background:#ffffff url(bilder/hg_mitte.gif) repeat-y;
 margin:0 auto;
 padding:10px 10px 5px 13px;
 text-align:left;
 width:940px
}

#oben{
 background:#ffffff url(bilder/headpic.jpg);
 clear:both;
 padding:0px 0px 0px 0px;
 height:160px;
 width:937px;
}

#navioben{
 background:#ffffff url(bilder/navipic.jpg);
 clear:both;
 padding:0px 0px 0px 0px;
 height:46px;
 width:937px;
}

#links{
 float:left;
 margin:0 0 0px 0;
 padding:10px 40px 40px 40px;
 width:517px;
}

#rechts{
 float:left;
 margin:0 0 20px 20px;
 padding:20px 0px 0px 0px;
 width:280px
}

#unten{
 background:#ffffff;
 clear:both;
 padding:0px 35px 35px 35px;
 width:857px
}


/* Support-Navigation oben */
#supportnavigation{
 float:left;
 margin:0px 0px 0px 667px;
 width:280px;
 padding:128px 0 10px 0
}

#supportnavigation ul{
}

#supportnavigation ul li{
 display:inline;
 margin:0 5px 0 5px 
}

#supportnavigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #258634;
 color:#99eca9;
 font-size:.9em; 
 font-weight:bold;
}

#supportnavigation ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid #e2b91b;
}

#supportnavigation ul li.active{
 text-decoration:none;
 border-bottom:4px solid #e2b91b;
 color:#e2b91b;
 font-size:.9em; 
 font-weight:bold;
}


/* Navigationsleiste oben */
#navigation{
 /* display:block; */
 float:left;
 text-align:left;
 height:38px;
 width:877px;
 padding:15px 0px 0px 30px
}

#navigation ul{
 padding:0;
 margin:2px 0px 0px 30px;
 list-style:none;
}

#navigation ul ul{
 padding:0;
 margin:10px 0px 0px 0px;
 list-style:none;
}

#navigation li ul {
	position:absolute;
	display:inline;
	width:auto;
	left:-999em;
	}
	
#navigation li{
 float:left;
} 

#navigation ul li{
 display:inline;
 margin:0 30px 0 0;
}


#navigation ul li ul{
 left:auto;
}


#navigation ul li ul li{
 display:inline;
 margin:0 20px 0 0;
 width:300px;
}

#navigation ul li a{
 text-decoration:none;
 /* border-bottom:4px solid #eeeff1; */
 color:#99eca9;
 font-size:.9em; 
 font-weight:bold;
}

#navigation ul li a:hover{
 text-decoration:none;
 /* border-bottom:4px solid #dad181 */
 color:#e2b91b;
}

#navigation ul li.active{
 text-decoration:none;
 /* border-bottom:4px solid #dad181 */
 color:#e2b91b;
 font-size:.9em; 
 font-weight:bold;
}


/* Navigationsleiste zweite Ebene */

#naviebene2{ 
 ul float:left;
 margin:0px 0px 0px -5px;
 padding: 0px 0 10px 0;
}

#naviebene2 ul li{
 display:inline;
 margin:0 5px 0 5px;
}

#naviebene2 ul li a{
 text-decoration:none;
 /* border-bottom:4px solid #eeeff1; */
 color:#666666;
 font-size:.9em; 
 font-weight:bold;
}

#naviebene2 ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid #dad181;
 color:#666666;
}



/* Navigation rechts */
#rechts ul{
list-style:none;
 margin:0 0 0 0
}

#rechts ul li{
 background:url(bilder/liste.jpg) no-repeat;
 display:block;
 margin:0 0px 0 0;
 padding:6px 0 10px 16px
}

#rechts ul li a{
 text-decoration:none;
  color:#729786;
}

#rechts ul li a:hover{
  color:#095c34;
}



/* Link */
a:link,a:visited,a:active{
 color:#000;
 text-decoration:underline
}

a:hover{
 text-decoration:none
}


#unten a{
 color:#44534e;
 text-decoration:underline
}

#unten a:hover{
 text-decoration:none
}


