*
{
padding: 0;
margin: 0;
border: 0;
}


html
{
height:100%;
}

body
{
font-family : arial, helvetica, sans-serif;
font-size : 100%;
height:100%;
min-height: 100.1%;
background-color: #fff;
}



h1 {
width: 95%;
height: auto;
font-size : 1.5em;
font-weight : bold;
color : #3f3f3f;
margin : 30px 0;
padding: 1px 0 5px 25px;
line-height: 1.1em;
border-bottom: 1px solid #feb400;
background-image : url(bilder/arrow.gif);
background-repeat : no-repeat;
background-position : 0 0;
}


.h1copy {
width: 95%;
height: auto;
font-size : 1.5em;
font-weight : bold;
color : #3f3f3f;
margin : 30px 0;
padding: 1px 0 5px 25px;
line-height: 1.1em;
border-bottom: 1px solid #feb400;
background-image : url(bilder/arrow.gif);
background-repeat : no-repeat;
background-position : 0 0;
}


h2 {
color : #2F2F2F;
font-size : 1em;
font-weight : bold;
text-align : left;
margin: 0 0 5px 0;
}

h3 {
color : #2F2F2F;
font-size : 1em;
font-weight : bold;
text-align : left;
}

.tm1 {
font-size: 0.6em;
vertical-align: top;
}

.tm2 {
font-size: 0.8em;
vertical-align: top;
}



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

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

#a301 .mid22 a:link, #a301 .mid22 a:visited
{
color : #000;
text-decoration : none;
}

#a301 .mid22 a:hover, a:active {
color : #000;
text-decoration : none;
}


<!-- Menu1 -->
#topb {
clear: both;
float: left;
width : 100%;
height : auto;
margin: 0;
padding: 0;
background-color : #FDCA00;
}


#topb1 {
float: left;
width : 20%;
height : auto;
margin: 0;
padding: 0;
text-align: left;
border: solid 0 #c2bada;
b
}


#topb2 {
float: left;
width : 80%;
height : auto;
padding: 0;
margin: 0;
text-align: left;
}


#topb21 {
float: left;
width : 68%;
height : 27px;
margin: 0;
padding: 0;
font-family : arial, helvetica, sans-serif;
}

ul#navlist2 {
width: 100%;
padding : 0;
margin : 0;
border : 0;
}

ul#navlist2 li
{
list-style : none;
display : block;
float: left;
width : 19.5%;
font-size: 0.75em;
height: 15px;
margin : 0;
padding : 0;
}

#navlist2 a, #navlist2 a:link, #navlist2 a:visited
 { color: #4d5151; font-weight: bold; text-decoration: none; background-color: #feb400; text-align: center; display: block; margin: 0; padding: 5px 0 4px; width: 99%; height: 15px; float: left; border-style: solid; border-width: 1px 1px 2px; border-color: #e6e6e6 #4f4f4f #6f6f6f #fff }


#navlist2 li a:hover
  { color: #fff; font-weight: bold; text-decoration: none; background-color: #979b99; display: block; margin: 0; padding: 5px 0 4px; height: 15px; float: left; border-style: solid; border-width: 1px 1px 2px; border-color: #6f6f6f #dbdbdb #dbdbdb #6f6f6f }



#a101 #navlist2 #lia10 a,
#a102 #navlist2 #lia10 a,
#a103 #navlist2 #lia10 a,
#a201 #navlist2 #lia20 a,
#a202 #navlist2 #lia20 a,
#a203 #navlist2 #lia20 a,
#a204 #navlist2 #lia20 a,
#a205 #navlist2 #lia20 a,
#a206 #navlist2 #lia20 a,
#a207 #navlist2 #lia20 a,
#a301 #navlist2 #lia30 a,
#a302 #navlist2 #lia30 a,
#a303 #navlist2 #lia30 a,
#a304 #navlist2 #lia30 a,
#a401 #navlist2 #lia40 a,
#a402 #navlist2 #lia40 a,
#a403 #navlist2 #lia40 a,
#a404 #navlist2 #lia40 a,
#a501 #navlist2 #lia50 a
  { color: #fff; font-weight: bold; background-color: #656565; display: block; margin: 0; padding: 5px 0 4px; height: 15px; float: left; border-style: solid; border-width: 1px 1px 2px; border-color: #afafaf #0f0f0f #4f4f4f #fff }



<!--Menu2-->

#nav {
width : 100%;
height : auto;
text-align: left;
margin: 0;
padding: 0;
font-size: 1.1em;
color: #7f7f7f;
font-family : arial, helvetica, sans-serif;
}

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


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



#navlist1 a, #navlist1 a:link, #navlist1 a:visited
{
display: block;
text-align: left;
font-weight: bold;
color: #6F6F6F ;
text-decoration : none;
padding: 4px 5px 3px 20px;
border-bottom: 1px solid #FDCA00;
border-top: 1px solid #FFDF00;
}


#navlist1 a:hover
{
display: block;
color : #000;
text-align : left;
font-weight: bold;
text-decoration : none;
background-color: #f5f5f5;
padding: 4px 5px 3px 20px;
border-bottom: 1px solid #FDCA00;
border-top: 1px solid #FFDF00;
}


#a101 #navlist1 #lia100 a,
#a102 #navlist1 #lia200 a,
#a103 #navlist1 #lia300 a,
#a104 #navlist1 #lia400 a,
#a201 #navlist1 #lia100 a,
#a202 #navlist1 #lia200 a,
#a210 #navlist1 #lia210 a,
#a220 #navlist1 #lia220 a,
#a230 #navlist1 #lia230 a,
#a203 #navlist1 #lia300 a,
#a204 #navlist1 #lia400 a,
#a205 #navlist1 #lia500 a,
#a206 #navlist1 #lia600 a,
#a207 #navlist1 #lia700 a,
#a301 #navlist1 #lia100 a,
#a302 #navlist1 #lia200 a,
#a303 #navlist1 #lia300 a,
#a304 #navlist1 #lia400 a,
#a401 #navlist1 #lia100 a,
#a402 #navlist1 #lia200 a,
#a403 #navlist1 #lia300 a,
#a404 #navlist1 #lia400 a,
#a501 #navlist1 #lia100 a
{
display: block;
color : #000;
text-align : left;
font-weight: bold;
text-decoration : none;
padding: 4px 5px 3px 20px;
border-bottom: 1px solid #ff9f00;
border-top: 1px solid #ff9f00;
}





#all {
float: left;
height: auto;
width: 100%;
margin : 0 ;
border: 0;
padding : 0;
background-color : #FDCA00;
}





#topa  { background-color: #fff; background-image: url("bilder/bps_logo_header.gif"); background-repeat: no-repeat; background-position: 10px 0; margin: 0; padding: 0; width: 100%; height: auto; float: left }


#top1 {
float: left;
width : 20%;
height : auto;
margin: 0;
padding: 0;
text-align: center;
border: 0px solid #C2BADA;
}
#top11 {
width : 100%;
height : 80px;
margin: 0 auto;
text-align: left;
font-size: 1em;
font-weight: bold;
color: #fff;
}



#top2 {
float: right;
width : 79.9%;
height : auto;
padding: 0;
margin: 0;
}


#top21 {
float: left;
width : 66.5%;
height : auto;
margin: 0;
padding: 0;
border: 0px solid #C2BADA;

}

#top210 {
width : 95%;
height : 80px;
padding: 0 ;
margin: 0 auto;
text-align: left;
font-size: 1.1em;
font-weight: bold;
color: #003a6f;
}


#top22 {
float: right;
width : 29.5%;
height : auto;
margin: 0;
padding: 0;
text-align: center;
background-repeat: no-repeat;
background-position: 100% 0;
}

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



#left {
float: left;
width: 20%;
height: auto;
padding: 40px 0 0 0;
text-align: left;
font-size: 0.7em;

}


.mid1 {
width : 100%;
margin: 0 0 20px 0;
text-align: left;
color: #fff;
}

.mid11 {
width : auto;
margin: 0 0 0 20px;
text-align: left;
color: #2F2F2F;
}



#mid2
{
float: right;
background-image: url("bilder/all-back5.gif");
width: 80%;
height: auto;
}

#mid21 {
float: left;
width : 67%;
min-height: 600px;
height: auto !important;
height: 600px;
text-align: center;
background-color : #fff;
}


#mid210 {
width : 90%;
height: auto ;
text-align: left;
margin: 10px auto;
padding: 0 0 20px;
font-size: 0.8em;
line-height: 1.3em;
color: #3f3f3f;
}
#mid210 img
{
margin: 5px 10px 5px 0;
}

#a206 #mid210
{
font-size: 0.7em;
}



#mid210 a:link, #mid210  a:visited
{
color : #000080;
text-decoration : none;
}

#mid210 a:hover, #mid210 a:active {
color : #000080;
text-decoration : underline;
}

#mid210 td
{
vertical-align: top;
}


#mid210 ul
{
margin: 10px 0 0 15px;
padding: 0 0 0 10px;
}

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



.mid211 {
clear: both;
float: left;
width : 40%;
height: auto;
text-align: left;
margin: 2% 2% 0 0;
padding: 2%;
}



.mid212 {
float: left;
width : 45%;
height: auto;
text-align: center;
text-align: left;
margin: 2% 0 0;
padding: 2%;
}



#right {
float: right;
width : 33%;
min-height: 600px;
height: auto !important;
height: 600px;
padding: 0;
margin: 0;
text-align: center;
font-size: 1.1em;
color: #3f3f3f;
}

#right img{
margin-bottom: 2px;
}




.mid22 {
height: auto;
width : 90%;
margin: 0 auto;
font-size: 0.7em;
font-weight: bold;
text-align: left;
}

dl {
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}


dt {
padding: 0;
}


dd  { color: #292828; margin: 0; padding: 0 }


#footer {
display: none;
float: left;
font-size: 0.7em;
text-align: center;
width: 100%;
height: auto;
padding: 1px 0;
margin: 10px 0 0 0 ;
border-bottom: 1px solid #7F7F7F;
border-top: 1px solid #7F7F7F;
}