/* NUR ZUM DEBUGGING!
div {
	border: 1px solid pink;
}
  */
/*
	ALLGEMEINE SPIELREGELN:
	
	Verwende immer 'em'-Groessenangaben!
	Aushahme: Schrittgroessen mittels '%'-Angaben setzen, sonst funktioniert
	          die Schriftgroessenaenderung im IE nicht!
*/

/* Festlegung des Seitenhintergrundes und der Grundschrift. */
body {
    margin: 0;
    padding: 0;
    font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    background: lightgreen;
}

html, body {
    width: 100%;
    height: 100%;
}


/*	Seitenkopf. Es wird nur der Stil des breitenmaessig
	skalierbaren Teiles festgelegt. Alles andere steht im .padding!
	(Insbesondere Mindestbreite und Hoehe). Hinweis: Durch
	Hineinsetzen eines zusaetzlichen div-Blocks der Klasse
	".padding" werden die Styles 'min-width' und 'min-height'
	im IE6 simuliert! Ab IE 7 koennen diese Styles verwendet
	werden. */
#header {
    margin: 0;
    padding: 0;
    height: 6em;
    border-bottom: 0.1em solid black;
    background: green;
    background-image: url(../images/titel.gif);
    background-repeat: repeat-x;
}

/*
	Breitenmaessig fixer Teil des Headers. Durch die Breitenangabe
	wird festgelegt, ab wann beim Browser ein horizontaler Scrollbar
	auftaucht. Die Hoehenangabe legt die Mindesthoehe des Headers
	fest.
*/
#header .padding {
    left: 0;
    top: 0;
    padding: 0em;
    margin: 0;
    height: 6em; /* Selbe Hoehe wie oben, sonst wird Rand doppelt gezeichnet! */
    width: 75em; /* GIBT AN, AB WELCHER BREITE SCROLLBARS AUFTAUCHEN! MUSS AUF PRIMAERNAVIGATION ABGESTIMMT SEIN! */
    /*background: green;*/ /* Selbe Farbe wie Header! */
    border-bottom: 0.1em solid black;
    background: green;
    background-image: url(../images/titel.gif);
    background-repeat: repeat-x;
}

/*
	Gesamt-Titel der Anwendung. Wird wegen WAI in H1-Tags gesetzt!
*/
#header h1 {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    /*
        Relative Schriftgroesse. Bei 'em'- und 'pt'-Angabe funktioniert die
        Schriftgroessenaenderung im IE nicht!
    */
    font-size: 350%;
    font-weight: bold;
    color: white;
    background: transparent;
    position: absolute;
    padding: 0;
    margin: 0.1em;
}

/* Subtitel der Anwendung. Wegen WAI als H2-Tag definieren! */
#header h2.production {
    font-family: 'Courier New', Courier, serif;
    font-size: 300%;
    font-weight: bold;
    color: lightgreen;
    background: transparent;
    position: absolute;
    left: 10em;
    top: 0.7em;
    padding: 0;
    margin: 0;
}

#header h2.training {
    font-family: 'Courier New', Courier, serif;
    font-size: 250%;
    font-weight: bold;
    color: yellow;
    background: transparent;
    position: absolute;
    left: 10em;
    top: 1.4em;
    padding: 0;
    margin: 0;
}

#header .altnav {
    position: absolute;
    right: 0;
    top: 4.5em;
    text-align: right;
    color: lightgreen;
    overflow: hidden;
}

#header a {
    text-decoration: none;
    color: lightgreen;
}

#header a:hover {
    color: yellow;
}

#content {
    clear: both;
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    background: transparent;
}

#disclaimer {
    margin-left: 18em;
    margin-right: 2em;
    color: green;
    text-align: center;
    font-size: x-small;
    clear: both;
}

#primnav {
    display: block;
    height: 2em;
    background: orange;
    border-bottom: 0.05em solid darkgreen;
}

#primnav .padding {
    position: absolute;
    width: 75em;
    /* Breite+padding von "#header .padding", ohne diese Breite
                       waere der Seitenbereich, der nur durch Scrollen erreichbar
                       ist, nicht orange, sondern die normale Hintergrundfarbe! */
    height: 2em; /* Selbe Hoehe, wie oben, sonst wird Rand verschoben! */
    background: orange; /* Farbangabe notwendig, sonst fehlt Hintergrund beim Scrollen! */
    border-bottom: 0.05em solid darkgreen;
}

#primnav dl {
    margin: 0;
    padding: 0;
}

#primnav dl dt {
    border-left: 0.05em #fff solid;
    border-right: 0.05em #aaa solid;
    list-style-type: none;
    float: left;
}

#primnav dl dt a {
    float: left;
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    color: darkgreen;
    display: block;
    text-decoration: none;
    padding: 0.4em 0.5em 0.35em 0.5em;
    background: transparent;
}

#primnav dl dt a:focus,
#primnav dl dt a:hover,
#primnav dl dt a:active,
#primnav dl dt.currentPrim {
    background: #eee;
    color: #333;
    text-decoration: none;
}

#submenue {
    position: absolute;
    padding: 0;
    margin: 0;
    margin-top: 1em;
    left: 0;
    float: left;
    width: 12em;
    text-align: center;
    overflow: hidden;
}

#submenue .padding {
    padding: 1em;
    margin: 0;
    width: 10em;
}

#submenue dl {
    color: green;
    text-align: center;
    display: block;
    padding: 0; /* FF erbt padding, IE nicht! */
    margin: 0;
    border-bottom: 1px solid green;
}

#submenue dl dt {
    border-top: 1px solid green;
    list-style-type: none;
    display: block;
}

#submenue dl dt a {
    color: green;
    display: block;
    text-decoration: none;
    letter-spacing: 1pt;
    width: auto;
    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;
}

#submenue dl dt a:focus,
#submenue dl dt a:hover,
#submenue dl dt a:active,
#submenue dl dt.currentPrim {
    background: #eee;
    color: #333;
    text-decoration: none;
}

#main {
    clear: both;
    margin-top: 2em;
    margin-right: 1em;
    margin-left: 12em;
    padding: 0;
    min-width: 47em;
    border: 0.2em solid darkgreen;
    background: white;
    color: #666666;
}

#main .padding {
    margin: 0;
    padding: 1em;
    text-align: justify;
}

#ajaxindicator {
    display: none;
    position: absolute;
    left: 13em;
    top: 4.7em;
}

#quicklimit {
    display: none;
    position: absolute;
    left: 12em;
    top: 3.7em;
}

#quicklimit .bar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 15px;
    width: 0;
    background: #EEFFEE;
    font-size: 10%; /* Sonst gibt es keine Balken-Mindestgroesse! */
}

#schulinfo {
    color: green;
    position: absolute;
    font-weight: bold;
    font-style: italic;
    right: 1em;
    top: 2.5em;
    height: 1.5em;
    overflow: hidden;
}

.schuleWarnung {
    color: #A00000;
    font-weight: bold;
    font-size: 100%;
}

.schuleWarnung a {
    color: #800000;
}

.schuleFalsch {
    color: red;
    font-weight: bold;
    font-size: 120%;
}

.schuleFalsch a {
    color: #A00000;
}

.numberTable {
    border: 0px;
    background: white;
}

.numberTable th {
    background: green;
    color: white;
    font-weight: bold;
    text-align: center;
}

.numberTable td {
    background: #E4FFE4;
}

.tabRowOdd {
    background: #E4FFE4;
}

.tabRowEven {
    background: #FFFFFF;
}

.tabLead {
    text-align: center;
    font-weight: bold;
    background-color: lightgreen;
}

.tabNumber {
    font-family: CourierNew, monospace;
    text-align: right;
}

.tabNumberCenter {
    font-family: CourierNew, monospace;
    text-align: center;
}

.tabLeadRow {
    font-weight: bold;
    text-align: center;
}

.tabStrongRowOdd {
    background: #FFC0C0;
}

.tabStrongRowEven {
    background: #FFE0E0;
}

.sbaPopup {
    position: absolute;
    width: 6em;
    background: #CCCCCC;
    border: 2px solid #888888;
    color: #666666;
}

.sbaInfobox table {
    position: absolute;
    width: 18em;
    background: #FFBB44;
    color: #771010;
    border: 1px solid #771010;
}

.sbaInfobox th {
    background: #FFBB44;
    color: white;
    font-size: 75%;
    font-weight: bold;
    text-align: center;
}

.sbaInfobox td {
    background: #FFEEAA;
    font-size: 75%;
    text-align: left;
}

.sbaPopup dl dt {
    font-size: 75%;
    cursor: pointer;
}

.sbaPseudoLink {
    cursor: pointer;
    color: darkgreen;
}

.sbaPopup dl dt a {
    color: #222222;
    text-decoration: none;
    cursor: pointer;
}

.sbaPopup dl dt a:hover
.sbaPopup dl dt a:focus,
.sbaPopup dl dt a:hover,
.sbaPupup dl dt a:active {
    color: white;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.sbaInvisible {
    display: none;
}

input[type=radio] {
    font-size: 75%;
    border: 1px solid grey;
}

input[type=radio]:checked {
    font-size: 75%;
    border: 1px solid grey;
    background: lightgreen;
}

input[type=checkbox] {
    font-size: 75%;
    border: 1px solid grey;
}

input[type=checkbox]:checked {
    font-size: 75%;
    border: 1px solid grey;
    background: lightgreen;
}