*
{
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
}

html {
height: 100%;
text-align: center;
background-color: #fff;
}

body {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 100.01%;
width: 960px;
min-height: 100%;
height: auto !important;
height: 100%;
padding:  10px;
margin: 2px auto 0 auto;
background-color: ;
background-image: url(bilder/back0.gif);
background-repeat: no-repeat;
background-position: 50% 0;

}


h1 {
font-size : 1em;
font-weight : bold;
line-height: 1.4;
color : #fff;
width: auto;
}


h2 {
color : #4F4F4F;
font-size : 1.2em;
font-weight : bold;
line-height: 1.4em;
text-align : left;
margin : 10px 0 20px 0;
}

h3 {
color : #3f3f3f;
font-size : 1.1em;
font-weight : bold;
text-align : left;
}

h5 {
clear: both;
float: ;
width: 100%;
color : #3f3f3f;
font-size : 1em;
font-weight : bold;
text-align : left;
border-bottom: 1px solid gray;
}


#mid21 a:link, #mid21 a:visited,
.mid11 a:link, .mid11 a:visited,
#right a:link,
#right a:visited
{
color : #000080;
text-decoration : underline;
}


#mid21 a:hover,
.mid11 a:hover,
#right a:hover,
#right a:active
{
color : #000;
text-decoration : none;
}





a.img,
#right a.img,
a.img:link,
#right a.img:link,
a.img:visited,
#right a.img:visited,
a.img:hover,
#right a.img:hover,
a.img:active,
#right a.img:active
{
border: 0;
text-decoration : none;
border-bottom: 1px solid 8C9CA4;
}

.pdf
{
margin: 0 0 -2px 0;
}




#nav {
float: left;
width : 100%;
height : auto;
text-align: left;
color: #7F7F7F;
font-family : arial, helvetica, sans-serif;
}

#nav ul
{
float: right;
width: 100%;
list-style-type: none;
font-size: 0.9em;
text-align; left;
border-top: 1px solid #e7ebee;

}


#navlist1 li
{
display: block;
width: 100%;
list-style-type: none;
}



.e1 a, .e1 a:link, .e1 a:visited
{
display: block;
width: auto;
font-weight: normal;
color: #6F6F6F ;
text-decoration : none;
padding: 11px 10px 8px 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #e7ebee;
border-left: 3px solid #CCE6FF;
}


.e1 a:hover
{
display: block;
color : #5F5F5F;
font-weight: bold;
text-decoration : none;
padding: 11px 10px 8px 10px;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #e7ebee;
background-color: #CCE6FF;
border-left: 3px solid #000080;
}


.e11 a
{
display: block;
color : #5F5F5F;
font-weight: bold;
text-decoration : none;
padding: 11px 10px 8px 10px;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #e7ebee;
background-color: #CCE6FF;
border-left: 3px solid #000080;
}





#all {
float: left;
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
text-align: right;
background-color: ;
}



#topa {
clear: both;
float: left;
width : 100%;
height : 180px;

}



#top1 {
float: left;
width : 22%;
height : 178px;
text-align: center;
background-color: ;
background-image: url(bilder/logo.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}


#top11 {
width : 90%;
height : 180px;
margin: 0 auto;
text-align: center;
font-size: 1em;
font-weight: ;
color: #000;
}



#top2 {
float: right;
width : 77%;
height : 180px;
background-repeat: no-repeat;
background-position: 0 0;
}




#top21 {
float: left;
width : 73%;
background-color: ;
}

#top211 {
float: left;
width : 49%;
height : 178px;
text-align: left;
font-size: 1.1em;
font-weight: bold;
color: #003A6F;
background-color: ;
background-image: url(bilder/werkzeug1.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
border: px solid #000080;
}

#top212 {
float: right;
width : 49%;
height : 178px;
text-align: left;
font-size: 1.1em;
font-weight: bold;
color: #003A6F;
background-color: ;
background-image: url(bilder/werkzeug2.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
border: px solid #000080;
}


#top22 {
float: right;
width : 26%;
text-align: center;
background-color: ;
border: px solid #000080;
}

#top220 {
width : ;
height : 178px;
padding: 0 10px 0 0;
font-size: 0.6em;
font-weight: ;
color: #6F6F6F;
margin: 0 auto;
text-align: right;
}




#topc {
clear: both;
float: left;
width : 100%;
height: auto;
border-top: 8px solid #fff;
border-bottom: 8px solid #fff;
background-color: #004185;
padding: 15px 0;
}

#topc1 {
float: left;
width : 22%;
height : auto;
text-align: center;
}

#topc2 {
float: right;
width : 74%;
height : auto;
text-align: left;
}






#m0 {
clear: both;
float: left;
width: 100%;
height: auto;
background-color: #f0f0f0;
overflow: hidden;
}



#left {
float: left;
width: 22.9%;
min-height: 400px;
height: auto !important;
height: 400px;
padding: 0 0 3000px 0;
margin: 0 0 -3000px 0;
text-align: center;
background-image: url(bilder/balken.gif);
background-repeat: no-repeat;
background-position: 100% 0;
}


.mid1 {
float: left;
width : 100%;
text-align: center;
color: #5F5F5F;
}

.mid11 {
float: right;
width : 86%;
padding: 30px 7% 0 0;
text-align: left;
font-size: 0.65em;
color: #5F5F5F;
}

#mid2 {
float: right;
text-align: left;
width : 77%;
height: auto;
}


#mid21 {
float: left;
width : 73%;
height: auto;
text-align: center;
background-color: #fff;
padding: 0 0 3000px 0;
margin: 0 0 -2950px 0;
}

#mid210 {
float : ;
width: 90%;
min-height: 400px;
height: auto !important;
height: 400px;
margin: 0 auto;
text-align: left;
font-size: 0.75em;
line-height: 1.3em;
color: #3f3f3f;
}


#mid210 li{
list-style-type: square;
margin: 5px 0 0 15px;
}


#mid210 dl
{
float: left;
height: 150px;
width: 150px;
}

#mid210 dd
{
text-align: center;
width: 100%;
height: 100%;
}



#right {
float: right;
width : 26.5%;
height: auto;
color: #3F3F3F;
text-align: center;
border-left: px solid #CCE6FF;
padding: 0 0 3000px 0;
margin: 0 0 -3000px 0;
}



.mid22 {
height: auto;
padding: 7px 9px 7px 5px;
margin: 0 auto;
text-align: center;
}


.mid220 {
height: auto;
padding: 8px;
margin: 0 auto;
text-align: left;
font-size: 0.7em;
line-height: 1.3em;
border: 1px solid #ccc;
}

.mid220 li{
margin: 5px 0 0 20px;
}


#footer {
display: none;
float: left;
font-size: 0.7em;
text-align: center;
width: 100%;
height: auto;
}