* {
margin: 0;
padding: 0;
border: 0 solid;
}
#wrapper {
 width:100%; 
}
body {
font-size: 13px;
line-hight: 150%;
background-image: url(../images/body.jpg);
margin: 0;
padding: 0;
}
b, strong {
font-weight: bold;
}
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dashed #999;
}

a img {
color: inherit;
background: transparent;
}

h1 {
 margin: 0px;
 padding: 0px;
}
h1 img {
 width: 100%;
}
h2 {
font-family: Georgia, 'Times New Roman', serif;
font-size: 1em;
color: #039;
}
h3 {
font-family: Georgia, 'Times New Roman', serif;
font-size: 1em; 
color : #38b;
}
h4 {
font-size: 0.80em;
color: #38b;
}
p, a, label, li {
font-size: 0.80em;
}
p a, h1 a, h2 a, h3 a, li a, li p, li li, li h4, li pre {
font-size: 100%;
}
a, 
a:link, 
a:visited {
text-decoration : underline; 
color : #333;
background: transparent;
}
a:hover, 
a:active, 
a:focus {
text-decoration : underline;
color : #39c;
background: transparent;
} 
ol li {
list-style-position: inside;
margin-top: 10px;
}
ol li h4 {
display: inline;
padding: 10px 0 10px 0;
line-height: 1.4em;
}
code {
font-size: 100%;
font-family: monospace, serif;
background: #efefef;
border: 1px dashed #ccc;
border-left: none;
border-right: none;
}
pre {
border: 1px dashed #ccc;
background: #efefef;
margin: 5px;
padding: 10px;
font-family: serif;
font-size: 80%;
}


/* Kopfbereich mit Logo */
#topright {
position: absolute;
top: 0;
left: 200px;
width: 68%;
height: 70px;
color: #000;
background: #fff;
margin: 0;
padding: 10px 20px 0 20px;
text-align: right;
}
#logo {
padding-right: 5px;
}

#leitmotto {
position: absolute;
top: 75px; left: 245px;
z-index: 50;
padding-left: 30px;
font: normal 1.3em Georgia, 'Times New Roman', serif;
color: #fff;
text-indent: -30px;
}

.jump {
position: absolute;
top: 3px; left: 205px;
z-index: 10;
line-height: 140%;
}
.jump a, .jump a:link, .jump a:visited, .jump a:hover {
color: #fff;
padding: 2px;
text-decoration: none;
}
.jump a:active, .jump a:focus {
background: #3399cc;
color: #fff;
}

#headoben {
	position: absolute;
	left: -1px;
	top: 0px;
	width: 718px;
	height: 248px;
	background-image: url(../images/heder1.jpg);
	background-repeat: no-repeat;
}

#topnavi {
padding: 115px 0 0 268px; /* Position Menue1 */
}
#headoben ul li {
display: inline;
list-style: none;
}
#headoben a, #headoben p  {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
display: block;
float: left;
padding: 1px 6px;
margin: 0 5px;
border: 1px solid #fff; 
color: #fff;
}
#headoben a:link, #headoben a:visited {
color: #fff;
background: transparent;
text-decoration: none;
}
#headoben a:hover, #headoben a.on {
color: #fff;
background: #39c;
}
#headoben a:active, #headoben a:focus {
color: #fff;
background: #38b;
}
#headoben li.on p {
color: #fff;
background: #39c;
}

#navleft {
position: absolute;
display: block;
left: 0;
top: 194px;
width: 200px;
padding: 4px 0 0 0;
z-index: 2;
}
#navigation {
	position: absolute;
	top: 249px;
	left: 0;
	width: 227px;
	height: 726px;
	background-image: url(../images/left2.jpg);
	background-repeat: repeat-x;
	color: #000;
}

#navigation p {
padding: 13px;
text-align: left;
font-weight: bold;
font-family: "ＭＳ Ｐ柾水ﾂ;
font-size: 15px;
color: #000;
}

#navigation a {
display: block;
font-weight: bold;
font-size: 12px;
font-family: "ＭＳ Ｐ柾水ﾂ;
text-decoration: none;
padding-left: 10px;
line-height: 22px;
color: #000;
background: #fff;
margin: 2px 2px;
width:220px;
}

#navigation a:hover {
color: #000;
background: #fff;
}

#menu {
	position: absolute;
	top: 214px;
	left: 228px;
	width: 488px;
	height: 35px;
	color: #000;


}
#menu li {
float: left;
margin-right: 2px;
margin-left: 0px;
background-color: #b8860b;
border: 0px solid #000;
text-align: center;
width: 96px;
hight: 22px;
display: inline;
}

#menu a, #menu li.on {
display: block;
font-weight: bold;
text-decoration: none;
padding-left: 5px;
line-height: 14px;
color: #b8860b;
background: #fff;
margin: 2px 0;
}
#menu a:link, #menu a:visited {
color: #fff;
background: #b8860b;
}  
#menu a:hover {
color: #000;
background: #fff;
}
#menu a:active, #menu a:focus {
color: #000;
background: #fff;
}
#menu a:link.on, #menu a:visited.on {
color: #000;
background: #fff;
}
ul#sub {
margin-left: 12px;
}  

#teaserbox {
display: block;
width: 30%;
float: right;
margin: 10px 0 20px 30px;
padding: 0 0 20px 20px;
color: #000;
background: #fff;
clear: right;
border-left: 8px solid #efefef;
}
#teaserbox h1, 
#teaserbox h2 {
color: #666;
font-size: 80%;
padding: 20px 5px 3px 5px;
border-bottom: 1px solid #38b;
}
#teaserbox h1.top {
padding-top: 20px;
}
#teaserbox h3 {
color: #039;
font-size: 80%;
padding: 20px 5px 0 5px;
}
#teaserbox h3 {
font-size: 80%;
}
#teaserbox h2.mitdatum, 
#teaserbox h3.mitdatum {
padding-top: 0;
}
#teaserbox p.datum {
color: #000;
font-size: 70%;
font-weight: bold;
padding: 10px 0 5px 5px;
}
#teaserbox p {
line-height: 1.5em;
color: #666;
background: #fff;
padding: 5px;
margin: 0;
}
#teaserbox p a {
font-weight: normal;
}
#teaserbox ul {
padding: 10px 0;
}
#teaserbox .linkliste li {
list-style-type: none;
}
#teaserbox li {
display: inline;
}
#teaserbox a {
display: block;
line-height: 1.8em;
color: #333;
background: transparent url(img/contentlink.gif) 0 7px no-repeat;
padding-left: 20px;
}
#teaserbox a.noicon {
background-image: none;
padding-left: 0;
}
#teaserbox li.on {
display: block;
line-height: 1.9em;
color: #333;
background: transparent url(img/contentlink.gif) 0 -28px no-repeat;
padding: 0 0 0 20px;
margin: 0;
font-weight: bold;
}
#teaserbox li a:link, 
#teaserbox li a:visited {
color: #666;
background-position: 0 7px;
text-decoration: none;
}
#teaserbox li a:hover, 
#teaserbox li.on p {
color: #000;
background-position: 0 -28px;
}
#teaserbox li a:active, 
#teaserbox li a:focus {
color: #000;
background-position: 0 -61px;
}
#teaserbox .fleft {
float: left;
display: block;
width: 50px;
height: 50px;
border: 1px solid #369;
margin: 10px 5px 5px 5px;
z-index: 50;
}

#mainbox {
	clear: both;
	position: absolute;
	top: 249px;
	left: 228px;
	width: 488px;
	background-image: url(../images/body.jpg);
	height: 699px;
}



#text {
display: block;
margin: 0 35% 0 20px;
z-index: 5;
}
#ohnespalte #text {
margin: 0 10% 0 20px;
}
#document #text {
margin: 0 10% 0 20px;
}
#text h1, 
#text h2 {
margin: 20px 0 15px 0;
line-height: 1.4em;
}
#text h3 {
margin: 20px 0 10px 0;
padding: 0;
line-height: 1.4em;
font-size: 100%;
}
#text h4 {
margin: 5px 0;
}
#text p {
line-height: 1.6em;
margin: 10px 0;
padding: 0;
}
#text p.datum {
font-weight: bold;
margin: 25px 0 0 0;
padding: 0;
}
#text ul {
margin: 15px 5px 15px 20px;
}
#text ul li {
line-height: 1.8em;
}
#text li p {
line-height: 1.8em;
margin: 0;
padding: 0;
}
#text .linkliste li {
list-style-type: none;
line-height: normal;
}
#text .linkliste li li {
margin: 0 0 0 10px;
padding: 0;
line-height: normal;
}
#text .linkliste li ul {
margin: 10px 0 0 20px;;
}

#text .linkliste li a {
padding: 0 0 0 30px;
margin: 0;
}
#text .linkliste h3 {
margin: 10px 0 0 0;
padding: 0;
}
#text .linkliste p {
margin: 0 0 0 30px;
padding: 0;
}
#text ul.subliste {
margin: 0 0 0 15px;
}
#text ul.subliste li {
margin: 0;
padding: 0;
list-style:  circle outside;
list-style-image: none;
}
#text ol li p {
margin: 5px 0 10px 20px;
}
#text .ref li {
display: inline;
}
#text li a {
display: block;
line-height: 1.8em;
color: #333;
background: transparent url(img/contentlink.gif) 0 7px no-repeat;
padding-left: 20px;
}
#text li a.extern {
display: block;
}
#text li a:hover.extern {
display: block;
background-position: 0 7px;
}
#text li a:link, 
#text li a:visited {
color: #666;
background-position: 0 7px;
text-decoration: none;
}
#text li a:hover {
color: #000;
background-position: 0 -28px;
}
#text li.on {
color: #000;
background-position: 0 -28px;
}
#text li a:active, 
#text li a:focus {
color: #000;
background-position: 0 -61px;
}

#bild {
float: right;
padding: 10px 20px 20px 20px;
border: 0 none;
}
#bild p {
width: 230px;
text-align: center;
font-weight: bold;
color: #38b;
background: #fff;
padding: 0;
margin: 0;
}
#bildlinks {
float: left;
padding: 10px 20px 10px 20px;
border: 0 none;
}
#bildlinks p {
width: 230px;
text-align: center;
font-weight: bold;
color: #38b;
background: #fff;
padding: 0;
margin: 0;
}

#leftbox {
position: absolute;
display: block;
left: -185px;
width: 175px;
border: 1px dashed #39c;
z-index: 200;
background: none;
color: #000;
}
#leftbox p {
background: none;
color: #000;
margin: 0;
padding: 5px;
}
#leftbox1 {
position: absolute;
display: block;
left: -185px;
width: 175px;
border: 1px dashed #39c;
z-index: 200;
background: none;
color: #000;
}
#leftbox1 p {
background: none;
color: #000;
margin: 0;
padding: 5px;
}



/* Allgemeine Klassen */
.clear {
clear: both;
}
.center {
text-align: center;
padding: 2px;
}
.right {
text-align: right;
clear: both;
}
.block {
padding : 12px; 
}
.trennwhite {
color : #fff;
background: none; 
}
.underline {
text-decoration : underline; 
color : #c00;
background: none; 
} 
.pics {
border: 1px solid black; 
}
.nowrap {
white-space: nowrap;
}
.teaser {
font-weight: bold;
}
.unsichtbar {
position: absolute; 
left: -100em;
}
.rand {
border: 1px solid #369;
}
.skip {
position: absolute;
left: -100em;
line-height: 0;
}
.proges {
float: left; 
border: 1px solid #ccc; 
margin: 5px 15px 15px 0px;
}
.fright {
float: right;
}


/* Formulare  */
#formular p {
margin-left: 0;
}
.form1 {
display: block;
height: 1.3em;
width: 200px;
margin: 20px 1px 1px 16px;
font-size: 80%;	
}
.form2 {
color: #039;
font-size: 0.9em;
width: 250px;
border-top: 1px none #39c;
border-right: 1px none #39c;
border-bottom: 1px solid #39c;
border-left: 1px solid #39c;
margin: 0 0 0 15px;
padding: 5px;
}
.form3 {
width: 130px;
border-top: 1px none #39c;
border-right: 1px none #39c;
border-bottom: 1px solid #39c;
border-left: 1px solid #39c;
margin: 0 0 0 10px;
padding: 2px;
}
.form4 {
border: 1px solid #39c;
height: 80px;
width: 400px;
padding: 5px;
margin-left: 15px;
}
.checkbox {
font-size: 100%;
padding: 5px;
margin-left: 10px;
}
.checkbox span {
padding-left:5px;
vertical-align: middle;
}
.checkb {
vertical-align: middle;
}
textarea {
color : #039;
background: #fff; 
}
.sendbutton {
margin: 30px 0 0 15px;
background: #efefef;
border-style: solid;
border-width: 1px;
border-color: #ccc #aaa #999 #ccc;
}

.font8 { font-size:8px}
.font10 { font-size:10px}
.font12 { font-size:12px}
.font14 { font-size:14px}
.font16 { font-size:16px}

#printtitel {
display: none;
}

p.list1 {
border-bottom: 1px solid #006; 
margin:0;
padding:0;
}
p.list1a {
border-bottom: 1px solid #006; 
margin:0;
font-weight:bold;
}
p.list1b {
border-bottom: 1px solid #006; 
font-weight: bold; 
margin:0;
}
span.list2 {
float:right;
width:150px;
font-weight: bold; 
text-align:right;
}

/* Seitenspezifische Tags */
#aktuell #text h2 {
margin-top: 5px; 
}
#hoehe #text {
height: 300px;
}


#teaserbox .w3cbutton {
margin: 1em 0;
width: 6em;
border: 1px solid #bbb;
font-family: helvetica,arial,sans-serif;
padding: 0;
}
#teaserbox .w3cbutton a {
display: block;
width: 100%;
padding: 0;
font-weight: bold;
line-height: normal;
font-size: 70%;
}
#teaserbox .w3cbutton a:link, 
#teaserbox .w3cbutton a:visited {
background: #38b;
color: #fff;
text-decoration: none;
font-weight: bold;
}
#teaserbox .w3cbutton a:hover, 
#teaserbox .w3cbutton a:active, 
#teaserbox .w3cbutton a:focus {
background: #fc6;
color: #000;
text-decoration: none;
font-weight: bold;
}
#teaserbox .w3cbutton span.w3c {
padding: 0 0.4em;
background: #fff;
color: #039;
}
.pxmid {
	font-family: "Osaka", "MS P Gothic";
	font-size: 80%;
	line-height: 140%;
}
.pxmidonline {
	font-family: "Osaka", "MS P Gothic";
	font-size: 80%;
	line-height: 100%;
}
.pxsmall {
	font-size: 10px;
}

.pxmidsmall {
	font-family: "Osaka", "MS P Gothic";
	font-size: 70%;
}
.pxmidsmallblack {
	font-family: "Osaka", "MS P Gothic";
	font-size: 70%;
	color:#000000;
}
.pxbig {
	font-family: "Osaka", "MS P Gothic";
	font-size: 90%;
}
.orange {
	color: #FD8D32;
}
.yel {
	color: #FFFF99;
}
.pink {
	color: #F33699;
}
.green {
	color: #7AC77B;
}
.blue {
	color: #0033FF;
}
.lightorange {
	color: #FFCC00;
}
.red {
	color: #FF0000;
}
.black {
	color: #000000;
}