/**
 *
 * 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_news.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;
}
#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;}

	.result-vorteilsgeber {
		width: 498px;
		color: #000000;
		margin-bottom:10px;
	}
	.result-vorteilsgeber-header {
		background: url(images/headerbg_mitte_blue.gif) no-repeat;
		height: 18px;
		width: 488px;
		color: #ffffff;
		font-weight: bold;
		padding: 2px 0px 0px 10px;
	}
	.result-vorteilsgeber-content {
		width: 498px;
	}
	.result-vorteilsgeber-item {
		width:498px;
		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;
		width: 350px;
		float: left;
		padding-left: 10px;
	}
	.vorteilsgeber-headline {
		font-weight: bold;
		float: none;
	}
	.vorteilsgeber-content {
		float: none;
	}
	
	/*db-resultate events begin*/
	.result-events {
		width: 498px;
		color: #000000;
		margin-bottom:10px;
	}
	.result-events-header {
		background: url(images/headerbg_mitte_green.gif) no-repeat;
		height: 18px;
		width: 488px;
		color: #ffffff;
		font-weight: bold;
		padding: 2px 0px 0px 10px;
	}
	.result-events-content {
		width: 498px;
	}
	.result-events-item {
		width:498px;
		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 {
		height: 100px;
		width: 350px;
		float: left;
		padding-left: 10px;
	}
	.events-headline {
		font-weight: bold;
		float: none;
	}
	.events-content {
		float: none;
	}
	/*db-resultate events ende*/
	.latest-events {
		width: 342px;
		color: #000000;
		margin-bottom: 10px;
	}
	.latest-events-header {
		background: url(images/latest_events.gif) no-repeat;
		height: 20px;
		width: 342px;
	}
	.latest-events-content {
		width: 342px;
	}
	.latest-events-item {
		width:342px;
		background: #cce680;
		margin-top:1px;
		height: 100px;
		padding: 10px;
	}
	.latest-events-image {
		width: 125px;
		height: 100px;
		background: #ffffff;
		float: left;
	}
	.latest-events-text {
		height: 100px;
		width: 190px;
		float: left;
		padding-left: 10px;
	}
	
	/*---------------------------------------------------------------------------------*/
	/*--- singleview vorteilsgeber ---*/
	/*---------------------------------------------------------------------------------*/

	.backlink {
		text-align: right;
	}
	.single-vorteilsgeber {
		width: 488px;
		background: #fff;
	}
	.single-vorteilsgeber-title {
		width: 488px;
		height: 17px;
		color: #fff;
		font-weight: bold;
		padding: 3px 0px 0px 10px;
		background: #ffffff url(images/headerbg_mitte_blue.gif) no-repeat;
	}
	.single-vorteilsgeber-content-container {
		background: #b2f0ff;
		margin-top: 1px;
		width: 488px;
		padding: 10px;
		height: 170px;
	}
	.single-vorteilsgeber-image {
		width: 170px;
		height: 170px;
		float: left;
		background: #fff;
	}
	.single-vorteilsgeber-content {
		float: left;
		color: #000;
		margin-left: 10px;
	}
	.single-vorteilsgeber-vorteil {
		background: #b2f0ff;
		width: 488px;
		margin-top: 1px;
		padding: 10px;
	}
	
	/*---------------------------------------------------------------------------------*/
	/*--- singleview events ---*/
	/*---------------------------------------------------------------------------------*/
	
	.single-event {
		width: 488px;
		background: #fff;
	}
	.single-event-title {
		width: 488px;
		height: 17px;
		color: #fff;
		font-weight: bold;
		padding: 3px 0px 0px 10px;
		background: #ffffff url(images/headerbg_mitte_green.gif) no-repeat;
	}
	.single-event-content-container {
		background: #cce680;
		margin-top: 1px;
		width: 488px;
		padding: 10px;
		height: 170px;
	}
	.single-event-image {
		width: 170px;
		height: 170px;
		float: left;
		background: #fff;
	}
	.single-event-content {
		float: left;
		color: #000;
		margin-left: 10px;
	}
	.single-event-vorteil {
		background: #cce680;
		width: 488px;
		margin-top: 1px;
		padding: 10px;
	}
	
	/*---------------------------------------------------------------------------------*/
	/*--- 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 ---*/
	/*-----------------------------------------------------------------------------------*/
	
	.tip {
		color: #000000;
		padding: 10px;
	}
	.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;
	}
	
	.tipLabel {
		color: #000000;
		float: left;
		width: 170px;
	}
	
	.anfrageField {
		float: left;
	}
	.inputKontakt{
		border: 1px solid #f0b300;
		width: 200px;
		margin-bottom: 10px;
	}
	.kommentar {
		width: 200px;
		border: 1px solid #f0b300;
		margin-bottom: 10px;
	}
	.tip .submit {
		background: #fdf4d9;
		color: #000000;
		font-weight: bold;
		margin-top: 10px;
		font-size: 10px;
		border: 1px solid #f0b300;
	}
	
	/*-----------------------------------------------------------------------------------*/
	/*--- gästebuch - einträge ---*/
	/*-----------------------------------------------------------------------------------*/
	.gb-pagebrowser {
		
	}
	.gb-pagebrowser a {
		color: #000000;
		text-decoration: none;
	}
	.gb-pagebrowser a:hover {
		text-decoration: underline;
	}
	.gb-entry {
		margin-bottom: 9px;
		width: auto;
	}
	.gb-entry-header {
		background: #f0b300;
		font-weight: bold;
		height: 20px;
	}
	.gb-entry-info {
		width: 100%;
		background: #fdf4d9;
		height: 30px;
	}
	.gb-entry-date {
		float: left;
	}
	.gb-entry-email {
		float: right;
		text-align: right;
	}
	.gb-entry-email-link {
		color: #000000;
		text-decoration: underline;
	}
	gb-entry-email-link:hover {
		text-decoration: none;
	}
	.gb-entry-content {
		background: #fdf4d9;
		min-height: 40px;
	}
	
	
	/*--------------------------------------------------------------------------------------*/
	/*--- contentbox-definitionen ---*/
	/*--------------------------------------------------------------------------------------*/