body  { color: #dddddd; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; background: url(wbrn_pic/bild.gif) no-repeat fixed center; margin: 0px; padding: 0px }

.scroll  { margin-top: 10px; width: 98%; height: 96%; overflow: scroll; display: block }

.kTitel   {
	color: #990000;
	font-weight: bold;
	background-color: #ffffcc;
	background-image: url("wbrn_pic/kn_ring_grau.gif");
	background-repeat: no-repeat;
	visibility: visible;
	margin-bottom: 4px;
	padding: 2px 2px 2px 12px;
	width: 99%;
	border-bottom: 1px solid #fcc;
	display: block;
}

#kastenLin  {
	color: #660;
	font-weight: normal;
	background-color: white;
	text-align: left;
	visibility: visible;
	margin: 2px;
	padding: 4px;
	position: static;
	width: 90%;
	height: auto;
	vertical-align: bottom;
	border: solid 1px #ccc;
	display: block;
}

#kasten  { color: #660; font-weight: normal; background-color: white; text-align: left; visibility: visible; display: inline; margin: 2px; padding: 4px; position: static; width: 15em; height: 16em; float: left; vertical-align: bottom; border: solid 1px #ccc }

.umenu2 {
	font-weight: normal;
	color: #660;
	position: absolute;
	visibility: visible;
	margin: 2px;
	z-index: 40;
	background-color: #FFF;
}
DIV.umenu2  A {
	COLOR: #660;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	width: 70px;
	margin-top: 5px;
	text-align: center;
	margin-left: 2px;
	padding-right: 2px;
	float: left;
	border-right-style: dashed;
	border-right-color: #CCC;
	border-right-width: 1px;
}
DIV.umenu2 A.notransform {
	TEXT-TRANSFORM: none
}
DIV.umenu2  A.aktiv {
	COLOR: #990;
	background-color: #CCC;
	font-weight: normal;
}
DIV.umenu2  A:hover {
	COLOR: #990;
	background-color: #FFC;
}

.umenu {
	font-weight: normal;
	color: #660;
	position: absolute;
	visibility: visible;
	z-index: 39;
	background-color: #FFF;
	display: inline;
}
DIV.umenu  A {
	COLOR: #660;
	background-image: url(wbrn_pic/pfeile_un1.gif);
	background-repeat: no-repeat;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 6px 2px 18px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #FFF;
	margin-right: 6px;
	margin-bottom: 2px;
	margin-top: 2px;
}

DIV.umenu  A.aktiv {
	COLOR: #990;
	background-image: url(wbrn_pic/pfeile_un2.gif);
	background-repeat: no-repeat;
	text-shadow: 2px 2px 1px #c0c0c0;
	background-color: #CCC;
}
DIV.umenu  A:hover {
	COLOR: #990;
	background-image: url(wbrn_pic/pfeile_un2.gif);
	background-repeat: no-repeat;
}
DIV.umenu A.notransform {
	TEXT-TRANSFORM: none
}

form {
	margin: 1px;
}
.boxi {
	BORDER: solid 1px #ccc;
	BACKGROUND-COLOR: #ffc;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 1px;
	width: 226px;
	text-align: center;
}
.Text3 {
	visibility: visible;
	position: absolute;
	color: #999;
	font-size: 11px;
}
.Text2 {
	visibility: visible;
	position: absolute;
	color: #999;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background-color: #FFF;
	font-size: 11px;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
.Text1 {
	visibility: visible;
	position: absolute;
	color: #999;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background-color: #FFF;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}
LEGEND.box2 {
	BORDER: solid 1px #ccc;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #ffc;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.unterTitel {
	visibility: visible;
	background-image: url(wbrn_pic/bild_c.gif);
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	padding-left: 15px;
	padding-right: 15px;
	right: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	position: absolute;
}
#seiteTitel {
	visibility: visible;
	position: absolute;
	top: 90px;
	left: 90px;
	z-index: 25;
	background-image: url(wbrn_pic/bild_c.gif);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	color: #999;
}
#bild_c {
	visibility: visible;
	position: absolute;
	top: 35%;
	left: 31%;	
	z-index: 1;
	background-image: url(wbrn_pic/bild_c.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 304px;
}
#bild_center {
	visibility: visible;
	position: absolute;
	top: 38%;
	left: 29%;	
	z-index: 15;
	background-image: url(wbrn_pic/proekt-5d2.jpg);
	background-repeat: no-repeat;
	width: 380px;
	height: 248px;
}
#bild_center_sw {
	visibility: visible;
	position: absolute;
	top: 38%;
	left: 29%;	
	z-index: 15;
	background-image: url(wbrn_pic/proekt-5d2_sw.gif);
	background-repeat: no-repeat;
	width: 380px;
	height: 248px;
}
#diggraf_un {
	visibility: visible;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 23;
	background-image: url(wbrn_pic/bak_lin_olivgr.jpg);
	width: 100%;
	height: 20px;
	padding-left: 0px;
	padding-top: 3px;
}
#kvadr_30x30 {
	visibility: visible;
	position: absolute;
	top: 64px;
	right: 280px;
	z-index: 9;
	background-image: url(wbrn_pic/kvadr_30x30.gif);
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
}
#log_brn_50x50 {
	visibility: visible;
	position: absolute;
	top: 32%;
	left: 36%;	
	z-index: 21;
	background-image: url(wbrn_pic/log_brn_50x50.gif);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
}
#log_brn_50x50_sw {
	visibility: visible;
	position: absolute;
	top: 32%;
	left: 36%;	
	z-index: 21;
	background-image: url(wbrn_pic/log_brn_50x50_sw.gif);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
}
#ecke_re_un {
	visibility: visible;
	position: absolute;
	bottom: 21px;
	right: 4px;
	z-index: 12;
	background-image: url(wbrn_pic/ecke4a.gif);
	background-repeat: no-repeat;
	width: 149px;
	height: 149px;
}
#ecke_li_un1b {
	position: absolute;
	bottom: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	z-index: 24;
	background-image: url(wbrn_pic/ecke_li_un1b.gif);
	background-repeat: no-repeat;
	width: 148px;
	height: 36px;
}
#ecke_li_ob2 {
	position: absolute;
	top: 14px;
	left: 0px;
	visibility: visible;
	z-index: 2;
	background-image: url(wbrn_pic/ecke_li_ob2.gif);
	background-repeat: no-repeat;
	width: 329px;
	height: 70px;
}
#ecke_li_ob {
	position: absolute;
	top: 4px;
	left: 4px;
	visibility: visible;
	z-index: 10;
	background-image: url(wbrn_pic/ecke2a.gif);
	background-repeat: no-repeat;
	width: 148px;
	height: 149px;
}
#ecke_li_un {
	visibility: visible;
	position: absolute;
	bottom: 18px;
	left: 4px;
	z-index: 13;
	background-image: url(wbrn_pic/ecke_li_un1.gif);
	background-repeat: no-repeat;
	width: 113px;
	height: 113px;
}

#menuLinOben {
	width: 110px;
	height: 60px;
	left: 8px;
	top: 30%;
	z-index: 30;
	background-image: url(wbrn_pic/ecke_ob2.gif);
	position: absolute;
	background-repeat: no-repeat;
	padding-left: 70px;
}

#ramaCenter {
	border: solid 1px #ccc;
	position:absolute; width:380px; height:350px; z-index:16; left: 33%; top: 28%;
}
#rot {
	border-top-color: #F00;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #F00;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 470px;
	height: 220px;
	left: 26%;
	top: 39%; position:absolute; z-index:20;
}

.ramen {
	padding: 2px;
	border: solid 1px #ccc;
}

.ramen2 {
	padding: 2px;
	border: solid 1px #ccc;
	background-image: url(wbrn_pic/ob_li4.jpg);
}

.ramen3 {
	padding: 2px;
	border: solid 1px #666;
	background-image: url(wbrn_pic/ob_li5b.jpg);
}

#menuLinOb {
	left: 0px;
	position: static;
	padding-left: 50px;
	font-weight: normal;
	top: 0px;
	margin-bottom: 12px;
	color: #CCC;
}
#menu {
	font-weight: bold;
	color: #660;
	top: 30%;
	left: 10px;
	width: 12em;
	position: absolute;
	z-index: 36;
	margin-top: 4px;
	background-image: url(wbrn_pic/lin_unt1a.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 28px;
	padding-left: 16px;
	padding-right: 14px;
	visibility: visible;
}
DIV.menu  A {
	COLOR: #666600;
	background-image: url(wbrn_pic/hg_menu1a.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 4px 4px 24px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	width: 12em;
	margin-bottom: 0.5em;
	display: block;
}
html>body DIV.menu  A {
      width: auto;
}

DIV.menu  A.aktiv {
	COLOR: #999900;
	background-image: url(wbrn_pic/hg_menu1a.jpg);
	background-repeat: no-repeat;
	padding-left: 24px;
	text-shadow: 2px 2px 1px #c0c0c0;
	background-color: #CCCCCC;
	font-weight: bold;
}
DIV.menu  A:hover {
	COLOR: #999900;
	background-image: url(wbrn_pic/hg_menu2a.jpg);
	background-repeat: no-repeat;
}

DIV.menu A.notransform {
	TEXT-TRANSFORM: none
}

DIV.menu A.ordner {
	FONT-WEIGHT: bold;
	color: #666600;
}
DIV.menu A.ordner:hover {
	BACKGROUND-IMAGE: url(wbrn_pic/hg_menu2a.jpg)
}
DIV.menu A.ordneroffen {
	BACKGROUND-IMAGE: url(wbrn_pic/hg_menu1a.jpg); COLOR: #333333
}
DIV.menu A.ordneroffen:hover {
	COLOR: #999900
}

DIV.menu A.aktiv:hover {
	COLOR: #999900
}
DIV.menu A.ordneraktiv {
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url(wbrn_pic/hg_menu1a.jpg);
	COLOR: #FF0000;
	border-right-color: #FF0000;
	border-right-style: solid;
	border-right-width: 2px;
}
DIV.menu A.ordneraktiv:hover {
	COLOR: #999900
}

DIV.kontakt {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 2px;
	position:absolute; z-index:28; top: 57px; right: 35%;
}
DIV.kontakt A {
	color: #999999;
	padding: 2px;
}
DIV.kontakt IMG {
	margin: 2px;
	width: 23px;
	height: 23px;
	background-image: url(wbrn_pic/kn_ring_grau.gif);
}
DIV.kontakt A:hover IMG {
	background-image: url(wbrn_pic/kn_ring.gif);
}
DIV.kontakt A:hover {
	color: #333333;
}

DIV.kontakt 1 A IMG {
	FILTER: alpha(opacity=66); opacity: 0.66; moz-opacity: 0.66; khtml-opacity: 0.66
}
DIV.kontakt 1 A:hover IMG {
	FILTER: alpha(opacity=100);
	opacity: 1;
	moz-opacity: 1;
	khtml-opacity: 1;
	color: #333333;
}

.keywords {
	DISPLAY: none; VISIBILITY: hidden
}
#centerOben {
	color: #999900;
	background-image: url(wbrn_pic/pix_wt.gif);
	padding: 4px;
	border: 1px solid #ccc;
	left: 31%;
	top: 12px;
	font-weight: bold;
	position:absolute; z-index:32;
}
.justify {
	color: #000;
	text-align: justify;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-bottom: 0px;
	filter:alpha(opacity=100);
	opacity: 1;
	moz-opacity: 1;
	khtml-opacity: 1;
}
#textReOb {
	background-image: url(wbrn_pic/ecke_ob.gif);
	width: 60px;
	height: 56px;
	position: absolute;
	left: 0px;
	top: 5px;
}
#textReObo {
	background-image: url(wbrn_pic/ecke_obo.gif);
	width: 60px;
	height: 5px;
	position: absolute;
	left: 0px;
	top: 5px;
	background-repeat: no-repeat;
}
#textReObLi {
	width: 1px;
	height: 50px;
	position: absolute;
	left: 4px;
	top: 11px;
	background-color: #999933;
}
.textRe {
	padding-bottom: 8px;
	position: absolute;
	z-index: 38;
	top: 18%;
	right: 2%;
	width: 270px;
	border-bottom: 3px dotted silver;
	filter:alpha(opacity=70);
	opacity: 0.70;
	moz-opacity: 0.70;
	khtml-opacity: 0.70;
	background-color: #FFFFFF;
 }
.textRe1 {
	z-index: 39;
	filter:alpha(opacity=100);
	opacity: 1;
	moz-opacity: 1;
	khtml-opacity: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#ecke_re_ob2 {
	position:absolute; width:117px; height:35px; z-index:6; right: 110px; top: 12px;
	padding: 2px;
	border: solid 1px #666;
	background-image: url(wbrn_pic/ob_li5b.jpg);
	filter:alpha(opacity=70);
	opacity: 0.70;
	moz-opacity: 0.70;
	khtml-opacity: 0.70;
}

A:link  { color: #999; font-weight: normal; text-decoration: none; background-color: transparent }
A:visited  { color: #666666; font-weight: normal; text-decoration: none; background-color: transparent }
A:active  { color: olive; font-weight: normal; text-decoration: none; background-color: transparent }
A:hover  { color: #990; font-weight: normal; text-decoration: none; background-color: transparent }

A.o1:link {
	font-weight: bold; BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: white 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; BORDER-LEFT: olive 1px solid; COLOR: black; PADDING-TOP: 4px; BORDER-BOTTOM: olive 1px solid; TEXT-DECORATION: none
}
A.o1:visited {
	font-weight: bold; BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: white 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; BORDER-LEFT: olive 1px solid; COLOR: black; PADDING-TOP: 4px; BORDER-BOTTOM: olive 1px solid; TEXT-DECORATION: none
}
A.o1:hover {
	font-weight: bold; BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: silver 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; BORDER-LEFT: silver 1px solid; COLOR: white; PADDING-TOP: 4px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: olive; TEXT-DECORATION: none
}
A.o1:active {
	font-weight: bold; COLOR: red; TEXT-DECORATION: none
}

.klein { FONT-SIZE: 80%; FONT-FAMILY: Arial, Helvetica, Sans-Serif; TEXT-ALIGN: right }
.klein2 { FONT-SIZE: 80%; FONT-FAMILY: Arial, Helvetica, Sans-Serif; TEXT-ALIGN: center }

	ul.rund { ul list-style-type:circle }
td P  { color: black; font-weight: bold; font-size: 130%; font-family: Arial, Helvetica, sans-serif }
td.typ1  { color: black; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif }
td.typ2  { color: #444444; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: justify }
td.typ3  { color: olive; font-family: Arial, Helvetica, Verdana, sans-serif; text-align: justify }
td.typ4  { color: black; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif }

TD { color: olive; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif }

TH {
	color: #dddddd;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
}

layers  { color: olive; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif }

h1 {
	font-size: 11px;
	color: black;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 4px;
}

h2 {
	font-size: 11px;
	color: olive;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 4px;
}

h3 { color: #cc0000; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

INPUT.BUTTON{
    background: #ff9900;
    }
.nosee { display:none; }