/**
 *
 * Startscreen 3-Column Layout Stylesheet for 4youcard.at
 * 
 *
 * @author	Alex Buchgeher <a.buchgeher@cyberhouse.at>
 * created on 2007-03-01
 *
 *
 */




@import url(navigation.css);
@import url(baselayout.css);
@import url(contentboxes_sublevel.css);
@import url(tx_photogallery.css);
@import url(tx_sendcard.css);


/*-----------------------------------------------



  content section (navi, content columns)



-----------------------------------------------*/


/* left column */
#left {
	width: 222px;
	float: left;
	padding: 8px 9px 0 9px;
	margin: 0;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	
	width: 204px;
}
html>body #left {
	width: 204px;
}
/* center column */
#middle {
	width: 504px;
	float: left;
	padding: 9px 9px 0 0;
	margin: 0;

	voice-family:"\"}\"";
	voice-family:inherit;
	width: 495px;
}
* html #middle {
	margin-left: -3px;
}
html>body #middle {
	width: 495px;
}
/* right column */
#right {
	width: 200px;
	float: right;
	padding: 9px 9px 0 0;
	margin: 0;
	
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 191px;
}
html>body #right {
	width: 191px;
}











/*-----------------------------------------------------------


	plugin tx-cbhsmap
	

-----------------------------------------------------------*/

.mapWrapperStartpage {
	position: relative;
 	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
/*.markCoords {
	position: absolute;
	background: url(images/point.gif) center no-repeat;
	width: 5px;
	height: 5px;
}*/
.greenMapMarker {
	position: absolute;
	background: url(images/point_bigger_green.gif) center no-repeat;
	width: 10px;
	height: 10px;
}
.blueMapMarker {
	position: absolute;
	background: url(images/point_bigger_blue.gif) center no-repeat;
	width: 10px;
	height: 10px;
}
#blueMap, #greenMap {

	cursor: crosshair;
	cursor: pointer;
}


.tabbed-contentbox {
	width: 342px;
	border: none;
}
.tabbed-contentbox #blue-tab, .tabbed-contentbox #green-tab {
	display: block;
	float: left;
	width: 171px;
	height: 20px;
	background: #fff url(images/tab-blue.jpg) center no-repeat;
	text-align: center;
	font-weight: bold;
}
.tabbed-contentbox #green-tab {
	float: right;
	display: block;
	background: #fff url(images/tab-green.jpg) center no-repeat;
}
.tabbed-contentbox a {
	display: block;
	padding: 3px 0 0 0;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.tabbed-contentbox-content-wrapper {
	background: #fff;
	display: block;
	margin: 0 0 10px 0;
}
/*.tabbed-contentbox-content {
	display: block;
	padding: 32px 8px 8px 8px;
}*/
#green-box { 
	background: #99cc00;
	text-align: center;
	display: block;
}
#blue-box { 
	background: #00ccff;
	display: none;
	text-align: center;
}











	/*-----------------------------------------------
		col3 (right column), tabbed box
	-----------------------------------------------*/

	.tabbed-contentbox {
		width: 190px;
		border: none;
	}
	.tabbed-contentbox #blue-tab, .tabbed-contentbox #green-tab {
		display: block;
		float: left;
		width: 95px;
		height: 20px;
		background: #fff url(images/tab-blue_rechts.jpg) center no-repeat;
		text-align: center;
		font-weight: bold;
	}
	.tabbed-contentbox a {
		display: block;
		padding: 3px 0 0 0;
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
	}
	.tabbed-contentbox #green-tab {
		float: right;
		display: block;
		background: #fff url(images/tab-green_rechts.jpg) center no-repeat;
	}
	.tabbed-contentbox-content-wrapper {
		background: #fff;
		display: block;
		margin: 0 0 8px 0;
	}
	/*.tabbed-contentbox-content {
		display: block;
		padding: 32px 8px 8px 8px;
	}*/
	#green-box { background: #99cc00; display: none; }
	#blue-box { background: #00ccff;}
	
	#vorteil-box, #event-box {margin-top:1px;}

	/*---------------------------------------------------------------------------------*/
	/*--- db-resultate vorteilsgeber ---*/
	/*---------------------------------------------------------------------------------*/
	.result-vorteilsgeber {
		color: #000000;
		margin-:10px 0px 10px 0px;
	}
	.result-vorteilsgeber-header {
		background: url(images/suchmaske-vg-header.jpg) no-repeat;
		height: 18px;
		color: #ffffff;
		font-weight: bold;
		padding: 2px 0px 0px 10px;
		margin: 1px 0 0 0;
	}
	.result-vorteilsgeber-content {
		margin-bottom: 10px;
	}
	.result-vorteilsgeber-item {
		background: #b2f0ff;
		margin-top:1px;
		/*height: 100px;*/
		padding: 10px;
	}
	.result-vorteilsgeber-image {
		width: 125px;
		height: 100px;
	 /* background: #ECFBFF; */
		float: left;
		text-align: center;
	}
	.result-vorteilsgeber-text {
		/*height: 100px;*/
		float: left;
		padding-left: 10px;
		width: 70%;
	}
	.vorteilsgeber-headline {
		font-weight: bold;
		float: none;
	}
	.vorteilsgeber-content {
		float: none;
	}
	
	/*---------------------------------------------------------------------------------*/
	/*--- db-resultate events ---*/
	/*---------------------------------------------------------------------------------*/
	.result-events {
		color: #000000;
		margin-bottom:10px;
	}
	.result-events-header {
		background: url(images/suchmaske-event-header.jpg) no-repeat;
		height: 18px;
		color: #ffffff;
		font-weight: bold;
		padding: 2px 0px 0px 10px;
		margin: 1px 0 0 0;
	}
	.result-events-content {
		margin-bottom: 10px;
	}
	.result-events-item {
		background: #cce680;
		margin-top:1px;
		/*height: 100px;*/
		padding: 10px;
	}
	.result-events-image {
		width: 125px;
		/*height: 100px;*/
		/*background: #E5F2BF;*/
		float: left;
		text-align: center;
	}
	.result-events-text {
		width: 70%;
		float: left;
		padding-left: 10px;
	}
	.result-events-morefun {
		width: 50px;
		height: 50px;
		float: left;
	}
	.events-headline {
		font-weight: bold;
		float: none;
	}
	.events-content {
		float: none;
	}
	/*---------------------------------------------------------------------------------*/
	/*--- personalisierte events ---*/
	/*---------------------------------------------------------------------------------*/
	.latest-events {
		/*width: 342px;*/
		color: #000000;
		margin-bottom: 10px;
	}
	.latest-events-header {
		background: url(images/343-gruen.jpg) no-repeat;
		height: 17px;
		padding: 3px 0px 0px 10px;
		color: #ffffff;
		font-weight: bold;
	}
	.latest-events-content { margin: 0 0 10px 0;}
	.latest-events-item {
		width: auto;
		background: #cce680;
		margin-top:1px;
	/*	height: 100px;*/
		padding: 10px;
	}
	.latest-events-image {
		width: 100px;
	/*  background: #ECFBFF; */
		float: left;
		text-align: center;
	}
	.latest-events-text {
		float: left;
		padding-left: 10px;
		width: 60%;
	}
	
	/*---------------------------------------------------------------------------------*/
	/*--- suchmaske vorteilsgeber - neu ---*/
	/*---------------------------------------------------------------------------------*/
	.vg-suchmaske {
		margin-bottom: 7px;
	}
	.vg-suchmaske-header {
		background: #ffffff url(images/suchmaske-vg-header.jpg) no-repeat;
		height: 17px;
		padding: 3px 0px 0px 10px;
		border-bottom: 1px solid #ffffff;
		font-weight: bold;
		color: #ffffff;
	}
	.vg-suchmaske-content {
		padding: 9px;
		/*height: 300px;*/
		background: #00ccff;
	}
	.vg-suchmaske-parameter {
		background: #ebfafd;
		float: left;
		width: 49%;
		/*height: 100%;*/
	}
	.vg-suchmaske-parameter-header {
		background: url(images/vorteilsgebersuche.jpg) no-repeat;
		height: 41px;
	}
	.vg-suchmaske-parameter-formular {
		padding-left: 9px;
	}
	.vg-suchmaske-parameter-formular select {
		border: 1px solid #00ccff;
		margin-bottom: 5px;
	}
	.vg-suchmaske-parameter-formular .submit-button {
		background: #00ccff url(images/vg-suchmaske-submit.jpg) no-repeat;
		color: #fff;
		width: 70px;
		height: 22px;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		border: none;
	}
	.vg-suchmaske-parameter-abc {
		padding: 0px 0px 0px 9px;
		margin: 10px 0px 10px 0px;
	}
	.vg-suchmaske-parameter-abc input {
		background: #00ccff;
		color: #fff;
		border: 1px solid #fff;
		margin: 1px;
		width: 30px;
		font-weight: bold;
		height:22px;
		font-size:13px;
	}
	.vg-suchmaske-landkarte {
		background: blue;
		float:left;
		width: 49%;
	}
	.vg-suchmaske-landkarte #blue-box { 
		background: #00ccff;
		text-align: center;
		display: block;
	}
	/*---------------------------------------------------------------------------------*/
	/*--- suchmaske events - neu ---*/
	/*---------------------------------------------------------------------------------*/
	.event-suchmaske {
		margin-bottom: 7px;
	}
	.event-suchmaske-header {
		background: #ffffff url(images/suchmaske-event-header.jpg) no-repeat;
		height: 17px;
		padding: 3px 0px 0px 10px;
		border-bottom: 1px solid #ffffff;
		font-weight: bold;
		color: #ffffff;
	}
	
	.event-suchmaske-header-archiv { 
		background: #ffffff url(images/495-gruen.jpg) no-repeat;
		height: 17px;
		padding: 3px 0px 0px 10px;
		border-bottom: 1px solid #ffffff;
		font-weight: bold;
		color: #ffffff;
	}
	
	.event-suchmaske-content {
		padding: 9px;
		height: 270px;
		background: #99cc00;
	}
	.event-kalendar-content {
		padding: 9px;
		background: #f2fdd3;
		margin-bottom: 9px;
	}
	.event-kalendar-content th {
		text-align: left;
		font-weight: bold;
	}
	.event-kalendar-item td{
		padding: 5px 0px 5px 0px;
		border-bottom: 1px solid #99cc00;
	}
	
	.event-suchmaske-parameter {
		background: #f2fdd3;
		float: left;
		width: 49%;
		height: 100%;
	}
	.event-suchmaske-parameter-header {
		background: url(images/eventsuche.jpg) no-repeat;
		height: 41px;
		margin-bottom: 20px;
	}
	.event-suchmaske-parameter-formular {
		padding-left: 9px;
	}
	.event-suchmaske-parameter-formular select {
		border: 1px solid #99cc00;
		margin-bottom: 8px;
	}
	.event-suchmaske-parameter-formular .submit-button {
		background: #99cc00 url(images/event-suchmaske-submit.jpg) no-repeat;
		color: #fff;
		width: 70px;
		height: 22px;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		border: none;
	}
	.event-suchmaske-parameter-abc {
		padding: 0px 0px 0px 9px;
		margin: 20px 0px 10px 0px;
	}
	.event-suchmaske-parameter-abc input {
		background: #99cc00;
		color: #fff;
		border: 1px solid #fff;
		margin: 1px;
		width: 30px;
		font-weight: bold;
		height:22px;
		font-size:13px;
	}
	.event-suchmaske-landkarte {
		float:left;
		width: 49%;
	}
	.event-suchmaske-landkarte #green-box { 
		background: #99cc00;
		text-align: center;
		display: block;
	}
	/*-------------------------------------------------------------------------------*/
	/*--- zufällige vorteilsgeber + personalisierte vorteilsgeber ---*/
	/*-------------------------------------------------------------------------------*/
	.latest-vorteilsgeber {
		color: #000000;
		margin-bottom:10px;
	}
	.latest-vorteilsgeber-header {
		background: url(images/343-blau.jpg) no-repeat;
		height: 17px;
		padding: 3px 0px 0px 10px;
		color: #ffffff;
		font-weight: bold;
	}
	.latest-vorteilsgeber-content {
	}
	.latest-vorteilsgeber-item {
		width: auto;
		background: #b2f0ff;
		margin-top:1px;
	/*	height: 100px;*/
		padding: 10px;
	}
	.latest-vorteilsgeber-image {
		/*height: 100px;*/
		width: 100px;
	/*  background: #ECFBFF; */
		float: left;
		text-align: center;
	}
	.latest-vorteilsgeber-text {
		float: left;
		padding-left: 10px;
		width: 60%;
	}
	.vorteilsgeber-headline {
		font-weight: bold;
	}
	
	/*---------------------------------------------------------------------------------*/
	/*--- singleview vorteilsgeber ---*/
	/*---------------------------------------------------------------------------------*/

	.backlink {
		text-align: right;
	}
	.single-vorteilsgeber {
		background: #fff;
	}
	.single-vorteilsgeber-title {
		height: 17px;
		color: #fff;
		font-weight: bold;
		padding: 3px 0px 0px 10px;
		background: #ffffff url(images/495-blau.jpg) no-repeat;
	}
	.single-vorteilsgeber-content-container {
		background: #b2f0ff;
		margin-top: 1px;
		padding: 10px;
	}
	.single-vorteilsgeber-image {
		width: 170px;
		height: 170px;
		float: left;
		background: #fff;
	}
	.single-vorteilsgeber-content {
		float: left;
		color: #000;
		padding-left: 10px;
		width: 60%;
	}
	.single-vorteilsgeber-vorteil {
		background: #b2f0ff;
		margin-top: 1px;
		padding: 10px;
	}
	
	/*---------------------------------------------------------------------------------*/
	/*--- singleview events ---*/
	/*---------------------------------------------------------------------------------*/
	
	.single-event {
		background: #fff;
	}
	.single-event-title {
		height: 17px;
		color: #fff;
		font-weight: bold;
		padding: 3px 10px 0px 10px;
		background: #ffffff url(images/495-gruen.jpg) no-repeat;
	}
	.single-event-title-name {
		float:left;
	}
	.single-event-title-category {
		float: right;
		text-align: right;
		text-transform: uppercase;
	}
	.single-event-content-container {
		background: #cce680;
		margin-top: 1px;
		padding: 10px;
		height: 170px;
	}
	.single-event-image {
		width: 170px;
		height: 170px;
		float: left;
		background: #cce680;
	}
	.single-event-content {
		float: left;
		color: #000;
		margin-left: 10px;
		width: 60%;
	}
	.single-event-morefun {
		text-align: right;
		padding-top:5px;
	}
	.single-event-vorteil {
		background: #cce680;
		margin-top: 1px;
		padding: 10px;
	}
	
	.single-event-vorteil form{
	 	margin: 0 0 0 0;
	 	padding: 0 0 5px 0;
	}
	.single-event-vorteil input{ 
		border:1px solid #D4D0C8; 
		width:120px; 
		height:22px !Important; height:23px; 
		background-color:#ffffff;  
		color:#000000; 
		font-size:12px; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	}
	
	
	/*---------------------------------------------------------------------------------*/
	/*--- ermaeßigung events ---*/
	/*---------------------------------------------------------------------------------*/
	.event-detail {
		margin-bottom: 10px;
	}
	.event-detail .detail-header {
		background: url(images/detail-header.jpg) no-repeat;
		padding: 40px 0px 0px 10px;
		height: 21px;
	}
	.event-detail .detail-content {
		background: #f3c63e;
		width: 189px;
		text-align: center;
		font-size: 200%;
		font-weight: bold;
	}
	.event-detail .detail-footer {
		background: url(images/detail-footer.jpg) no-repeat;
		height: 15px;
	}
	/*---------------------------------------------------------------------------------*/
	/*--- ermaeßigung vorteilsgeber ---*/
	/*---------------------------------------------------------------------------------*/
	.vorteilsgeber-detail {
		margin-bottom: 10px;
	}
	.vorteilsgeber-detail .detail-header {
		background: url(images/detail-header.jpg) no-repeat;
		height: 61px;
	}
	.vorteilsgeber-detail .detail-content {
		background: #f3c63e;
		width: 184px;
		padding-left: 5px;
		
	}
	.vorteilsgeber-detail .detail-footer {
		background: url(images/detail-footer.jpg) no-repeat;
		height: 15px;
	}
	
	/*---------------------------------------------------------------------------------*/
	/*--- suchformular vorteilsgeber ---*/
	/*---------------------------------------------------------------------------------*/

	.searchform {
		width: 190px;
		background: #fff;
		margin-bottom: 10px;
	}
	.searchform-header {
		width: 190px;
		height: 17px;
		font-weight: bold;
		color: #fff;
		background: #00ccff url(images/headerbg_rechts_blue.gif) no-repeat;
		padding: 3px 0px 0px 10px;
	}
	.searchform-content, .searchform-content-abc {
		background: #D8F4FB;
		padding: 10px;
		margin-top: 1px;
	}
	.searchform-content input, .searchform-content select {
		margin-bottom: 5px;
	}
	.searchform-content .submit-button {
		background: #00ccff;
		color: #fff;
		border: 1px solid #fff;
		font-weight: bold;
	}
	.searchform-content-abc input {
		background: #00ccff;
		color: #fff;
		border: 1px solid #fff;
		font-weight: bold;
		margin: 1px;
		width: 28px;
	}
	/*---------------------------------------------------------------------------------*/
	/*--- suchformular events ---*/
	/*---------------------------------------------------------------------------------*/

	.event-searchform {
		width: 190px;
		background: #fff;
		margin-bottom: 10px;
	}
	.event-searchform-header {
		width: 190px;
		height: 17px;
		font-weight: bold;
		color: #fff;
		background: #cce680 url(images/headerbg_rechts_green.gif) no-repeat;
		padding: 3px 0px 0px 10px;
	}
	.event-searchform-content, .event-searchform-content-abc {
		background: #E5FBA3;
		padding: 10px;
		margin-top: 1px;
	}
	.event-searchform-content input, .event-searchform-content select {
		margin-bottom: 5px;
	}
	.event-searchform-content .submit-button {
		background: #99cc00;
		color: #fff;
		border: 1px solid #fff;
		font-weight: bold;
	}
	.event-searchform-content-abc input {
		background: #99cc00;
		color: #fff;
		border: 1px solid #fff;
		font-weight: bold;
		margin: 1px;
		width: 28px;
	}
	
	/*-----------------------------------------------------------------------------------*/
	/*--- tip a friend - formular ---*/
	/*-----------------------------------------------------------------------------------*/
	
	.tipUrl {
		margin-bottom: 30px;
		text-align: center;
	}
	.tipUrl a {
		color: #000000;
		text-decoration: underline;
		font-weight: bold;
	}
	.tipUrl a:hover {
		text-decoration: none;
	}
	
	.tipError {
		background: #fdf4d9;
		font-weight:bold;
	}

	
	/*-----------------------------------------------------------------------------------*/
	/*--- gästebuch - einträge ---*/
	/*-----------------------------------------------------------------------------------*/
	
	.countGuestbook { padding: 0 0 0 10px;}
	.noGuestbookEntries { background-color: #fcc584; padding:5px 0 5px 10px; font-weight:bold; margin:-8px 0 0 0;}
	.guestbook-form { margin:0 0 0 0; padding:10px 0 5px 10px;}
	.guestbook-form form{ margin:0 0 0 0; padding:0 0 0 ;}
	
	.gb-pagebrowser {
		margin-bottom: 10px;
	}
	.gb-pagebrowser a {
		color: #000000;
		text-decoration: none;
	}
	.gb-pagebrowser a:hover {
		text-decoration: underline;
	}
	.guestbook-wrapper {
		float: none;
	}
	.guestbook-name {
		float: left;
	}
	.guestbook-email {
		float: right;
		text-align: right;
	}
	.gb-entry-email-link {
		color: #000000;
		text-decoration: underline;
		padding: 0 10px 0 0;
	}
	.gb-entry-email-link:hover {
		text-decoration: none;
	}

	/*--------------------------------------------------------------------------------------*/
	/*--- globale definition input-formular ---*/
	/*--------------------------------------------------------------------------------------*/

	fieldset.csc-mailform {
		border: none !important;
	}
	.input-text-container {
/*		float: none;*/
		height: 30px;
		clear: both;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}
	.input-comment-container {
/*		height: 120px;
		float: none;*/
		clear: both;
	}
	.input-captcha-container {
/*		float: none;*/
/*		height: 160px;*/
/*		width: 245px;*/
		margin-left: 120px;
		padding: 0 0 10px 0;
	}
	.input-label {
		width: 120px;
		float: left;
	}
	.input-field {
		float: left;
		width: 205px;
	}
	.input-field input {
		border: 1px solid #f0b300;
		margin-bottom: 10px;
	}
	.input-field-text {
		border: 1px solid #f0b300;
		width: 242px;
		margin-bottom: 0px;
	}
	.input-field textarea, .input-field-comment {
		width: 242px;
		height: 120px;
		border: 1px solid #f0b300;
		margin-bottom: 10px;
	}
	.input-field .csc-mailform-submit, .input-submit {
		background: #fdf4d9;
		color: #000000;
		font-weight: bold;
		margin: 10px 0px 10px 0px;
		font-size: 10px;
		border: 1px solid #f0b300;
	}
	
	.commentDate { float:left;}
	.commentName { float:right; padding: 0 10px 0 0}
	.commentEmail { float:right;}
	.commentSubject { font-weight:bold;}