/* CSS Document */

/* Normalisiert margin, padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p
{
margin:0;
padding:0;
}

img
{
border:none;
}

/*html
{
height: 101%;
}
*/

h1
{
font-size: 120%;
}


a
{
color:#343264;
text-decoration:none;
}

.csc-sword {
color:red;
font-weight:bold;
}

body
{
/*Zum Ausgleichen unterschiedlicher Schriftgrößen auf WIN/MAC/
/*Setzt Schrift für alle Browser auf kleinste Einstellung*/
font: x-small sans-serif;
width: 100%;
height: 100%;
color:#000;
overflow: visible !important;
background: #fff url(../images/backgrounds/bg_body.jpg) repeat-x;
}

#mainContainer
{
float:left;
float: none !important;
width: auto;
/*Setzt Schrift für alle Browser auf gleichgroße Einstellung*/
font-size: 12pt;
font-family: verdana, arial, sans-serif;
padding: 5%;
overflow: visible !important;
}
/*Oberer Bereich */

#container
{
float: left;
float: none !important;
width: 100%;
height:auto;
margin-left: 21px;
display: inline;
border: 1px solid #fff;
border-left:none;
background: transparent url(../images/backgrounds/bg_container.jpg) repeat-y -21px 0;
}

#kopfleiste
{
float: left;
width: 100%;
height:auto;
background-color: #e7e7e7;
position: relative;
}

#mittelleiste
{
display:none;
float: left;
width: 100%;
height:auto;
background-color: #cecdcb;
position: relative;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
background: #91caf5 url(../images/backgrounds/bg_mittelleiste.jpg) repeat-y 0 0;
}

#logo
{
float: left;
width: 378px;
height: 92px;
overflow: hidden;
border-right: 1px solid #fff;
}

#brContainer
{
float: left;
width: 100%;
height:22px;
margin-top: -3px;
position: relative;
display: inline;
background-color: #ccc;
border-top: 1px solid #fff;
}

#cContainer
{
float:left;
float: none !important;
width: 100%;
height:auto;
}

#mContainer
{
display:none;
float:left;
width: 165px;
height:auto;
position: relative;
border-right: 1px solid #fff;
}

#iContainer
{
float: right;
width: 100%;
background: transparent url(../images/backgrounds/bg_body.jpg) repeat-x 0 -115px;
height: auto;
}

#iTopContainer
{
float: left;
width: 100%;
position: relative;
background-color: transparent;
display:none;
}

#mood1
{
float: left;
width: 213px;
height: 109px;
position: relative;
display:none;
}

h1.moodtext
{
position: absolute;
bottom: -0.2em;
left: 0;
font-size: 4.6em;
letter-spacing: -0.05em;
color: #fff;
font-weight: bold;
text-transform: uppercase;
filter:alpha(opacity=17);
opacity: 0.3;
-moz-opacity:0.3;
margin-bottom: 0;
display:none;
}

.streifen
{
display: none;
}

#mood2
{
float: left;
/*width: 119px;*/
width:auto;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
height: 109px;
display:none;
}

mood3
{
float: left;
/*width: 479px;*/
width:auto;
height: 109px;
display:none;
}

#searchBox
{
float: left;
width: 20%;
height: auto;
padding-top: 2px;
font-size: 80%;
display:none;
}

#searchBox input
{
font-size: 11px;
line-height: 10px;
position: absolute;
bottom: 2px;
}

#searchBox #button
{
position: absolute;
bottom: 1px;
right: 2px;
}

#textContainer
{
width: 100%;
float: left;
border-top: 1px solid #fff;
float: none !important;
}

#cBereich
{
width: 100%;
float: none !important;
padding: 1em;
float: left;
height: auto;
background-color: #fff;
}

#cBereich h1
{
color: #000;
margin-top:1em;
margin-bottom: 1em;
width: 100%;
border-bottom: 1px solid #000;
}

#cBereich p
{
line-height: 1.5em;
padding-bottom: 15px;
}

#cBereich ul
{
line-height: 1.5em;
padding-bottom: 15px;
margin-left:1.4em;
}

h2.aktuelles
{
display:none;
color: #fff;
background-color: #343264;
font-size: 130%;
padding: 10px 0;
text-align: center;
border-bottom: 1px solid #fff;
}

h2.bildDesTages
{
color: #fff;
background-color: #343264;
font-size: 100%;
padding: 5px 0;
text-align: center;
border-bottom: 1px solid #fff;
}

img.picBildDesTages
{
border-bottom: 1px solid #fff;
}

.news
{
padding: 20px 10px;
border-bottom: 1px solid #fff;
font-size: 80%;
color: #343164;
}

.news a
{
font-weight: bold;
}

.news-single-timedata,
.news-list-date {
color: gray;
font-size: 11px;
}

.news-single-img {
float: right;
}

.news-list-item a img {
float:left;
padding-right: 10px;
}

h2.newsheadline
{
display:none;
font-size: 100%;
}

#nBereich
{
width: 164px;
padding: 0;
float: left;
height: auto;
display:none;
}

#fussleiste
{
clear: both;
width: 100%;
height: 21px;
line-height: 21px;
background-color: #343264;
margin-left: 21px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#copyright
{
text-align: center;
color: #fff;
width: 648px;
margin: 0px auto;
font-size: 90%;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

/**/

.bildLinks
{
float: left;
margin-right:15px;
}

#contentBereich form div
{
padding:5px 10px;
}

.tx_powermail_pi1_fieldwrap_html
{
padding:5px 10px;
}

ul#menuTop
{
display:none;
float: left;
width: auto;
min-width: 600px;
height: 21px;
position: absolute;
bottom: 0px;
left: 380px;
font-size: 90%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

ul#menuTop li
{
display: inline;
}

ul#menuTop li a
{
width: auto;
min-width: 119px;
height: 17px;
padding: 3px 0px 1px 0px;
display: block;
text-align: center;
font-weight: bold;
float: left;
color: #fff;
background-color: #9d9d9d;
border-right: 1px solid #fff;
}

ul#menuTop li a:hover
{
color: #fff;
background: #343264 url(../images/menu/men_top_x1.jpg) no-repeat left top;
}

ul#menuTop li #topSel a
{
color: #fff;
background: #343264 url(../images/menu/men_top_x1.jpg) no-repeat left top;
}

ul#menuTopSub
{
float: right;
width: auto;
min-width: 600px;
height: 21px;
border-left: 1px solid #fff;
font-size: 90%;
}

ul#menuTopSub li a
{
width: auto;
min-width: 119px;
height: 17px;
padding: 3px 0px 1px 0px;
display: block;
text-align: center;
font-weight: normal;
float: left;
color: #343264;
background-color: #cecdcb;
border-right: 1px solid #fff;
}

li ul#menuTopSub
{
display: inline;
}

ul#menuTopSub li
{
display: inline;
}

ul#menuTopSub li a:hover
{
color: #343264;
}

ul#menuTopSub li#topSubSel 
{
display: inline;
}

ul#menuTopSub li#topSubSel a
{
color: #343264;
display: block;
float: left;
margin: 0;
padding: 0;
font-weight: bold;
width: 119px;
height: 17px;
padding: 3px 0px 1px 0px;
text-align: center;
background-color: #cecdcb;
border-right: 1px solid #fff;
}

ul#menuLanguage
{
display:none;
float: left;
width: auto;
min-width: 16.8%;
height: 21px;
display:inline;
background-color: #343264;
border-right: 1px solid #fff;
}

ul#menuLanguage li
{
display: inline;
} 

ul#menuLanguage li a
{
float: left;
width: auto;
font-size: 80%;
font-weight: bold;
margin-left: 14%;
color: #fff;
background-color: #343264;
height: 1.77em;
padding-top: 0.3em;
}

ul#menuLeftColor
{
float: left;
width: 186px;
margin-left: -21px;
margin-top: -1px;
display: inline;
height: auto;
font-size: 85%;
border-bottom: 1px solid #fff;
font-weight: bold;
text-transform: uppercase;
position: relative;
}

ul#menuLeftColor li
{
display: inline;
}

ul#menuLeftColor li a
{
display: block;
height: auto;
min-height: 16px;
padding: 5px 0px 0px 41px;
line-height:1em;
border-top: 1px solid #fff;
}

ul#menuLeftColor li a#informatik
{
background: #ccc url(../images/menu/men_reiter_informatik.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#informatik:hover
{
background: #008ceb url(../images/menu/men_x_informatik.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#x_informatik
{
background: #008ceb url(../images/menu/men_x_informatik.jpg) no-repeat 0 0;
border-bottom: 1px solid #fff;
}

ul#menuLeftColor li a#x_informatik:hover
{
background: #008ceb url(../images/menu/men_x_informatik.jpg) no-repeat 0px 0;
}

ul#menuLeftColor li a#biologie
{
background: #ccc url(../images/menu/men_reiter_biologie.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#biologie:hover
{
background: #6fe632 url(../images/menu/men_x_biologie.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#x_biologie
{
background: #6fe632 url(../images/menu/men_x_biologie.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#x_biologie:hover
{
background: #6fe632 url(../images/menu/men_x_biologie.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#chemie
{
background: #ccc url(../images/menu/men_reiter_chemie.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#chemie:hover
{
background: #ffff33 url(../images/menu/men_x_chemie.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#x_chemie
{
background: #ffff33 url(../images/menu/men_x_chemie.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#x_chemie:hover
{
background: #ffff33 url(../images/menu/men_x_chemie.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#physik
{
background: #ccc url(../images/menu/men_reiter_physik.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#physik:hover
{
background: #ff7f00 url(../images/menu/men_x_physik.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#x_physik
{
background: #ff7f00 url(../images/menu/men_x_physik.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#x_physik:hover
{
background: #ff7f00 url(../images/menu/men_x_physik.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#geowissenschaften
{
background: #ccc url(../images/menu/men_reiter_geowissen.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#geowissenschaften:hover
{
background: #cd9934 url(../images/menu/men_x_geowissen.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#x_geowissenschaften
{
background: #cd9934 url(../images/menu/men_x_geowissen.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#x_geowissenschaften:hover
{
background: #cd9934 url(../images/menu/men_x_geowissen.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#zentralabitur
{
background: #ccc url(../images/menu/men_reiter_zentralabi.jpg) no-repeat 0 0;
}

ul#menuLeftColor li a#zentralabitur:hover
{
background: #343264 url(../images/menu/men_reiter_zentralabi.jpg) no-repeat 0 0;
color: #fff;
}

ul#menuLeftColor li a#x_zentralabitur
{
background: #343264 url(../images/menu/men_reiter_zentralabi.jpg) no-repeat 0 0;
color: #fff;
}

ul#menuLeftColor li a#x_zentralabitur:hover
{
background: #343264 url(../images/menu/men_reiter_zentralabi.jpg) no-repeat 0 0;
color: #fff;
}

li ul#menuLeftColorSub
{
width: 186px;
text-transform: none;
font-weight: normal;
list-style-type: none;
height: auto;
padding-top: 4px;
background: #91caf5 url(../images/menu/men_reiter_informatik_sub.jpg) repeat-y 0 0;
}

#ul#menuLeftColorSub li
{
display: inline;
}

ul#menuLeftColorSub li a
{
display: block;
margin-left: 40px;
margin-top: 4px;
padding: 0px 1px 0px 0px;
border-top: none;
}

ul#menuLeftColorSub li a:hover
{
display: block;
margin-left: 40px;
margin-top: 4px;
padding: 0px 1px 0px 0px;
border-top: none;
}

ul#menuLeftColorSub li#subSel 
{
display: inline;
}

ul#menuLeftColorSub li#subSel a
{
display: block;
margin-left: 28px;
margin-top: 4px;
font-weight: bold;
padding: 0px 1px 0px 12px;
border-top: none;
background: transparent url(../images/backgrounds/bg_menu.gif) no-repeat 0px 0px;
}

ul#menuLeftNormal
{
float: left;
width: 164px;
display: inline;
margin-left: 1px;
margin-bottom: 40px;
margin-top: 21px;
list-style-type:none;
height: auto;
font-size: 90%;
font-weight: bold;
background-color: #919191;
border-top: 1px solid #fff;
}

ul#menuLeftNormal li
{
display: inline;
}

ul#menuLeftNormal li a
{
display: block;
padding: 4px 1px 4px 20px;
border-top: none;
color:#fff;
background-color: #919191;
border-bottom: 1px solid #fff;
}

ul#menuLeftNormal li a:hover
{
padding: 4px 1px 4px 20px;
border-top: none;
background-color: #343264;
color: #fff;
}

ul#menuLeftNormal li#left2Sel 
{
display: inline;
}

ul#menuLeftNormal li#left2Sel a
{
display: block;
font-weight: bold;
padding: 4px 1px 4px 20px;
border-top: none;
background-color: #343264;
}

li#left2Sel ul#menuLeftNormalSub
{
width: 164px;
line-height: 1.3em;
text-transform: none;
font-weight: normal;
list-style-type: none;
height: auto;
background-color: #adb9d1;
border-bottom: 1px solid #fff;
font-size: 90%;
}


li#left2Sel ul#menuLeftNormalSub li.trenner
{
display: block;
height: 17px;
font-weight: bold;
margin-left: 21px;
padding: 3px 1px 1px 10px;
border-bottom: none;
color: #343264;
background-color: #adb9d1;
}

li#left2Sel ul#menuLeftNormalSub li
{
display: inline;
}

li#left2Sel ul#menuLeftNormalSub li a
{
display: block;
height: 17px;
font-weight: normal;
margin-left: 21px;
padding: 3px 1px 1px 10px;
border-bottom: none;
color: #343264;
background-color: #adb9d1;
}

li#left2Sel ul#menuLeftNormalSub li a:hover
{
height: 17px;
margin-left: 21px;
padding: 3px 0px 1px 10px;
border-bottom: none;
color: #343264;
background-color: #adb9d1;
}

li#left2Sel ul#menuLeftNormalSub li#sub2Sel 
{
display: inline;
}

li#left2Sel  ul#menuLeftNormalSub li#sub2Sel a
{
display: block;
height: 17px;
margin-left: 21px;
font-weight: bold;
padding: 3px 0px 1px 10px;
border-bottom: none;
background-color: #adb9d1;
color: #343264;
background: transparent url(../images/backgrounds/bg_menu.gif) no-repeat -3px 5px;
}

a#veranstaltungen
{
display: block;
text-align: center;
}

a#kursbilder
{
margin-top: 15px;
display: block;
text-align: center;
}

#breadcrumbMenu
{
display:none;
float: left;
width: 78%;
padding-left: 2%;
padding-top: 4px;
height:auto;
color: #343264;
}

#breadcrumbMenu a
{
font-size: 80%;
display: block;
float: left;
width: auto;
padding-right: 4px;
}
