/* Formatierung der Formulare */

/* ###################################################################################################### */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// Box LIGHTBLUE //////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */

/* NORMAL */
div.box_lightblue_head {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/eingabeform_top.gif) no-repeat;	
}

div.con_box_small div.box_lightblue_head {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/eingabeform_small_top.gif) no-repeat;	
}

div.box_lightblue {
	background-color	: #E6F3FC;
	border-left			: solid 1px #83B5E0;
	border-right		: solid 1px #83B5E0;	
	margin-top			: 0px;
	padding				: 0px;
}

div.box_lightblue_foot {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/eingabeform_bottom.gif) no-repeat;	
}

div.con_box_small div.box_lightblue_foot {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/eingabeform_small_bottom.gif) no-repeat;	
}

div.box_lightblue#notopbottom_border {
	border-top		: none;
	border-bottom	: none;
	margin-top		: 0px;
	margin-bottom	: 0px;
}


/* QUIZ */

div.box_lightblue_foot_quiz {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/quiz_head.gif) no-repeat;	
}

div.box_lightblue_quiz {
	background-color	: #E6F3FC;
	border-left			: solid 1px #1e3c7a;
	border-right		: solid 1px #1e3c7a;	
	margin-top			: 0px;
	padding				: 0px;
}

div.box_lightblue_foot_quiz {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/quiz_bottom.gif) no-repeat;	
}

div.box_lightblue_quiz#notopbottom_border {
	border-top		: none;
	border-bottom	: none;
	margin-top		: 0px;
	margin-bottom	: 0px;
}

div.box_lightblue_quiz div.aufgaben_header {
	padding-left: 10px;
}

div.box_lightblue_quiz h2,
div.box_lightblue_quiz p {
	padding-left: 10px;
}

/* ###################################################################################################### */

h2.form_h2 {
	font-size			: 1.2em;
	color				: #333333;
	font-weight			: bold;
	margin				: 0px;
	margin-bottom		: 15px;
	padding				: 0px;
	padding-left		: 10px;
}

/* ###################################################################################################### */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /// FORMs //////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ###################################################################################################### */
div#content form.right th, div#content form th {
	text-align			: right;
	vertical-align		: top;
	font-weight			: normal;	
	padding-left		: 10px;
	font-size			: 12px;
	line-height			: 120%;	
}
div#content form.right td, div#content form td {
	vertical-align		: top;
	padding-bottom		: 5px;
	padding-left		: 10px;
	font-size			: 12px;
	line-height			: 120%;		
}

div#content div.box_lightblue_quiz form.right td {
	vertical-align		: top;
}

div#content form.right input.text, div#content form.right select, div#content form.right textarea, div#content form textarea {
	border				: solid 1px #A5ACB2;
	background-color	: #ffffff;
	vertical-align		: middle;
}
div#content form.right input.text, div#content form.right select, div#content form.right textarea.big, div#content form textarea.big  {
	width				: 485px;
}

div#content form.right input.file_small {
	border				: solid 1px #A5ACB2;
	background-color	: #ffffff;
	width				: 300px;
}

div#content form.right select.sel_quiz {
	width				: 310px;
}

/*  Hmm, sinnlos hier?  Macht die Quiz-Eingabe-textareas zu flach
div#content form.right textarea.big {
	height				: 50px;
}
*/

div#content form.right textarea.small , div#content form.right textarea.small_med {
	height				: 52px;
}
div#content form.right input.button {
	margin-top			: 15px;
}
/* ###################################################################################################### */

/* REITER HEAD ///////////////////////////////////////////////////////////////////////////////////////// */
div#content a.reiter {
	text-decoration	: none;
	display			: block;
	width			: 158px;
	height			: 36px;
	background		: url(/images_css/reiter_dunkel.gif) no-repeat;	
}

div#content a.reiter p {
	font-size		: 12px;
	color			: #FFFFFF;
	font-weight		: bold;
	vertical-align	: middle;
	line-height		: 14px;
	text-align		: left;
	padding-left	: 10px;
	padding-top		: 4px;
}

div#content a.reiter:hover {
	background		: url(/images_css/reiter_hell.gif) no-repeat;

}

div#content a.reiter:hover p {
	color			: #1e3c7a;
	font-weight		: bold;
}

div#content a.reiter:focus,
div#content a.reiterActive {
	background		: url(/images_css/reiter_hell.gif) no-repeat;
}

div#content a.reiter:focus p,
div#content a.reiterActive p {
	color			: #1e3c7a;
	font-weight		: bold;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* REITER SUB ///////////////////////////////////////////////////////////////////////////////////////// */
/* Auskommentiert, damit die Sub-Tabs nicht auf die ganze Breite
   aufgeteilt werden
div#content table.trenner_sub {
	width			: 624px;
}
*/

div#content td.first {
	background		: url(/images_css/bg_subreiter.gif) repeat-x;
	width			: 11px;
}

div#content td.last {
	background		: url(/images_css/bg_subreiter.gif) repeat-x;
	width			: 5px;
}


div#content a.reitersub {
	text-decoration	: none;
	display			: block;
	width			: 61px;
	height			: 22px;
	background		: url(/images_css/bg_subreiter_orange.gif) no-repeat;	
}

div#content a.reitersub p {
	font-size		: 14px;
	color			: #FFFFFF;
	font-weight		: bold;
	vertical-align	: middle;
	text-align		: left;
	line-height		: 14px;
	padding-left	: 22px;
	padding-top		: 4px;
}

div#content a.reitersub:hover {
	background		: url(/images_css/bg_subreiter_blau.gif) no-repeat;

}

div#content a.reitersub:hover p {
	color			: #F76402;
	font-weight		: bold;
}

div#content a.reitersub:focus,
div#content a.reitersubActive {
	background		: url(/images_css/bg_subreiter_blau.gif) no-repeat;
}

div#content a.reitersub:focus p,
div#content a.reitersubActive p {
	color			: #F76402;
	font-weight		: bold;
}

div#content a.reitersub.Ready {
	background		: url(/images_css/bg_subreiter_weiss.gif) no-repeat;
}

div#content a.reitersub.Ready p {
	color			: #1e3c7a;
	font-weight		: bold;
}

div#content a.reitersub.Ready:hover {
	background		: url(/images_css/bg_subreiter_blau.gif) no-repeat;
}

div#content a.reitersub.Ready:hover p {
	color			: #F76402;
	font-weight		: bold;
}


div#content a.green {
	background: url(/images_css/bg_subreiter_green.gif) no-repeat;
	color			: #1e3c7a;
	font-weight		: bold;
}

div#content a.green:hover,
div#content a.green:focus,
div#content a.Active_green,
div#content a.Active_green:hover,
div#content a.Active_green:focus {
	background: url(/images_css/bg_subreiter_green_RO.gif) no-repeat;
	color			: #1e3c7a;
	font-weight		: bold;
}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* FORM INLINE START //////////////////////////////////////////////////////////////////////////////////// */

div#content div.aufgaben_header#inline {
	float				: left;
	width				: 265px;
	margin-right		: 10px;
}

div#content #inline_form_wrapper {
	width				: 330px;
}

div#content #inline_big_form_wrapper {
	width				: 602px;
	margin-left: 10px;
}

div#content div.inline_form_head {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/inlineform_top.gif) no-repeat;	
}

div#content div.inline_big_form_head {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/inlineform_big_top.gif) no-repeat;	
}

div#content div.inline_form_body {
	background-color	: #F3F9FE;
	border-left			: solid 1px #83B5E0;
	border-right		: solid 1px #83B5E0;
	padding				: 0px;
}

div#content div.inline_big_form_body {
	background-color	: #F3F9FE;
	border-left			: solid 1px #1e3c7a;
	border-right		: solid 1px #1e3c7a;
	padding				: 0px;
}

div#content div.inline_form_body p {
	padding-left		: 10px;
	padding-right		: 10px;
}

div#content div.inline_big_form_body td.td_first {
 	width				: 5%;
	padding-left		: 15px;
}

div#content div.inline_big_form_body td.td_second {
 	width				: 95%;
}

div#content div.inline_big_form_body p {
	padding-left		: 10px;
	padding-right		: 10px;
}

div#content div.inline_form_bottom {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/inlineform_bottom.gif) no-repeat;	
}

div#content div.inline_big_form_bottom {
	height			 : 15px;
	padding-top		 : 0px;
	background-color : #FFFFFF;
	background		 : url(/images_css/inlineform_big_bottom.gif) no-repeat;	
}

/* FORM INLINE ENDE ////////////////////////////////////////////////////////////////////////////////// */

/* FORM AUFGABEN EINGEBEN START ////////////////////////////////////////////////////////////////////// */

div#content div.aufgaben_form {
	width			: 605px; 
	margin-left		: 10px;
}

div#content div.aufgaben_form table {
	width			: 100%; 
}

div#content div.aufgaben_form th.th_first {
	font-weight		: bold;
	vertical-align	: top;
}

div#content div.aufgaben_form th.th_upload {
	padding-top: 7px;
}

div#content div.aufgaben_form th input{
 	margin-right	: 5px; 
}

div#content div.aufgaben_form input {
	margin-top		: 0px;
}

div#content form a.rounded_arrow {
	display			: block;
	vertical-align	: middle;
/* why?	width			: 170px; */
	color			: #333;
	background		: url(/images_css/nav_left_box_orange_arrow.gif) no-repeat;
	margin			: 2px 20px 0px 10px;
	padding			: 2px 0 4px 25px;
}

div#content form a.rounded_arrow:hover {
	background		: url(/images_css/nav_left_box_orange_arrow_hover.gif) no-repeat;
}

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

div#content form a.rounded_arrow:active {
	background		: url(/images_css/nav_left_box_orange_arrow_down.gif) no-repeat;
	font-weight		: bold;
	color			: #333;
}

div#content input.button_margin {
	margin-right	: 15px; 
}

/* FORM AUFGABEN EINGEBEN ENDE ////////////////////////////////////////////////////////////////////// */


.margin_left_right {
	margin-left: 10px;
	margin-right: 10px;
}