/* HOG CSS */

body {
	margin: 0;	padding: 0;	text-align: center;	background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; 
}
#canvas {
	position: relative; margin: 0 auto;	width: 800px; padding: 0; background-color: #BCDCF5;
	background-image: url(/images/top-bg.gif);
}
#top {
	position: absolute;	top: 0;	left: 0; width: 800px; height: 165px; background-color: #BCDCF5; z-index: 20;
	background-image: url(/images/top-bg.gif);
}

/* CONTENT */
#content {
	position: absolute;	top: 165px;	left: 85px;	width: 630px; margin: 0 auto; padding: 0; z-index: 20; text-align: left; font-size: 1px;
}
#content-top {
	width: 630px; height: 3px; padding: 0; margin: 0; background-repeat: no-repeat;	font-size: 1px;
	background-image: url(/images/frame-top.gif);
}
#content-center {
	background-color: #FFF;	background-repeat: repeat-y; font-family: Arial, Helvetica, sans-serif;	font-size: 12px; padding: 0px 10px 0px 10px; margin: 0;
	background-image: url(/images/frame-center.gif);
}
#content-bottom {
	width: 630px; height: 3px; padding: 0; margin: 0; background-repeat: no-repeat; font-size: 1px;
	background-image: url(/images/frame-bottom.gif);
}


/* FOOTER */
#footer {
	position: absolute;	top: 0px; left: 50%; width: 800px; height: 0; margin-left: -400px; z-index: 10;	background-color: #BCDCF5;
	background-image: url(/images/top-bg.gif);
}
#bg-static {
	position: absolute;	bottom: 0px; left: 1px;	width: 798px; height: 360px; background-repeat: no-repeat;
	background-image: url(/images/bg-static.jpg);	
}
#start-alt {
	position: absolute;	top: 180px;	left: 150px; width: 480px; z-index: 30;	font-family: Arial, Helvetica, sans-serif; font-size: 22px;	font-weight: bold; color: #004573;
}
#start-alt em {
	color: #659ACF;	font-style: normal;	font-size: 28px;
}
#created {
	position: absolute;	bottom: 5px; right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 10px;
}
#created a {
	color: #ACB6A2;	text-decoration: none;
}


/******************/
/*    imedia css  */
/******************/
.clear {
	height: 1px; overflow: hidden; clear: both;
}

.spacer_3 {
	height: 3px; overflow: hidden;
}
.spacer_5 {
	height: 5px; overflow: hidden;
}
.spacer_8 {
	height: 8px; overflow: hidden;
}
.spacer_10 {
	height: 10px; overflow: hidden;
}
.spacer_15 {
	height: 15px; overflow: hidden;
}
.spacer_20 {
	height: 20px; overflow: hidden;
}
.spacer_30 {
	height: 30px; overflow: hidden;
}
.spacer_40 {
	height: 40px; overflow: hidden;
}

#edit_content {
	width: 600px; margin: 0 0 0 5px; padding: 0 0 0 0;
}
	#edit_content h1 {
		margin: 0; padding: 0; height: 25px; overflow: hidden;
	}
	#edit_content h2 {
		font-size: 12px; color: #7A070A; padding: 0; margin: 5px 0 5px 0; font-weight: bold;
	}
	#edit_content p {
		 font-size: 12px; color: #000; margin: 0; padding: 0 0 15px 0;	
	}
	
	#edit_content div.ecard_left {
		width: 290px; float: left; margin: 0 20px 10px 0;
	}
	#edit_content div.ecard_right {
		width: 290px; float: left;  margin: 0 0px 10px 0;
	}
		#edit_content a.ecard_link {
			display: block; float: right; background-repeat: no-repeat; background-position: 0 4px;	padding-left: 10px; font-size: 12px; text-decoration: none; color: #7A070A;
			background-image: url(/images/arrow_right.gif);
		}
		#edit_content a.ecard_link:hover {
			text-decoration: underline;
		}
	#edit_content div.ecard_left_ruck {
		width: 290px; float: left; margin: 0;
	}
	#edit_content div.ecard_right_ruck {
		width: 300px; float: left; margin: 0; padding-left: 10px; background-color: #DFDAD4; height: 195px;
	}
	.h_labels {
		font-size: 12px; font-weight: bold; color: #7A070A;
	}
	.frm_label_name {
		font-size: 12px; color: #000; float: left; width: 40px; margin: 2px 0 0 0;
	}
	.frm_label_email {
		font-size: 12px; color: #000; float: left; width: 40px;  margin: 2px 0 0 0;
	}
	.txt_name {
		width: 96px; height: 16px; border: 1px solid #7A070A; float: left; margin: 0 9px 0 0; font-size: 11px;
	}
	.txt_email {
		width: 96px; height: 16px; border: 1px solid #7A070A; float: left; margin: 0 0 0 2px; font-size: 11px;
	}
	.txt_area {
		height: 41px; border: 1px solid #7A070A; width: 286px; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	}
	.zuruck_lnk {
		width: 40px; display: block; background-repeat: no-repeat; background-position: 0 4px; padding-left: 10px; float: left; font-size: 12px; color: #7A070A;text-decoration: none; margin: 1px 85px 0 0;
		background-image: url(/images/arrow_left.gif);
	}
	.zuruck_lnk:hover {
		text-decoration: underline;
	}
	.vorschau_lnk {
		width: 55px; display: block; background-repeat: no-repeat; background-position: 0 4px; padding-left: 9px; float: left; font-size: 12px; color: #7A070A; text-decoration: none; margin: 1px 7px 0 0;
		background-image: url(/images/arrow_right.gif);
	}
	.vorschau_lnk:hover {
		text-decoration: underline;
	}
	form {
		padding: 0; margin: 0;
	}
	.ruck_hinweiss {
		font-size: 10px; color: #000; margin: 6px 0 0 300px;
	}
/*popups*/	
#vorschau_div {
	width: 420px; height: 280px; position: relative;
}
	#vorschau_div a.pop_lnk_ruck {
		display: block; background-position: 0 4px; padding-left: 10px; position: absolute; bottom: 3px; right: 15px; background-repeat: no-repeat; color: #FFF; font-weight: bold; font-size: 12px; text-decoration: none;
		background-image: url(/images/arrow_right_white.gif);
	}
	#vorschau_div a.pop_lnk_ruck:hover {
		text-decoration: underline;
	}
#nachricht_div {
	width: 420px; height: 280px; background-color: #DFDAD4; text-align: left;
}
	#nachricht_div div.inner_wrap {
		width: 390px; margin: 0px 0 10px 15px; position: relative;
	}
	#nachricht_div div.heart_img {
		position: absolute; top: -5px; right: 0px; width: 113px; height: 123px; z-index: 1; 
	}
	#nachricht_div div.txtarea_div {
		position:relative; z-index: 2; 
	}
	#nachricht_div span.txt {
		font-size: 12px; color: #000;
	}
	#nachricht_div a.mail {
		font-size: 12px; color: #000;
	}
	.nachricht_txt {
		width: 375px; height: 115px; border: 1px solid #7A070A;	font-size: 12px; font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF; padding: 5px;
	}
	#nachricht_div a.antwort {
		display: block; float: right; background-repeat: no-repeat; background-position: 0 4px;	font-size: 12px; color: #7A070A; padding-left: 10px; width: 54px; text-decoration: none; margin: 0 20px 0 0;
		background-image: url(/images/arrow_right.gif); 
	}
	#nachricht_div a.antwort:hover {
		text-decoration: underline;
	}	
	#nachricht_div a.vorder {
		display: block; float: right; background-repeat: no-repeat; background-position: 0 4px; font-size: 12px; color: #7A070A; font-weight: bold; padding-left: 10px; width: 90px; text-decoration: none;
		background-image: url(/images/arrow_right.gif);
	}
	#nachricht_div a.vorder:hover {
		text-decoration: underline;
	}
.presse_container {
	
}
	.wrap_box {
		width: 290px; float: left; position: relative;
	}
	.presse_text { 
		width: 130px; float: left; margin: 0 10px 0 0; 
	}
		.presse_text h4 {
			font-size: 12px; color: #7A070A; margin: 0 0 5px 0; padding: 0; 
		}
		.presse_text p {
			font-size: 12px; margin: 0; padding: 0;
		}
	.presse_img {
		width: 150px; float: left;	
	}
	.presse_spacer {
		width: 20px; float: left; display: block;
	}
	.presse_down_1 {
		display: block; position: absolute; bottom: 0px; left: 65px; background-repeat: no-repeat; background-position: 0 6px; padding-left: 10px; text-decoration: none; color: #7A070A; font-size: 12px;
		background-image: url(/images/download.gif);
	}
	.presse_down_1:hover {
		text-decoration: underline;
	}
.newsletter_labels {
	width: 95px; float: left; font-size: 12px; color: #000; margin: 2px 0 0 0;
}
.newletter_hinweiss {
	font-size: 10px; color: #000;
}
.newsletter_txt {
	width: 141px; height: 16px; border: 1px solid #7A070A; float: left;
}

/* news */
.news_container {
	position: relative; width: 600px;
}
	.news_text {
		width: 435px; float: left; margin: 0 15px 0 0; 
	}
		.news_text h2 {
			font-size: 12px; font-weight: bold; margin: 0 0 5px 0; padding: 0; color: #7A070A;
		}
		.news_text p {
			font-size: 12px; color: #000; padding: 0; margin: 0;
		}
	.news_img {
		width: 150px; float: left;
	}
	.news_mehr {
		display: block; position: absolute; bottom: 8px; left: 395px; background-repeat: no-repeat; width: 40px; height: 12px; overflow:hidden;
		background-image: url(/images/button_mehr.gif);
	}
	.news_mehr:hover {
		background-position: 0 -12px;
	}
	.news_zuruck {
		display: block; position: absolute; top: 8px; left: 390px; background-repeat: no-repeat; width: 45px; height: 12px; overflow:hidden;
		background-image: url(/images/button_zuruck.gif);
	}
	.news_zuruck:hover {
		background-position: 0 -12px;
	}
/* turnier kalender */
.td_text {
	padding: 5px 0 5px 15px; font-size: 12px; color: #000;
}
.td_text_red_bold {
	padding: 5px 0 5px 15px; font-size: 12px; color: #7A070A; font-weight: bold;
}
.td_link {
	font-size: 12px; color: #7A070A; text-decoration: none;
}
.td_link:hover {
	text-decoration: underline;
}

/* hotel */
.hotel_mehr {
	display: block; position: absolute; bottom: 0px; left: 90px; background-repeat: no-repeat;width: 40px; height: 12px; overflow:hidden;
	background-image: url(/images/button_mehr.gif);
}
.hotel_mehr:hover {
	background-position: 0 -12px;
}
.hotel_text { 
		width: 130px; float: left; margin: 0 10px 0 0; font-size: 10px; color: #7A070A;
	}
		.hotel_text h4 {
			font-size: 12px; color: #7A070A; margin: 0 0 5px 0; padding: 0;
		}
/* kleinanzeigen */
.logout_lnk {
	display: block; background-repeat: no-repeat; padding-left: 10px; background-position: 0 4px; font-size: 12px; color: #7A070A; text-decoration: none; float: left; margin: 0 0 0 183px;
	background-image: url(/images/arrow_right.gif);
}
.logout_lnk:hover {
	text-decoration: underline; background-position: 0 4px;
}
.anzeige_aufgeben_lnk {
	display: block; background-repeat: no-repeat; padding-left: 10px; background-position: 0 4px; font-size: 12px; color: #7A070A; text-decoration: none;
	background-image: url(/images/arrow_right.gif);
}
.anzeige_aufgeben_lnk:hover {
	text-decoration: underline; 
}
.td_anzeige_txt {
	padding: 10px; font-size: 12px; color: #000;
}
.anzeige_headline_bold {
	font-size: 12px; color: #7A070A; font-weight: bold;  padding: 0 0 5px 0; display: block;
}
.anzeige_headline {
	font-size: 12px; color: #7A070A; padding: 0 0 5px 0; display: block;
}

/* clubs */
#paging_navi {
	padding-bottom: 5px;
}
#paging_navi div.subnavi_sep {
	float: left; width: 1px; height: 14px; overflow: hidden; background-color:#9B4447;
}	
	#paging_navi a.drucken {
		background-repeat: no-repeat; display: block; float: left; margin: 0 14px 0 0; width: 50px; height: 10px; overflow: hidden;
		background-image: url(/images/button_drucken.gif);
	}
	#paging_navi a.drucken:hover {
		background-position: 0 -10px;
	}
	#paging_navi a.weiterleiten {
		background-repeat: no-repeat; display: block; float: left; width: 70px; height: 10px; overflow: hidden;
		background-image: url(/images/button_weiterleiten.gif); 
	}
	#paging_navi a.weiterleiten:hover {
		background-position: 0 -10px;
	}
	
#red_line {
	height: 1px; overflow: hidden; background-color: #7A070A;
}
.club_img {
	width: 300px; float: left; margin: 0 0 0 15px; display: inline;
}
.club_img_2 {
	width: 315px; float: left; margin: 0 0 0 0px; display: inline;
}
.club_txt {
	float: left; width: 135px; font-size: 10px; color: #7A070A;
}
.club_txt a {
	font-size: 10px; color: #7A070A; text-decoration: none;
}
.club_txt a:hover {
	text-decoration: underline;
}
.club_txt_2 {
	float: left; width: 135px; margin: 0 20px 0 0; font-size: 10px; color: #7A070A;
}
.club_column_1 {
	width: 290px; float: left; margin: 0 20px 0 0; color: #7A070A; font-size: 10px;	
}	
	.club_column_1 span.underline_h {
		color: #7A070A; font-size: 10px; text-decoration: underline; font-weight: bold;
	}

.club_column_2 {
	width: 290px; float: left;
}
.number_paging {
	text-align: center;
}
	.number_paging a.prev {
		background-image: url(/images/arrow_left.gif);
		background-repeat:no-repeat; font-size: 11px; text-decoration: none; background-position: 0 4px;
	}
	.number_paging a.next {
		background-image: url(/images/arrow_right.gif);
		background-repeat:no-repeat; font-size: 11px; text-decoration: none; background-position: 1px 4px;
	}
	.number_paging a.page_nr {
		color: #7A070A; font-size: 10px; text-decoration: none; margin: 0 6px 0 6px;
	}
	.number_paging a.page_nr:hover {
		text-decoration: underline;
	}
	.number_paging a.page_nr-sel {
		color: #C51318; font-size: 10px; font-weight: bold; text-decoration: none; margin: 0 6px 0 6px;
	}
	.number_paging span {
		color: #7A070A; font-size: 10px;
	}
	
.club-map-main {
	position: relative;
}
	
#map-1 {
	position: absolute; left: 245px; top: 18px; width: 140px; display: none;
}
#map-2 {
	position: absolute; left: 151px; top: 43px; width: 220px; display: none;
}
#map-3 {
	position: absolute; left: 256px; top: 43px; width: 210px; display: none;
}
#map-4 {
	position: absolute; left: 121px; top: 68px; width: 250px; display: none;
}
#map-5 {
	position: absolute; left: 262px; top: 96px; width: 240px; display: none;
}
#map-6 {
	position: absolute; left: 108px; top: 108px; width: 230px; display: none;
}
#map-7 {
	position: absolute; left: 328px; top: 123px; width: 245px; display: none;
}
#map-8 {
	position: absolute; left: 225px; top: 170px; width: 220px; display: none;
}
#map-9 {
	position: absolute; left: 335px; top: 205px; width: 240px; display: none;
}
#map-10 {
	position: absolute; left: 39px; top: 247px; width: 220px; display: none;
}
#map-11 {
	position: absolute; left: 260px; top: 261px; width: 210px; display: none;
}
#map-12 {
	position: absolute; left: 421px; top: 245px; width: 210px; display: none;
}
#map-13 {
	position: absolute; left: 81px; top: 6px; width: 210px; display: none;
}

.club-distance {
	padding: 2px 5px 2px 5px; _padding: 2px 5px 0px 5px; border: 1px solid #740000; font-size: 10px; color: #740000; background-color: #fff;
}
.club-distance .club-distance-text {
	 float: left;
}
.club-distance .club-distance-km {
	 float: right;
}	
	
/*greenfee card*/	
.greenfee_left {
	width: 275px; float: left; margin: 0 30px 0 0; position: relative;
}
.greenfee_right {
	width: 275px; float: left;  position: relative;
}
.fee_img {
	width: 120px; float: left; margin: 0 15px 0 0;
}
.fee_text {
	width: 135px; float: left; font-size: 12px; color: #000;
}
	.fee_text span.fee_head {
		font-size: 14px; color: #7A070A; font-weight: bold;
	}
	.fee_text span.fee_preiss {
		font-size: 12px; color: #7A070A; font-weight: bold;
	}

/* merchandise */
.merchandise_left {
	width: 290px; float: left; margin: 0 20px 0 0; position: relative;
}
.merchandise_right {
	width: 290px; float: left; position: relative;
}
	.merchandise_img {
		width: 120px; float: left; margin: 0 15px 0 0;
	}
	.merchandise_text {
		width: 155px; float: left;
	}
		.merchandise_text span.head {
			font-size: 14px; color: #7A070A; font-weight: bold;
		}
		.merchandise_text span.preiss {
			font-size: 12px; color: #7A070A; font-weight: bold;
		}

		
/* bestellen */
.bestellen-container .red-headline {
	font-size: 1.2em; color: #7A070A; font-weight: bold;
}
.bestellen-container .red-text {
	color: #7A070A;
}
.bestellen-container .text-small {
	font-size: 0.80em;
}

.bestellen-container .table {
	background-color: #DFDAD4;
}
.bestellen-container .td-image {
	width: 95px; padding: 8px 0px 8px 0px; vertical-align: top; text-align: center;
}
.bestellen-container .td-text {
	width: 250px; padding: 8px 5px 8px 0px; vertical-align: top;
}
.bestellen-container .td-separator {
	width: 1px; background-color:#FFFFFF; overflow: hidden;
}
.bestellen-container .td-quantity {
	width: 136px; padding: 0px 15px 8px 10px; vertical-align:bottom;
}
.bestellen-container .td-sum {
	width: 110px; padding: 0px 8px 12px 10px; vertical-align: bottom;
}
.bestellen-container .td-total {
	text-align: right; background-color:#FFF; height: 35px; padding: 0 8px 0 0;
}
.bestellen-container .td-separator-line {
	background-repeat:repeat-x; background-color:#FFF; height: 4px;
	background-image: url(/images/separator_bestellen_line.gif);
}
.bestellen-container .td-form-text {
	width: 70px; padding: 10px 0px 0px 0px;
}
.bestellen-container .td-form-input {
	width: 70px; padding: 10px 40px 0px 0px;
}
.bestellen-container .sume {
	color: #7A070A; font-size: 1em; float: right; font-weight: bold;
}

.txt_price {
	width: 39px; border: 0px; font-size: 12px;  background-color: #DFDAD4; color: #7A070A; font-weight: bold; margin: 0; text-align: right;
}
.txt_quantity {
	width: 35px; border: 1px solid #7A070A; float: left; margin: 0 4px 0 0; font-size: 12px;
}
.txt_form {
	border: 1px solid #7A070A; font-size: 12px; width: 145px;
}
.txt_select {
	border: 1px solid #7A070A; font-size: 12px; width: 145px;
}