html , body {
font-family : verdana, arial, helvetica, sans-serif;
font-size: 100%;
height : 100%;
min-height : 100.1%;
width : 100%;
margin : 0;
padding : 0;
border : 0;
background-color : #800000 ;
background-image: url(bilder/.jpg);
background-repeat: repeat-x;
background-position: 0 125px;
}




img
{
margin : 0;
padding : 0;
border : 0;

}


h1 {
width : auto;
font-size : 1.2em;
font-weight : bold;
text-align: left;
color : #800000;
margin: 0;
padding: 0px 0 30px 0;
}

h2 {
width : auto;
font-size : 1em;
font-weight : bold;
color : #800000;
margin: 0;
padding: 0;
}


a:link {
color : #000080;
text-decoration : underline;
}
a:visited {
color : #000080;
text-decoration : underline;
}

a:hover {
color : #000080;
text-decoration : none;
}
a:active {
color : #000080;
text-decoration : none;
}



#nav {
background-color : ;
font-size: 1.1em;
color: #000000;
width : auto;
height : auto;
text-align: left;
margin: 20px 0 20px 10px;
padding: 0;
font-family : arial, helvetica, sans-serif;
}

#nav ul
{
width: auto;
list-style-type: none;
text-align: left;
margin: 0;
padding: 0;
}


#navlist li
{
display: block;
list-style-type: none;
text-align: left;
margin: 2px 0 2px 0;
padding: 0;
}



#navlist a, #navlist a:link, #navlist a:visited
{
display: block;
text-align: left;
font-weight: ;
color: #fff5ee ;
text-decoration : none;
margin: 2px 0 2px 0;
padding: 0;
}


#navlist a:hover
{
display: ;
color : #804040;
text-decoration : none;
text-align: left;
background-color: #ffffff;
margin: 2px 0 2px 0;
padding: 0;
border-bottom: px solid #000080;
}


#a10 #lia10 a,
#a20 #lia20 a,
#a30 #lia30 a,
#a40 #lia40 a,
#a50 #lia50 a,
#a60 #lia60 a,
#a70 #lia70 a,
#a80 #lia80 a,
#a90 #lia90 a

{
color : #804040;
text-align : right;
font-weight: bold;
text-decoration : none;
background-color: seashell;
margin: 2px 0 2px 0;
padding: 0 20px 0 0;
}


#top1 {
float: left;
width : 20%;
height : 110px;
color: #fff5ee ;
padding: 0;
margin: 1% 1% 1% 0.5%;
text-align: left;
font-size: 1em;
font-weight: ;
background-color : #;
border: 1px solid #ffffff;
}

.top11 {
width : auto;
height : auto;
padding: 20px 0 0 10px;
margin: 0;
text-align: left;
font-size: 1.1em;
font-weight: ;
background-color : ;
}



.top2 {
float: left;
width: 55.5%;
height : 110px;
color: #804040;
padding: 0;
margin: 1% 0 0 0;
text-align: center;
font-size: 0.8em;
border-top: 1px solid #800000;
background-color : #fff5ee;
background-image: url(bilder/pano_x.jpg);
background-repeat: no-repeat;
background-position: 100% 0;
}

/* background images */
.rbtop div  { background: url(bilder/tl.gif) no-repeat top left; }
.rbtop      { background: url(bilder/tr.gif) no-repeat top right; }
.rbbot div  { background: url(bilder/bl.gif) no-repeat bottom left; }
.rbbot      { background: url(bilder/br.gif) no-repeat bottom right; }

/* height and width */
.rbtop, .rbtop div, .rbbot, .rbbot div
{
clear: both;
width: 100%;
height: 15px;
font-size: 1px;
background-color : ;
}


#top3 {
float: left;
width : 20%;
height : 110px;
color: #fff5ee ;
padding: 0;
margin: 1% 0 1% 1%;
text-align: right;
font-size: 0.75em;
font-weight: ;
background-color : ;
border: 1px solid #ffffff;
}

.top31 {
width : auto;
height : auto;
padding: 30px 1% 0 0;
margin: 0;
text-align: right;
font-size: 1.1em;
font-weight: ;
background-color : ;
}


#strich1 {
clear: ;
float: left;
width : 100%;
height : 20px;
line-height: 0;
color: ;
padding: 0;
margin: 0;
text-align: left;
background-color : ;
background-image: url(bilder/.jpg);
background-repeat: repeat-x;
background-position: 0 0;
}

#mid1 {
clear: both;
float: left;
width : 20%;
height : auto;
padding: 0;
margin: 1% 1% 1% 0.5%;
font-size: 0.7em;
text-align: left;
color: #6F6F6F;
background-color : ;
border: 0px solid #ffffff;
}

#mid1 img
{
width: 79%;
padding: 0 10px 10px 0;
margin: 0 0 0 10px;
background-color: ;
background-image: url(bilder/schatten.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
}



#mid2 {
float: left;
width : 55.5%;
min-height: 55%;
height: auto !important;
height : 55%;
padding:  0;
margin: 1% 0 0 0 ;
font-size: 0.9em;
color: #000000;
text-align: left;
background-color : seashell;
}

#mid2x {
width : 100%;
height : 20px;
padding:  0;
margin: 0;
font-size: 0;
line-height: 0;
background-color : maroon;
}


#mid20 {
float: left;
width : 80%;
height : 100%;
padding: 0 ;
margin: 27px 0 0 20px ;
background-color : ;
font-size: 0.75em;
line-height: 1.3em;
text-align: left;
}

#mid20 ul {
margin: 0 0 0 5px;
padding: 0 0 0 10px;
text-align: left;
}

#mid20 li {
margin: 0;
padding: 0;
text-align: left;
}


#mid3 {
float: left;
width : 20%;
height : auto;
padding: 20px 0 0 0;
margin: 1% 0 0 1%;
font-size: 0.7em;
color: #000000;
text-align: right;
background-color : ;
border: 0px solid #ffffff;
}


#mid3 img
{
width: 79%;
padding: 0 10px 10px 0;
margin: 0;
background-color: ;
background-image: url(bilder/schatten.gif);
background-repeat: repeat-x;
background-position: 100% 100%;
}