/*
 #:Templates von Nikolai@katterfeldt.com:#
*/
/* ################################ */
/* /// Common ///////////////////// */
/* ################################ */
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;
}
/*
 * Stoert die sliding-window-buttons (s.u.) und scheint
 * sonst keine Wirkung zu haben
 *
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 tfoot th {
	height			: 16px;
}

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;}

table.choose_pink tr.colhi {
	background-color: #FFCC66;
}

/* 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;
}
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_quiz {
	font-weight		: bold;
	color			: #333333;
	background		: url(/images_css/cont_rounded_arrow_big.gif) no-repeat;
	padding-top		: 6px;
	padding-left		: 38px;	
	padding-bottom		: 10px;
	line-height		: 46px;
}
div.content_main a.rounded_quiz:hover {
	background		: url(/images_css/cont_rounded_arrow_big_RO.gif) no-repeat;
	text-decoration		: underline;
}
div.content_main a.rounded_quiz:focus,
div.content_main a.rounded_quiz#Active {
	background		: url(/images_css/cont_rounded_arrow_big_RO.gif) no-repeat;
	text-decoration		: underline;
}

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,
div.content_main_wide 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,
div.content_main_wide a.rounded:focus,
div.content_main_wide 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;
}


/* ######################################################################################################## */
/* /// Orange Text-Buttons auf weiss / blau /////////////////////////////////////////////////////////////// */
/* ######################################################################################################## */

div.button_orange_on_white,
div.button_orange_on_blue,
.box_yellow div.button_orange {
	display: inline;
	font-size: 13px;
	font-weight: bold;
}

div.button_orange_on_white a {
	background: transparent
		url(/images_css/but_orange_on_white.gif)
		no-repeat
		top left;
	display: block;
	float: left;
	height: 31px;
	margin-right: 15px;
	text-decoration: none;
}

div.button_orange_on_blue a,
.box_yellow div.button_orange a {
	background: transparent
		url(/images_css/but_orange_on_blue.gif)
		no-repeat
		top left;
	display: block;
	float: left;
	height: 31px; 
	margin-right: 15px;
	text-decoration: none;
}

div.button_orange_on_white a span {
	background: transparent
		url(/images_css/but_orange_on_white.gif)
		no-repeat
		right top;
	cursor: pointer;
	display: inline;
	float: left;
	height: 18px;
	padding: 4px 24px 9px 9px;
	margin-left: 10px;
	overflow: visible;
	color: #fff;
	text-decoration: none;
}

div.button_orange_on_blue a span,
.box_yellow div.button_orange a span {
	background: transparent
		url(/images_css/but_orange_on_blue.gif)
		no-repeat
		right top;
	cursor: pointer;
	display: inline;
	float: left;
	height: 18px;
	padding: 4px 24px 9px 9px;
	margin-left: 10px;
	overflow: visible;
	color: #fffbd6;
	line-height: 18px;
	text-decoration: none;
}

div.button_orange_on_white a:hover,
div.button_orange_on_blue a:hover,
.box_yellow div.button_orange a:hover {
	background-position: 0px bottom;
	color: #fff;
}

div.button_orange_on_white a:hover span,
div.button_orange_on_blue a:hover span,
.box_yellow div.button_orange a:hover span {
	background-position: right bottom;
	color: #fff;
	overflow: visible;
}