/* 	Vorgabe Dexy: Bitte Tab-Abstand von 4 Zeichen pro Tab einstellen, ansonsten wird das hier unsauber!!!
	Bitte an das vorgegebene Raster halten und versuchen, sinngemäße Gruppen zu bilden, ansonsten verlieren wir den Überblick!
*/	

body, p, td		 		{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px;}

img		 				{ border-color: #666540; border-bottom-color: #333220; }

abbr, acronym           { cursor: help; }

ul, li                  { list-style-type:square; }

a                       { outline: 0px; }

a:link  				{ color: #000000; text-decoration: none; }
a:link img 				{ border-color: #666540; border-bottom-color: #333220;}

a:visited  				{ color: #000000; text-decoration: none;}
a:visited img 			{ border-color: #666540; border-bottom-color: #333220;}
/*666540*/
a:active  				{ color: #ff2800; text-decoration: none;}
a:active img 			{ border-color: #ff2800;}

a:hover  				{ color: #ff2800; text-decoration: none;}
a:hover img 			{ border-color: #ff2800;}

/*a.inv:link img			{ border-color: #999760;}
a.inv:hover img			{ border-color: #ff2800;}
*/

#body_main 				{ text-align: center; margin: 0 auto; margin-top: 10px; background-color: #EEC64A; 

						  scrollbar-face-color: #EEC64A; scrollbar-highlight-color: #CC9900; scrollbar-3dlight-color: #EEC64A; 
						  scrollbar-darkshadow-color: #EEC64A; scrollbar-shadow-color: #CC9900; scrollbar-arrow-color: #CC9900; scrollbar-track-color: #EEC64A;
						}


#totalcontent			{ width:768px; margin: auto; text-align: left;}
#totalcontent_long		{ width:928px; margin: auto; text-align: left;}

#header					{ width: 768px; }

#header_navi			{ width: 768px; }
#header_navi_long		{ width: 928px; position: relative; }

#main					{ width: 768px; background-image: url('../images/middle_space.gif');}
#main_left				{ float: left; width: 138px; overflow: hidden; }
#main_middle_half		{ float: left; width: 404px; }
#main_middle_full		{ float: left; width: 630px; }

#main_right				{ float: left; width: 220px; padding-top: 12px;}
#main_right_container	{ background-image: url('../images/right_space_box.gif'); }
#main_right_inner		{ padding: 10px 10px 10px 20px; }

#absolute_right			{ position: absolute; width: 150px; top: 60px; left: 774px; }

#mom_im_layer			{ background-color:#FFE66B; border: 1px solid #663300; padding-bottom: 5px; padding-top: 5px;}
#mom_im_layer a			{ background-color: #FFE66B; padding: 2px 10px 2px 10px; display: block; width: 150px;}
#mom_im_layer a:hover	{ background-color: #FFFCA0; color: #000000;}
:root #mom_im_layer a	{ width: 128px;}

#content				{ padding: 10px 30px 10px 20px;}
#content_inner			{ padding: 0px 25px 0px 34px;}

#content_half			{ margin: 8px 20px 8px 20px;}

/* Footer */

#footer_dotted			{ margin-left: 138px; }
#footer_navi_add		{ width: 768px; }
#footer_navi_add_middle { width: 630px; height: 24px; float: left; background-image:url('../images/middle_space_full_footer.gif'); }
#footer_navi_add_middle_inner
						{ margin-top: 4px; margin-left: 40px; }

#footer_navi			{ width: 768px; }
#footer_navi_middle 	{ width: 404px; height: 32px; float: left; background-image:url('../images/footer_nav.gif'); }
#footer_navi_middle_inner
						{ margin-top: 4px; margin-left: 40px; }
#footer_navi_right		{ width: 226px; height: 32px; float: left; background-image:url('../images/footer_right.gif'); }
#footer_navi_right_inner{ margin-top: 4px; margin-right: 35px; text-align: right; }

#footer_copyright		{ margin-left: 178px; font: 10px/11px Arial, Helvetica, sans-serif; color: #6B581D;}
						

.footer_space			{ width: 138px; float: left; min-height: 1px; }

.input_label			{ margin-top: 0px; margin-bottom: 2px; display: block;}
/*label.input_label		{ display: inline; width: 180px;}*/

.input_right			{ width: 310px; }

.form_left				{ float: left; width: 180px; }
.form_right				{ float: left; width: 330px;}


.form_error_div			{  }
.form_error_div_inner	{ border: 1px solid #ff2800; background-color: #FEEF95; padding: 10px 10px 10px 10px; }

.form_success_div		{  }
.form_success_div_inner	{ border: 1px solid #52ba00; background-color: #f0fc97; padding: 10px 10px 10px 10px; }




.darkbrown_text:link, 
.darkbrown_text:visited	{ color: #663300; text-decoration: none; }
.darkbrown_text:hover  	{ color: #ff2800; text-decoration: none; }


.rev					{ font-size: 11px; background-color: #FFE66B}
.headline 				{ font-size: 10pt; font-weight: bold}

.headline_teaser		{ font-weight: bold; margin-top: 0px; margin-bottom: 8px;}

.text_biggest			{ font-size: 18px; line-height: 20px; font-weight: bold; color: #000000}
.text_big  				{ font-size: 14px; font-weight: bold; color: #000000}
.text_big_white			{ font-size: 14px; font-weight: bold; color: #FFFFFF}
.text_huge_white		{ font-size: 28px; font-weight: bold; color: #FFFFFF}
.smalltext  			{ font-size: 7.5pt;}
.text_huge_brown  		{ font-size: 28px; font-weight: bold; color: #663300}
.text_big_brown			{ font-size: 14px; font-weight: bold; color: #663300}
.text_big_brown_unbold  { font-size: 14px; font-weight: normal; color: #663300}
.text_middle_brown  	{ font-size: 12px; font-weight: bold; color: #663300}

.xsmalltext_zine  		{ font-size: 7pt;color: #663300}
.smalltext_zine  		{ font-size: 7.5pt;color: #663300}
.text_zine  			{ font-size: 11px; font-weight: normal; color: #663300}
.text_zine_bold 		{ font-size: 11px; font-weight: bold; color: #663300}
.text_zine_big  		{ font-size: 14px; font-weight: bold; color: #663300}
.text_zine_head 		{ font-size: 18px; font-weight: bold; color: #663300}

.greentext				{ font-size: 11px; font-weight: bold; color: #31ad00}

.redtext				{ font-size: 11px; font-weight: bold; color: #ff2800}
.redtext_blink  		{ font-size: 11px; font-weight: bold; color: #ff2800; text-decoration: blink;}
.redtext_unbold  		{ font-size: 11px; font-weight: normal; color: #ff2800}
.redtext_small  		{ font-size: 7.5pt; font-weight: normal; color: #ff2800}
.redtext_big  			{ font-size: 14px; font-weight: normal; color: #ff2800}
.redtext_huge  			{ font-size: 18px; font-weight: bold; color: #ff2800}

.greytext  				{ font-size: 11px; font-weight: normal; color: #C9BC63}
.greytext a,
.greytext a:visited		{ font-size: 11px; font-weight: normal; color: #C9BC63}
.greytext a:hover		{ font-size: 11px; font-weight: normal; color: #ff2800}


.greytext_small  		{ font-size: 7.5pt; font-weight: normal; color: #C4B152}
.greytext_darker  		{ font-size: 11px; font-weight: normal; color: #C4B152}

.whitetext  			{ font-size: 11px; font-weight: normal; color: #FFFFFF}
.whitetext_small 		{ font-size: 7.5pt; font-weight: normal; color: #FFFFFF}

.browntext  			{ font-size: 11px; font-weight: normal; color: #DFB841}
.browntext_small  		{ font-size: 7.5pt; font-weight: normal; color: #DFB841}

.song_text  		       	{ font-family: Times New Roman; font-size: 13px; font-weight: normal; color: #663300}

.leftbox_inner			{ width: 130px; background-image:url('../images/left_space.gif');}

.submitbutton			{ background-color : #FFFCA0; color : #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif;
						  font-weight : bold; border: 0px none; background-image:url('../images/send_button.gif'); 
						  width: 109px; height: 18px; background-repeat:no-repeat; background-position: left 50%; }

.send_button			{ color:#FFFFFF; border: solid 1px #FF9C4C; border-bottom: solid 1px #B93400; background-color:#FF4800; width: 110px; 
						  background-image:url('../../images/arrow_send_green.gif'); background-repeat:no-repeat; font: bold 11px Arial, Helvetica, sans-serif; padding-left: 16px;
						}

.login_button			{ color:#000000; border: solid 1px #ffec69; border-bottom: solid 1px #e0b300; background-color:#ffcc00; width: 98px; margin-top: 8px;
						  font: normal 11px Arial, Helvetica, sans-serif; 
						}

.body_window 			{ background-color: #FFE66B;	

						  scrollbar-3d-light-color:#C4B152; scrollbar-arrow-color:#C4B152; scrollbar-base-color:#C4B152;
						  scrollbar-darkshadow-color:#C4B152; scrollbar-face-color:#FFE66B; scrollbar-highlight-color:#FFE66B; scrollbar-shadow-color:#FFE66B;
						}

.body_window_2 			{ background-color: #FFED79;}


form 					{ border: 0px none;	margin: 0; padding: 0;}

input, textarea, select { color : #000000; font: normal 11px Arial, Helvetica, sans-serif; border-color : #aaaaaa; border-top-width : 1px; 
						  border-right-width : 1px; border-bottom-width : 1px; border-left-width : 1px; padding-left: 3px; }

input[type='image']		{ border: 0px; }



textarea 				{ scrollbar-3dlight-color:#AAAAAA; scrollbar-arrow-color:#AAAAAA; scrollbar-base-color:#CCCCCC; scrollbar-darkshadow-color:#CCCCCC;
						  scrollbar-face-color:#eeeeee; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#eeeeee; scrollbar-track-color: #ffffff;}

.reading_div			{ background-color: #FFFFFF; overflow: auto; 
						  scrollbar-3dlight-color:#AAAAAA; scrollbar-arrow-color:#AAAAAA; scrollbar-base-color:#CCCCCC; scrollbar-darkshadow-color:#CCCCCC;
						  scrollbar-face-color:#eeeeee; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#eeeeee; scrollbar-track-color: #ffffff;}


.form_field				{ width: 470px; }

.noborder 				{ border: 0px;}
.clear					{ clear: both; float: none;}
.line					{ border-bottom: 1px solid #000000; font-size: 1px;}

.headlinebar			{ background-color: #FFE66B; border-bottom: 1px solid #000000; padding: 1px 0 1px 6px; font-weight: bold; font-size: 12px;}
.footerbar				{ background-color: #FFE66B; border-top: 1px solid #000000; padding-left: 6px;}

.artist_table_header	{ border-bottom: 1px solid #fff082; padding: 1px 0 1px 0;}
.div_table_header		{ border-bottom: 1px solid #fff082; width: 580px; padding: 1px 0 1px 0;}
.songbox_content		{ border-left: 1px solid #663300; border-right: 1px solid #663300; background-color: #fff484; padding: 20px 20px 20px 20px; }
.songbox_half			{ border-left: 1px solid #663300; border-right: 1px solid #663300; background-color: #fff484; padding: 20px 20px 20px 20px; }
.songbox_search			{ background-color: #ffef7d; border: 1px solid #ffdc67; }

.content_nav_div		{ width: 510px; }
.content_nav 			{ float: left; display: block; padding: 3px 8px 2px 8px; border: 1px solid #ffe66b; margin-right: 6px; margin-top: 6px; color: #000000; -moz-border-radius: 3px; -khtml-border-radius: 3px; }
.content_nav:hover		{ float: left; display: block; padding: 3px 8px 2px 8px; border: 1px solid #DFB841; margin-right: 6px; margin-top: 6px; color: #000000; -moz-border-radius: 3px; -khtml-border-radius: 3px; }
.content_nav_active:hover,
.content_nav_active		{ float: left; display: block; padding: 3px 8px 2px 8px; border: 1px solid #ffe66b; margin-right: 6px; margin-top: 6px; color: #000000; background-color: #ffe66b; -moz-border-radius: 3px; -khtml-border-radius: 3px;}

.info_box				{ background-color: #FFE66B; }
.info_box_inner			{ padding: 10px; }

.icon_style				{ width: 130px; height: 90px; float: left; text-align: center; }


/* --> Folgende Angaben gehoeren zum Datepicker <-- */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}


/* Google Maps */

#map							{ border: 1px solid #000; }

#map .map_entry_div				{ width: 200px;  }
#map .map_entry_div_inner		{ padding: 10px; background-color: #ffe66b; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;}

#extInfoWindow 					{ width: 200px; }
#extInfoWindow_contents			{ }
#extInfoWindow_contents div		{ padding: 0px; border: 0px; }

#extInfoWindow_tl, 
#extInfoWindow_tr, 
#extInfoWindow_bl, 
#extInfoWindow_br				{ width: 1px; height: 1px; }

#extInfoWindow_t				{ height: 1px; }

#extInfoWindow_b				{ height: 1px;}

#extInfoWindow_l, 
#extInfoWindow_r				{ width: 1px; }

#extInfoWindow_beak				{ width: 145px; height: 7px; }

.config_switch_left					{ float: left; width: 20px; margin-bottom: 10px; }
.config_switch_right				{ float: left; width: 460px; margin-left: 5px; margin-bottom: 10px; }