*
{
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
}

html {
height: 100%;
}

img {
margin: 0 0 15px 0;
padding: 2px;
}




body {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 90%;
height: 100%;
min-height: 100%;
padding: 0 0 0 1.5%;
text-align: center;
background-color: #ebeced;
}

h1 {
font-size : 1.4em;
font-weight : bold;
line-height: 1.4;
letter-spacing: 0px;
font-family : verdana, arial, helvetica, sans-serif;
color : #000;
width: auto;
margin: 35px 0 0px 0;
}


h2 {
color : #000;
font-size : 1em;
font-weight : bold;
text-align : left;
font-family : verdana, arial, helvetica, sans-serif;
}

h3 {
color : #4F4F73;
font-size : 1em;
font-weight : bold;
text-align : left;
font-family : verdana, arial, helvetica, sans-serif;
}

h4 {
color : #5F5F5F;
font-size : 1em;
font-weight : bold;
text-align : left;
background-color: #F0F2F4;
}






#mid2 a:link,
.mid11 a:link
{
color : #006bb5;
background-color: #eee;
text-decoration : none;
border-bottom: 1px solid #fff;
}

#mid2 a:visited,
.mid11 a:visited,
#mid2 a:active,
.mid11 a:active
{
color : #006bb5;
background-color: #eee;
text-decoration : none;
border-bottom: 1px solid #fff;
}

#mid2 a:hover,
.mid11 a:hover
{
color : #000;
background-color: #fff;
text-decoration : none;
border-bottom: 1px solid #006bb5;
}

h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover
{
font-size : 1em;
font-weight : normal;
font-family : georgia, arial, helvetica, sans-serif;
color : #4F4F4F;
line-height: 1.4em;
text-decoration : none;
border-bottom: 1px solid #fff;
}




#nav {
float: left;
width : 98%;
height : auto;
margin: 15px 0 0 0;
text-align: left;
color: #7F7F7F;
font-family : arial, helvetica, sans-serif;
}

#nav ul
{
float: right;
width: 100%;
list-style-type: none;
font-size: 0.8em;
}


#navlist1 li
{
display: block;
width: 100%;
list-style-type: none;
background-color: ;
}

 #navlist1 #lia10 a:link, #navlist1 #lia10 a:visited,
 #navlist1 #lia20 a:link, #navlist1 #lia20 a:visited,
 #navlist1 #lia30 a:link, #navlist1 #lia30 a:visited,
 #navlist1 #lia40 a:link, #navlist1 #lia40 a:visited,
 #navlist1 #lia50 a:link, #navlist1 #lia50 a:visited,
 #navlist1 #lia60 a:link, #navlist1 #lia60 a:visited

{
display: block;
width: auto;
font-weight: bold;
font-size: 1.1em;
color: #000;
text-decoration : none;
padding: 5px 10px 5px 10px;
margin: 10px 0px 0px 0px;
border-top: 1px solid #e7ebee;
background-color: #f5f5f5;
}


#navlist1 #lia10 a:hover,
#navlist1 #lia20 a:hover,
#navlist1 #lia30 a:hover,
#navlist1 #lia40 a:hover,
#navlist1 #lia50 a:hover,
#navlist1 #lia60 a:hover
{
display: block;
color : #fff;
font-weight: bold;
font-size: 1.1em;
text-decoration : none;
padding: 5px 10px 5px 10px;
margin: 10px 0px 0px 0px;
border-top: 1px solid #e7ebee;
background-color: #E60116;
}


#a10 #navlist1 #lia10 a,
#a111 #navlist1 #lia10 a,
#a112 #navlist1 #lia10 a,
#a20 #navlist1 #lia20 a,
#a211 #navlist1 #lia20 a,
#a212 #navlist1 #lia20 a,
#a213 #navlist1 #lia20 a,
#a214 #navlist1 #lia20 a,
#a215 #navlist1 #lia20 a,
#a216 #navlist1 #lia20 a,
#a217 #navlist1 #lia20 a,
#a218 #navlist1 #lia20 a,
#a219 #navlist1 #lia20 a,
#a220 #navlist1 #lia20 a,
#a221 #navlist1 #lia20 a,
#a30 #navlist1 #lia30 a,
#a311 #navlist1 #lia30 a,
#a312 #navlist1 #lia30 a,
#a313 #navlist1 #lia30 a,
#a314 #navlist1 #lia30 a,
#a315 #navlist1 #lia30 a,
#a316 #navlist1 #lia30 a,
#a317 #navlist1 #lia30 a,
#a318 #navlist1 #lia30 a,
#a319 #navlist1 #lia30 a,
#a320 #navlist1 #lia30 a,
#a321 #navlist1 #lia30 a,
#a40 #navlist1 #lia40 a,
#a411 #navlist1 #lia40 a,
#a50 #navlist1 #lia50 a,
#a511 #navlist1 #lia50 a,
#a60 #navlist1 #lia60 a
{
display: block;
color : #fff;
font-weight: bold;
text-decoration : none;
padding: 5px 10px 5px 10px;
margin: 10px 0px 0px 0px;
border-top: 1px solid #e7ebee;
background-color: #E60116;
}


#navlist1 #lia111 a, #navlist1 #lia111 a:visited,
#navlist1 #lia112 a, #navlist1 #lia112 a:visited,
#navlist1 #lia113 a, #navlist1 #lia113 a:visited,
#navlist1 #lia114 a, #navlist1 #lia114 a:visited,
#navlist1 #lia115 a, #navlist1 #lia115 a:visited,
#navlist1 #lia116 a, #navlist1 #lia116 a:visited,
#navlist1 #lia117 a, #navlist1 #lia117 a:visited,
#navlist1 #lia118 a, #navlist1 #lia118 a:visited,
#navlist1 #lia119 a, #navlist1 #lia119 a:visited,
#navlist1 #lia120 a, #navlist1 #lia120 a:visited,
#navlist1 #lia121 a, #navlist1 #lia121 a:visited
{
display: block;
color : #4F4F4F;
font-weight: bold;
font-size: 1em;
text-decoration : none;
padding: 0px 10px 1px 20px;
margin: 5px 0 0 0;
}

#navlist1 #lia111 a:hover,
#navlist1 #lia112 a:hover,
#navlist1 #lia113 a:hover,
#navlist1 #lia114 a:hover,
#navlist1 #lia115 a:hover,
#navlist1 #lia116 a:hover,
#navlist1 #lia117 a:hover,
#navlist1 #lia118 a:hover,
#navlist1 #lia119 a:hover,
#navlist1 #lia120 a:hover,
#navlist1 #lia121 a:hover
{
display: block;
color : #000;
font-weight: bold;
font-size: 1em;
text-decoration : none;
padding: 0px 10px 1px 20px;
margin: 5px 0 0 0;
background-image: url(bilder/aktiv-1.gif);
background-repeat: no-repeat;
background-position: 8px 5px;
}

#a10 #navlist1 #lia111 a,
#a111 #navlist1 #lia111 a,
#a112 #navlist1 #lia112 a,

#a211 #navlist1 #lia111 a,
#a212 #navlist1 #lia112 a,
#a213 #navlist1 #lia113 a,
#a214 #navlist1 #lia114 a,
#a215 #navlist1 #lia115 a,
#a216 #navlist1 #lia116 a,
#a217 #navlist1 #lia117 a,
#a218 #navlist1 #lia118 a,
#a219 #navlist1 #lia119 a,
#a220 #navlist1 #lia120 a,
#a221 #navlist1 #lia121 a,

#a311 #navlist1 #lia111 a,
#a312 #navlist1 #lia112 a,
#a313 #navlist1 #lia113 a,
#a314 #navlist1 #lia114 a,
#a315 #navlist1 #lia115 a,
#a316 #navlist1 #lia116 a,
#a317 #navlist1 #lia117 a,
#a318 #navlist1 #lia118 a,
#a319 #navlist1 #lia119 a,
#a320 #navlist1 #lia120 a,
#a321 #navlist1 #lia121 a,
#a411 #navlist1 #lia111 a
{
display: block;
color : #000;
font-weight: bold;
font-size: 1em;
text-decoration : none;
padding: 0px 10px 1px 20px;
margin: 5px 0 0 0;
background-image: url(bilder/aktiv-1.gif);
background-repeat: no-repeat;
background-position: 8px 5px;
}


#all {
float: left;
max-width: 1280px;
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
text-align: right;
}



#topa {
clear: both;
float: left;
width : 100%;
height : 150px;
}


#top1 {
float: left;
width : 19%;
height : 150px;
text-align: center;
background-image: url(bilder/logo-1.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
}


#top11 {
width : 95%;
margin: 0 auto;
text-align: left;
font-size: 1em;
font-weight: bold;
color: #fff;
}



#top2 {
float: right;
width : 80%;
height : 150px;
background-color: #E60116;
background-image: url(bilder/head-1.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}


#top21 {
float: left;
width : 77%;
margin: 0;
padding: 0;
}

#top210 {
width : 100%;
height : auto;
padding: 130px 0 0 0;
text-align: right;
font-size: 0.9em;
font-weight: bold;
color: #fff;
}


#top22 {
float: right;
width : 22%;
margin: 0;
padding: 0;
text-align: left;
}

#top220 {
font-size: 1.2em;
font-weight: bold;
color: #004488;
margin: 0 auto;
padding: 10px;
}





#topc {
clear: both;
float: left;
width : 100%;
height: auto;
}

#topc1 {
float: left;
width : 21%;
height : auto;
text-align: center;
}

#topc2 {
float: right;
width : 76.5%;
height : auto;
text-align: left;
}






#m0 {
clear: both;
float: left;
width: 100%;
height: auto;
}



#left {
float: left;
width: 19%;
min-height: 50%;
height: auto !important;
height: 50%;
padding: 15px 0 5px 0;
text-align: center;
}


.mid1 {
float: left;
width : 100%;
text-align: center;
color: #5F5F5F;
}

.mid11 {
clear: both;
padding: 15px 0 0 10px;
text-align: left;
font-size: 0.65em;
color: #5F5F5F;
}


.mid111 {
clear: both;
width: 99%;
height: 200px;
background-image: url(bilder/karte-1.gif);
background-repeat: no-repeat;
background-position: 40% 50%;
border: 1px solid #AAAAC6;
}

#mid2 {
float: right;
text-align: left;
width : 80%;
height: auto;
}


#mid21 {
float: left;
width : 77%;
height: auto;
margin-top: 0;
background-color: #FFFEFC;

}

#mid210 {
min-height: 700px;
height: auto !important;
height: 700px;
padding: 10px 25px;
margin: 0 auto;
text-align: left;
font-size: 0.75em;
line-height: 1.3em;
color: #3f3f3f;
background-image: url(bilder/slogan.gif);
background-repeat: no-repeat;
background-position: 100% 0;
}



.mid21x {
clear: both;
float:left;
width: 100%;
text-align: left;
}


.mid211 {
float : left;
width: 45%;
text-align: left;
}

.mid212 {
float : right;
width: 45%;
text-align: left;
}


#mid210 li{
margin: 5px 0 0 15px;
}

#mid210 img
{
margin: 0 10px 0 0;
}


#mid210 dl {
float: left;
width: 160px;
height: 200px;
margin: 7px 15px 0 0;
}


#mid210 dt {
width: 100%;
margin: 0 3px 0 0;
}


#mid210 dd {
width: 100%;
padding: 3px 0 7px 0;
}


#right {
float: right;
width : 21%;
height: auto;
padding: 20px 0 180px 0;
font-size: 1em;
text-align: right;
color: #3F3F3F;
background-image: url(bilder/3d.gif);
background-repeat: no-repeat;
background-position: 50% 100%;
}



.mid22 {
float: left;
height: auto;
font-size: 0.8em;
text-align: center;
}


.mid220 {
height: auto;
text-align: left;
font-size: 0.85em;
line-height: 1.3em;
}

.mid220 li{
margin: 5px 0 0 20px;
}


.bild
{
position: relative;
width: 100%;
height: 170px;
}

.imgjs
{
position: absolute;

}

#footer {
display: none;
float: left;
font-size: 0.7em;
text-align: center;
width: 100%;
height: auto;
padding: 0;
margin: 0 ;
}