* {margin:0;padding:0;}
html, body {height: 100%;}
body {background-color:#ECECE5; color:#205888; font: 13px verdana, arial, sans-serif; height:100%;}
input[type=submit] {
/*background-image: url('submi.gif');*/
font: 14px verdana, arial, sans-serif;
/*font-weight: bold; */
color: #205888;
padding-left:10px ;
padding-right:10px ;
/*border: #000000 1px solid; */
}
/************** Titelbild- und Navigationscontainer **************/
#oben { position:fixed;
display:block;
margin:0;
/*height:150px;*/
/*height:20%;*/
min-width:800px;
width:100%;
background-color: #1B385B;
top:0px; left:0px; right:0px;
}
#titelbild { background-image:url(rahmen.jpg);height:90px; background-color:#184470; z-index:100;}
/*#titelbild a{ display:none; }*/
/****************************************************************************/
.menu {width:800px; height:30px; position:relative; z-index:100;margin:0 auto;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:801px; w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:110px;} /* was macht dieser Wert?*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon
width gibt an, wie breit spalte für top level einträge ist*/
.menu li {float:left;width:145px;position:relative;}
/* style the links for the top level. width=wie weit geht Bereich bei hover.
Farbe E5E6DA = background gesamt (schmutziges weiß)*/
.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color: #E5E6DA; width:180px; height:30px;
font-family:verdana, arial, sans-serif; background-color: #1B385B; padding-left:0px; line-height:29px; font-weight:bold; z-index:100;}
/* a hack so that IE5.5 faulty box model is corrected * 2. Wert war 81 ??*/
* html .menu a, * html .menu a:visited {width:150px; w\idth:121px;}
/* style the second level background (wenn ich 2. level aufklappe, aber noch nicht mit Maus drüber gehe) c0c0c0=grau, 184470=blau*/
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#c0c0c0;}
/* style the second level hover (1. Zeile: wenn ich mit Maus drüber gehe, 2. zeile: ??) vorher: color=660000=rot*/
.menu ul ul a.drop:hover{color:#184470;background:#c0c0c0;}
/*menu ul ul :hover > a.drop {color:#184470;background:#660000;}*/
/* hide the sub levels and give them a positon absolute so that they take up no room ist das nötig??*/
.menu ul ul {visibility:hidden; position:absolute;height:0;top:30px;left:0px; width:110px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level: wie sieht es aus, wenn ich 2. level aufklappe. padding: oben, rechts, unten und links.*/
.menu ul ul a, .menu ul ul a:visited {background:#c0c0c0; color: #184470; height:auto; padding:4px 5px 4px 10px;
width:216px;font-size:14px;font-family: verdana, arial, sans-serif;font-weight:normal;line-height:19px;z-index:100;}
.menu ul ul a:hover{color:#184470;background:#c0c0c0;font-weight:bold; z-index:100;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:231px;w\idth:71px;}
/* style the top and second level hover vorher: #ffcc00 = gelb; c0c0c0=grau, 184470=blau*/
.menu a:hover {color:#184470;background:#c0c0c0;font-weight:bold; z-index:100;}
.menu :hover > a, .menu ul ul :hover > a {color:#184470;background:#c0c0c0;z-index:100;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/************** Inhaltscontainer **************/
/* inhalt und fussleiste 10px weniger als menu, da menu um 10 px nach links aufklappt. */
#inhalt {
/*min-height: 700px;
height: auto !important;
height: 100%;*/
width:780px;
padding:120px 0 0px 0px; /* oben, rechts, unten und links*/
margin: 0 auto 0px; /*vorher: auto: - 20px*/
line-height:22px;
font: 14px verdana, arial, sans-serif;
color:#205888;
}
#inhalt p {padding: 0 0 10px 0px;}
#inhalt a, a:visited {
font-weight: normal;
color: #205888;
text-decoration: none;
}
#inhalt a:hover {color:#A62525;}
/************** Sonstige Definitionen **************/
#bold {font-weight:bold;}
#ital {font-style:italic;}
#hl {font-weight:bold; font-size:16px;}
#mehr {font-weight:bold; font-size:10px;}
#stand {font-size:15px; font-style:italic; color:#676767; line-height:25px;}
#line {width:780px; color:#205888; height:1px; margin-left:0; text-align:left;}
/************** Fussleistencontainer **************
/#footer {position:fixed;
border-top:solid 1px #205888;
width:820px;
margin: 0 auto;
padding:5px 0px 10px 5px;
font: 10px verdana, arial, sans-serif;
/*height:5%;/
bottom:0px; left:0px; right:0px;
background-color:#DBE1CD;
#footer {color: #205888;
width:820px;
height: 25px;
clear:both;
font-size: 11;
text-align: center; /*display:block
background-color:#E5E6DA;
border-top: 1px solid
}*/
/*style="font-size:11px;border-top:solid 1px; position:relative; height:25px; margin:0 auto; color:#205888;" */
#footer a {
font-size:11px;
font-weight: normal;
color: #205888;
/*background-color:#E5E6DA; */
text-decoration: none;
}
#footer a:visited {
font-weight: normal;
color: #205888;
text-decoration: none;
/*#footer a:hover { font-weight: bold; } */
/* Angaben nur für den Internet Explorer mit Star-HTML-Hack: fester Header und Footer */
* html, * html body
{
height:100%;
overflow:hidden;
}
* html #oben{
margin:0;
height:20%;
}
* html #inhalt{
padding:5px;
height:75%;
overflow:auto;
}
* html #fussleiste
{
height:5%;
/*padding-top:1%;*/
}