body{
         color:black;
         font-size: 16px;
         font-weight:bold;
    	font-family: Arial, Verdana, sans-serif;
         margin:0;
         text-decoration:none;
         }

#hintergrund{
	z-index:1;
	background-color:#000000;
         position:absolute; top:50%; left:50%; width:543px; height:452px;
         margin-top:-226px;
         margin-left:-272px;
         }
#hintergrund_braun{
	z-index:1;
	background-color:#5A3D1C;
         position:absolute; top:50%; left:50%; width:543px; height:452px;
         margin-top:-226px;
         margin-left:-272px;
         }

h2{
         font-size: 12px;
         font-weight:bold;
    	font-family: Arial, Verdana, sans-serif;
         color:#D59758;
         }

.nichtFett{
	font-weight:lighter;
         font-size: 12px;
         }

.content_contact{
	position:absolute;
         left:7px;
         top:100px;
         color:#EFEFEF;
	font-size:12px;
         line-height:1.5em;
         }
.content_news{
	position:absolute;
         left:7px;
         top:100px;
         color:#EFEFEF;
	font-size:12px;
         line-height:1.5em;
         }
.content_vita{
	position:absolute;
         left:0px;
         top:100px;
         width:535px;
         height:340px;
         font-size:12px;
         color:#EFEFEF;
         }

/*
____________________________________________________________________________

H O M E B U T T O N
____________________________________________________________________________
*/


.bt_home{
         position:absolute; top:50%; left:0px;
         font:bold 16px Arial;
         background-color:#C253D9;
       	margin-top:-226px;
         padding-top:3px;
         padding-bottom:3px;
         padding-left:9px;
         padding-right:9px;
         text-decoration:none;
         color:white;
         }

a.bt_home span{
         position:absolute;
         display:none;
         }

.bt_home:hover{
         color:#D59758;
         }

.bt_home:hover span{
         display:block;
         padding-left:22px;
         font-weight:lighter;
         }

/*

_______________________________________________________________________________

R E C H T E   S P A L T E
_______________________________________________________________________________

*/

#rechteSpalte{
	z-index:2;
         position:absolute; width:200px; left:553px; top:0px;
         }

/*

_________________________________________________________________________________

U N T E R N A V I G A T I O N   (  B I L D A U S W A H L  )
_________________________________________________________________________________

*/

#bilderauswahlInstall{
         position:absolute; left:180px; top:25px;
         }

#bilderauswahlObject{
         position:absolute; left:220px; top:25px;
         }

#bilderauswahlInstall, #bilderauswahlObject{
        	list-style:none;
        	margin:0px;
        	padding:0px;
        	}
#bilderauswahlInstall li, #bilderauswahlObject li{
	display:inline;
         }
#bilderauswahlInstall li a, #bilderauswahlObject li a{
         color:#EFEFEF;
         font:bold 16px Arial;
         text-decoration:none;
         }
#bilderauswahlInstall li a:hover, #bilderauswahlObject li a:hover{
    	color:#D59758;
         text-decoration:none;
    	}
#bilderauswahlInstall li span, #bilderauswahlObject li span{
    	color:#D59758;
    	}
#bild{
	position:absolute; top:103px; left:0px; width:543px; height:349px;
         }


/*
______________________________________________________________
H A U P T N A V I G A T I O N
______________________________________________________________

*/

a.a1:hover span, a.a3:hover span, a.a5:hover span, a.a7:hover span, a.a9:hover span{
	display:block;
	color:#D59758;
	font-weight:lighter;
	padding-left:5px;
	padding-top:20px;
	font-family: Arial, Verdana, sans-serif;
	font-size:0.9em;
         }
a.a1 span, a.a3 span, a.a5 span, a.a7 span, a.a9 span{display:none;}


a.a1, a.a3, a.a5, a.a7, a.a9, .a2 img, .a4 img,  .a6 img,  .a8 img, .a_10 img, .aa1, .aa3, .aa5, .aa7, .aa9{
	position:absolute; top:-15px; height:15px;
         }
a.a1{left:0px; width:28px; background-image:url(bilder/01_news.gif);}
a.a3{left:42px; width:26px; background-image:url(bilder/03_installations.gif);}
a.a5 {left:112px; width:26px; background-image:url(bilder/05_objects.gif);}
a.a7 {left:178px; width:25px; background-image:url(bilder/07_vita.gif);}
a.a9 {left:223px; width:25px; background-image:url(bilder/09_contact.gif);}

a.a1:hover{background-image:url(bilder/01_news_ro.gif); text-decoration:none;}
a.a3:hover{background-image:url(bilder/03_installations_ro.gif);text-decoration:none;}
a.a5:hover{background-image:url(bilder/05_objects_ro.gif); text-decoration:none;}
a.a7:hover{background-image:url(bilder/07_vita_ro.gif); text-decoration:none;}
a.a9:hover{background-image:url(bilder/09_contact_ro.gif); text-decoration:none;}

.aa1{left:0px; width:28px; background-image:url(bilder/01_news_akt.gif);}
.aa3{left:42px; width:26px; background-image:url(bilder/03_installations_akt.gif);}
.aa5{left:112px; width:26px; background-image:url(bilder/05_objects_akt.gif);}
.aa7{left:178px; width:25px; background-image:url(bilder/07_vita_akt.gif);}
.aa9{left:223px; width:25px; background-image:url(bilder/09_contact_akt.gif);}

.a2 img{left:28px; width:14px;}
.a4 img{left:68px; width:44px;}
.a6 img{left:138px; width:40px;}
.a8 img{left:203px; width:20px;}
.a_10 img{left:248px; width:14px;}

#auswahlNews{position:absolute; left:35px; top:27px; color:#D59758; font-weight:lighter;}
#auswahlInstall{position:absolute; left:80px; top:27px; color:#D59758; font-weight:lighter;}
#auswahlObject{position:absolute; left:150px; top:27px; color:#D59758; font-weight:lighter;}
#auswahlVita{position:absolute; left:215px; top:27px; color:#D59758; font-weight:lighter;}
#auswahlContact{position:absolute; left:260px; top:27px; color:#D59758; font-weight:lighter;}

#schraegeLinieNews{position:absolute; top:5px; left:10px; width:19px; height:19px;}
#schraegeLinieVita{position:absolute; top:5px; left:190px; width:19px; height:19px;}
#schraegeLinieContact{position:absolute; top:5px; left:235px; width:19px; height:19px;}
#schraegeLinieInstall{position:absolute; top:5px; left:55px; width:19px; height:19px;}
#schraegeLinieObject{position:absolute; top:5px; left:125px; width:19px; height:19px;}

/*
____________________________________________________________________________________________

S C R O L L B A L K E N
____________________________________________________________________________________________
*/


.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 5;
}

.vscrollerbase {
width: 20px;
background-color: white;
}
.vscrollerbar {
width: 11px;
left:2px;
background-color: black;
}


.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}


#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 550px;
height: 330px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: absolute;
background-color: #5A3D1C;
padding: 0px;
}