* {
margin: 0;
padding: 0;
border: 0 solid;
}
body {
font: 96% Verdana, Arial, Helvetica, sans-serif; 
background: #fff url(../img/layout/kachel_navi.jpg) 0 178px no-repeat;
color: #535161;
}
b, strong {
font-weight: bold;
}
html\:abbr, abbr, acronym, .hilfe {
cursor: help;
border-bottom: 1px dashed #999;
}

a img {
color: inherit;
background: transparent;
}
h1, h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #369;
}
h4 {
font-size: 0.80em;
color: #369;
}
p, a, label, li, dt, h3 {
font-size: 0.80em;
font-weight: normal;
}
p.orange {
color:#f3650d;
}
dd.csc-textpic-caption {
font-size: 0.80em;
text-align:center;
}

p a, h1 a, h2 a, h3 a, li a, li p, li li, li h4, li pre, dt, dd {
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: 20px;
margin-bottom: 20px;
padding-bottom:20px;
border-bottom:1px dotted grey;

}
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%;
}

/* Sprachnavi */
#langnav {
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 14px;
color: #fff;
background: #FC9940;
margin: 0;
padding: 0;
border:0;
}

#topnavi {
padding: 1px 27px 1px 0; /* Position Menue1 */
margin:0;
border:0;
}

#langnav ul li {
display: inline;
list-style: none;
}
#langnav a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
display: block;
float: right;
padding: 0px 13px 0 12px;
margin: 0px;
border: 0; 
color: #fff;
text-decoration: none;
}
#langnav strong  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: normal;
display: block;
float: right;
padding: 0px 13px 0 12px;
margin: 0px;
border: 0; 
color: #B52D14;
text-decoration: none;
bac\kground: transparent url(../img/navi/langnav_linkstar.gif) 0 3px no-repeat;
}
#langnav a:link, #langnav a:visited {
color: #fff;
bac\kground: transparent url(../img/navi/langnav_linkstar.gif) 0 3px no-repeat;
}
#langnav a:hover {
color: #B52D14;
bac\kground: transparent url(../img/navi/langnav_linkstar.gif) 0 3px no-repeat;
}
#langnav a:active, #langnav a:focus {
color: #B52D14;
background: transparent;
}

/* Grauer Balken oben */
#greybartop {
position: absolute;
top: 14px;
left: 0px;
width: 100%;
height: 42px;
color: #000;
background: #999 url(../img/layout/kachel_balken_oben.jpg) repeat-x top left;
margin: 0;
padding: 0px 0px 0 0px;
}

/* Atmobild oben */
#atmopic {
position: absolute;
top: 56px;
left: 0px;
width: 100%;
height: 64px;
color: #000;
background: #666 url(../img/layout/gussteile_atmobild.jpg) no-repeat 0 0;
margin: 0;
padding: 0px 0px 0 0px;
}

/* Grauer Balken unten */
#greybarbottom {
position: absolute;
top: 120px;
left: 0px;
width: 100%;
height: 26px;
color: #000;
background: #666699 url(../img/layout/kachel_balken_unten2.jpg) repeat-x top left;
margin: 0;
padding: 0;
border:0;
text-align: right;
}

/* Grauer Balken unten Metanavi */
#metanavi {
margin: 0;
padding: 0px 24px 0px 0px;
border:0;
}
#greybarbottom ul li {
display: inline;
list-style: none;
}
#metanavi ul li a{
border:0;
margin:0;
padding:0px 16px 0px 0px;
}
#metanavi a#contact{
display:block;
float:right;
width:59px;
height:26px;
border:0;
margin:0;
padding:0px 16px 0px 0px;
bac\kground: transparent url(../img/navi/kontakt.gif) 0 0px no-repeat;
}
#metanavi a#contact:hover,#metanavi a#contact.active{
bac\kground: transparent url(../img/navi/kontakt.gif) 0 -30px no-repeat;
}
#metanavi a#imprint{
display:block;
float:right;
width:78px;
height:26px;
border:0;
margin:0;
padding:0px 16px 0px 0px;
bac\kground: transparent url(../img/navi/impressum.gif) 0 0px no-repeat;
}
#metanavi a#imprint:hover,#metanavi a#imprint.active{
bac\kground: transparent url(../img/navi/impressum.gif) 0 -30px no-repeat;
}
#metanavi a#route{
display:block;
float:right;
width:56px;
height:26px;
border:0;
margin:0;
padding:0px 16px 0px 0px;
bac\kground: transparent url(../img/navi/anfahrt.gif) 0 0px no-repeat;
}
#metanavi a#route:hover,#metanavi a#route.active{
bac\kground: transparent url(../img/navi/anfahrt.gif) 0 -30px no-repeat;
}
#metanavi a#cond{
display:block;
float:right;
width:37px;
height:26px;
border:0;
margin:0;
padding:0px 16px 0px 0px;
bac\kground: transparent url(../img/navi/agb.gif) 0 0px no-repeat;
}
#metanavi a#cond:hover,#metanavi a#cond.active{
bac\kground: transparent url(../img/navi/agb.gif) 0 -30px no-repeat;
}

#metanavi a#presse{
display:block;
float:right;
width:53px;
height:26px;
border:0;
margin:0;
padding:0px 16px 0px 0px;
bac\kground: transparent url(../img/navi/presse.gif) 0 0px no-repeat;
}
#metanavi a#presse:hover,#metanavi a#presse.active{
bac\kground: transparent url(../img/navi/presse.gif) 0 -30px no-repeat;
}


#metanavi ul li a strong {
position: absolute; 
left: -100em;
} 
/* Blauer Balken unten */
#bluebarbottom {
position: absolute;
top: 146px;
left: 0px;
width: 100%;
height: 32px;
color: #000;
background: #666699 url(../img/layout/kachel_balken_blau.jpg) repeat-x top left;
margin: 0;
padding: 0px 0px 0 0px;
}
/* Logo */
#logo {
position: absolute;
top: 33px;
left: 6px;
width: 98px;
height: 97px;
color: #000;
background: #545F6F;
margin: 0;
padding: 0px 0px 0 0px;
z-index: 50;
}
#navleft {
position: absolute;
display: block;
left: 0;
top: 178px;
width: 184px;
height: 100%;
padding: 4px 0 0 0;
background: transparent;
z-index: 2;
}
#navigation {
width: 178px;
background: transparent;
color: #8599C6;
}
#menu {
border-top: 1px solid #369;
margin: 0px 0 0 0;
padding-bottom: 1px;
list-style: none;
}
#menu li {
border-bottom: 1px solid #369;
margin:0;
padding:0;
display: block;
}
#menu li.active {
color: #fff;
background: transparent;
border-bottom: 1px solid #369;
margin:0;
padding:0;
}
#menu a {
display: block;
font-weight: bold;
text-decoration: none;
padding-left: 19px;
line-height: 22px;
color: #8599C6;
background: transparent;
margin: 0;
}
#menu strong {
display: block;
font-weight: bold;
text-decoration: none;
padding-left: 19px;
line-height: 22px;
color: #fff;
background: #8599C6;
margin: 0px 0;
border:0;
}
#menu a:link, #menu a:visited {
color: #3B4762;
background: transparent;
display: block;
}  
#menu li.active a:link.act, #menu li.active a:visited.act {
color: #fff;
background: #8599C6;
}
#menu a:hover {
color: #fff;
background: #8599C6;
padding-left: 19px;
border:0;
}
#menu a:active, #menu a:focus {
color: #6A82B6;
background: transparent;
}
ul#sub {
list-style: none;
} 
ul#sub li {
border-left: 1px solid #369;
border-bottom:0;
margin-left: 20px;
margin-bottom:0;
padding:0;
background: transparent;
color:#5370AF;
}
ul#sub li.active {
color: #FC9940;
background: transparent;
margin-left: 15px;
padding:0;
width: 152px;
border-left: 5px solid #FC9940;
border-bottom:0;
}
ul#sub a {
display: block;
font-weight: bold;
text-decoration: none;
padding-left: 11px;
padding-top:0;
padding-bottom:0;
line-height: 22px;
color: #5370AF;
background: transparent;
margin: 0;
}
ul#sub strong {
display: block;
font-weight: bold;
text-decoration: none;
padding-left: 11px;
line-height: 22px;
color: #FC9940;
background: transparent;
margin: 0px 0;
border: 1px solid #FC9940;
}
ul#sub a:link, #sub a:visited {
color: #5370AF;
background: transparent;
} 
ul#sub a:hover {
color: #FC9940;
background: transparent;
padding-left: 11px;
margin: 0;
border:0;
}

#content {
position : absolute; 
width : 74%; 
left : 185px; 
top : 178px;
background: #fff url(../img/layout/contentbg.gif) 0 0 no-repeat;
color: #333;
padding: 0px 0px 10px 0px; 
z-index: 4
}
#content p {
padding: 10px 0 20px 20px;
}
#content p.contentfooter {
border-top: 1px solid #dcdcdc;
font-size: 80%;
margin-top:30px;
padding: 10px 10px 20px 20px;
}
#content a.top {
display: block;
width: 20px;
height: 20px;
float: right;
font-weight: normal; 
color : #666;
bac\kground: transparent url(../img/layout/top.gif) 3px 0 no-repeat;
margin: 0 15px 0 0;
padding: 0;
text-decoration: none;
}
#content a.top span {
display: none;
}
#content a.intern, #content div.news-list-morelink a {
display: inline;
font-weight: normal;
padding-left: 20px;
color: #333;
bac\kground: transparent url(../img/layout/internlink.gif) 0 3px no-repeat;
}
#content a.intern:hover, #content div.news-list-morelink a:hover {
text-decoration: underline;
color: #38b;
bac\kground: transparent url(../img/layout/internlink.gif) 0 -32px no-repeat;
}
#content a.intern:active, #content a.intern:focus, #content div.news-list-morelink a:active, #content div.news-list-morelink a:focus {
color: #000;
bac\kground: transparent url(../img/layout/internlink.gif) 0 -65px no-repeat;
}

#content #text ul.csc-menu-3 {
margin: 15px 0 15px 0px;
line-height: 1em;
border:0;
padding-left:47px;
padding-top:0;
}

#content #text ul.csc-menu-3 li {
display: inline;
list-style: none;
border:0;
margin:0;
padding:0;
}

#content #text ul.csc-menu-3 li a {
color: #38b;
font: bold 100% Verdana, Arial, Helvetica, sans-serif; 
bac\kground: transparent url(../img/layout/internlink.gif) 0 3px no-repeat;
margin-right:10px;
margin-top:0;
margin-bottom:0;
border:0;
padding-left: 20px;
padding-top:0;
padding-bottom:0;
}

#content #text ul.csc-menu-3 li a:hover {
text-decoration: underline;
color: #38b;
bac\kground: transparent url(../img/layout/internlink.gif) 0 -32px no-repeat;
margin-top:0;
margin-bottom:0;
border:0;
padding-left: 20px;
padding-top:0;
padding-bottom:0;
}
#content #text ul.csc-menu-3 li a:active, #content #text ul.csc-menu-3 li a:focus {
color: #000;
bac\kground: transparent url(../img/layout/internlink.gif) 0 -65px no-repeat;
border:0;
margin-top:0;
margin-bottom:0;
padding-left: 20px;
padding-top:0;
padding-bottom:0;
}

#content a.interninfo {
position: relative;
padding-left: 18px;
background: transparent;
bac\kground: transparent url(../img/layout/internlink.gif) 0 3px no-repeat;
z-index: 50;
}
#content a.interninfo:hover {
text-decoration: underline;
color: #38b;
background: #fff;
bac\kground: #fff url(../img/layout/internlinkhover.gif) 0 3px no-repeat;
}
#content a.interninfo:active, #content a.interninfo:focus {
color: #000;
background: #fff;
bac\kground: transparent url(../img/layout/internlinkactive.gif) 0 3px no-repeat;
}
#content a.interninfo span {
display: none; 
}
#content a.interninfo:hover span {
position: absolute;
top: 2em; left: -100px;
display: block;
width: 200px;
line-height: normal;
font-size: 90%;
color: #039;
background: #fcfcfc url(../img/bilder/layout/headsetteil.jpg) top left no-repeat;
border: 1px solid #000;
padding: 5px 5px 5px 100px;
text-decoration: none;
}
#content a.extern, #content a:visited.extern {
display: inline;
font-weight: normal;
color: #333;
padding-left: 20px;
bac\kground: transparent url(../img/layout/externlink.gif) 0 3px no-repeat;
white-space: nowrap;
}
#content a.extern:hover {
text-decoration: underline;
color: #000;
bac\kground: transparent url(../img/layout/externlink.gif) 0 -65px no-repeat;
}
#content a.extern:active, #content a.extern:focus {
color: #000;
bac\kground: transparent url(../img/layout/externlink.gif) 0 -32px no-repeat;
}
#content p.image {
float: right;
padding: 10px 40px 20px 0;
border: none;
}
#content p.imageclearr {
float: right;
clear: right;
padding: 10px 40px 20px 20px;
border: none;
}

#text {
display: block;
margin: 0 5px 0 20px;
z-index: 5;
}
#text h1, #text h2 {
margin: 20px 0 15px 0;
line-height: 1.4em;
}
#text h1.first {
margin: 12px 0 15px 47px;
line-height: 1.4em;
}
#text h2 {
font-size:0.8em;
line-height: 1em;
color: #666;
padding: 8px 0px 3px 5px;
border-bottom: 1px solid #38b;
}
#text p, dd.csc-textpic-caption, #text h3 {
line-height: 1.6em;
margin: 10px 0 10px 0;
padding: 0;
}
#text table {

margin: 0px 0 10px 0;
padding: 0;
}
#text p.datum {
font-weight: bold;
margin: 25px 0 0 0;
padding: 0;
}
#text ul, teaserbox ul {
margin: 15px 5px 17px 20px;
padding: 0px;
}
#text ul li, teaserbox ul li {
list-style: square outside;
padding-bottom: 0px;
margin-bottom: 10px;
line-height: 1.7em;




}
#text li p {
line-height: 1.8em;
margin: 0;
padding: 0;
}
#text ul.subliste {
margin: 0 0 0 15px;
}
#text ul.subliste li {
margin: 0;
padding: 0;
list-style: disc outside;
list-style-image: none;
}
#text ol li p {
margin: 5px 0 10px 20px;
}

#teaserbox {
display: block;
min-height:200px;
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 h2 {
color: #666;
font-size: 80%;
padding: 8px 0px 3px 5px;
border-bottom: 1px solid #38b;
}
#teaserbox h2.top {
padding-top: 20px;
}
/*
#teaserbox h2, h3 {
font-size: 80%;
padding: 8px 5px 0 5px;
}
*/
#teaserbox h3 {
font-size: 80%;
}
#teaserbox h2.mitdatum {
padding-top: 0;
}
#teaserbox p.datum {
color: #000;
font-size: 70%;
font-weight: bold;
padding: 10px 0 5px 5px;
}
#teaserbox p, #teaserbox ul {
line-height: 1.5em;
color: #666;
background: #fff;
padding: 5px;
margin: 0;
}

#teaserbox ul li {
margin-left: 20px;
}

#teaserbox p a {
font-weight: normal;
}
#teaserbox a.intern, #text li a.intern {
display: block;
line-height: 1.8em;
color: #333;
background: transparent url(../img/layout/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/layout/contentlink.gif) 0 -28px no-repeat;
padding: 0 0 0 20px;

margin: 0;
font-weight: bold;
}
#teaserbox li a:link.intern, #teaserbox li a:visited.intern, #text li a:link.intern, #text li a:visited.intern {
color: #666;
background-position: 0 7px;
text-decoration: none;
}
#teaserbox li a:hover.intern, #teaserbox li.on p, #text li a:hover.intern {
color: #000;
background-position: 0 -28px;
}
#text li.on {
color: #000;
background-position: 0 -28px;
}
#teaserbox li a:active.intern, #teaserbox li a:focus.intern, #text li a:active.intern, #text li a:focus.intern {
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: 200px;
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;
}

/* 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: 250px;
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;
}

#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;
}