body { color: black; background-color: #ccc; }
#background { background-image: url(../images/background2.jpg)	
; width: 1000px; height: 700px; }
#page {  }
#header { background-color: white; width: 723px; height: 85px; float: right; margin-top: 20px; margin-right: 20px; left:10px; top:50px; border:solid 1px white; -moz-border-top-left-radius:8px; -moz-border-top-right-radius:8px; -khtml-border-top-left-radius:8px; -khtml-border-top-right-radius:8px; } 
#content { color: black; font-size: 0.9em; font-family: arial; line-height: 1.4; background-color: white; width: 723px; height: 517px; overflow: auto; float: right; margin-right: 20px; border: solid 1px #fff; }
#hover { height: 800px; width: 200px; position: absolute; bottom: 1px; z-index: 10; visibility: visible; }
.login {  padding-left: 20px; }
.logout { color: #0072bc; font-size: 1em; font-family: arial; font-weight: bold; background-color: #ccc; text-transform: uppercase; text-align: center; width: 100px; height: auto; margin-left: 20px; padding: 5px; border: solid 1px; }
.logout a:hover { color: #fff; font-size: 1em; font-family: arial; font-weight: bold; background-color: #0072bc; text-transform: uppercase; text-align: center; width: 100px; height: auto; margin-left: 20px; padding: 5px; border: solid 1px; }#hover { position: fixed; top: 0; height: 800px; width: 200px; visibility: visible; }
table.logos { text-align: right; float: right; margin-right: 0; margin-left: 0; }
table { font-size: 1em; text-align: left; vertical-align: top; float: right; margin-right: 0; margin-left: 0; padding-right: 0px; padding-left: 0px; }
p { color: black; font-family: arial; line-height: 1.2; margin-right: 40px; margin-bottom: 20px; margin-left: 20px; }
a:link { color: #0072bc; text-decoration: none; }
a:visited { color: #0072bc; text-decoration: none; }
a:hover { color: #0072bc; text-decoration: underline; }
a:active { color: #0072bc; }
.pic { text-align: center; margin-left: 20px; padding: 8px; border: solid 1px #ccc; }
.rightpic { margin-top: 6px; margin-left: 20px; padding: 8px; border: solid 1px #ccc; }
.picright { float: right; margin-top: 6px; margin-bottom: 15px; margin-right: 20px; margin-left: 20px; padding: 8px; border: solid 1px #ccc; }
.left { float: left; margin-left: 20px;}
.fetter { color: #0072bc; font-size: 1em; font-family: arial; font-weight: bold; line-height: 1.2; }
.fettergrau { color: #333; font-size: 1em; font-family: arial; font-weight: bold; line-height: 1.2; }
.border { clear: both; margin: 20px 10px 10px 20px; padding: 3px; border: solid 1px #ccc; }
.borderpress { clear: both; margin: 20px 10px 20px 20px; padding: 3px; border-color: #ccc; border-style: solid; border-width: 1px 0 0 1px; color: black; font-family: arial; line-height: 1.2;}
.flash { margin-left: 40px; }
.normal { margin: 0px 0px 0px 0px; padding: 0px; border: solid 0px #ccc; }
/*MENÜ*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_pullup.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menulist { background-color: black; width: 925px; height: 58px; float: right; margin-right: 20px; border:solid 0 black; font-size: 16px; font-family: arial; font-weight: normal; font-style: normal; text-decoration: none; text-align: center; letter-spacing: 0; -moz-border-bottom-left-radius:8px; -moz-border-bottom-right-radius:8px; -khtml-border-bottom-left-radius:8px; -khtml-border-bottom-right-radius:8px; -khtml-border-top-left-radius:8px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
/* remove all the bullets, borders and padding from the default list styling */
.menulist ul { vertical-align: middle; padding:0; margin:0; list-style-type:none; }
.menulist ul ul { width:145px; }
.logolist ul { vertical-align: middle; padding:0; margin:0; list-style-type:none; }
.logolist ul ul {
width:200px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menulist li { vertical-align: middle; float:left; width:145px; position:relative; }
.logolist li { vertical-align: middle; float:left; width:200px; position:relative; }
/* style the links for the top level */
.menulist a, .menulist a:visited { 
display:block; 
font-size:16px; 
text-decoration:none; 
color:#fff; width:145px; 
height:58px; 
background:black; 
vertical-align: middle; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menulist a, * html .menulist a:visited {
width:145px;
}
/* style the links forLOGOlevel */
.logolist a, .logo a:visited { display:block; font-size:26px; text-decoration:none; color:#fff; width:200px; height:58px; background:black; vertical-align: middle; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .logolist a, * html .logo a:visited {
width:200px;
}
/* style the logo links */
.logolist a, .logolist a:visited { display:block; font-size:26px; text-decoration:none; color:#fff; width:200px; height:58px; background:black; vertical-align: middle; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .logolist a, * html .logolist a:visited {
width:200px;
}

/* style the second level background */
.menulist ul ul a.drop, .menulist ul ul a.drop:visited {
background:black;
}
/* style the second logo */
.logolist ul ul a.drop, .logolist ul ul a.drop:visited {
background:black;
}
/* style the second level hover */
.menulist ul ul a.drop:hover {
background:black;
}
/* style the secondlogover */
.logolist ul ul a.drop:hover {
background:black;
}
.menulist ul ul :hover > a.drop {
background:black;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menulist table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menulist ul ul {
visibility:hidden;
position:absolute;
bottom:58px;
left:0; 
width:145px;
}
.logolist ul ul {
visibility:hidden;
position:absolute;
bottom:58px;
left:0; 
width:200px;
}
* html .menulist ul ul {
bottom:58px;
}
/* style the second level links */
.menulist ul ul a, .menulist ul ul a:visited { background:black; color:white; font-size: 16px; height:auto; line-height:1em; width:200px
; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid white; }
* html .menulist ul ul a{
width:145px;
}
/* style the top level hover */
.menulist a:hover, .menulist ul ul a:hover{
color:black; 
background:white;
}
.menulist :hover > a, .menulist ul ul :hover > a {
color:black;
background:white;
}
/* make the second level visible when hover on first level list OR link */
.menulist ul li:hover ul,
.menulist ul a:hover ul{
visibility:visible;
height:auto;
}
/*MENÜ ENDE*/