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


html {
height:100%;
background-color: #f6f6f6;
}

body {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 95%;
min-height: 100%;
height: auto !important;
height:100%;
width: auto;
max-width: 1000px;
padding: 0 0 0 85px;
text-align: center;
}

h1 {
width: 98%;
font-size : 1.4em;
font-weight : bold;
line-height: 1.4em;
letter-spacing: 1px;
color : #2F2F2F;
background-color: ;
margin : 50px 0 20px 0;
padding: 0 0 0 0px;
border-bottom: px solid #000;
}

h2 {
clear: both;
width: 100%;
color : #003A6F;
font-size : 1.1em;
font-weight : bold;
text-align : left;
margin : 0 0 25px 0;
}

h3 {
clear: both;
width: 98%;
color : #fff;
font-size : 1.05em;
font-weight : bold;
text-align : left;
margin : 0 0 5px 0;
background-color: #1F1F1F;
padding: 1px 0 2px 1px;
}

h4 {
clear: both;
width: 100%;
color : #000;
font-size : 1em;
font-weight : bold;
text-align : left;
margin : 0 0 5px 0;
}


a:link, a:visited
{
color : #248E8E;
text-decoration : none;
border-bottom: 0px solid #AFAFAF;
}

a:hover,
a:active,
a:focus
{
color : #000;
text-decoration : none;
border-bottom: 0px solid #33cccc;
}







#topb21 {
text-align: right;
margin: 0 0 0 10px;
font-family : arial, helvetica, sans-serif;
height : auto;
width : 100%;
}

ul#navlist1 {
width: auto;
padding : 0;
margin : 0 auto;
border : 0;

}

ul#navlist1 li
{
list-style : none;
float: left;
width : auto;
height: auto;
}

#navlist1 a, #navlist1 a:link, #navlist1 a:visited
{
float : left;
width : 10em;
height: 2.5em;
display : block;
padding : 3px 3px 0 3px;
margin: 0 5px 0 0;
font-size : 0.7em;
line-height: 1em;
font-weight : bold;
color : #4F4F4F;
text-decoration : none;
text-align : center;
background-image: url(bilder/back3_0.gif);
background-repeat: no-repeat;
background-position: 0 100%;
}


#navlist1 li a:hover
{
float : left;
width : 10em;
height: 2.5em;
display : block;
padding : 3px 3px 0 3px;
margin: 0 5px 0 0;
color : #000;
text-decoration: none;
font-size : 0.7em;
font-weight : bold;
}

#navlist1 #lib10 a:hover
{
background-image: url(bilder/back3_1.gif);
background-repeat: no-repeat;
background-position: 0 100%;
}
#navlist1 #lib20 a:hover
{
background-image: url(bilder/back3_2.gif);
background-repeat: no-repeat;
background-position: 0 100%;
}
#navlist1 #lib30 a:hover
{
color: #000;
background-image: url(bilder/back3_3.gif);
background-repeat: no-repeat;
background-position: 0 100%;
}
#navlist1 #lib40 a:hover
{
color: #AFAFAF;
background-image: url(bilder/back3_4.gif);
background-repeat: no-repeat;
background-position: 0 100%;
}


#navlist1 li a
{
float : left;
width : 10em;
height: 2.5em;
display : block;
padding : 3px 3px 0 3px;
margin: 0 0 0 3px;
color : #000;
font-size : 0.7em;
font-weight : bold;
}

#a21 #navlist1 #lib10 a
{
background-image: url(bilder/back3_1.gif);
background-repeat: no-repeat;
background-position: 0 100%;
}


#a22 #navlist1 #lib20 a
{
background-image: url(bilder/back3_2.gif);
background-repeat: no-repeat;
background-position: 0 100%;
}

#a23 #navlist1 #lib30 a
{
background-image: url(bilder/back3_3.gif);
background-repeat: no-repeat;
background-position: 0 100%;
}

#a24 #navlist1 #lib40 a
{
background-image: url(bilder/back3_4.gif);
background-repeat: no-repeat;
background-position: 0 100%;
}




#navc {
width : 100%;
height : auto;
margin: 30px 0 40px 0;
padding: 0 ;
font-size: 1em;
color: #7F7F7F;
text-align: right;
font-family : arial, helvetica, sans-serif;
background-color: ;
}

#navc ul
{
width: 100%;
list-style-type: none;
text-align: right;
border-left: 0px solid #4F4F4F;
}


#navlistc li
{
width: 100%;
font-family : arial, helvetica, sans-serif;
font-weight: bold;

}


#navlistc li a,
#navlistc li a:visited
{
display: block;
color: #5f5f5f;
text-decoration : none;
padding: 1px 2px 2px 0px;
border-bottom: 1px solid #DBDBDB;
}

#navlistc li a:hover,
#navlistc li a:active,
#navlistc li a:focus
{
display: block;
color: #fff;
background-color: #2F2F2F;
text-decoration : none;
padding: 1px 2px 2px 0px;
border-bottom: 1px solid #DBDBDB;
}

#a10 #navlistc li.m1 a,
#a21 #navlistc li.m21 a,
#a22 #navlistc li.m22 a,
#a23 #navlistc li.m23 a,
#a24 #navlistc li.m24 a,
#a30 #navlistc li.m3 a,
#a40 #navlistc li.m4 a,
#a50 #navlistc li.m5 a,
#a60 #navlistc li.m6 a,
#a70 #navlistc li.m7 a
{
display: block;
color: #fff;
background-color: #1F1F1F;
font-weight: bold;
text-decoration : none;
padding: 1px 2px 2px 0px;
border-bottom: 1px solid #DBDBDB;
}


#all {
float: left;
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
background-color: #f6f6f6;
background-image: url(bilder/logo-s2.gif);
background-repeat: no-repeat;
background-position: 20% 180px;
}


#bild {
width: 19%;
height: 130px;
position: absolute;
top: 10;
left: 10px;
border: 1px solid #000;
background-image: url(bilder/buero.jpg);
background-repeat: no-repeat;
background-position: 50% 0px;
}

#bild2 {
width: 17.5%;
height: 150px;
position: absolute;
top: 10;
right: 95px;
border: 1px solid #000;

}





#topa {
float: left;
width : 100%;
height : 170px;
border-bottom: 10px solid #000;
background-color : #ECECED;
}



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

#top2 {
float: right;
width : 73%;
height : 170px;
text-align: right;
background-color: #33CCCC;
}


#top21 {
float: left;
width : 69.9%;
height : 170px;
}

#top210 {
float: right;
width : 100%;
margin: 0 auto;
text-align: left;
font-size: 1.1em;
font-weight: bold;
color: #003A6F;
background-color: #fff;
background-image: url(bilder/kopf12.jpg);
background-repeat: no-repeat;
background-position: 0 100%;
}


#top22 {
float: right;
width : 30%;
height : 170px;
text-align: center;
background-image: url(bilder/kopf1.jpg);
background-repeat: no-repeat;
background-position: 97% 100%;
}

#top220 {
width : 100%;
font-size: 1em;
font-weight: bold;
color: #003A6F;
margin: 0 auto;
text-align: right;
}




#topb {
clear: both;
float: left;
width : 100%;
height : auto;
background-color: #f6f6f6;
}

#topb1 {
float: left;
width : 3%;
height : auto;
text-align: left;
background-color: #f6f6f6;
}


#topb2{
float: left;
width : 74%;
height : auto;
}





#mid0 {
clear: both;
float: left;
width : 100%;

}


#left {
float: left;
width: 22.5%;
min-height: 50%;
height: auto !important;
height: 50%;
padding: 70px 0 20px 0;
margin: 0px 0 20px 0;
text-align: right;
font-size: 0.7em;
background-color: ;
}


.mid1 {
float: right;
width : 80%;
padding: 0 0 0 0px ;
text-align: right;
color: #5F5F5F;
background-color: ;
}

.mid11 {
font-size: 0.9em;
padding: 28px 2px 0 5px;
text-align: right;
color: #5F5F5F;
background-color: ;
}

#mid110 {
padding: 10px 0;
text-align: left;
color: #5F5F5F;
}

#mid2 {
float: right;
width : 77%;
min-height: 70%;
height: auto !important;
height: 70%;

}


#mid21 {
float: left;
width : 70%;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
text-align: center;
background-color : ;
border-left: px dashed #33cccc;
border-right: px dashed #33cccc;
border-bottom: 0px dashed #AFAFAF;
border: px solid #AFAFAF;
}





#mid210 {
width : 85%;
margin: 0 auto ;
padding: 0 0 50px 0;
min-height: 600px;
height: auto !important;
height: 600px;
font-family : verdana, arial, helvetica, sans-serif;
text-align: left;
font-size: 0.75em;
line-height: 1.4em;
color: #2f2f2f;

}

#mid210 table
{
vertical-align: top;
font-size: 1em;
color: #2f2f2f;
}

#mid210 ol
{
margin:  0 0 0 10px;
padding: 0;
}


#mid210 ul
{
margin:  0 0 0 5px;
padding: 0;
}




#mid210 li
{
margin:  5px 0 0 20px;
}


dl
{
float: left;
width: 45%;
height: 300px;
margin: 15px 10px 0 0;
padding: 0;
}

dt
{
margin: 5px 0 0 20px;
padding: 0;
}

dd
{
margin: 5px 0 0 20px;
padding: 0;
}


#mid233
{
display: none;
margin-top: 20px;
}


#right {
float: right;
width : 28%;
height: auto;
margin: 85px 0 20px 0;
padding: 0px 0 0 0 ;
text-align: right;
font-size: 0.75em;
border-top: px solid #33cccc;
border-bottom: px solid #33cccc;
border: px solid #33cccc;
color: #3f3f3f;
}



.mid22 {
float: left;
height: auto;
width : 100%;
margin: 0 auto;
text-align: left;
}


.mid220 {
height: auto;
width : 90%;
padding: 15px 0;
margin: 0 auto;
text-align: left;
font-size: 0.9em;
border: 0px solid gray;
}

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


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