/* ebenen für OK-HAFNER */
#head {
	position:absolute;
	left:50px;
	top:0px;
	width:799px;
	height:154px;
	background-color:#EFC47A;
	background-image: url(pics-header/header1.gif);
	z-index:1;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#navi {
	position:absolute;
	left:50px;
	top:161px;
	width:799px;
	height:28px;
	background-color:#F08100;
	z-index:3;
	border-right-width: 7px;
	border-left-width: 7px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#content{
	position:absolute;
	left:50px;
	top:189px;
	width:799px;
	height:519px;
	background-color:#F6D996;
	z-index:2;
	border-right:7px solid #FFFFFF;
	border-left:7px solid #FFFFFF;
	border-bottom:7px solid #FFFFFF;

}

#content_hafner{
	position:absolute;
	left:50px;
	top:189px;
	width:799px;
	background-color:#F6D996;
	z-index:2;
	border-right:7px solid #FFFFFF;
	border-left:7px solid #FFFFFF;
	border-bottom:7px solid #FFFFFF;

}



#submenu_3, #submenu_4 {
	position:absolute;
	left:194px;
	width:126px;
	top:189px;
	z-index:20;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 150%;
	color:#FFFFFF;
	background-color:#F4A74C;
	padding:0;
	margin:0;
}

#submenu_4 {
left:333px;}

#submenu_3 a, #submenu_3 a:hover, #submenu_4 a, #submenu_4 a:hover {width:126px; padding:2px 0 2px 13px; text-align:left; display:block; margin:0; background-color:#f4a74c; 
color:#FFFFFF; 
text-decoration:none; 
}
#submenu_4 a, #submenu_4 a:hover {width:159px;}

#submenu_3 a:hover, #submenu_4 a:hover {
text-decoration:underline; background-color:#F08100;
 }
 
.submenu_top {border-top:2px solid #FFFFFF;}

body {
	background-color: #EFC47A;
}

/* texte für OK-HAFNER */
.headline-braun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #935103;
	line-height:120%;
	font-variant: small-caps;

}
.headline-grau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	line-height:120%;
	font-variant: small-caps;

}
hr {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #935103;
	noshade: noshade;
}
.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF8100;
	line-height:100%;
	font-variant: small-caps;
	font-weight: bold;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:130%;
	color: #333333;
	font-weight: normal;
}
.copy-hervorheb{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:130%;
	color: #935103;
	font-weight: normal;
}


a.links:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FF8100;
	text-decoration: none;
	
}
a.links:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FF8100;
	text-decoration: underline;
}
a.links:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FF8100;
	text-decoration: none;
	
}
a.menu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:15px;
	
}
a.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	padding-left:15px;
}
a.menu:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left:15px;
	
}

/* elemente für OK-HAFNER */

.paddingcontent {
	padding-left:55px;
	padding-right:55px;
	padding-top:158px;
}
.padding-second {
	padding-left:55px;
	padding-right:55px;
}
p {
padding-left:10px;
padding-right:15px;
}
padding-top {
	padding-top:5px;
}
.contactformular
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:130%;
	color: #333333;
	font-weight: normal;
	border: 1px solid #FF8100;
	width: 250px;
}
.linie-rechts {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.linie-top-rechts {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
}
.linie-bottom {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
.linie-trenner {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF8100;
}

/* root element for scrollable */ 
div.scrollable {   
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;     
 
    /* vertical scrollers have typically larger height than width */     
    height: 507px;      
    width: 116px;     
} 
 
/* root element for scrollable items */ 
div.scrollable div.items {     
    position:absolute; 
     
    /* this time we have very large space for height */     
    height:20000em;     
}
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
	
} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc;         
    background-color:#fff; 
}