/* ###################################################################################################### */
/* /// MATHELINA - Template ///////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */




/* ###################################################################################################### */
/* /// Aufgabentyp-Auswahl-Box  START /////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

div.nav_right_auswahl{
	float:left;
	width:168px;
	color:#FFF;
}

.nav_right_form_auswahl{
	width:168px;
	}

div.nav_right_auswahl_oben {
	width:168px;
	height: 13px;
	background: url(/images_css/auswahl_oben.gif) no-repeat;
}

div.nav_right_auswahl_mitte{
	background: url(/images_css/auswahl_mitte.gif) repeat-y;
	width:168px;
}

div.nav_right_auswahl_mitte h2 {
	padding: 0px;
	margin: 5px 0px 5px 5px;
}

.auswahl_select{
	width:140px;
	margin:5px 0 5px 2px;
	border: 1px solid #000066;
	font-size:12px; 
	font-family:
	Arial, Helvetica, sans-serif;
}

div.nav_right_auswahl_unten {
	width:168px;
	height: 13px;
	padding-top:1px;
	background: url(/images_css/auswahl_unten.gif) no-repeat;
	text-align:center;
}


form div.nav_right_auswahl_mitte {
	padding-left: 10px;
	margin-right: -10px;
}

/* ###################################################################################################### */
/* /// Aufgabentyp-Auswahl-Box ENDE ///////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */



/* ###################################################################################################### */
/* /// Rechenleistung-Box ENDE ////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */


div.nav_right_rechenleistung{
	float:left;
	width:168px;
	color:#FFF;
}

.nav_right_form_rechenleistung{
	width:168px;
	}

div.nav_right_rechenleistung_oben {
	width:168px;
	height: 35px;
	background: url(/images_css/rechenleistung_oben.gif) no-repeat;
}

div.nav_right_rechenleistung_mitte{
	background: url(/images_css/rechenleistung_mitte.gif) repeat-y;
	width:168px;
}


form div.nav_right_rechenleistung_mitte {
	padding-left: 10px;
	margin-right: -10px;
}


div.nav_right_rechenleistung_unten {
	width:168px;
	height: 13px;
	padding-top:1px;
	background: url(/images_css/rechenleistung_unten.gif) no-repeat;
	text-align:center;
}


/* ###################################################################################################### */
/* /// Rechenleistung-Box ENDE ////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */


/* ###################################################################################################### */
/* /// Breite Box z.B. für Lehrerzugang START /////////////////////////////////////////////////////////// */
/* ###################################################################################################### */


div.nav_right_box_breit{
        float:left;
        width:200px;
        color:#FFF;
}

.nav_right_form_box_breit{
        width:200px;
        }

div.nav_right_box_breit_oben {
        width:200px;
        height: 35px;
        background: url(/images_css/verwaltung_oben.gif) no-repeat;
}

div.nav_right_box_breit_mitte{
        background: url(/images_css/box_breit_mitte.gif) repeat-y;
        width:200px;
}

div.nav_right_box_body_breit {
        width:190px;
}


form div.nav_right_box_breit_mitte {
        padding-left: 10px;
        margin-right: -10px;
}


div.nav_right_box_breit_unten {
        width:200px;
        height: 13px;
        padding-top:1px;
        background: url(/images_css/box_breit_unten.gif) no-repeat;
        text-align:center;
}


/* ###################################################################################################### */
/* ///  Breite Box z.B. für Lehrerzugang ENDE /////////////////////////////////////////////////////////// */
/* ###################################################################################################### */


/* ###################################################################################################### */
/* /// Links mit Pfeilicon START //////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

div.nav_right_box_body a.rounded_arrow {
	display: block;
	width: 120px;
	color: #333;
	background: url(/images_css/nav_right_box_orange_arrow.gif) no-repeat;
	margin: 6px 20px 0 10px;
	padding: 2px 0 4px 25px;
}


div.nav_right_box_body a.rounded_arrow:hover {
	background: url(/images_css/nav_right_box_orange_arrow_hover.gif) no-repeat;
}

div.nav_right_box_body a.rounded_arrow:focus ,div.nav_right_box_body a.rounded_arrow.Active {
	background: url(/images_css/nav_right_box_orange_arrow_down.gif) no-repeat;
	font-weight: bold;
	color: #333;
}


div.nav_right_box_body a.rounded_arrow:active {
	background: url(/images_css/nav_right_box_orange_arrow_down.gif) no-repeat;
	font-weight: bold;
	color: #333;
}	
	
/* ###################################################################################################### */
/* /// Links mit Pfeilicon ENDE ///////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */


/* ###################################################################################################### */
/* /// Links mit Pfeilicon breit START ////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

div.nav_right_box_body_breit a.rounded_arrow {
        display: block;
        /* max-width greift für mozilla, safari */
        max-width: 150px;
        /* width greift für IE */
        width: 170px;
        color: #333;
        background: url(/images_css/nav_right_box_orange_arrow.gif) no-repeat;
        margin: 6px 0px 0px 10px;
        padding: 2px 0px 4px 25px;
}


div.nav_right_box_body_breit a.rounded_arrow:hover {
        background: url(/images_css/nav_right_box_orange_arrow_hover.gif) no-repeat;
}

div.nav_right_box_body_breit a.rounded_arrow:focus,
div.nav_right_box_body_breit a.rounded_arrow.active {
        background: url(/images_css/nav_right_box_orange_arrow_down.gif) no-repeat;
        font-weight: bold;
        color: #333;
}


div.nav_right_box_body_breit a.rounded_arrow:active {
        background: url(/images_css/nav_right_box_orange_arrow_down.gif) no-repeat;
        font-weight: bold;
        color: #333;
}       
        
/* ###################################################################################################### */
/* /// Links mit Pfeilicon breit ENDE /////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */


/* ###################################################################################################### */
/* /// Aufgaben  START ////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

div.nav_right_aufgaben{
	float:left;
	width:168px;
	color:#FFF;
}

.nav_right_form_auswahl{
	width:168px;
	}

div.nav_right_aufgaben_oben {
	width:168px;
	height: 35px;
	background: url(/images_css/aufgabe_oben.gif) no-repeat;
	color:#FFFFFF;
	text-align:center;
	font-weight:700;
	}

div.nav_right_aufgaben_mitte{
	background: url(/images_css/auswahl_mitte.gif) repeat-y;
	width:168px;
}

div.nav_right_aufgaben_text{
	width:140px;
	margin: 10px 0px 10px 10px;
	color:#FFFFFF;
}

div#feedbacktxt_panel {
	color:#FFFFFF;
}

div.nav_right_aufgaben_mitte .aufgaben_tabelle{
	margin-left:8px;
	width:168px;
}

.auswahl_select{
	width:140px;
	margin:5px 0 5px 2px;
	border: 1px solid #000066;
	font-size:12px; 
	font-family:
	Arial, Helvetica, sans-serif;
}

div.nav_right_aufgaben_unten {
	width:168px;
	height: 13px;
	padding-top:1px;
	background: url(/images_css/auswahl_unten.gif) no-repeat;
	text-align:center;
}



div.nav_right_aufgaben_mitte .falsch {
	display: block;
	width: 168px;
	color: #1C3B79;
	font-size: 12px;
	font-weight: bold;
	background: url(/images_css/aufgabe_kreuz_rot.gif) no-repeat;
	padding: 3px 0px 3px 45px;
	height:25px;
}

div.nav_right_aufgaben_mitte .richtig {
	display: block;
	width: 168px;
	color: #1C3B79;
	font-size: 12px;
	font-weight: bold;
	background: url(/images_css/aufgabe_haken_blau.gif) no-repeat;
	padding: 3px 0px 3px 45px;
	height:25px;
}

div.nav_right_aufgaben_mitte .kreis {
	display: block;
	width: 168px;
	color: #1C3B79;
	font-size: 12px;
	font-weight: bold;
	background: url(/images_css/aufgabe_punkt.gif) no-repeat;
	padding: 3px 0px 3px 45px;
	height:25px;
}

div.nav_right_aufgaben_mitte .richtig_orange {
	display: block;
	width: 168px;
	color: #1C3B79;
	font-size: 12px;
	font-weight: bold;
	background: url(/images_css/aufgabe_haken_orange.gif) no-repeat;
	padding: 3px 0px 3px 45px;
	height:25px;
}


div.nav_right_aufgaben_mitte a.rounded_button,
div.nav_right_aufgaben_mitte span.rounded_button {
	display: block;
	width: 168px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background: url(/images_css/aufgabe.gif) no-repeat;
	padding: 3px 0px 3px 45px;
	height:25px;
}

div.nav_right_aufgaben_mitte a.rounded_button:hover {
	background: url(/images_css/aufgabe_hover.gif) no-repeat;
	color: #FFF;
	text-decoration:none;
}

div.nav_right_aufgaben_mitte a.rounded_button:focus , div.nav_right_aufgaben_mitte  a.rounded_button.Active {
	background: url(/images_css/aufgabe_hover.gif) no-repeat;
	color: #FF8E23;
}

/* ###################################################################################################### */
/* /// Aufgaben ENDE //////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */