/* //////////////////////////////////////////// Allgemein //////////////////////////////////////////// */
body, html
{
    width: 99%;
    height: 100%;
}

body
{
    margin: 0;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
}

/* geht nur als CSS-Klasse, nicht inline */
.FieldAlign *
{
    vertical-align: middle;
}
.FieldAlign sup, sup
{
    vertical-align: super;
}
.FieldAlign sub, sub
{
    vertical-align: sub;
}


/* //////////////////////////////////////////// Gesamtumschliessendes DIV //////////////////////////////////////////// */

#buffolo
{
    position: absolute;
    width: 100%;
    height: 100%;
}


/* //////////////////////////////////////////// Kopfzeile mit Text-Logo und Navigation //////////////////////////////////////////// */
#buffalohorn
{
    position: fixed;
    z-index: 2;
    left: 0;
    top: 0;
    height: 41px;
    width: 100%;
    background-color: #232123;
    background-image: url(/gfx/topnavi_bg.gif);
    background-repeat: repeat-x;
    z-index: 1800;
}

#buffolo #buffalohorn .slogan
{
    position: absolute;
    bottom: 5px;
    left: 10px;
}

/* ---------------------- Haupt-Navigation  ----------------------  */

#buffolo #buffalohorn ul
{
    position: absolute;
    font-size: 12px;
    right: 40px;
    bottom: 5px;
    margin: 0;
    list-style: none;
    z-index: 1801;
    color: #C9E15C;
}

#buffolo #buffalohorn ul li
{
    margin: 0 4px 0 0;
    display: inline;
    color: #CCCCCC;
    font-size: 12px;
    font-weight: normal;
    border-right: 1px dotted #CCC;
    padding-right: 0px;
}

#buffolo #buffalohorn ul li a
{
    color: #CCCCCC;
    text-decoration: none;
    padding: 0 7px 0 0;
    border: 0;
}

#buffolo #buffalohorn ul li a:hover
{
    color: #FFF;
    text-decoration: underline;
}

#buffolo #buffalohorn ul li.buffalopupil
{
    margin: 0 6px 0 0;
    display: inline;
    color: #CBE35E;
    font-size: 12px;
    font-weight: normal;
    border-right: 1px dotted #CCC;
    padding-right: 9px;
}

/* //////////////////////////////////////////// Bueffel Theme Image  //////////////////////////////////////////// */
/* Ein zum Thema passendes Bild, das links unten platziert ist und hinter "allen" DIV liegt.
   Mit derm MSIE 6 gibt es da ggf. Probleme bei der Darstellung 
*/

#buffolo #buffolo_themeimage
{
    position: fixed;
    z-index: 1;
    left: 0px;
    bottom: 1965px;
    height: 200px;
    width: 100px;
}

#buffolo #buffolo_themeimage img
{
    position: absolute;
    z-index: 1;
}

/* //////////////////////////////////////////// ////////////////////// Inhaltsbereich //////////////////////////////////////////// //////////////////////  */



/* ----------------------(Pruefungs-) Ueberschrift über dem weißen Kasten ----------------------  */



#buffolo #buffalobody .headline
{
    position: absolute;
    z-index: 2;
    top: 26px;
    left: 0;
    height: 30px;
    padding-top: 32px;
    padding-left: 221px;
}


#buffolo #buffalobody .headline h1
{
    font-weight: bold;
    font-size: 14px;
    vertical-align: middle;
    white-space: nowrap;
    margin-left: 32px;
    color: #333333;
}

#buffolo #buffalobody .headline h1 .symbol
{
    font-size: 42px;
    font-family: "Times New Roman" , Times, serif;
}


/* ---------------------- unsichtbares DIV um den weissen Kasten  ----------------------  */
/* ---------------------- ist erforderlich, damit weisser Kasten nach rechts "mitwächst"  ----------------------  */

#buffolo #buffalobody #buffalofence
{
    padding-top: 111px;
    padding-left: 231px;
    padding-right: 24px;
    height: 100%;
    width: 70%;
}




/* ---------------------- Bereich fuer Fragen (weisser Kasten)  ----------------------  */

#buffolo #buffalobody #buffalofence #content
{
    position: absolute;
    z-index: 570;
    min-width: 699px; /*max-width:680px;*/
    min-height: 320px;
    margin-right: 92px;
}

#buffolo #buffalobody #buffalofence #content #tableContent
{
    margin-bottom: 42px;
    width: 100%;
    height: 320px;
}

/* runde Ecken ANFANG */
.lo
{
    background: url(/gfx/imgCorner/lo.gif) bottom right no-repeat;
    width: 12px;
    height: 12px;
    font-size: 4px;
}
.o
{
    background: url(/gfx/imgCorner/o.gif) bottom repeat-x;
    height: 13px;
}
.ro
{
    background: url(/gfx/imgCorner/ro.gif) bottom left no-repeat;
    width: 12px;
    height: 12px;
    font-size: 4px;
}

.lu
{
    background: url(/gfx/imgCorner/lu.gif) top right no-repeat;
    width: 12px;
    height: 12px;
    font-size: 4px;
}
.u
{
    background: url(/gfx/imgCorner/u.gif) top left repeat-x;
    height: 13px;
}
.ru
{
    background: url(/gfx/imgCorner/ru.gif) top left no-repeat;
    width: 12px;
    height: 12px;
    font-size: 4px;
}

.l
{
    background: url(/gfx/imgCorner/l.gif) right repeat-y;
    width: 12px;
    font-size: 4px;
}
.r
{
    background: url(/gfx/imgCorner/r.gif) left repeat-y;
    width: 12px;
    font-size: 4px;
}
.m
{
    background-color: #FFFFFF;
    padding: 0px 21px 10px 21px;
    vertical-align: top;
}
/* runde Ecken ENDE */





#buffolo #buffalobody #buffalofence #content .theme_label
{
    margin-top: -62px;
}

/* ---------------------- Fragen / Antworten / Ergebnis    ----------------------  */

#buffolo #buffalobody #buffalofence #content #fragen
{
    width: 100%;
}


#buffolo #buffalobody #buffalofence #content #fragen .ergebnis_meldung
{
    border: 1px dotted #CCC;
    margin: -44px 0 0 220px;
    padding: 3px 5px; /* float: right; */
    height: 18px;
    width: 320px;
    text-align: center;
}

#buffolo #buffalobody #buffalofence #content #fragen .richtig
{
    background-color: #CFDB82;
}


#buffolo #buffalobody #buffalofence #content #fragen .falsch
{
    background-color: #F7B19D;
}


#buffolo #buffalobody #buffalofence #content #tableContent #fragen .textblock div
{
    font-size: 14px;
}


#buffolo #buffalobody #buffalofence #content #tableContent #fragen .textblock .FieldAlign
{
    clear: both;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 4px;
}

#buffolo #buffalobody #buffalofence #content #tableContent #fragen .textblock .FieldAlign .ChkDyn
{
    width: 21px;
    float: left;
}


#buffolo #buffalobody #buffalofence #content #tableContent #fragen .textblock div .button_zur_loesung
{
    clear: both;
    display: block;
    color: #8BB208;
    font-weight: bold;
    font-size: larger;
    margin-top: 12px;
    border-bottom: 0;
}

#buffolo #buffalobody #buffalofence #content #tableContent #fragen .textblock div .button_naechste_frage
{
    clear: both;
    display: block;
    color: #3584B6;
    font-weight: bold;
    font-size: larger;
    margin-top: 12px;
    border-bottom: 0;
}


#buffolo #buffalobody #buffalofence #content .buttonKaufen
{
    float: right;
    text-decoration: none;
    border: 0;
}

#buffolo #buffalobody #buffalofence #content .buttonFehlerGefunden
{
    clear: both;
    float: right;
    text-decoration: none;
    border: 0;
    margin-top: 21px;
}

#buffolo #buffalobody #buffalofence #content .buttonFehlerGefunden a
{
    text-decoration: none;
    border: 0;
    color: #999999;
    font-weight: normal;
}

#buffolo #buffalobody #buffalofence #content .buttonFehlerGefunden a:hover
{
    text-decoration: underline;
    color: #FF9999;
}


#buffolo #buffalobody #buffalofence #content .buttonZurUebersicht
{
    clear: both;
    float: left;
    text-decoration: none;
    border: 0;
    margin-top: 21px;
}

#buffolo #buffalobody #buffalofence #content .buttonZurUebersicht a
{
    cursor: pointer;
}




#buffolo #buffalobody #buffalofence #content .button a
{
    border: 0px;
    text-decoration: none;
}


#buffolo #buffalobody #buffalofence #content .button_weiter
{
    color: #8BB208;
}

/* ---------------------- Ueberschriften in der Fragebox   ----------------------  */



#buffolo #buffalobody #buffalofence #content h2 .symbol
{
    font-size: 42px;
    margin-right: 12px;
    font-family: "Times New Roman" , Times, serif;
}

#buffolo #buffalobody #buffalofence #content h2.frage
{
    color: #3584B6;
    margin-bottom: 12px;
}

#buffolo #buffalobody #buffalofence #content h2.antwort
{
    color: #FFA300;
}

#buffolo #buffalobody #buffalofence #content h2.ergebnis
{
    color: #999999;
}


/* ---------------------- Texte  ----------------------  */
#buffolo #buffalobody #buffalofence #content p
{
    font-size: auto; /*padding-left: 24px;*/
}

#buffolo #buffalobody #buffalofence #content .textblock
{
    min-height: 72px;
    vertical-align: top;
    margin-bottom: 12px;
    white-space: normal;
}


p.infotext
{
    position: absolute;
    bottom: 0px;
    left: 121px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #B0C171;
}

p.infotext a
{
    color: #B0C171;
}

div p .tipp
{
    font-family: "Times New Roman" , Times, serif;
    font-size: small;
    font-weight: normal;
}

.reghochgestellt
{
    font-weight: normal;
    font-variant: normal;
    vertical-align: super;
    font-size: smaller;
    display: none;
}


.keinumbruch
{
    white-space: nowrap;
}


/* ---------------------- Lernometer  ----------------------  */

#buffolo #buffalobody .lernometer
{
    position: absolute;
    z-index: 4;
    left: 12px;
    top: 104px; /* 	background-color:#FFF; 	border: 1px solid #3A2828; 	*/
    width: 206px;
    height: 199px;
    padding: 7px 12px;
    text-align: center;
    font-size: 10px;
}

#buffolo #buffalobody .lernometer h4
{
    font-size: 12px;
    margin: 0 0 12px 0;
    color: #666;
}

#buffolo #buffalobody .lernometer p
{
    text-align: left;
    font-size: 10px;
    margin: 12px 0 0 0;
}

/* ---------------------- Tageserfolg "Balken"  ----------------------  */

#buffolo #buffalobody .lernometer #tageserfolg
{
    width: 100%;
    height: 100%;
    text-align: left;
    margin-top: 21px;
}


#buffolo #buffalobody .lernometer #tageserfolg div .rot
{
    background-color: #C00;
    height: 9px;
    margin: 2px 6px 0 0;
}

#buffolo #buffalobody .lernometer #tageserfolg div .gruen
{
    background-color: #390;
    height: 9px;
    margin: 2px 6px 0 0;
}

#buffolo #buffalobody .lernometer #tageserfolg div p
{
    font-family: Arial, Geneva, sans-serif;
    line-height: 14px;
    font-size: 9px;
    display: inline;
}


/* //////////////////////////////////////////// Fusszeile mit Mikro-Navigation (Impressum) //////////////////////////////////////////// */



#buffolo #buffalohoof
{
    position: fixed;
    bottom: 0;
    left: 0;
    height: 16px;
    width: 100%;
    background-color: #020607;
    color: #CCCCCC;
    font-size: 10px;
    padding: 0 7px;
    z-index: 599;
}

#buffolo #buffalohoof p
{
    /* Link zum Büffel Hauptportal*/
    position: absolute;
    left: 40px;
    margin: 3px 0 0 7px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #999;
    font-size: 9px;
}

#buffolo #buffalohoof p a
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #999;
    font-size: 9px;
}

#buffolo #buffalohoof ul
{
    position: absolute;
    right: 40px;
    margin: 0;
    list-style: none;
    padding-top: 2px;
}

/* ---------------------- Mikro-Navigation  ----------------------  */

#buffolo #buffalohoof ul li
{
    margin: 0 7px 0 0;
    display: inline;
    color: #CCCCCC;
    font-size: 10px;
    font-weight: normal;
    border-right: 1px dotted #CCC;
    padding-right: 7px;
}

#buffolo #buffalohoof ul li a
{
    color: #CCCCCC;
    text-decoration: none;
    padding: 0 2px 0 0;
}

#buffolo #buffalohoof ul li a:hover
{
    color: #FFF;
    text-decoration: underline;
}




a.NoUnderline
{
    text-decoration: none;
    border-bottom: 0;
}


a:hover.NoUnderline
{
    text-decoration: none;
    border-bottom: 0;
}



/* ---------------------- Progress Div (Wait Div)  ----------------------  */

.updateProgress
{
    border-width: 1px;
    border-style: solid;
    background-color: #CCCCCC;
    position: absolute;
    width: 130px;
    height: 50px;
    z-index: 0;
}
.updateProgressMessage
{
    margin: 3px;
    font-family: Trebuchet MS;
    font-size: small;
    vertical-align: middle;
}


/* ---------------------- Neue Seiten für Gebiet- und Themaübersicht, Kaufen  ----------------------  */

.Title, .Title span
{
    font-size: 24px;
    color: #444;
}
.SubTitle, .SubTitle span
{
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #666;
}
.Beschreibung, .Beschreibung span
{
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
.Testen a, .Testen a:hover
{
    color: #d55f36;
    text-decoration: none;
    border-bottom-style: none;
}
.Infos a, .Infos a:hover
{
    color: #469eda;
    text-decoration: none;
    border-bottom-style: none;
}
.BackLink, .BackLink a, .BackLink a:hover, .BackLink:hover
{
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    border-bottom-style: none;    
}

.Button8040Green, .Button8040GreenHover, .Button8040Yellow, .Button8040YellowHover, .Button8040Blue, .Button8040BlueHover
{
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    background-color: transparent;
    border-style: none;
    cursor: pointer;
}
.Button8040Green, .Button8040GreenHover
{
    background-image: url(/Gfx/Btn8040Green.png);
    color: White;
}
.Button8040Green
{
    background-position: 0 0;
}
.Button8040GreenHover
{
    background-position: 0 40px;
}
.Button8040Yellow, .Button8040YellowHover
{
    background-image: url(/Gfx/Btn8040Yellow.png);
    color: #333;
}
.Button8040Yellow
{
    background-position: 0 0;
}
.Button8040YellowHover
{
    background-position: 0 40px;
}
.Button8040Blue, .Button8040BlueHover
{
    background-image: url(/Gfx/Btn8040Blue.png);
    color: White;
}
.Button8040Blue
{
    background-position: 0 0;
}
.Button8040BlueHover
{
    background-position: 0 40px;
}