body {
font-family:Verdana,Arial,Helvetica,sans-serif;
Color: #000000;
Background-Color: #FFCC99;
margin: 0;
font-size: 14px;
}

h2 {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size: medium;
 color: #000000;
 background-color: #ff8000;
}

h3 { color: #000 }

h4 {
 color: #ff8000;
}

table#lit {font-size: 12px}

.rule {
border-width:medium;
border-bottom-style: none;
border-left-style: none;
border-top-style: dotted;
border-color:#CC3300;
}
.hilite {
 color: #CC3300;
}


.innernav {
border-style: solid;
border-width: 1px;
border-color: #CC3300;
font-family: Verdana,sans-serif;
margin-top: 2px;
margin-left: 0;
font-size: 10pt;
}

/* Top-Navigation */
.mainnav {
background-color: #ff8000;
font-family: Verdana,sans-serif;
font-size: 10pt;
margin-top: 3px;
width: 800;
}
.leftside {
background-color: #ff8000;
width: 40px;
}
.navitem {
white-space:nowrap;
}
.navitem a, .navitem a:visited {
text-decoration: underline;
color: #000000;
}
.navitem a:hover {
text-decoration: none;
background-color: #CC3300;
color: #FFFFFF;
}
.aktiv {
 background-color: #FFCC99;
color: #CC3300;
}
.aktiv a, .aktiv a:visited {
text-decoration: none;
color: #CC3300;
}

div#left   { margin: 0; float: left;  width: 200px; height:530px; border-top:1px solid #ff8000;}
div#right  { margin: 0; float: right; width: 200px; height:530px; border-bottom:1px solid #ff8000; border-left:1px solid #ff8000; background:#552E06;}
div#middle { margin: 0 200px 0 200px;               height:530px; border-top:1px solid #ff8000; background:#552E06; }
div#middle h1,div#middle h3{color:#ff8000}

@media screen and (max-width: 1024px) {
	div#right  {margin: 0;float: right; width: 100px; height:530px; border-bottom:1px solid #ff8000;}
    div#middle {background:#552E06;border-top:1px solid #ff8000; margin: 0 100px 0 200px;height:530px}
}

.content {
width: 800;
table-layout:fixed;
border: none;
}

div#content {position:relative;margin-top:25px;margin-right:5px;overflow:auto;height:430px;background:#FFCC99;color:#000} /* content container within middle */
div#content a, div#content a:visited {text-decoration: none; color: #CC3300;}
div#content p {text-indent:1.5em; margin-top: 5px; clear: both}
div#content p.nobreak {text-indent:1.5em; margin-top: 5px; clear: none}
div#middle_text.TXTbottom {text-align:center; margin: 20px 20px 0 20px; clear: both}
div#middle_text.TXTfloat  {margin: 0 10px 0 10px}

ul.gallery {list-style:none;padding:0;margin:20px 0 12px 20px}

/* overwrite accordion style */

.ui-accordion .ui-accordion-header a, .ui-accordion .ui-accordion-header a:visited, div#accordion a, div#accordion a:visited  {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size: 0.8em;
 color: #000000;
 background: #ff8000;
 text-decoration: none;
 font-weight: normal;
}

.ui-accordion .ui-accordion-header a:hover, div#accordion a:hover {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size: 0.8em;
 font-weight: normal;
 color: #FFF;
 background:#552E06;
 text-decoration: none;
}

/* AVG haltestellen */
div#accordion a.avg, a.avg:hover, a.avg:visited {
 color: #000;
 display: inline-block;
 background-image:url(../img/haltestelle.gif);
 background-repeat:no-repeat;
 background-position:left top;
 background-color: #ECEADF;
 text-indent: 20px;
 text-decoration: underline;
}

hr {border-bottom:1px solid #888}

.img_left {width:auto;float:left;margin:0px 15px 5px 0px}
.img_right{width:auto;float:right;margin:0px 0px 5px 15px}

.mintext {font-size: 0.8em}
.strasse {font-size: 0.8em; font-style: italic;}

img.left {
float:left;
text-align: left;
margin-right: 5px;
margin-bottom: 5px;
}

img.right {
float:right;
text-align: right;
margin-left: 5px;
margin-bottom: 5px;
}