/* mo css
based on default mozilla.css
by dave shea, http://www.mezzoblue.com/ */
/* Modified L. David Baron. */
/* vim:ts=8:noet: 
*/
/* see bug 225032 for css validation issues */
/*html elements*/
html {
    padding: 0;
    margin: 0;
}
body {
    padding: 0;
    margin: 0;
}


.mo {
    background-color: #ffffe0;
}

.juma {
    background-color: #dcdafb;
}

.db {
    background-color: #fffff0;
}

.zirkel {
    background-color: #d0ffff;
}

a img {
    border: 0;
}
form {
    margin: 0;
    display: inline;
}
select {
    font-size: 90%;
}
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 0.5em 0;
    /*	clear: both;*/
}

h1 {
    font-size: 150%;
    /*	color: #955322;*/
}
h2 {
    font-size: 150%
        /*	color: #EC361D;*/
}

h3 {
    font-size: 125%;
    /*	color: #B26C38;*/
}
h4 {
    font-size: 100%;
    /*	color: #0000aa;*(
    }
    h5 {
            font-size: 90%;
    /*	color: #955322;*/
}
h6 {
    color: #EC361D;
    font-size: 90%;
}

p {
    line-height: 1.5;
    margin: 0 0 1em 0;
    font-size: 100%;
}
sup {
    font-size: 70%;
}
hr {
    /*	padding: 0;
            height: 4px;
            border: 0;
            margin: 2em 0;*/
}



/*header*/

#header {
    float: left;
    /*	background-color: #FFFAAA;  */
    border-right: solid 3px #f3f3f3;
    width: 206px;
    /*	height: 120px; */
    height: 80px; 
    vertical-align:middle;
    text-align:center;
    /*    voice-family: "\"}\"";*/
    voice-family:inherit; /* Tantek's hack */
    width: 206px;
}

#header img {
    float:none;
    width:auto;
}


#titelfeld {
    /* Roger:	float: right; */
    /*	float: left; */

    /* Roger:	width: 65%; */
    margin-left: 209px;
    /*	height: 120px; */
    height: 80px; 
}

#titelfeld h2 {
    margin-left: 20px;
    margin-top: 0;
    padding-top: 25px;
    /* Roger:	text-align:center; */
    text-align:left;
    font-size: 140%;
    color: #000000;
}
#titelfeld li, #fc li {
    white-space: nowrap;
    list-style-type: none;
    display: inline;
    padding-right: 0.6em;
}
#titelfeld a:link, #titelfeld a:visited {
    font-size: 90%;
    text-transform: lowercase;
    font-weight: bold;
    color: #fff;
}
#titelfeld a:hover {
    text-decoration: none;
    padding-bottom: 4px;
    border-bottom: solid 3px #B77723;
}
#mBody {
    position: absolute;
    width: 100%;
    /*	top: 120px; */
    top: 80px;
    left: 0;
    margin: 0;
    padding: 0;
}
.nomenu #mBody {
    background: #fff;
}


#side { 
    /*	background: #faf6c2;*/
    background: #ffffff;
    border-top: solid 3px #f3f3f3;
    float: left;
    padding: 10px 15px;
    height:auto;
    width: 206px;
    /*voice-family: "\"}\"";*/
    voice-family:inherit; /* Tantek's hack */
    /*	width: 176px;       auskommentiert und unten anderen Hack eingebaut
    da es im IE 6.x sonst nicht ausgeschlossen wird
    KS, 19. Juli 2007                              */
} #ignored {}

#side[id] { 
    width: 176px;
    position: relative;  /* auch von oben hierher geholt, da sonst die 
    Farben im Menu im IE (bei mir: 6.2) spinnen
    KS, 19. Juli 2007 */
    left: 0;
    top: 0;
}

#side A{
    text-decoration: none;
}


#side A:hover{
    /* Standard-Navigation unten | Links */
    /*    background: #ffffd0;*/
    background: #ffe788;
    color: #000000;
    text-decoration: none;
}


.nomenu #side {
    display: none;
}

/*body*/
#mainContent {
    background: #ffffff;
    position:relative;
    float:none;
    width:auto;
    line-height: 1.5;
    padding: 20px 30px;
    margin-left: 206px;
    border-left: solid 3px #f3f3f3;
    border-top: solid 3px #f3f3f3;
    /*voice-family: "\"}\"";*/
    voice-family:inherit; /* Tantek's hack */
    margin-left: 206px;
}

#ignored {}

#mainContent h2 {
    margin-bottom: 0;
}

#mainContent li, #mainContent dt, #mainContent dd  {
    line-height: 1.5;
}

#mainContent table { 
    margin-bottom: .5ex;
}

#mainContent td, #mainContent th {
    /*                  text-align:center;  */
    padding-left:.4em;
    padding-right:.4em;
}

#aufgabenseite td, #aufgabenseite th {
    text-align:center;  
    padding-left:.4em;
    padding-right:.4em;
}

#footer {
    border-top: solid 3px #f3f3f3;
    clear: both;
    padding:10px;
}
#footer p {
    font-size: 73%;
}

/* Listen mit MO-Logo und Abstand und Trennstrich auf der obersten Ebene (wie auf Startseite)*/

ul.moaktuell {
    list-style-image:url(../imgs/mo_aktuell.gif);
    border-bottom: 2px solid #c0c0c0; 
    margin: 2px 0;
}
ul.moaktuell li{
    padding: 10px 0 15px 10px; 
}
ul.moaktuell li ul li{
    list-style-image: none;
    list-style-type:disc;
    padding: 0; 
}

/* Listen mit MO-Logo und Abstand, aber ohne Trennstrich (wie z.B. bei Linkseite)*/

ul.mosm {
    list-style-image:url(../imgs/mo_aktuell.gif);
}
ul.mosm li{
    padding: 4px 0 4px 10px; 
}

/* Roger: IMO-Bilder*/
span.imopic  { 
    width:40em;
    display:block;
}

/* Roger: Tabelle Wettbewerb auf FAQ-Seite */
table.stufen {
    width: 100%;
    margin: 0 auto;
}

table.stufen th, table.stufen td {
    text-align: left;
    vertical-align: top;
    line-height: 120%;
}

table.stufen tr.ungerade {
    background-color: #BBBBBB;
}

table.stufen tr.gerade {
    background-color: #DDDDDD;
}

/* Roger: Einrueckungen, z.B Heft-Seite */
div.indent {
    margin-left: 20px;
}

/* Roger: Tabelle Termine */
table#termine {
    border-collapse: collapse;
}

table#termine thead  td {
    border-bottom: 1px solid black;
}

table#termine tr#first {
    background-color: lightblue;
}

table#termine tr.odd {
    background-color: lightgrey;
}

table#termine tr.even {
    /*	background-color: lightgrey; */
}

table#termine td {
    text-align: center;
}

/* Roger: Tabelle Klausuren */
table#klausuren {
    border-collapse: collapse;
}

table#klausuren thead  td {
    text-align: center;
    font-size: small;
}

table#klausuren thead  .kopf {
    border-bottom: 1px solid black;
}

table#klausuren tr.klein {
    background-color: lightgreen;
}

table#klausuren tr.mittel {
    background-color: lightgrey;
}

table#klausuren tr.gross {
    background-color: lightblue;
}

table#klausuren td {
    text-align: center;
}

/* Roger: Ehrentafel*/
dl#ehrentafel dt {
    margin-top: 8px;
    background-color: LightGoldenRodYellow;
    font-weight: bold;
    font-style: italic;
}

dl#ehrentafel dd {
    margin-top: 0px;
}

/* Roger: Tabelle Mitteilungen */
table#mitteilungen {
    border-collapse: collapse;
    margin-left: 5%;
}

table#mitteilungen thead  th {
    border-bottom: 1px solid black;
    width: 100px;
}

table#mitteilungen tr.odd {
    background-color: #EEEEEE;
}

table#mitteilungen tr.even {
    background-color: lightgoldenrodyellow;
}

table#mitteilungen td {
    text-align: center;
}

/* Roger: Tabelle LogoDownload */
table.logoDownload {
    border-collapse: collapse;
    margin: 20px auto;
}
table.logoDownload col {
    width: 12em;
}

table.logoDownload thead {
    background-color: whitesmoke;
}
table.logoDownload thead td {
    text-align: center;
    padding: 0px 20px;
    border-bottom: 1px solid darkgrey;
}
table.logoDownload tbody th {
    background-color: whitesmoke;
}

table.logoDownload tbody td {
    text-align: center;
}
table.logoDownload tbody td input {
    width: 2em;
    text-align: center;
}
table.logoDownload tbody td label {
    width: 4em;
    text-align: right;
}


/* Roger: Tabelle Förderer */
table.patron {
    border-collapse: collapse;
	width: 60%;
	text-align: center;
}
table.patron col {
    width: 50%;
}
table.patron th img {
    width: 95%;
	vertical-align:middle;
}