*
{
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;
}


h2 {
color : #000;
font-size : 1em;
font-weight : bold;
text-align : left;
font-family : verdana, arial, helvetica, sans-serif;
}

h3 {
color : #000;
font-size : 1.1em;
font-weight : bold;
padding: 0 0 10px 0;
text-align : left;
font-family : verdana, arial, helvetica, sans-serif;
}

h4 {
color : #000;
font-size : 1.1em;
font-weight : bold;
text-align : left;
}


h5 {
color : #5F5F5F;
font-size : 0.55em;
font-weight : bold;
text-align : left;
}



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



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

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


/* .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;
}



.rbcontent
{
padding: 0px 20px;
}


/*.rbroundbox
{

 }*/

/* style the outer div to give it width */
.menu {clear: both; float: left; font-size:0.8em; 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: 16.5%; 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:0px solid #000;}


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



/* 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:#cc0000; background:transparent url(bilder/b-2.gif) center center; position:relative; z-index:100;}
.menu ul li:hover {position:relative;}
.menu ul :hover > a {color:#cc0000;background:transparent url(bilder/b-2.gif) center center;font-weight: bold;}

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

/* 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:#cc0000;font-weight: bold;background:transparent url(bilder/b-2.gif) center center; position:relative; z-index:100;}
.menu li #active
{position:relative;font-weight: bold;}
.menu #active > a
{color:#cc0000;font-weight: bold;background:transparent url(bilder/b-2.gif) center center;}



#nav {
float: left;
width: 100%;
height : auto;
margin: 13px 0 0 0;
text-align: left;
color: #cc0000;
font-size: 0.8em;
font-weight: bold;
font-family : arial, helvetica, sans-serif;
}

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


#navlist1 li
{
display: block;
}


#navlist1 #lib10 a:link, #navlist1 #lib10 a:visited,
#navlist1 #lib20 a:link, #navlist1 #lib20 a:visited,
#navlist1 #lib30 a:link, #navlist1 #lib30 a:visited,
#navlist1 #lib40 a:link, #navlist1 #lib40 a:visited
{
display: block;
font-weight: bold;
font-size: 1.1em;
color: #5F5F5F;
text-decoration : none;
padding: 3px 0 3px 0;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #fff;
}

#navlist1 #lib101 a:link, #navlist1 #lib101 a:visited,
#navlist1 #lib102 a:link, #navlist1 #lib102 a:visited,
#navlist1 #lib103 a:link, #navlist1 #lib103 a:visited,
#navlist1 #lib104 a:link, #navlist1 #lib104 a:visited,
#navlist1 #lib105 a:link, #navlist1 #lib105 a:visited,
#navlist1 #lib301 a:link, #navlist1 #lib301 a:visited,
#navlist1 #lib302 a:link, #navlist1 #lib302 a:visited,
#navlist1 #lib303 a:link, #navlist1 #lib303 a:visited,
#navlist1 #lib304 a:link, #navlist1 #lib304 a:visited,
#navlist1 #lib305 a:link, #navlist1 #lib305 a:visited,
#navlist1 #lib306 a:link, #navlist1 #lib306 a:visited,
#navlist1 #lib307 a:link, #navlist1 #lib307 a:visited,
#navlist1 #lib308 a:link, #navlist1 #lib308 a:visited,
#navlist1 #lib309 a:link, #navlist1 #lib309 a:visited,
#navlist1 #lib310 a:link, #navlist1 #lib310 a:visited,
#navlist1 #lib401 a:link, #navlist1 #lib401 a:visited,
#navlist1 #lib402 a:link, #navlist1 #lib402 a:visited,
#navlist1 #lib403 a:link, #navlist1 #lib403 a:visited,
#navlist1 #lib404 a:link, #navlist1 #lib404 a:visited,
#navlist1 #lib405 a:link, #navlist1 #lib405 a:visited,
#navlist1 #lib406 a:link, #navlist1 #lib406 a:visited,
#navlist1 #lib407 a:link, #navlist1 #lib407 a:visited,
#navlist1 #lib408 a:link, #navlist1 #lib408 a:visited,
#navlist1 #lib409 a:link, #navlist1 #lib409 a:visited,
#navlist1 #lib410 a:link, #navlist1 #lib410 a:visited
{
display: block;
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;
}



#navlist1 #lib10 a:hover,
#navlist1 #lib20 a:hover,
#navlist1 #lib30 a:hover,
#navlist1 #lib40 a:hover
{
display: block;
font-weight: bold;
font-size: 1.1em;
color: #000;
text-decoration : none;
padding: 3px 0 3px 0;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #000060;
background-color: #fff7d7;
}



#navlist1 #lib101 a:hover,
#navlist1 #lib102 a:hover,
#navlist1 #lib103 a:hover,
#navlist1 #lib104 a:hover,
#navlist1 #lib105 a:hover,
#navlist1 #lib301 a:hover,
#navlist1 #lib302 a:hover,
#navlist1 #lib303 a:hover,
#navlist1 #lib304 a:hover,
#navlist1 #lib305 a:hover,
#navlist1 #lib306 a:hover,
#navlist1 #lib307 a:hover,
#navlist1 #lib308 a:hover,
#navlist1 #lib309 a:hover,
#navlist1 #lib310 a:hover,
#navlist1 #lib401 a:hover,
#navlist1 #lib402 a:hover,
#navlist1 #lib403 a:hover,
#navlist1 #lib404 a:hover,
#navlist1 #lib405 a:hover,
#navlist1 #lib406 a:hover,
#navlist1 #lib407 a:hover,
#navlist1 #lib408 a:hover,
#navlist1 #lib409 a:hover,
#navlist1 #lib410 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: #fff7d7;
}


#a10 #navlist1 #lib10 a,
#a101 #navlist1 #lib10 a,
#a102 #navlist1 #lib10 a,
#a103 #navlist1 #lib10 a,
#a104 #navlist1 #lib10 a,
#a105 #navlist1 #lib10 a,
#a20 #navlist1 #lib20 a,
#a30 #navlist1 #lib30 a,
#a301 #navlist1 #lib30 a,
#a302 #navlist1 #lib30 a,
#a303 #navlist1 #lib30 a,
#a304 #navlist1 #lib30 a,
#a305 #navlist1 #lib30 a,
#a306 #navlist1 #lib30 a,
#a307 #navlist1 #lib30 a,
#a308 #navlist1 #lib30 a,
#a309 #navlist1 #lib30 a,
#a310 #navlist1 #lib30 a,
#a40 #navlist1 #lib40 a,
#a401 #navlist1 #lib40 a,
#a402 #navlist1 #lib40 a,
#a403 #navlist1 #lib40 a,
#a404 #navlist1 #lib40 a,
#a405 #navlist1 #lib40 a,
#a406 #navlist1 #lib40 a,
#a407 #navlist1 #lib40 a,
#a408 #navlist1 #lib40 a,
#a409 #navlist1 #lib40 a,
#a410 #navlist1 #lib40 a
{
display: block;
font-weight: bold;
font-size: 1.1em;
color: #000;
padding: 3px 0 3px 0;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #000060;
text-decoration : none;
background-color: #fff7d7;
}



#a101 #navlist1 #lib101 a,
#a102 #navlist1 #lib102 a,
#a103 #navlist1 #lib103 a,
#a104 #navlist1 #lib104 a,
#a105 #navlist1 #lib105 a,

#a301 #navlist1 #lib301 a,
#a302 #navlist1 #lib302 a,
#a303 #navlist1 #lib303 a,
#a304 #navlist1 #lib304 a,
#a305 #navlist1 #lib305 a,
#a306 #navlist1 #lib306 a,
#a307 #navlist1 #lib307 a,
#a308 #navlist1 #lib308 a,
#a309 #navlist1 #lib309 a,
#a310 #navlist1 #lib310 a,

#a401 #navlist1 #lib401 a,
#a402 #navlist1 #lib402 a,
#a403 #navlist1 #lib403 a,
#a404 #navlist1 #lib404 a,
#a405 #navlist1 #lib405 a,
#a406 #navlist1 #lib406 a,
#a407 #navlist1 #lib407 a,
#a408 #navlist1 #lib408 a,
#a409 #navlist1 #lib409 a,
#a410 #navlist1 #lib410 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: ;
margin: 0 auto;
height: auto !important;
height: 100%;
width: 100%;
max-width: 1200px;
min-height: 100%;
width: expression(
(document.documentElement && document.documentElement.clientHeight) ?
(document.documentElement.clientWidth < 755) ? "755px" :
(( document.documentElement.clientWidth > 1200) ? "1200px" : "auto") :
(document.body.clientWidth < 755) ? "755px" :
(( document.body.clientWidth > 1200) ? "1200px" : "auto")
 );
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-image: url(bilder/hfl.gif);
background-repeat: no-repeat;
background-position: 100% 0;
}


#top1 {
float: left;
width : 21%;
text-align: center;
background-image: url(bilder/lopro-logo.gif);
background-repeat: no-repeat;
background-position: 0 0;
}


#top11 {
width : 99%;
height : 100px;
margin: 0 auto;
text-align: left;
font-weight: bold;
color: #5f5f5f;
font-size: 1.2em;

}



#top2 {
float: right;
width : 70%;
}


#top21 {
float: left;
width : 77%;
}

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


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

#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;
}


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

.mid11 {
clear: both;
width : auto;
padding: 40px 0 0 5px;
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;

}

#mid210 {
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: 13px 0;
font-size: 1em;
text-align: right;
color: #3F3F3F;
}



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


.mid220 {
height: auto;
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;
}