/*
	#################################################################################################
	#:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::#
	#:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::#
	#:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::#
	#:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::#
	#:::::::::::::::::::::Templates von Nikolai@katterfeldt.com:::::::::::::::::::::::::::::::::::::#
	#:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::#
	#:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::#
	#:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::#
	#:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::#
	#################################################################################################
*/
/* ###################################################################################################### */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Common /////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */


/* für AIM */
table.anmeldung tr              {height: 24px;}
table.anmeldung td              {width: 80px;}
table.anmeldung input, table.anmeldung select   {width: 240px; border: solid 1px; border-color: #A6ADB3;}



div.content_main div {
	line-height		: 140%;
}
div.content_main , table#max_width {
	width			: 502px;
}
div.content_main_wide , div.content_main_wide table#max_width {
	width			: 687px;
}
table#max_width_innabox {
	width			: 480px;
}
table#max_width td   , table#max_width th , table#max_width_innabox td   , table#max_width_innabox th {
	padding			: 0px;
	margin			: 0px;
}
div.content_main div a   , div.content_wide_main div a {
	text-decoration		: underline;
	color			: #000000;
}
div.content_main div a:hover , div.content_wide_main div a:hover {
	color			: #660000;
}
div.content_main div a:focus , a#active , div.content_wide_main div a:focus , a#active {
	text-decoration		: none;
}
/* ###################################################################################################### */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Headlines //////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */
div.content_main h1 {
	font-weight		: bold;
	margin-top		: 10px;
	padding			: 0px;
	margin			: 5px 0px 5px 0px;
}
div.content_main h2 {
	font-weight		: bold;
	margin-top		: 5px;
	padding			: 0px;
	margin			: 5px 0px 5px 0px;
}
div.content_main h3 {
	font-weight		: bold;
	margin-top		: 5px;
	padding			: 0px;
	margin			: 5px 0px 5px 0px;
}
/* ###################################################################################################### */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Tables /////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */
table.choose {
	border			: solid 1px;
	width			: 100%;
}
table.choose th {
	height			: 30px;
	text-align		: left;
	border			: none;
	border-right		: solid 1px;
	padding			: 0px 4px 0px 4px;
}
table.choose td {
	border-right		: solid 1px;
	padding			: 0px 4px 0px 4px;
}
table.choose tr.margin td {
	border 			: none;
	height			: 10px;
}
/* ///////////////////////////////////////////////////////////////////////////////// */
table.choose#grey , table.choose#grey td , table.choose#grey th {border-color : #333333;}
table.choose#grey th {background-color : #cccccc;}
table.choose#grey tr#Active {background-color : #930101;}
table.choose#grey tr#col {background-color : #cccccc;}
table.choose#grey tr.margin td {border : none;background-color : #cccccc;}
table.choose#grey tr#Active td {color : #ffffff;}
/* GDS das gleiche nochmal mit class */
table.choose_grey {
	border			: solid 1px;
	width			: 100%;	
}
table.choose_grey th {
	height			: 30px;
	text-align		: left;
	border			: none;
	border-right		: solid 1px;
	padding			: 0px 4px 0px 4px;	
}
table.choose_grey td {
	border-right		: solid 1px;
	padding			: 0px 4px 0px 4px;
}
table.choose_grey tr.margin td {
	border 			: none;
	height			: 10px;
}
table.choose_grey , table.choose#grey td , table.choose#grey th {
	border-color : #333333;
}
table.choose_grey th {background-color : #cccccc;}
table.choose_grey tr.Active {
	background-color	: #930101;
	cursor			: pointer;
}
table.choose_grey tr.col {background-color : #cccccc;}
table.choose_grey tr.margin td {border : none;background-color : #cccccc;}
table.choose_grey tr.Active td {color : #ffffff;}
/* ///////////////////////////////////////////////////////////////////////////////// */
table.choose#pink , table.choose#pink td , table.choose#pink th {border-color : #930101;}
table.choose#pink th {background-color : #FFE7C3;}
table.choose#pink tr#Active {background-color : #930101;}
table.choose#pink tr#col {background-color : #FFE7C3;}
table.choose#pink tr.margin td {border : none;background-color : #FFE7C3;}
table.choose#pink tr#Active td {color : #ffffff;}
/* GDS das gleiche nochmal mit class */
table.choose_pink {
	border			: solid 1px;
	width			: 100%;	
}
table.choose_pink th {
	height			: 30px;
	text-align		: left;
	border			: none;
	border-right		: solid 1px;
	padding			: 0px 4px 0px 4px;	
}
table.choose_pink td {
	border-right		: solid 1px;
	padding			: 0px 4px 0px 4px;
}
table.choose_pink tr.margin td {
	border 			: none;
	height			: 10px;
}

table.choose_pink , table.choose_pink td , table.choose_pink th {
	border-color : #930101;
}
/* original pink was FFE7C3 - now yellow */
table.choose_pink th {background-color : #FFFBD6;}
table.choose_pink tr.Active {
	background-color	: #930101;
	cursor			: pointer;
}
/* original pink was FFE7C3 - now yellow */
table.choose_pink tr.col {background-color : #FFFBD6;}
/* original pink was FFE7C3 - now yellow */
table.choose_pink tr.margin td {
	border : none;
	background-color : #FFFBD6;
}
table.choose_pink tr.Active td {color : #ffffff;}

/* fuer pfeile in zebratabellen: erst weiss: */
table.choose_pink a.rounded_ {
        display                 : block;
        color                   : #660000;
        font-weight             : normal;
        background              : url(/images_css/cont_rounded_arrow.gif) no-repeat;

        margin-left             : 10px;
        margin-right            : 25px;
        margin-top              : 2px;
        padding-top             : 2px;
        padding-left            : 30px;
        padding-bottom          : 5px;
        padding-right           : 20px;
}
table.choose_pink a.rounded_:hover {
        background              : url(/images_css/cont_rounded_arrow_RO.gif) no-repeat;
}
table.choose_pink a.rounded_:focus , table.choose_pink a.rounded_#active {
        background              : url(/images_css/cont_rounded_arrow_RO.gif) no-repeat;
}

/* fuer pfeile in zebratabellen: dann pink: */
table.choose_pink a.rounded_col {
        display                 : block;
        color                   : #660000;
        font-weight             : normal;
        background              : url(/images_css/nav_right_arrow_roundorange.gif) no-repeat;

        margin-left             : 10px;
        margin-right            : 25px;
        margin-top              : 2px;
        padding-top             : 2px;
        padding-left            : 30px;
        padding-bottom          : 5px;
        padding-right           : 20px;
}
table.choose_pink a.rounded_col:hover {
        background              : url(/images_css/nav_right_arrow_roundred.gif) no-repeat;
}
table.choose_pink a.rounded_col:focus , table.choose_pink a.rounded_col#active {
        background              : url(/images_css/nav_right_arrow_roundred.gif) no-repeat;
}


/* ###################################################################################################### */
table.quiz {
	width			: 480px;
}
table.quiz_out_table {
	width			: 687px;
}
table.quiz_out_table div.qhead {
	width			: 543px;
	font-weight		: bold;
}
table.quiz , table.quiz_out_table {
	border			: solid 1px;
	border-color		: #660000;
	background-color	: #ffffff;
}
table.quiz th    , table.quiz_out_table th {
	background-color	: #FFE7C3;
	text-align		: left;
	color			: #660000;
	font-weight		: bold;
	vertical-align		: middle;
	line-height		: 1.0em;
}
table.quiz th    , table.quiz_out_table th{
	padding			: 5px 5px 5px 10px;
}
table.quiz td    , table.quiz_out_table td {
	padding			: 5px 5px 5px 10px;
}
table.quiz div.frage_text     , table.quiz_out_table div.frage_text {
	width			: 350px;
	height			: 100px;
	color			: #A6ADB3;
	border			: solid 1px;
	border-color		: #A6ADB3;
}
table.quiz div.frage_text textarea      , table.quiz_out_table div.frage_text textarea {
	width			: 100%;
	height			: 100%;
	border			: none;
}
table.quiz div.antwort_text     , table.quiz_out_table div.antwort_text {
	width			: 350px;
	height			: 70px;
	color			: #A6ADB3;
	border			: solid 1px;
	border-color		: #A6ADB3;
}
table.quiz div.antwort_text textarea      , table.quiz_out_table div.antwort_text textarea {
	width			: 100%;
	height			: 100%;
	border			: none;
}

/* ###################################################################################################### */
table.book {
	width			: 480px;
	border			: solid 1px;
	border-color		: #670303;
	background-color	: #ffffff;
}
table.book td {
	vertical-align		: top;
	padding			: 5px;
	padding-bottom		: 0px;
}
table.book td.col_1 {
	padding-left		: 35px;
	padding-top		: 5px;
	width			: 200px;
}
table.book td.col_2 {
	padding-top		: 25px;
}
table.book td.col_3 {
	width			: 102px;
	padding-top		: 25px;
	text-align		: right;
}
table.book td.col_3 img {
	max-width		: 140px;
	/* and as IE is $#* we need a workaround: */
	width: expression(this.width > 140 ? 140: true);
}
table.book td.kappe {
	text-align		: center;
}
/* ###################################################################################################### */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// FORMs //////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */
div.content_main form.right th {
	text-align		: right;
	vertical-align		: top;
	font-weight		: normal;	
	padding-right		: 10px;
}
div.content_main form.right td {
	vertical-align		: top;
	padding-bottom		: 5px;
	padding-left		: 10px;
}
div.content_main form input,
div.content_main form select, 
div.content_main form textarea {
	border-color		: #A5ACB2;
	vertical-align		: middle;
}

/* für AIM entfernt
div.content_main form input.text , div.content_main form input#text , div.content_main form select , div.content_main form textarea {
	width			: 326px;
}
*/

div.content_main form input#text_med , div.content_main form textarea.small_med {
	width			: 200px;
}
div.content_main form input#text_short {
	width			: 105px;
}
div.content_main form textarea.big {
	height			: 104px;
}
div.content_main form textarea.small , content_main form textarea.small_med {
	height			: 52px;
}
div.content_main form button#submit {
	background		: url(/images_css/but_suchen.gif) no-repeat;
}
/* ###################################################################################################### */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// A Hrefs ///////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */
div.content_main a.rounded_big {
	text-decoration		: none;
	background		: url(/images_css/cont_rounded_arrow_big.gif) no-repeat;
	background-position	: top left;
	padding-top		: 6px;
	padding-bottom		: 6px;
	line-height		: 140%;
	width			: 420px;
	display			: block;
}
div.content_main a.rounded_big .cap {
	width			: 100%;
	font-size		: 1.3em;
	font-weight		: bold;
	color			: #333333;
	position		: relative;
	left			: 38px;
	cursor			: hand;
}
div.content_main a.rounded_big:hover {
	background		: url(/images_css/cont_rounded_arrow_big_RO.gif) no-repeat;
	text-decoration		: underline;
}
div.content_main a.rounded_big:focus , div.content_main a.rounded_big#Active {
	background		: url(/images_css/cont_rounded_arrow_big_RO.gif) no-repeat;
	text-decoration		: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.content_main a.rounded , div.content_main_wide a.rounded {
	text-decoration		: none;
	color			: #333333;
	background		: url(/images_css/cont_rounded_arrow.gif) no-repeat;
	padding-top		: 2px;
	padding-left		: 30px;	
	padding-bottom		: 4px;
	line-height		: 2.0em;
}
div.content_main a.rounded:hover {
	background		: url(/images_css/cont_rounded_arrow_RO.gif) no-repeat;
	text-decoration		: underline;
}
div.content_main a.rounded:focus , div.content_main a.rounded#Active {
	background		: url(/images_css/cont_rounded_arrow_RO.gif) no-repeat;
	text-decoration		: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.content_main a.rounded_back,
div.content_main_wide a.rounded_back {
	text-decoration		: none;
	color			: #333333;
	background		: url(/images_css/cont_back_arrow.gif) no-repeat;
	padding-top		: 2px;
	padding-left		: 30px;	
	padding-bottom		: 4px;
	line-height		: 2.0em;
}
div.content_main a.rounded_back:hover,
div.content_main_wide a.rounded_back:hover {
	background		: url(/images_css/cont_back_arrow_RO.gif) no-repeat;
	text-decoration		: underline;
}
div.content_main a.rounded_back:focus,
div.content_main a.rounded_back#Active,
div.content_main_wide a.rounded_back:focus,
div.content_main_wide a.rounded_back#Active {
	background		: url(/images_css/cont_back_arrow_RO.gif) no-repeat;
	text-decoration		: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.content_main a.rounded_up,
div.content_main_wide a.rounded_up {
	text-decoration		: none;
	color			: #333333;
	background		: url(/images_css/cont_up_arrow.gif) no-repeat;
	padding-top		: 2px;
	padding-left		: 30px;	
	padding-bottom		: 4px;
	line-height		: 2.0em;
}
div.content_main a.rounded_up:hover,
div.content_main_wide a.rounded_up:hover {
	background		: url(/images_css/cont_up_arrow_RO.gif) no-repeat;
	text-decoration		: underline;
}
div.content_main a.rounded_up:focus,
div.content_main a.rounded_up#Active,
div.content_main_wide a.rounded_up:focus,
div.content_main_wide a.rounded_up#Active {
	background		: url(/images_css/cont_up_arrow_RO.gif) no-repeat;
	text-decoration		: none;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.content_main a.arrow,
div.content_main_wide a.arrow {
	background		: url('/images_css/nav_arrow.gif') no-repeat;
	background-position	: 0px 2px;
	padding-left		: 12px;
}
div.content_main a.arrow:hover,
div.content_main_wide a.arrow:hover {
	background		: url(/images_css/nav_arrow_RO.gif) no-repeat;
	background-position	: 0px 2px;
	padding-left		: 12px;
}
div.content_main a.arrow:focus,
div.content_main a.arrow#Active,
div.content_main_wide a.arrow:focus,
div.content_main_wide a.arrow#Active {
	background		: url(/images_css/nav_arrow_RO.gif) no-repeat;
	background-position	: 0px 2px;
	padding-left		: 12px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
table.reiter a {
	text-decoration		: none;
	display			: block;
	width			: 126px;
	height			: 22px;
	background		: url(/images_css/but_reiter.gif) no-repeat;
	line-height		: 22px;
	text-decoration		: none;
	vertical-align		: middle;
	text-align		: center;
}
table.reiter a:hover {
	background		: url(/images_css/but_reiter_RO.gif) no-repeat;
	color			: #660000;
	font-weight		: bold;
}
table.reiter a:focus , table.reiter a.Active {
	background		: url(/images_css/but_reiter_RO.gif) no-repeat;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
div.content_main a.text {
	text-decoration		: underline;
}
div.content_main a.text:hover {
	text-decoration		: none;
}
div.content_main a.text:focus , div.content_main a.rounded#Active {
	text-decoration		: underline;
}
/* ###################################################################################################### */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Box YELLOW /////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */
div.box_yellow {
	background-color	: #FFFBD6;
	border			: solid 1px;
	border-color		: #670303;
	margin-top		: 5px;
	padding			: 10px;
}
div.box_yellow#notop_border {
	border-top		: none;
	margin-top		: 0px;
}
div.box_yellow span.footnote {
        font-size               : 0.8em;
}
div.box_yellow a.red {
	color			: #660000;
	text-decoration		: underline;
}
/* ###################################################################################################### */
/* war: div.content_main a.rounded_yellow      soll aber auch fuer div.content_main_wide gelten */
div.content_main a.rounded_yellow , div.content_main_wide a.rounded_yellow , div.box_yellow a.rounded_yellow , quiz_out_table a.rounded_yellow {
	text-decoration		: none;
	color			: #333333;
	background		: url(/images_css/nav_left_box_yellow_arrow.gif) no-repeat;
	padding-right		: 20px;
	padding-top		: 2px;
	padding-left		: 30px;
	padding-bottom		: 4px;
	line-height		: 2.0em;
}
span.qanswer_mycorrect {
	background		: url(/images_css/quiz_richtig.gif) no-repeat;
	padding-right		: 20px;
	padding-top		: 2px;
	padding-left		: 30px;	
	padding-bottom		: 4px;
	display			: block;
	color			: #336600;
}
span.qanswer_correct {
	background		: url(/images_css/quiz_.gif) no-repeat;
	padding-right		: 20px;
	padding-top		: 2px;
	padding-left		: 30px;	
	padding-bottom		: 4px;
	display			: block;
	color			: #336600;
}
span.qanswer_wrong {
	background		: url(/images_css/quiz_falsch.gif) no-repeat;
	padding-right		: 20px;
	padding-top		: 2px;
	padding-left		: 30px;	
	padding-bottom		: 4px;
	display			: block;
}
span.qanswer {
	background		: url(/images_css/quiz_.gif) no-repeat;
	padding-right		: 20px;
	padding-top		: 2px;
	padding-left		: 30px;	
	padding-bottom		: 4px;
	display			: block;
}
/* war: div.content_main a.rounded_yellow:hover      soll aber auch fuer div.content_main_wide gelten */
div.content_main a.rounded_yellow:hover , div.content_main_wide a.rounded_yellow:hover , quiz_out_table a.rounded_yellow:hover {
	background		: url(/images_css/nav_left_box_yellow_arrow_RO.gif) no-repeat;
	text-decoration		: underline;
}
/* war: div.content_main a.rounded_yellow: focus , div.content_main a.rounded_yellow#Active*/
div.content_main a.rounded_yellow:focus , div.content_main_wide a.rounded_yellow:focus , quiz_out_table a.rounded_yellow:focus , a.rounded_yellow#Active {
	background		: url(/images_css/nav_left_box_yellow_arrow_RO.gif) no-repeat;
	text-decoration		: none;
}
/* ###################################################################################################### */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Box White //////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */
div.box_white {
	background-color	: #FFFFFF;
	border			: solid 1px;
	border-color		: #FF9900;
	margin-top		: 5px;
	padding			: 10px;
}

/* Fehlerfarbe bei Weglassen oder Falscheingabe im Anolinlehrer.php */
.error_color { 
	color: #FF0000;
}