.contentheading {
font-weight:bold;
font-size: 14px;
}


* {						/* alle Abstände 0 setzen, mussen expliziert definiert werden */
	margin:0;
	padding:0;
}

html, body { width: 100%; height:100%; }

body{
 text-align:center;				/* Horizontale Zentrierung für IE Win quirks */
 background-color: #330000;
 font-family: Arial, Helvetica, sans-serif;
}

/* die Definitionen der einzelnen Layer -------------------------------------------------------------------*/

#abstand { 						/* der Layer, der den DIV "main" VERTIKAL zentriert */
	width:1px;
	height:50%;
	background-color:#330000;	/* muss Hintergrundfarbe der Seite haben!! */
	margin-bottom:-335px; 		/* halbe Höhe des DIVs "main"!! */
	float:left;
}

#main{						/* der Container, der alles umschließt */
 position: relative;			/* schiebt das DIV "main" vor das DIV "abstand" */
 margin: 0 auto;				/* horizontale Zentrierung für Mozilla und Opera */
 text-align:left;			/* hebt horizontale Zentrierung für IE Win quirks wieder auf */
 width: 870px;
 height: 670px;
 border: 1px;
 background-color: silver;
 clear:left;

}

#bb_kopf{					/* Container für das Logo im Kopf */
 width: 870px;
 height: 200px;
}

#menuzeile{					/* Container für die Menüzeile, schwebt über den anderen DIVs */
 position:absolute;
 width: 868px;				/* -2x Rand!! */
/* height: 10px; */
/* background-color: #330000; */
background: url(../images/bb_perlen.png) no-repeat left bottom;
 border: 1px;
 border-style:solid;
 border-color: white;
 padding-top: 2px;
 padding-bottom: 2px;
}

#content{
	position:absolute;
	width: 870px;
	height: 470px;
	border: 1px;
	border-color: #ffcc99;
	background-color: #FFFFCC;
	
	scrollbar-base-color:#330000;
	scrollbar-3d-light-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-darkshadow-color:#000000;
	scrollbar-face-color:#ffcc99;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#000000;
	scrollbar-track-color:#330000;
}

#inhalt{					/* Container für den Inhalt, schwebt über dem DIV content */
 position: absolute;
 top: 30px;
 left: 130px;
 width: 730px;
 height: 400px;
 border: 1px;
 overflow:auto;
 vertical-align:top;
 FONT-SIZE: 12pt;
 COLOR: #616161; 
 line-height: 140%;
 /*text-align:justify;*/
}

#mainmenu{					/* Container für das Mainmenu, schwebt über dem DIV content */
 position: absolute;
 top: 40px;
 left: 20px;
 width: 100px;
 height: 400px;
 overflow:auto;
}

#wappen{					/* Container für das Wappen, schwebt über dem DIV content */
 position: absolute;
 top: 380px;
 left: 15px;
 width: 61px;
 height: 85px;
 overflow:auto;
}

#footer{
	position:absolute;
	width: 868px;
	top:450px;
	left: 1px;
	text-align:center;
	FONT: 9px Verdana, Arial, sans-serif;
	COLOR: #013972;
}

/* Ende Layer-Definition ------------------------------------------------------------------------------ */


/* CSS für die verschiedenen Navigationselmente --------------------------------------------------------*/

	/* Navigation in der Menüzeile */

		#navi {	FONT: bold 9px Verdana,Arial; }
	
		#navi A { 	DISPLAY: block; PADDING-LEFT: 5px; MARGIN: 0px auto; FONT: bold 9px Verdana,Arial; }

		ul#navi{
			list-style-type:none;
			margin-left:5px;
		}

		ul#navi li{
			FONT: bold 9px Verdana,Arial; line-height: 120%;
			float:left;
			margin-left:2px;
		}
		
		ul#navi li a{
			line-height: 2.0em;
			TEXT-DECORATION: none;
			background-color: #800000 ;
			color: #ffffff;
			border-right-color: #cbcbcb;
			border-right-style: solid;
			border-right-width: 5px;
			BORDER-TOP: #cbcbcb 1px solid;
			BORDER-LEFT: #cbcbcb 1px solid;
			BORDER-BOTTOM: #cbcbcb 1px solid;
			padding-right:6px;
		}

		ul#navi li a:hover{
			FONT: bold 9px Verdana,Arial; 
			line-height: 2.0em;
			background-color:#ababab;
			BORDER-TOP: #ffcc99 1px solid; 
			BORDER-LEFT: #ffcc99  1px solid; 
			BORDER-BOTTOM: #ffcc99  1px solid;
			border-right-color: #ffcc99 ; border-right-style: solid; border-right-width: 5px;
		}
		
/* Hauptnavigation */

		#navimain {	FONT: bold 9px Verdana,Arial; color: #000000; }
	
		#navimain A { DISPLAY: block;
						PADDING-LEFT: 6px; 					/* positioniert Text über Grafik */
						PADDING-bottom: 4px; 				/* positioniert Text über Grafik */
						MARGIN: 0px auto; FONT: bold 9px Verdana,Arial; }

		ul#navimain{
			list-style-type:none;
                        line-height: 24px;
		}

		ul#navimain li{
			line-height: 24px;
		}
		
		ul#navimain li a{
			TEXT-DECORATION: none;
			background: transparent url(../images/bb-button.png) no-repeat left bottom;
                        line-height: 24px;
		}

		ul#navimain li a:hover{
			margin-left:10px;							/* rückt Listenzeile nach rechts */
			background: transparent url(../images/bb-button-hover.png) no-repeat left bottom;
		}
	
	/* allgemeine Navigation */

		A {
			BACKGROUND: none transparent scroll repeat 0% 0%; FONT: 9px Verdana, Arial, sans-serif; COLOR: #013972; TEXT-DECORATION: none
		}
		A:hover {
			BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-DECORATION: underline
		}
		
/* Ende Definition der Navigationselemente -------------------------------------------------------------------------------------------------------- */

/* Definition der Inhaltselemente nach Standard */

/*  Global Formatting */
h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {font-size:13px;line-height: 1em;font-weight: 900;}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{font-size: 12px;}
th{font-size: 12px;}
/* a {color: #CC6600;}
   a:hover {color: #659FDE;}
   a:visited {color: #CC6600;}
   a.image, a.image:hover  {border:0;} 
  */