@charset "UTF-8";

@media all
{

	/* allgemein */
	form { margin: 0; }
	form .text_info { color: #404040; font-size: 90%; }
	form .floatbox { margin-bottom: 0.3em; }
	form .marginx2 { margin-bottom: 0.6em; }
	form .data_fs .floatbox { margin-bottom: 0.5em; }
	form .reqicon { color: #B80A10; font-weight: normal; margin-left: 5px; }
	form .input_text { border: 1px solid #B3B3B3; padding: 1px; float: left; margin-right: 0.75em; }
	#form_suche .input_text { margin-right: 3px; }
	form .data_input { margin-right: 1em; display: block; height: 1%; }
	form .add_margin_after { margin-bottom: 1em; }
	form textarea { border: 1px solid #B3B3B3; font-size: 1em; font-family: Verdana, Helvetica, Arial, sans-serif; padding: 2px 0 0 1px; }
	form optgroup {	font-style: normal;	text-decoration: none; font-weight: bold; padding-left: 1px; }	
	form optgroup option { padding-left: 7px; }	
	
	#col2 form { margin-bottom: 0.75em; font-size: 95%; }

	#form_suche { margin-bottom: 1em; }

	form .selectbox { border: 1px solid #B3B3B3; margin-right: 0.5em; float: left; }
	form .input_inline { float: none; }
	
	form img.icon { position: relative; float: left; top: 0.2em; margin: 0 1.25em 0 0.25em; }	
	form img.cal { top: 1px; }	
	form .input_icon { margin-right: 0; }
	
	.input_radio { float: left; height: 1.3em; margin: 0 0.3em 0 0; }
	
	form label { cursor: pointer; position: relative; display: block; font-weight: bold; float: left; }
	form label.off { position: absolute; left: -3000em; top: -300em; }
	.data_label, .data_label_auto { position: relative; display: block; font-weight: bold; float: left; }
	.data_label_auto { margin-right: 0.5em; }
	form label.inline { float: left; margin-right: 0.5em; }
	form label.nofloat{ float: none; margin-bottom: 0.3em; }
	table label { font-weight: normal; }
	form label.fontnorm { font-weight: normal; }
	
	.checklist .data_label { font-size: 90%;	color: #404040;	font-weight: normal; }
	.checklist .data_input { font-weight: bold; }

	form legend { 
		font-size: 100%; font-weight: bold; padding: 0 0 0.5em 0; 
		margin: 0; color: #000; text-indent: 0; display: block;
	}

	/* labels */
	.colwidth_5 label, .colwidth_5 .data_label { width: 5em; }
	.colwidth_8 label, .colwidth_8 .data_label { width: 8em; }
	.colwidth_10 label, .colwidth_10 .data_label { width: 10em; }
	.colwidth_12 label, .colwidth_12 .data_label { width: 12.5em; }
	.colwidth_15 label, .colwidth_15 .data_label { width: 15em; }
	.colwidth_17 label, .colwidth_17 .data_label { width: 17em; }
	.colwidth_20 label, .colwidth_20 .data_label { width: 20em; }
	.colwidth_25 label, .colwidth_25 .data_label { width: 25em; }

	/* infotexte */
	form .input_info { margin-top: 3px; margin-bottom: 3px; margin-right: 4em; }
	form .input_info p { font-size: 90%; color: #404040; margin: 0; }
	
	/* infotexte */
	.colwidth_5 .input_info { margin-left: 5em; }
	.colwidth_8 .input_info { margin-left: 8em; }
	.colwidth_10 .input_info { margin-left: 10em; }
	.colwidth_12 .input_info { margin-left: 12.5em; }
	.colwidth_15 .input_info { margin-left: 15em; }
	.colwidth_17 .input_info { margin-left: 15em; }
	.colwidth_20 .input_info { margin-left: 20em; }
	.colwidth_25 .input_info { margin-left: 25em; }

	/* infotexte */
	.colwidth_5 .data_input { margin-left: 5em; }
	.colwidth_8 .data_input { margin-left: 8em; }
	.colwidth_10 .data_input { margin-left: 10em; }
	.colwidth_12 .data_input { margin-left: 12.5em; }
	.colwidth_15 .data_input { margin-left: 15em; }
	.colwidth_17 .data_input { margin-left: 17em; }
	.colwidth_20 .data_input { margin-left: 20em; }
	.colwidth_25 .data_input { margin-left: 25em; }

	/* eingabefelder */
	.inputwidth_5 .input_text { width: 5em; }
	.inputwidth_8 .input_text { width: 8em; }
	.inputwidth_10 .input_text { width: 10em; }
	.inputwidth_12 .input_text { width: 12.5em; }
	.inputwidth_15 .input_text { width: 15em; }
	.inputwidth_20 .input_text { width: 20em; }
	.inputwidth_25 .input_text { width: 25em; }
	
	.inputwidth_3 .input_text { width: 3em; }
	.inputwidth_4 .input_text { width: 4em; }
	.inputwidth_6 .input_text { width: 6em; }
	.inputwidth_7 .input_text { width: 7em; }
	.inputwidth_9 .input_text { width: 9em; }
	.inputwidth_11 .input_text { width: 11em; }

	/* allgemein (width für alle) */
	.width_3 { width: 3em; }
	.width_4 { width: 4em; }
	.width_5 { width: 5em; }
	.width_8 { width: 8em; }
	.width_10 { width: 10em; }
	.width_11 { width: 11em; }
	.width_12 { width: 12.5em; }
	.width_15 { width: 15em; }
	.width_17 { width: 17.5em; }
	.width_20 { width: 20em; }
	.width_25 { width: 25em; }

	label.colwidth_auto { width: auto; margin-right: 5px; }

	/* buttons */
	#form_buttons {	border-top: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; margin: 1.5em 0 1em 0; position: relative; }
	#form_buttons_content { background-color: #D1D1D1; margin-top: 1px; margin-bottom: 1px; padding: 0.75em 0 0.5em 0.75em; }

	form input.button {
		font-size: 95%;
		width: auto;
		height: 1.75em;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #FFF;
		border: 1px solid #000; 
		padding-left: 0.75em;
		padding-right: 0.75em;
	}
	form input.next { 
		float: left;
		margin-right: 0.5em;
		font-weight: bold; 
		background-position: bottom; 
		background-repeat: repeat-x; 
	}
	form input.back {}
	form input.action { font-weight: bold; background-color: #D1D1D1; }
	
	form #form_buttons input.button {
		float: left;
		margin-bottom: 0.5em;
		margin-right: 0.5em;
		white-space: nowrap;
	}
	form #form_buttons a.linkbutton, form .linkbuttons a.linkbutton {
		display: block;
		width: auto;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 95%;
		background-color: #FFF;
		border: 1px solid #000;
		text-decoration: none; 
		padding: 0.2em 1.5em 0.2em 1.5em;
		margin-right: 0.5em;
		white-space: nowrap;
	}
	form #form_buttons a.next, form .linkbuttons a.next {
		font-weight: bold; 
		background-position: bottom; 
		background-repeat: repeat-x; 
	}
	form #form_buttons .linkbuttons {
		padding-top: 0.4em;
		padding-bottom: 0.3em;
		padding: 0;
		margin: 0;
	}
	form input.go { padding-left: 0.2em; padding-right: 0.2em; font-weight: bold; height: auto; background-color: #D9D9D9; }
	
	form input.abutton { 
		margin: 0; padding: 0; font-weight: bold; background-color: transparent; border: 0; text-align: left; 
		background-image: url(img/imgLocalStyle/navi_pfeil_grau.gif); background-position: 0 0.45em; padding-left: 7px; 
		cursor: pointer;
	}
	
	/* fortschrittsanzeige */
	#form_title { border-bottom: 1px solid #B3B3B3; margin-bottom: 0.5em; }
	#form_title h2 { margin-bottom: 3px; }
	
	#tabs_container { border-bottom: 1px solid #B3B3B3; position: relative; margin-bottom: 1em; }
	#tabs { margin: 0; position: relative; top: 1px; left: 10px; }
	#tabs div.tab { float: left; border: 1px solid #B3B3B3; margin-right: 3px; font-weight: bold; }
	#tabs div.active { padding: 2px 13px 4px 10px; background-color: #FFF; border-bottom: 1px solid #FFF; background-image: none; }
	#tabs div.tab a { padding: 2px 13px 4px 10px; text-decoration: none; display: block; background-color: #D1D1D1; background-image: url(img/imgLocalStyle/pfeil_suche_schwarz.gif); background-position: 95% 80%; }
	#tabs div.tab a:hover { background-color: #FFF; }
	#tabs div.active a { padding: 0; background-color: #FFF; background-image: none; }
	
	#tabs div.first {}
		
	.form_help { float: right;	font-size: 90%;	color: #404040; padding-top: 0.3em; }
	.form_help .steps { font-weight: bold; }
	.form_help .separator { margin: 0 5px 0 5px; }
	.form_help .help a { text-decoration: none; background-image: url(img/imgLocalStyle/hilfe_icon.gif); background-position: 100% 55%; padding-right: 15px; }
	.form_help .help a:hover { text-decoration: underline; }
	
	/* info */
	#form_info { border-bottom: 1px dashed #B3B3B3; padding-bottom: 3px; margin-bottom: 1em; color: #404040; font-size: 90%; }
	#form_info p { width: 80%; margin-bottom: 0; }
	#form_info a { color: #404040; }
	#form_info .form_required { text-align: right;  }

	fieldset, .data_fs { margin: 1em 0 1em 0; }
	fieldset.separator, 
	div.separator, 
	p.separator { border-bottom: 1px dashed #B3B3B3; padding-bottom: 0.5em; }
	
	.table_footer { font-size: 90%; color: #404040; margin-top: 5px; text-align: right; }
	.table_footer a { margin-left: 5px; text-decoration: none; color: #404040; }
	.table_footer a:hover { text-decoration: underline; }
	.table_footer .links { float: left; font-size: 110%; }
	
	.table_legend { margin-top: 1em; color: #404040; font-size: 90%; }
	.table_legend .title { font-weight: bold; }
	.table_legend .key { margin-top: 0.35em; }
		
	fieldset ul, 
	fieldset li, 
	fieldset dl, 
	fieldset dd, 
	fieldset dt { margin: 0px; padding: 0px; list-style-type: none; font-weight: normal; }

	fieldset dl { position: relative; }
	fieldset dd { float: left; clear: left; width: 2em; display: block; line-height: 125%; }
	fieldset dt { margin: 0 0 0.75em 2em; display: block; line-height: 125%; }
	fieldset dt label { float: none; font-weight: normal; }
	
	#col2 fieldset dt { margin-bottom: 0.5em; }
	
	fieldset dl.columns { padding-bottom: 1px; }
	fieldset dl.columns dd { clear: none; float: left; }
	fieldset dl.columns dt { margin: 0 0 0 0; }
	fieldset dl.columns dt label { float: left; width: 12em; margin-bottom: 0.3em; }
	fieldset dl.columns dd.newcolumn { clear: left; }
	
	.colwidth_5 dl.columns { margin-left: 5em; }
	.colwidth_8 dl.columns { margin-left: 8em; }
	.colwidth_10 dl.columns { margin-left: 10em; }
	.colwidth_12 dl.columns { margin-left: 12em; }
	.colwidth_15 dl.columns { margin-left: 15em; }
	.colwidth_20 dl.columns { margin-left: 20em; }
	.colwidth_25 dl.columns { margin-left: 25em; }
	
	fieldset dd.odd { padding: 0 0 0 5px; position: relative; }
	fieldset dd.even { padding: 0 0 0 5px; position: relative; }
	fieldset dt.odd { background-color: #E0E0E0; margin: 0 0 0 0; padding: 5px 0 5px 2em; }
	fieldset dt.even { margin: 0 0 0 0; padding: 5px 0 5px 2em; }

	fieldset dd.odd input { position: relative; top: 0.5em; }
	fieldset dd.even input { position: relative; top: 0.5em; }
	
	fieldset.checkboxcolumn { float: left; margin-bottom: 0; margin-top: 1em; }
	fieldset.checkboxcolumn legend { margin-bottom: 0.5em; }
	fieldset.checkboxcolumn .checklist dt { margin-bottom: 0.5em; font-size: 95%; }

	form .error { color: #B80A10; }
	form .width_auto { width: auto; }
	
	.form_error { border: 1px solid #B80A10; padding: 10px 30px 10px 30px; background-image: url(img/imgLocalStyle/achtung_icon.gif); background-position: 6px 6px; }
	.form_error .error { font-weight: bold; margin-bottom: 0.5em; }
	.form_error ul {	margin: 0; padding: 0; }
	fieldset .form_error ul li { list-style-type: disc; margin-left: 15px; }

	.form_tip { margin-bottom: 1em; border: 1px solid #254399; padding: 10px 30px 10px 30px; background-image: url(img/imgLocalStyle/hinweis_icon.gif); background-position: 6px 6px; }
	.form_tip .tip { font-weight: bold; margin-bottom: 0.5em; font-size: 100%; color: #254399; }
	.form_tip ul {	margin: 0; padding: 0; }
	.form_tip ul li { list-style-type: disc; margin-left: 15px; }
	
	.colwidth_5 .form_tip, .colwidth_5 .form_error { margin-left: 5em; }
	.colwidth_8 .form_tip, .colwidth_8 .form_error { margin-left: 8em; }
	.colwidth_10 .form_tip, .colwidth_10 .form_error { margin-left: 10em; }
	.colwidth_12 .form_tip, .colwidth_12 .form_error { margin-left: 12em; }
	.colwidth_15 .form_tip, .colwidth_15 .form_error { margin-left: 15em; }
	.colwidth_20 .form_tip, .colwidth_20 .form_error { margin-left: 20em; }
	.colwidth_25 .form_tip, .colwidth_25 .form_error { margin-left: 25em; }
	
	#form_fahrplanauskunft { border: 1px solid #B3B3B3; }
	#form_fahrplanauskunft .form_foto { display: block; padding: 1px; }
	#form_fahrplanauskunft .form_foto img { width: 99.9%; }
	#form_fahrplanauskunft .form_container { padding: 0.5em 0 0.5em 1em; }	
	
	#form_fahrplanauskunft fieldset { margin: 0; padding: 0; position: relative; }
	#form_fahrplanauskunft .fields { display: block; margin-left: 5.5em;	position: relative; top: -2em; margin-bottom: -1.5em; }
	#form_fahrplanauskunft legend { font-weight: bold; font-size: 150%; }
	
	#form_fahrplanauskunft .set input { width: auto; }	
	#form_fahrplanauskunft .set input.text { width: 85%; border: 1px solid #B3B3B3; font-size: 90%; padding: 1px; padding-left: 3px; margin: 0 0 0 0; }	
	#form_fahrplanauskunft .set input.date { width: 6em; margin-right: 3px; }	
	#form_fahrplanauskunft .set input.time { width: 3em; }	
	
	#form_fahrplanauskunft label { font-weight: normal; font-size: 90%; margin: 0 10px 2px 0; float: none; display: block; }	

	#form_fahrplanauskunft .set { display: block; margin-bottom: 7px; position: relative; }	
	#form_fahrplanauskunft .radioset label { display: inline; }	
	#form_fahrplanauskunft img.icon { margin: 0 0 0 3px; float: none; }	

	#form_fahrplanauskunft .inline {}
	#form_fahrplanauskunft .inline label { float: left; margin-right: 3px; }	
	#form_fahrplanauskunft .inline input { float: left; }	
	#form_fahrplanauskunft .inline img { float: left; margin-right: 10px; }	

	#form_fahrplanauskunft .buttons { margin-top: 15px; }
	#form_fahrplanauskunft .button { padding-left: 3px; padding-right: 3px; }	
	#form_fahrplanauskunft .reset { background-color: #D9D9D9; }
	#form_fahrplanauskunft .detail_link {}
	
	#col2	#form_fahrplanauskunft { border: 0; margin-top: 0.5em; }
	#col2 #form_fahrplanauskunft .form_container { padding: 0; }	
	#col2 #form_fahrplanauskunft .fields { display: block; position: static; top: 0; margin: 0 0 0.5em 0; }
	#col2 #form_fahrplanauskunft legend { font-size: 100%; padding: 0; }
	#col2 #form_fahrplanauskunft .set { margin-bottom: 3px; }	
	#col2 #form_fahrplanauskunft label { margin: 0 2px 0 0; }	
	#col2 #form_fahrplanauskunft .buttons { margin-top: 5px; }
	
	/* todo: redundazen überprüfen */
	#form .date { margin-right: 3px; }
	
	.box form.form_standard input.button  { float: none; font-size: 100%; }
	.box #form_fahrplanauskunft .set input.text { width: 80%; font-size: 100%; }
	.box #form_fahrplanauskunft .iconlink { cursor: pointer; position: relative; top: 3px; margin-left: 3px; }
	.box form.form_standard input.button  { float: none; font-size: 100%; }
	
	/* publikationen */
	#form_publications fieldset.chlist label { margin-right: 0.5em; color: #083964; }
	#form_publications .chbox { float: left; height: 1.35em; width: 15px; margin-right: 5px; }
	#form_publications fieldset.chlist .docspec { float: left; margin-right: 1.25em; }

	#form_publications .newslist {}
	#form_publications .newslist .article { padding-top: 1em; padding-right: 0.5em; margin: 0; border-bottom: 1px dashed #B3B3B3; }
	#form_publications .newslist .article img { width: 62px; padding-bottom: 0.75em; }
	#form_publications .newslist .article h3 { padding-left: 0; margin-left: 75px; }
	#form_publications .newslist .article .text { margin-left: 75px; }
	#form_publications .newslist .article h3 img { padding: 0; margin: 0; width: auto; float: none; position: relative; top: 1px; }

	#form_publications .newslist .odd { padding-left: 0.5em; background-color: #DAE1E8; border-bottom: 1px solid #B3B3B3; }
	#form_publications .newslist .even { padding-left: 0.5em; border-bottom: 1px solid #B3B3B3; }
	
	#form_publications .publorder label { font-weight: normal; position: relative; top: 2px; }
	#form_publications .publorder input { width: 2em; margin-right: 0.3em; }
	#form_publications .publorder a.navlink { font-weight: normal; text-decoration: underline; }

	#form_publications .publlist .article .text { margin-left: 95px; margin-top: 0.5em;}
	#form_publications .publdownload { margin-left: 75px; }
	#form_publications .publdownload label { float: none; }

	#form_publications label .docspec { font-weight: normal; }
	
	h1.formsteps { color: #808080; }
}
