body {
	background-color:#5D6268;
	font-family: Verdana, Arial, sans-serif;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
}

/* ---------------- cookie consent ---------------- */

.cc_dialog.simple {
	max-width: 100%!important;
	background-color: #ffffff!important;
	-webkit-box-shadow: 0px -3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px -3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px -3px 5px 0px rgba(50, 50, 50, 0.75);
}

#main {
	position:relative;
	width:829px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#C9C0A3;
	background-image:url(/bsb/_grafik/bg_main.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

/* Weißer Kopfbereich mit Haupt-Navi usw --------------------------------- */

#kopfbereich {
	position:relative;
	width:783px;
	height:103px;
	margin-left:0px;
	margin-top:0px;
	background-color:#FFFFFF;
}

#hauptnavi {
	position:relative;
	float:left;
	width:515px;
	margin-top:74px;
	min-height:20px;
	padding-left:35px;
	font-size:0.7em;
	color:#666666;
}


@media all{

 * html b\ody #hauptnavi {
         width:550px;
         }
	 }


#hauptnavi a {
	color:#666666;
	text-decoration:none;
}
#hauptnavi a:hover {
	color:#666666;
	text-decoration:underline;
}

#hilfsnavi {
	position:relative;
	float:right;
	width:93px;
	font-size:0.7em;
	color:#666666;
	z-index:1;
}
#hilfsnavi ul{
	margin-left:15px;
	padding-left:0px;
	margin-top:23px;
	padding-top:0px;
	margin-bottom:2px;
	padding-bottom:0px;
}
#hilfsnavi li {
	list-style-type:none;
	line-height:145%;
}
#hilfsnavi a {
	color:#666666;
	text-decoration:none;
}
#hilfsnavi a:hover {
	color:#666666;
	text-decoration:underline;
}
.login {
	list-style-image:url(/bsb/_grafik/listenpunkt_login.gif);
	
}
.logout {
	list-style-image:url(/bsb/_grafik/logout.gif);
	
}

#logo {
	position:absolute;
	top:28px;
	left:555px;
	width:119px;
	height:61px;
	background-image:url(/bsb/_grafik/logo.gif);
}

/* Beiger Headlinebereich mit Headline und Breadcrump ----------------------------- */

#headlinebereich {
	position:relative;
	width:631px;
	min-height:74px;
	margin-left:0px;
	margin-top:0px;
	background-color:#E9EADC;
}

/* Weiche für Opera 6: */
html * body #headlinebereich, [xfilter] {
    margin-top:-5px;                 
}

#breadcrump {
	position:relative;
	width:515px;
	padding-top:5px;
	margin-top:0px;
	padding-left:35px;
	font-size:0.7em;
	color:#B1B181;
}
#breadcrump a {
	color:#B1B181;
	text-decoration:none;
}
#breadcrump a:hover {
	color:#B1B181;
	text-decoration:underline;
}
#headline {
	position:relative;
	width:540px;
	padding-left:60px;
}
@media all{

 * html b\ody #headline {
         width:600px;
         }
	 }
#headline h1{
	padding-top:0px;
	margin-top:22px;
	padding-bottom:5px;
	margin-bottom:0px;
	font-size:1em;
	line-height:1em;
	font-weight:normal;
	color:#333333;
}

/* Bild bzw Textbox links neben/unter dem Content ----------------------------- */

#bild_links {
	position:relative;
	width:328px;
	width:251px;
	/*width:173px;*/
	min-height:233px;
	margin-left:0px;
	margin-top:0px;
	background-color:#00987C;
	background-image:url(/bsb/_grafik/schatten.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#raster {
	position:absolute;
	width:251px;
	background-image:url(/bsb/_grafik/raster.gif);
	border-bottom:1px solid #F3F3F3;
	border-right:1px solid #F3F3F3;
	font-size:0px;
}

#marginaltext {
	position:relative;
	top:15px;
	left:22px;
	font-size:0.6em;
	line-height:160%;
	color:white;
	width:170px;
	width:138px;
	z-index:30;
	margin-bottom:30px;

}
#marginaltext a{
	color:white;
}

#schatten {
	position:absolute;
	left:0px;
	top:233px;
	width:173px;
	height:9px;
	font-size:0px;
	background-image:url(/bsb/_grafik/schatten.jpg);
}

/* Contentbereich mit dem Haupt-Inhalt ---------------------------------------------------- */

#content {
	position:relative;
	top:0px;
	width:439px;
	min-height:280px;
	margin-left:173px;
	margin-top:-200px;
	background-color:#FFFFFF;
	padding-top:40px;
	padding-bottom:40px;
	background-image:url(/bsb/_grafik/bg_content.gif);
	background-repeat:no-repeat;
	background-position:12px 10px;
	z-index:150;
}



#content p {
	font-size:0.7em;
	line-height:160%;
	padding-left:30px;
	padding-right:45px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:1.4em;
	padding-bottom:0px;
}
#content ul{
	font-size:0.7em;
	margin-left:50px;
	padding-left:0px;
	margin-top:0px;
	padding-top:0px;
}
#content li{
	list-style-image:url(/bsb/_grafik/listenpunkt.gif);
	line-height:180%;
	padding-right:45px;
}
#content ul ul, #content ul ul ul, #content ul ul ul ul{
	font-size:1em;
	margin-bottom:7px;
}
#content h1{
	font-size:1em;
	font-weight:normal;
	padding-left:30px;
	padding-right:45px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:1em;
	padding-bottom:0px;
	color:#666666;
}
#content h2{
	font-size:0.7em;
	line-height:160%;
	padding-left:30px;
	padding-right:45px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0.3em;
	padding-bottom:0px;
	color:#00987C;
}
#content p a, #content ul a{
	color:#00987C;
	text-decoration:none;
}
#content p a:hover, #content ul a:hover{
	color:#00987C;
	text-decoration:underline;
}
#content hr{
	clear:both;
	width:100%;
	margin-left:0px;
	margin-right:0px;	
	margin-top:25px;
	margin-bottom:20px;
	border-width:0px;
	border-bottom:1px solid #C9C0A3;
	height:1px;
	line-height:1px;
}
#content_kopfzeile {
	font-size:0.6em;
	margin-bottom:0.7em;
	margin-top:-25px;
	margin-bottom:20px;
	color:#999999;
	text-align:right;
	width:97%;
}
#content_kopfzeile a{
	color:#999999;
	text-decoration:none;
}
#content_kopfzeile a:hover{
	color:#999999;
	text-decoration:underline;
}
#content table {
	margin-left:30px;
}


#content td{
	font-size:0.7em;
	line-height:160%;
}

#ast {
	position:absolute;
	width:132px;
	top: 116px;
	left:-152px;
	background-color:#FFFFFF;
	padding:0px;
}
#ast p{
	margin:0px;
	padding:10px;
	color:#666666;
	font-size:0.6em;
}
.ast_head {
	width:100%;
	background-color:#666666;
	padding-top:4px;
	padding-bottom:4px;
}
.ast_head span{
	color:#FFFFFF;
	font-size:0.6em;
	font-weight:bold;
	padding-left:10px;
}



/* Subnavigation rechts neben dem Content ------------------------------------------------------ */

#subnavi {
	position:absolute;
	width:153px;
	right:46px;
	top:248px;
	background-color:#FFFFFF;
	font-size:0.6em;
	padding-bottom:20px;
}
.subnavi_headline {
	position:relative;
	margin-top:2px;
	background-image:url(/bsb/_grafik/bg_subnavi_head.gif);
	background-repeat:no-repeat;
	width:153px;
	height:18px;
	padding-left:14px;
	padding-top:2px;
	font-weight:bold;
	color:#FFFFFF;
}
.subnavi_headline a{
	color:#FFFFFF;
	text-decoration:none;
}
.subnavi_headline a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.subnavi_headline1 {
	margin-top:-18px;
}
#subnavi ul{
	margin-left:30px;
	padding-left:0px;
	margin-top:15px;
	padding-top:0px;
	margin-bottom:2px;
	padding-bottom:0px;
}
#subnavi ul li {
	list-style-image:url(/bsb/_grafik/listenpunkt_subnavi.gif);
	line-height:200%;
}
#subnavi ul li a {
	color:#666666;
	text-decoration:none;
}
#subnavi ul li a:hover {
	color:#666666;
	text-decoration:underline;
}

#subnavi p {
	margin-left:30px;
	padding-left:0px;
	margin-top:15px;
	padding-top:0px;
	margin-bottom:2px;
	padding-bottom:0px;

}

#subnavi p a {
	color:#666666;
	text-decoration:none;
}
#subnavi p a:hover {
	color:#666666;
	text-decoration:underline;



/*--------- Weiche für IE 6 ---------------------*/

@media all{

 * html b\ody #kopfbereich {
	height:103px;
	}

 * html b\ody #headlinebereich {
	height:74px;
	}


 * html b\ody #bild_links {
	height:233px;
	padding-bottom:0px;
	}


 * html b\ody #content {
	height:320px;
	}

}