/*****************************************************************************************
Allgemeines
******************************************************************************************/
/* Horizontaler Scrollbalken-Hack für IE */
html {
/*overflow-x: hidden;*/
}

body {
	margin:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#FFFFFF;
	color:#000000;
	background-image: url();
	background-repeat: repeat;
}

li {
	line-height: 25px;
}

.rote_punkte {
	border-bottom : 1px dotted red;
}

/****************************************************************************************
Mehr Schrift! 
******************************************************************************************/
/* Allgemeine Seitenüberschriften */
.heading_blau {
	color: #1B7694;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
}

.heading_blau_2 {
	color: #1B7694;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}

.sub_heading_dunkel {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}


/* Sonstige Schrift-Formate */
.mini {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10px;
}
.mini_underline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-decoration: underline;
}
.mini_rot {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:normal;
	font-size:9px;
}
.mini_blau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#1B7694;
	font-weight:normal;
	font-size:9px;
}
.mini_gruen {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900;
	font-weight:normal;
	font-size:9px;
}
.mini_rot_underline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight:normal;
	font-size:9px;
	text-decoration: underline;
}
.mini_grau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:normal;
	font-size:9px;
}
.mini_dunkelgrau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:normal;
	font-size:9px;
}
.mini_grau_underline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:normal;
	font-size:9px;
	text-decoration: underline;
}
.gruenes_licht {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900;
	font-size:12px;
	font-weight: bold;
}
.gruenes_licht_duenn {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#009900;
	font-size:12px;
	font-weight: normal;
}
.fehler {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:12px;
	font-weight: bold;
}
.enzian {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1B7694;
	font-weight: normal;
}
.warteliste {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-weight: normal;
}
.wartelisten_ueberschrift {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
}
.sicherheit_und_fehler {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FF0000;
	font-weight: bold;
}
.kleiner_und_schwarz {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.kleiner_und_schwarz_und_duenn {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight: normal;
}
.schau_mich_an_1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:13px;
	font-weight: normal;
	background-color: #DDDDDD;
}
.schau_mich_an_2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	font-weight: normal;
	background-color: #FFFF99;
}
.schau_mich_an_3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	background-color: #FF0000;
}
.ueberschrift_1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	color:#333333;
}
.ueberschrift_2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}
.ausgegraut {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	font-weight:normal;
}

/*****************************************************************************************
Links
******************************************************************************************/
.link_seite {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333333;
	text-decoration:underline;
	font-weight:normal;
}

.link_tabelle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:underline;
	font-weight:normal;
}
.link_tabelle_mini_rot {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FF0000;
	text-decoration:underline;
	font-weight:normal;
}
.link_tabelle_mini_blau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#1B7694;
	text-decoration:underline;
	font-weight:normal;
}
.link_tabelle_ausgegraut {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	text-decoration:underline;
	font-weight:normal;
}
.link_tabelle_ausgegraut {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	text-decoration:underline;
	font-weight:normal;
}
.link_tabelle_green {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009933;
	text-decoration:underline;
	font-weight:normal;
}
.link_tabelle_no_underscore {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	text-decoration:none;
	font-weight:normal;
}
.link_tabelle_blind {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:normal;
}

.link_tabelle_heavy_green {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#009933;
	text-decoration:underline;
	font-weight:bold;
}

/*****************************************************************************************
Form-Elemente
******************************************************************************************/
.dropdown_50{width:50%;}

.dropdown_65{width:65%;}
.dropdown_85{width:85%;}
.dropdown_100{width:100%;}

.dropdown_55{width:55px;} /*****Schauen wo das vorkommt und in ..._px umbenennen *****/
.dropdown_55_px {width:55px;}
.dropdown_100_px {width:100px;}
.dropdown_200_px{width:200px;}


.textfeld_small{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.textfeld_50{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; width:50%;}
.textfeld_55{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; width:55px;}
.textfeld_100{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; width:99%;}
.textfeld_100_read_only_firefox {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; width:99%; background-color:#FFFFFF; border:#A5ACB2 1px solid;}

.textfeld_200_px{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; width:200px;}
.textfeld_ausgegraut{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; background-color: #EEEEEE; font-size:9px; color:#1B7694; height: 17px; line-height: 17px;}

.textfeld_kleiner{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight: normal;}
.textfeld_rechts{font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: right;}
.textfeld_kleiner_und_rechts{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight: normal; text-align: right;}

.textfeld_kleiner_ausgegraut{font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #EEEEEE; font-size:10px; font-weight: normal;}
.textfeld_rechts_ausgegraut{font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #EEEEEE; font-weight: normal; text-align: right;}
.textfeld_kleiner_und_rechts_ausgegraut{font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #EEEEEE; font-size:10px; font-weight: normal; text-align: right;}


.select_alle_anmeldungen{
	width:250px;
	font-size: 12px;
}
.select_ausgewaehlte_anmeldungen{
	width:220px;
	line-height: normal;
	font-size: 12px;
}
.comment_multiple_anmeldungen{
	font-size: 11px;
	overflow: hidden;
}
.comment_single_anmeldung{
	font-size: 11px;
	overflow: hidden;
}

/*****************************************************************************************
E-Mail-Geschichten
******************************************************************************************/
.email_input_field{
	width: 635px;
	height:13px;
	font-size: 9px;
	line-height: 13px;
	padding-left:2px;
}

.email_address_button{
	width: 55px;
	font-size:9px;
}

.email_mail_body_locked{
	width: 750px;
	height:350px;
	border: 1px solid #A8A8A8;
	margin-top: 5px;
	padding: 5px;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* Neues E-Mail-Fenster-Layout bei den Vereinen*/
table.email_field{
	width: 710px;
	margin-left: 3px;
	margin-bottom: 5px;
}

.email_input_field_2{
	width: 640px;
	height:19px;
	font-size: 11px;
	padding-left:2px;
	
	/*Read-Only-Bug-Fix für Firefox */
	background-color:#FFFFFF;
	border:#A5ACB2 1px solid; 
}

.email_address_button_2{
	width: 55px;
	font-size:11px;
}


/*****************************************************************************************
Anmeldeformular
******************************************************************************************/
table.anmeldeform_rahmen_back_XXXX {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #666666;
	border-spacing:0px;
	border-collapse:collapse;
	width:685px;
	padding:0px;
	margin-top:3px;
	background-image: none;
	background-color: #FFFFFF;
}

table.anmeldeform_rahmen_back_user {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #666666;
	border-spacing:0px;
	border-collapse:collapse;
	width:573px;
	padding:0px;
	margin-top:3px;
	background-image: none;
	background-color: #FFFFFF;
}


/* Anmeldeformular selbst (Backend) */
table.anmeldeform_back {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border-top:1px solid #272727;
	border-left:1px solid #272727;
	border-right:4px solid #272727;
	border-bottom:4px solid #272727;
	border-spacing:0px;
	border-collapse:collapse;
	width:100%;
	padding:0px;
	margin-top:3px;
	background-color: #DDDDDD;
}

table.anmeldeform_back th {
	border:1px solid #333333;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	/*background-image: url(../images/seitenweit/mountaintop.jpg);*/
}

table.anmeldeform_back td {
	border:1px solid #333333;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
}

/*****************************************************************************************
TAB-Navigation
******************************************************************************************/
table.rahmen_tab_top{
	width:1000px;
	margin-bottom:-5px;
}

#tabs4 {
	float:left;
	width:100%;
	font-size:10px;
	color:#000000;
	font-weight: bold;
	line-height:normal;
	border-bottom:0px solid #464646;
}
#tabs4 ul {
	margin:0;
	padding:10px 0px 0 0px;
	list-style:none;
}

#tabs4 li {
	display:inline;
	margin:0;
	padding:0;
}

#tabs4 a {
	float:left;
	background:url("../images/tab_navi/tableft4_off.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 7px;
	text-decoration:none;
}

#tabs4 a span {
	float:left;
	display:block;
	background:url("../images/tab_navi/tabright4_off.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#000000;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs4 a span {float:none;}
/* End IE5-Mac hack */

#tabs4 a:hover span {
	color:#000000;
}

#tabs4 a:hover {
	background-position:0% -42px;
}

#tabs4 a:hover span {
	background-position:100% -42px;
}

#tabs4 #current a {
	background-position:0% -42px;
}

#tabs4 #current a span {
	background-position:100% -42px;
}


/*****************************************************************************************
Umrahmungen
******************************************************************************************/
/* Generelle Umrahmung auf jeder Seite */
.bilder_rahmen {
	border: 1px solid #333333;
}

/* Generelle Umrahmung auf jeder Seite */
table.rahmen {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFFFFF;
	border-spacing:0px;
	border-collapse:collapse;
	width:685px;
	height:200px;
	padding:0px;
	margin-top:6px;
	border-top: 1px solid #464646;
	border-right: 3px solid #464646;
	border-bottom: 3px solid #464646;
	border-left: 1px solid #464646;
}
		 
/* Generelle Umrahmung auf jeder Seite ein bissl größer*/
table.rahmen_gross {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	border-spacing:0px;
	border-collapse:collapse;
	width:100%;
	padding:0px;
	margin-top:3px;
}

/* Generelle Umrahmung auf jeder Seite ein bissl kleiner */
table.rahmen_mittel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFFFFF;
	border-spacing:0px;
	border-collapse:collapse;
	width:573px;
	padding:0px;
	margin-top:3px;
	border-top: 1px solid #464646;
	border-right: 3px solid #464646;
	border-bottom: 3px solid #464646;
	border-left: 1px solid #464646;
}

/* Generelle Umrahmung auf jeder Seite noch kleiner */
table.rahmen_klein {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	border-spacing:0px;
	border-collapse:collapse;
	width:467px;
	padding:0px;
	margin-top:3px;
}

/* Generelle Umrahmung mit flexibler Größe */
table.rahmen_flexible {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFFFFF;
	border:1px solid #666666;
	border-spacing:0px;
	border-collapse:collapse;
	padding:0px;
	margin-top:3px;
	border-top: 1px solid #464646;
	border-right: 3px solid #464646;
	border-bottom: 3px solid #464646;
	border-left: 1px solid #464646;
}

/* Generelle Umrahmung (DEZENT) mit flexibler Größe */
table.rahmen_decent_flexible {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #BFD9FF;
	border-spacing:0px;
	border-collapse:collapse;
	padding:0px;
	margin: 2px;
}

/*****************************************************************************************
Tabellen
******************************************************************************************/
/* Platzhalter für die Überschrift */
table.heading {margin-top:20px;}

/* Tabellen-Ausgabe im phpMyAdmin-Style */
table.datenausgabe {
	border:0px;
	border-spacing:1px;
	border-collapse:separate;
	padding:0px;
	margin:0px;
}
table.datenausgabe th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
	background-image: url(../images/tabellennavigation/th_back.jpg);
	background-repeat: repeat-x;
	border-top: 1px none;
	border-right: 1px none;
	border-bottom: 1px none;
	border-left: 1px none;
}

table.datenausgabe td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#F4F4F4;
	border:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
	color: #000000;
}

table.datenausgabe td.datenausgabe_green_mile {
	background-color:#CCFFCC;
	border:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
	color: #000000;
}

table.datenausgabe td.datenausgabe_sepp_grey {
	background-color:#E8E8E8;
	border:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
	color: #000000;
}
table.datenausgabe td.datenausgabe_sepp_green {
	background-color:#DDFFDD;
	border:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
	color: #000000;
}

table.datenausgabe td.datenausgabe_sepp_yellow {
	background-color:#FFF4CA;
	border:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
	color: #000000;
}
table.datenausgabe td.datenausgabe_sepp_red {
	background-color:#FFC4C4;
	border:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
	color: #000000;
}
table.datenausgabe td.datenausgabe_sepp_blue {
	background-color:#E8F0F7;
	border:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
	color: #000000;
}
table.datenausgabe td.datenausgabe_infoblock {
	background-color:#E8E8E8;
	margin:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 2px;
}
table.datenausgabe td.datenausgabe_ausgegraut {
	background-color:#F4F4F4;
	border:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
	color: #999999;
}


/* Ohne Farbverlauf */
table.datenausgabe_flat {
	border:0px;
	border-spacing:1px;
	border-collapse:separate;
	padding:0px;
	margin:0px;
}
table.datenausgabe_flat th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
	background-image: none;
	background-color: #E9F2FC;
}
table.datenausgabe_flat td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#F4F4F4;
	border:0px;
	padding-top:2px;
	padding-left:5px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin:0px;
}


/* Simuliert eine Summenlinie unter Additionen */
table.datenausgabe_sumline {
	border:0px;
	border-spacing:1px;
	border-collapse:separate;
	padding:0px;
	margin:0px;
}
table.datenausgabe_sumline th {
	padding:3px;
	margin:0px;
	background-image: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
table.datenausgabe_sumline td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border:0px;
	padding:2px;
	margin:0px;
}

/*****************************************************************************************
DIVs / LAYERS
******************************************************************************************/
/* Platzhalter für die Überschrift (OHNE Tabelle & Text, einfach als div ohne Inhalt setzen um den Abstand zum Menü zwischen IE und FF auszugleichen...)*/
.heading_no_tab {
	margin-top:20px;
}

/* NOCH SAUBER BESCHRIFTEN.... */
.zwischentexte {
	width:100%;
	overflow: hidden;
}

.details_popup {
	position:absolute; 
	width:500px; 
	height:290px; 
	z-index:1; 
	left:165px; 
	top:100px; 
	border-left:1px solid #333333; 
	border-top:1px solid #333333; 
	padding:3px; 
	border: 1px solid #333333;
	border-right:3px solid #333333; 
	border-bottom:3px solid #333333; 
	background-color: #F4F4F4;
	visibility: hidden;
}
.details_auswertung_popup{
	position:absolute;
	width:450px;
	height:408px;
	z-index:5;
	left:20px;
	top:65px;
	border-left:1px solid #333333;
	border-top:1px solid #333333;
	padding:3px;
	border: 1px solid #333333;
	border-right:3px solid #333333;
	border-bottom:3px solid #333333;
	background-color: #F4F4F4;
	visibility: hidden;
}
.zahlungsverlauf {
	position:absolute;
	left:339px;
	top:108px;
	width:250px;
	height:200px;
	overflow:visible;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	background-image: url(../images/seitenweit/farbverlauf_birnen_popup.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	visibility: hidden;
}
.progress_bar {
	position:absolute;
	left:197px;
	top:288px;
	width:332px;
	height:127px;
	z-index:1;
	background-color: #FFFFE8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	border: 1px solid #000000;
	font-weight: normal;
	visibility: hidden;
}
.big_image_popup {
	position:absolute;
	left:191px;
	top:206px;
	z-index:auto;
	visibility: hidden;
	overflow: hidden;
	background-color: #222222;
	border-top-width: 1px;
	border-right-width: 4px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #222222;
	border-right-color: #222222;
	border-bottom-color: #222222;
	border-left-color: #222222;
}
.lightbox_image {
	margin: 10px;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

.debug_layer {
	position:absolute;
	left:1200px;
	top:50px;
	width:500px;
	height:800px;
	z-index:1;
	background-color: #FFFFCC;
	margin: 10px;
	padding: 10px;
	border: 1px solid #666666;
}