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

html {
height: 100%;
}

body {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 100.1%;
height: 100%;
min-height: 100%;
padding: 5px 5px 0 5px;
text-align: center;
background-color: #fff;
}

h1 {
font-size : 1.4em;
font-weight : bold;
line-height: 1.2;
font-family : verdana, arial, helvetica, sans-serif;
color : #000;
width: 99%;
margin: 0px 0 30px 0;
background-color: ;
}


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 : #000;
text-decoration : none;
border-bottom: 1px solid #000080;
}

#mid2 a:visited,
.mid11 a:visited
{
color : #000;
text-decoration : none;
border-bottom: 1px solid #000080;
}

#mid2 a:hover,
.mid11 a:hover
{
color : #000080;
text-decoration : none;
border-bottom: 1px solid #fff;
}

#mid2 a:active,
.mid11 a:active
{
color : #000080;
text-decoration : none;
border-bottom: 1px solid #fff;
}


a.img,
#mid2 a.img,
a.img:link,
#mid2 a.img:link,
a.img:visited,
#mid2 a.img:visited,
a.img:hover,
#mid2 a.img:hover,
a.img:active,
#mid2 a.img:active
{
border: 0;
text-decoration : none;
}


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;
background-color: transparent;
text-decoration : none;
border-bottom: 1px solid #fff;
}

/* .rbroundbox { background: url(bilder/nt.gif) repeat; }*/
.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; }*/


.rbtop div, .rbtop
{
width: 100%;
height: 20px;
font-size: 1px;
}

.rbbot div, .rbbot
{
width: 0;
height: 0;
font-size: 0;
}


.rbcontent
{
margin: 0px 20px;
height: 110px;
}


.rbroundbox
{
background-color: ;
 }

/* style the outer div to give it width */
.menu {clear: both; float: left; font-size:0.85em; margin-bottom:50px; width:100%; background:#949e7c url(bilder/b-1.gif) center center;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {width: 100%; padding:0;margin:0;list-style-type:none; height:2em; background:transparent;}


/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; width: 19.7%; height:2em; line-height:2em; text-align: center;}

/* style the sub level list items */
.menu ul ul li {width:99.5%; height:auto;}

/* style the links for the top level */
.menu ul a, .menu ul a:visited {width:100%; display:block; float:left; height:100%; font-size:1em; text-decoration:none; color:#000; background:#949e7c url(bilder/b-1.gif) center center; background-repeat: repeat-x; padding:0; border-left:1px solid #eee; border-right:px solid #000;}


/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {background:#f5f5f5 ; color:#3F3F3F;line-height:1.4em; font-size: 0.9em; padding:1em 0; border-bottom:1px solid #AFAFAF;}



/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the level hovers */
/* first */
* html .menu ul a:hover {color:red;background:red url(bilder/b-2.gif) center center; position:relative; z-index:100;}
.menu ul li:hover {position:relative;}
.menu ul :hover > a {color:red;background:transparent url(bilder/b-2.gif) center center;}

/* second */
* html .menu ul ul a:hover{color:#000;font-weight: bold;background:#ccc; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative; font-weight: bold;}
.menu ul ul :hover > a {color:#000;background:#ccc;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute; height:0; top:2em; left:0; width: 100%;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 0 0 1px ; min-width: 100%; width: 100% !important; width: 11em;}


* html .menu #active
{color:red;background:red url(bilder/b-2.gif) center center; position:relative; z-index:100;}
.menu li #active
{position:relative;}
.menu #active > a
{color:red;background:red url(bilder/b-2.gif) center center;}



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

#nav ul
{
float: left;
width: 100%;
list-style-type: none;
font-size: 0.8em;
}


#navlist1 li
{
width: 100%;
}


#navlist1 #lib10 a:link, #navlist1 #lib10 a:visited

{
display: block;
width: auto;
font-weight: bold;
font-size: 1.1em;
color: #5F5F5F;
text-decoration : none;
padding: 3px 0 3px 5px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid red;
background-color: ;
}

#navlist1 #lib101 a:link, #navlist1 #lib101 a:visited,
#navlist1 #lib102 a:link, #navlist1 #lib102 a:visited,
#navlist1 #lib103 a:link, #navlist1 #lib103 a:visited

{
display: block;
width: auto;
font-weight: bold;
font-size: 1em;
color: #5F5F5F;
text-decoration : none;
padding: 3px 10px 3px 15px;
margin: 0px 0px 0px 0px;
border-top: 0px solid #e7ebee;
background-color: ;
}



#navlist1 #lib10 a:hover

{
display: block;
width: auto;
font-weight: bold;
font-size: 1.1em;
color: #000;
text-decoration : none;
padding: 3px 0 3px 5px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid red;
background-color: #f5f5f5;
}



#navlist1 #lib101 a:hover,
#navlist1 #lib102 a:hover,
#navlist1 #lib103 a:hover
{
display: block;
color : #000;
font-weight: bold;
font-size: 1em;
text-decoration : none;
padding: 3px 10px 3px 15px;
margin: 0px 0px 0px 0px;
border-top: 0px solid #e7ebee;
background-color: #f5f5f5;
}


#a10 #navlist1 #lib10 a

{
display: block;
width: auto;
font-weight: bold;
font-size: 1.1em;
color: #000;
padding: 3px 0 3px 5px;
margin: 0px 0px 10px 0px;
text-decoration : none;
background-color: #f5f5f5;
}



#a20 #navlist1 #lib101 a,
#a30 #navlist1 #lib102 a,
#a40 #navlist1 #lib103 a
{
display: block;
color : #000;
font-weight: bold;
text-decoration : none;
font-size: 1em;
padding: 3px 10px 3px 15px;
margin: 0px 0px 0px 0px;
border-top: 0px solid #e7ebee;
background-color: #f5f5f5;
}





#all {
float: left;
max-width: 1280px;
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
text-align: right;
background-color: #fff;
background-image: url(bilder/back1.gif);
background-repeat: repeat-x;
background-position: 0 0;
}



#topa {
clear: both;
float: left;
width : 100%;
height : 100px;
background-color: ;
background-image: url(bilder/logo.gif);
background-repeat: no-repeat;
background-position: 100% 0;
}


#top1 {
float: left;
width : 20%;
height : ;
margin: 0;
padding: 0;
text-align: center;
background-color: ;
}


#top11 {
width : 99%;
margin: 0 auto;
text-align: left;
font-weight: bold;
color: #000;
padding: 25px 0 0 0 ;
}



#top2 {
float: right;
width : 80%;
height : ;
}


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

}

#top210 {
float: left;
width : 99.5%;
height : ;
text-align: left;
font-size: 0.9em;
font-weight: bold;
color: #000;
}


#top22 {
float: right;
width : 23%;
height: ;
text-align: left;
background-color: ;
}

#top220 {
width : 100%;
height: 100%;
}


#m0 {
clear: both;
float: left;
width: 100%;
height: auto;
}



#left {
float: left;
width: 21%;
padding: 0 0 5px 0;
text-align: center;
background-color: ;
}


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

.mid11 {
clear: both;
width : ;
padding: 40px 0 0 10px;
text-align: left;
font-size: 0.65em;
color: #4F4F4F;
}


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


#mid21 {
float: left;
width : 74.9%;
height: auto;
padding: 0 0 30px 0;
background-color: ;

}

#mid210 {
float : ;
min-height: 700px;
height: auto !important;
height: 700px;
padding: 10px 40px;
margin: 0 auto;
text-align: left;
font-size: 0.75em;
line-height: 1.3em;
color: #3f3f3f;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}



#mid210 li
{
margin: 0 0 8px 0;
}

#mid210 ul,
#mid210 ol
{
margin: 0 0 0 30px;
}


#mid210 td
{
vertical-align: top;
}



#right {
float: right;
width : 24.9%;
height: auto;
padding: 65px 0 30px 0;
font-size: 1em;
text-align: right;
color: #3F3F3F;
background-color: ;
}



.mid22 {
float: left;
height: auto;
font-size: 0.8em;
text-align: center;
}


.mid220 {
float: ;
height: auto;
width : ;
padding: 0 10px;
text-align: left;
font-size: 0.85em;
line-height: 1.3em;
}

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


.mid220 img
{
text-align: center;
margin: 0 auto 2px auto;
border: 1px solid #000;
}



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