@import url("openBoxStyles.css"); 

* { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; } html { background-color: #D3D7D8; } /* Inhaltsrahmen */ #hauptcontainer { width: 996px; margin: 10px auto; background: url(../myGfx/bg_mitte.jpg) repeat-y; } /* Schatten oben und unten */ #schatten_oben { background: url(../myGfx/bg_oben.jpg) no-repeat; height: 18px; } #schatten_unten { background: url(../myGfx/bg_unten.jpg) no-repeat; height: 18px; } /* Inhaltsbereich der Seite */ #subcontainer { padding: 0 20px; } /* Logo, Slogan und Smallnavi zuoberst auf der Seite */ #pagehead { height: 120px; background: url(../myGfx/bg_head.jpg) repeat-x; } #head_logo { float: left; padding: 9px 34px; } #head_slogan { width: 400px; float: left; padding-top: 40px; } #head_slogan h1 { font-size: 25px; color: #31659C; } #head_slogan h2 { font-size: 14px; color: #7297BA; font-weight: normal; } #smallnavi { float: right; width: 350px; text-align: right; padding-right: 10px; padding-top: 10px; color: #31659C; } #smallnavi a { text-decoration: none; color: #31659C; } #smallnavi a:hover, #smallnavi a:active { text-decoration: underline; color: #31659C; } /* Hauptnavigation */ #topnavigation { height: 31px; line-height: 31px; padding-left: 170px; background-image: url(../myGfx/bg_mainnavi.gif); background-repeat: repeat-x; } #topnavigation ul { list-style: none; } /* Für IE */ * html #topnavigation li, * html #topnavigation a { float: left; display: block; text-align: center; } #topnavigationFirstelEment { border-left: 1px solid #fff; } /* Für alle anderen Browser */ html>body #topnavigation li, html>body #topnavigation a { float: left; display: block; height: 31px; text-align: center; } #topnavigation a:link, #topnavigation a:visited { height: 31px; text-decoration: none; color: #FFF; line-height: 26px; padding-right: 10px; padding-left: 10px; border-right: 1px solid #fff; } #topnavigation ul li a:hover, #topnavigation ul li .topnavigationActiveElement, #topnavigation ul li .aktiv:visited { background-color: #F1520E; color: #FFF; text-decoration: none; background-image: url(../myGfx/bg_mainnavi_hi.gif); background-repeat: repeat-x; } /* Inhaltsbereich der Seite mit Subnavigation links */ #pagecontent { background: url(../myGfx/bg_subnavi.gif) repeat-y; display: block; } /* Quicklinks oberhalb der Subnavigation */ #quicklinks { padding: 15px 10px; width: 170px; } #quicklinks select { width: 150px; } /* Subnavigation links auf der Seite */ #subnavigation { width: 170px; float: left; } #subnavigation ul {display:block;} #subnavigation ul li { line-height: 20px; background: #7297BA; list-style: none; } #subnavigation ul a { text-decoration: none; color: #FFF; display: block; padding: 2px 0 2px 15px; border-bottom: 1px solid #CFD6DE; } #subnavigation ul a:hover, #subnavigation ul a:active, #subnavigation ul a.subnavigationCurrentItem { text-decoration: none; color: #771100; padding-left: 15px; display: block; background: #FF9900 url('../myGfx/pfeil_rot_rechts.gif') no-repeat; background-position: 5px center; } /* Sub-Sub Navigation */ #subnavigation ul ul a { font-size: 11px; /* height: 16px; */ line-height: 16px; text-decoration: none; color: #31659C; padding-left: 23px; display: block; background-color: #AAC1D6; width: 147px; } #subnavigation ul ul a:hover, #subnavigation ul ul a:active, #subnavigation ul ul a.subnavigationCurrentItem { text-decoration: none; color: #771100; background-color: #FFC266; padding-left: 23px; display: block; background: #FF9900 url('../myGfx/pfeil_s_rot_rechts.gif') no-repeat; background-position: 15px 7px; } /* Sub-Sub-Sub Navigation */ #subnavigation ul ul ul a { font-size: 11px; height: 16px; line-height: 16px; text-decoration: none; color: #31659C; padding-left: 30px; display: block; background-color: #AAC1D6; width: 140px; } #subnavigation ul ul ul a:hover, #subnavigation ul ul ul a:active, #subnavigation ul ul ul a.subnavigationCurrentItem { text-decoration: none; color: #771100; background-color: #FFC266; padding-left: 30px; display: block; background: #FF9900; } /* Hauptinhalt der Seite;Texte und Bilder */ #inhalt { float: right; width: 725px; padding: 25px 25px 25px 0; } #inhalt h1 { margin-bottom: 0.25em; font-size: 18px; font-weight: normal; color: #F1520E; } #inhalt h2 { margin-bottom: 0.25em; font-size: 15px; font-weight: normal; color: #000; } #inhalt p { margin-bottom: 1em; color: #000; line-height: 150%; } #inhalt a { text-decoration: underline; color: #31659C; } #inhalt a:hover, #inhalt a:active { text-decoration: underline; color: #F1520E; } /* Trennen damit Höhe des Seiteninhalts korrekt dargestellt wird */ .trennlinie_unten { clear: both; background: url(../myGfx/bg_trennlinie.gif) repeat-x; height: 5px; font-size: 1px; } /* Fusszeile mit Adresse */ #pagefooter { clear: both; border-left: solid 170px #31659C; height: 26px; line-height: 26px; padding-left: 24px; color: #31659C; } #pagefooter a { text-decoration: underline; color: #31659C; } #pagefooter a:hover, #pagefooter a:active { text-decoration: underline; color: #F1520E; } /* --------------------------------------------------- Tabellen =================================================== */ table { margin-bottom: 2em; } table td { padding-right: 10px; padding-bottom: 10px; vertical-align: top; height: 15px; line-height: 1.5em; } 
.zentriert { margin-bottom: 2em;border: 1px solid #D5D5D5;} 
.zentriert td { padding: 5px 10px; vertical-align: top; height: 15px; line-height: 1.5em; } 
.zentriert2 { margin-bottom: 2em;border: 1px solid #D5D5D5;} 
.zentriert2 td { padding: 3px 10px; vertical-align: top; height: 12px; line-height: 1.5em; } 
#inhalt .zentriert a,
#inhalt .zentriert2 a {
	font-size: 12px;
}
/* --------------------------------------------------- Trennlinie =================================================== */ 
hr { height: 1px; color: #999; } 


/* List items im inhalt */ 
#inhalt ul, #inhalt ol { 
margin-bottom: 1em; 
line-height: 1.5em; 
margin-left: 25px; 
} 

#eduqua { 
padding-top: 50px; 
padding-bottom: 5px; 
background-color: #CFD6DE; 

width: 170px; 
text-align: center; 
} 
#ifes { 
padding-top: 10px; 
padding-bottom: 25px; 
background-color: #CFD6DE; 

width: 170px; 
text-align: center; 
}

/* Flyout */ 
#menu { 
padding-left: 170px; 
height: 31px; 
line-height: 31px; 
background-image: url(../myGfx/bg_mainnavi.gif); 
background-repeat: repeat-x; 
} 
#menu .firstelem { 
border-left: 1px solid #fff; 
} 
#menu ul { 
padding: 0; 
margin: 0; 
list-style: none; 
} 
#menu li { 
float: left; 
position: relative; 
border-right: 1px solid #fff; 
height: 31px; 
} 
#menu li a { 
color: #fff; 
text-decoration: none; 
width: 120px; 
height: 31px; 
line-height: 27px; 
display: block; 
padding-left: 10px; 
padding-right: 10px; 
text-align: center; 
} 
#menu .topnavigationActiveElement { 
background-image: url(../myGfx/bg_mainnavi_hi.gif); 
} 
#menu li a:hover { 
color: #FFF; 
text-decoration: none; 
background-image: url(../myGfx/bg_mainnavi_hi.gif); 
background-repeat: repeat-x; 
padding-left: 10px; 
padding-right: 10px; 
} 
#menu li ul { 
display: none; 
position: absolute; 
top: 31px; 
left: 0; 
background-color: #AAC1D6; 
opacity: 0.9; 
width: 140px; 
} 
#menu li li { 
border-bottom: 1px solid #CFD6DE; 
height: 24px; 
line-height: 24px; 
} 
#menu li > ul { 
top: auto; 
left: auto; 
} 
#menu li:hover ul { 
display: block; 
} 
#menu li li a { 
font-size: 11px; 
color: #31659C; 
height: 24px; 
line-height: 24px; 
text-align: left; 
} 
#menu li li a:hover { 
color: #000; 
height: 24px; 
line-height: 24px; 
text-decoration: none; 
background-image: none; 
background-color: #FF9900; 

} 

/* 
Flyout Menu 
dl, dt, dd, ul, li { 
margin: 0; 
padding: 0; 
list-style-type: none; 
} 
#menu { 
padding-left: 170px; 
height: 31px; 
line-height: 31px; 
background-image: url(../myGfx/bg_mainnavi.gif); 
background-repeat: repeat-x; 
} 
#menu .firstelem { 
border-left: 1px solid #fff; 
} 

#menu dl { 
float: left; 
width: 150px; 
} 
#menu dt { 
cursor: pointer; 
text-align: center; 
border-right: 1px solid #fff; 
} 
#menu dt a { 
color: #FFF; 
text-decoration: none; 
display: block; 
height: 100%; 
} 
#menu dt a:hover, #menu .topnavigationActiveElement { 
color: #FFF; 
text-decoration: none; 
display: block; 
height: 100%; 
background-image: url(../myGfx/bg_mainnavi_hi.gif); 
background-repeat: repeat-x; 
} 
#menu dd, #menu div { 
display: none; 
position: absolute; 
width: 150px; 
opacity: 0.9; 
} 
#menu li { 
text-align: center; 
background-color: #CFD6DE; 
margin-left: 1px; 
margin-right: 1px; 
border-bottom: 1px solid #fff; 
} 
#menu li a { 
color: #000; 
text-decoration: none; 
display: block; 
height: 25px; 
border: 0 none; 
font-size: 11px; 
line-height: 25px; 
text-align: left; 
padding-left: 15px; 
} 
#menu li a:hover { 
background-color: #FF9900; 
color: #000; 
text-decoration: none; 
} 
*/ 

#spaltelinks { 
width: 370px; 
float: left; 
} 
#spalterechts { 
width: 310px; 
float: right; 
} 

/* Zebra Funktion */ 
.tableRowEven{background: #ededed;} 
.tableRowUnEven{background: #e7e7e7;} 

/* Termine auf der Startseite */ 
.term_datum { 
font-size: 11px; 
} 
.term_bereich { 
font-size: 11px; 
color: #454545; 
} 
.term_text { 
font-weight:bold; 
font-size: 11px; 
} 
#inhalt table a { 
font-size: 11px; 
} 
#spalterechts table a:visited { 
font-size: 11px; 
} 
.term_file a { 
font-size: 11px; 
} 
.term_file a:hover { 

}