
/************************************************************************************/
/* Generelle HTML Tags */

body {  
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
color: #fff;

}


html, body
{
height: 100%;
width: 100%;
margin: 0px;
padding: 0px; 
background-color: #F78F1E;
}


/************************************************************************************/
/* Layout */

#divLayout {
padding: 0; 
width: 100%;
height: 420px;
position: absolute;
top: 50%;                  
left: auto;
margin: -210px 0px 0px auto;	 
background-color: #FBC78E; 
} 


/************************************************************************************/
/* DIV Inhalt */


#divTop {
position: absolute;
top: -35px;
margin-left: 230px; 
width: 600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
color: #231F20;
}

#divMenu {
position: absolute;
float: left; 
padding: 0px;
width: 230px;
height: 420px;
}

/* höhe 420 minus 2 mal 10px border = 400 */
#divInhalt {
position: absolute;
margin-left: 230px; 
width: 600px;
height: 410px;
background-color: #231F20;
border-top: 10px solid #8C561F;
}

#divBottom {
position: absolute;
bottom: -24px;
width: 830px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
color: #231F20;
}


/************************************************************************************/
/* diverse klassen */


/* seiten flash  */

.inhaltTxt { 
position: absolute;
margin-left: 139px; 
margin-top: 87px; 
width: 420px;
}


.mainpicture {
z-index: 99;
position: absolute; 
left: 130px; 
top: 125px; 
width: 200px; 
height: 250;
border: 1px solid #F78F1E;
}


/* seiten titel   --- background-color: #CCC; */

.maintitel {  
position: absolute;
margin-top: 97px; 
width: 102px;
text-align: right;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #F78F1E;
}

/* seiten flash  */

.flashbanner { 
position: absolute;
margin-left: 139px; 
margin-top: 21px; 
width: 420px;
border: 1px solid #F78F1E;
}

.titelB {
padding-top: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #F78F1E;
}

/* png fix */
img { 
behavior:url("/images/z_pngfix.htc"); 
border: none; }



/* encrypt e-mail */
.text-emailadresse-reverse
{
unicode-bidi: bidi-override; 
direction: rtl; 
}







/* alte styles */

.utitel { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FBC78E;
} 

.utitel2 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FBC78E;
} 
 
.utitel3 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #F78F1E;
} 


.rest {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #231F20;
}

.oez {  
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #F78F1E;
}

.spez {  
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FBC78E;
}

.oben {  
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
color: #8C561F;
}

.hilfe {  
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #CE7718;
}


/************************************************************************************/
/* div popup einblender */

#suupi {
position: absolute;
visibility: visibility; /* visibility hidden */
margin-left: 580px; 
margin-top: 120px; 
width: 340px; 
height: 150px;
border-top: 1px solid #000000; 
border-right: 1px solid #000000; 
}


.divtitel {  
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #B56B16;
margin: 0px;
}

.divtitel2 {  
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #D9801A;
margin: 0px;
}


/************************************************************************************/
/* links */

a {color: #F78F1E; text-decoration :none;}
a:hover { color: #FBC78E; text-decoration: underline }

.mail {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;}
a.mail {color: #8C561F; text-decoration :none;}
a.mail:hover {color: #231F20; text-decoration: underline;}

.design {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;}
a.design {color: #CC781E; text-decoration :none;}
a.design:hover {color: #FBC78E; text-decoration: underline;}

.design2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;}
a.design2 {color: #CC781E; text-decoration :none;}
a.design2:hover {color: #FBC78E; text-decoration: underline;}

.popup {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;}
a.popup {color: #FBC78E; text-decoration :none;}
a.popup:hover {color: #231F20; text-decoration: underline;}


/************************************************************************************/
/* border */

.border {
border: 1px solid #F78F1E;
}

.ter tr td{
	vertical-align: top;
	padding: 0 7px 10px 0;	
}

/************************************************************************************/
/* navi */

#ulNavigation {
	margin: 20px 116px 0 0;
	padding: 0px;
}

#ulNavigation li{
	margin: 0 0 10px 0;
	list-style-type: none;
	text-align: right;
}

#ulNavigation li a{
	font-size: 12px;
	font-weight: bold;
	color: #7d6347;
	background-image: url(../images/navi_not_active.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 0 0 14px;
	text-decoration: none;
}

#ulNavigation li a:hover, #ulNavigation li a.active{
	color: #000;
	background-image: url(../images/navi_active.gif);
}