
<!---- 18.02.04 - tempstyle-Variante hinzugefuegt ------>
<!---- 23.04.04 - nav_style Var 12 bei Breitenvergabe hinzugefuegt ------>
<!---- 07.05.2004 - linksbreite veraendert, damit Scrollbalken hinpasst -->
<!---- 07.06.2004 - tophoehe jetzt dynamisch --->
<!-- 17.06.2004 - M.Schlottmann - scollstyle-variable eingefuegt, fuer farbigen Scrollbalken  -->
<!-- 21.09.2004 - M.Schlottmann - etwas an der Topvariante ohne Navi (3) geschraubt  -->
<!-- 27.08.2007 - M.Schlottmann - neue Designvariante, einiges in Variablen ausgelagert  -->



BODY  {
	color : #000000;
	SCROLLBAR-FACE-COLOR : #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR : #ffffff;
	SCROLLBAR-SHADOW-COLOR : #9E3E14;
	SCROLLBAR-3DLIGHT-COLOR : #9E3E14;
	SCROLLBAR-ARROW-COLOR : #9E3E14;
	SCROLLBAR-TRACK-COLOR : #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR : #f2f2f2;
}

.title_class {
background: url('../images/title_class_back.gif') repeat-y;
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}

.footer_neu {
	background:#CCE8D9;
	color:#21894A;
}


.alert {
	font-family : Arial,Helvetica, sans-serif;
	background-color : #ff3300;
	color : #ffffff;
	font-size : 8pt;
}


/* Farbe 1 - oeffentlicher Bereich*/
.oe_head {
	font-family : Arial,Helvetica, sans-serif;
	color : #9E3E14;
	//font-size : 12px;
	font-size : 10pt;
}

/* neu Seitentitel */
.oe_site {
	height:25px;
	font-weight:bold;
	font-family : Arial,Helvetica, sans-serif;
	color : #9E3E14;
	font-size : 11pt;
}

.oe_dunkel  {
	background-color : #9E3E14 ;
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}

.oe_mittel  {
	background-color : #E8B098;
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}

.oe_blass  {
	background-color : #FAE1D7;
	font-family : Arial,Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
}

.oe_hell  {
	background-color : #FCF0EB;
	font-family : Arial,Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
}

.oe_hintergrund  {
	background-color : #ffffff;
	font-family : Arial,Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
}

.oe_schrift  {
	font-family : Arial,Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
}

.oe_weiss  {
	background-color :#ffffff ;
	font-family : Arial,Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
}
/* oe Links*/
a.oe  {
	font-family : Arial,Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
	text-decoration : none;
}

a.oe:hover  {
	font-family : Arial,Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
	text-decoration : underline;
}

/* Farbe 2 - persoenlicher Bereich*/
.per_ganzdunkel  {
	background-color : #9E3E14;
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}

.per_dunkel  {
	background-color : #9E3E14;
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}

.per_mittel  {
	background-color : #F5C3AF;
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}

.per_blass  {
	background-color : #FFF3EE;
	font-family : Arial,Helvetica, sans-serif;
	color : #9E3E14;
	font-size : 12px;
}

.per_hell  {
	background-color : #CCE8D8;
	font-family : Arial,Helvetica, sans-serif;
	color : #9E3E14;
	font-size : 12px;
}

.per_hintergrund  {
	background-color : #ffffff;
	font-family : Arial,Helvetica, sans-serif;
	color : #9E3E14;
	font-size : 12px;
}

.per_schrift  {
	font-family : Arial,Helvetica, sans-serif;
	color : #9E3E14;
	font-size : 12px;
}

/* per Links*/
a.per  {
	font-family : Arial,Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
	text-decoration : none;
}

a.per:hover  {
	font-family : Arial,Helvetica, sans-serif;
	color : #000000;
	font-size : 12px;
	text-decoration : underline;
}

/* Fliesstext*/
TD  {
	font-weight : normal;
	font-size : 12px;
	color : #000000;
	font-family : Arial,Helvetica, sans-serif;
}

.headwhite  {
	font-weight : bold;
	font-size : 12px;
	color : #ffffff;
	font-family : Arial,Helvetica, sans-serif;
}


/* klein*/
.winzig  {
	font-family : Arial,Helvetica, sans-serif;
	color : #9E3E14;
	font-size : 10px;
}


/* Links default*/
A  {
	font-weight : normal;
	font-size : 12px;
	color : #9E3E14;
	font-family : Arial,Helvetica, sans-serif;
	text-decoration : underline;
}

/* Links schwarz mit hover*/
A.black  {
	font-weight : normal;
	font-size : 12px;
	color : #000000;
	font-family : Arial,Helvetica, sans-serif;
	text-decoration : none;
}

A.black:hover  {
	font-weight : normal;
	font-size : 12px;
	color : #000000;
	font-family : Arial,Helvetica, sans-serif;
	text-decoration : underline;
}


/* Weisse Links*/
a.white  {
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
	text-decoration : none;
}

a.white:hover  {
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
	text-decoration : underline;
}



.textwhite  {
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}


/*Buttons und Forms*/
.oe_box  {
	font-size : 12px;
	color : #9E3E14;
	font-family : Arial,Helvetica, sans-serif;
	BORDER-RIGHT : #E8B098 1px solid;
	BORDER-LEFT : #E8B098 1px solid;
	BORDER-TOP : #E8B098 1px solid;
	BORDER-BOTTOM : #E8B098 1px solid;
}

.oe_form  {
	font-size : 12px;
	color : #9E3E14;
	font-family : Arial,Helvetica, sans-serif;
	BORDER-RIGHT : #E8B098 1px solid;
	BORDER-LEFT : #E8B098 1px solid;
	BORDER-TOP : #E8B098 1px solid;
	BORDER-BOTTOM : #E8B098 1px solid;
}

.oe_button  {
	height : 16;
	background-color : #FCF0EB;
	color : #9E3E14;
	font-weight : bold;
	font-size : 12px;
	BORDER-RIGHT : #9E3E14 1px solid;
	BORDER-LEFT : #9E3E14 1px solid;
	BORDER-TOP : #9E3E14 1px solid;
	BORDER-BOTTOM : #9E3E14 1px solid;
}


.per_button  {
	height : 16;
	background-color : #CCE8D8;
	color : #9E3E14;
	font-weight : bold;
	font-size : 12px;
	BORDER-RIGHT : #9E3E14 1px solid;
	BORDER-LEFT : #9E3E14 1px solid;
	BORDER-TOP : #9E3E14 1px solid;
	BORDER-BOTTOM : #9E3E14 1px solid;
}

.per_box  {
	font-size : 12px;
	color : #9E3E14;
	font-family : Arial,Helvetica, sans-serif;
	BORDER-RIGHT : #9E3E14 1px solid;
	BORDER-LEFT : #9E3E14 1px solid;
	BORDER-TOP : #9E3E14 1px solid;
	BORDER-BOTTOM : #9E3E14 1px solid;
}

/*special*/
.menubg {
	background-color:#FCF0EB;
}

.submenubg {
	background-color: #FAE1D7;
}
.navbg {
	background-color:#FCF0EB;
}


/* Navigationselemente Oeffentlicher Bereich*/
a.onavi  {
	padding-top: 2px;
	font-family : Arial,Helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	height : 21;
	width: 74;
	border-top:1px solid #ffffff;
}

a.onavi:link  {
	padding-top: 2px;
	color : #ffffff;
	background-color : #E8B098;
	text-decoration : none;
	height : 21;
	width: 74;
	border-top:1px solid #ffffff;
}

a.onavi:visited  {
	padding-top: 2px;
	color : #ffffff;
	background-color : #E8B098;
	text-decoration : none;
	height : 21;
	width: 74;
	border-top:1px solid #ffffff;
}

a.onavi:hover  {
	padding-top: 2px;
	background-color : #9E3E14;
	text-decoration : none;
	height : 21;
	width: 74;
	border-top:1px solid #ffffff;
}

a.onavi:active  {
	padding-top: 2px;
	background-color : #E8B098;
	text-decoration : none;
	width: 74;
	border-top:1px solid #ffffff;
}

/* aktiv-angewaehltes Elemet - Oeffentlicher Bereich*/
.onaviaktiv  {
	padding-top: 2px;
	font-weight : bold;
	font-size : 12px;
	color : #ffffff;
	font-family : Arial,Helvetica, sans-serif;
	background-color : #9E3E14;
	text-decoration : none;
	height : 21;
	width: 74;
	border-top:1px solid #ffffff;
}

/*menubutton*/
a.menubutton {
	padding-top: 2px;
	text-align: center;
	text-decoration : none;
	width: 74;
}

/*********************************************/
/* Rollover - Klasse */
/*.rollover_on  {
	background-color : #9E3E14;
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}*/

.suche_back{
	background: url('../images/suche_back1.gif');
}

/* Ebene 1 */
.ebene1{
	background: url('../images/navi_ebene_1.gif');
	background-position:0px -3px;
}

.ebene1_aktiv{
	background: url('../images/navi_ebene_1_a.gif');
	background-position:0px -3px;
}

.ebene1_topaktiv{
	background: url('../images/navi_ebene_1_t.gif');
	background-position:0px -3px;
}

/* Ebene 2 */
.ebene2{
	background: url('../images/navi_ebene_2.gif');
	background-position:0px -3px;
}
.ebene2_aktiv{
	background: url('../images/navi_ebene_2_a.gif');
	background-position:0px -3px;
}

.ebene2_topaktiv{
	background: url('../images/navi_ebene_2_t.gif');
	background-position:0px -3px;
}

/* Ebene 3 */
.ebene3{
	background: url('../images/navi_ebene_3.gif');
	background-position:0px -3px;
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}

.ebene3_aktiv{
	background: url('../images/navi_ebene_3_a.gif');
	background-position:0px -3px;
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}

.ebene3_topaktiv{
	background: url('../images/navi_ebene_3_t.gif');
	background-position:0px -3px;
	font-family : Arial,Helvetica, sans-serif;
	color : #ffffff;
	font-size : 12px;
}