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




@import url(navigation.css);
@import url(baselayout.css);
@import url(contentboxes_startscreen.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 */
#contentMain { 
	float:left;
}

#middle {
	width: 352px;
	float:left;
	padding: 8px 9px 0 0;
	margin: 0;

	voice-family:"\"}\"";
	voice-family:inherit;

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

	width: 343px;
}
html>body #right {
	width: 343px;
}

.toplinkStart {
	text-align: center;
	margin: 0 9px 0 0;
	padding: 0 0 0 0;
	background: #fff;
	color:#666666;
}

.toplinkStart a{
	text-decoration:none;
	color:#666666;
}
.toplinkStart a:hover{
	text-decoration:underline;
	color:#666666;
}

.bannerStartseite { margin: 0 9px 0 0;}









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


	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 {
/*	width: 300px;
	height: 270px;
*/	position: relative;
	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;
}











/*-----------------------------------------------
	col1 - content elements (content box)
-----------------------------------------------*/

.col1-content-box {
	background: #fdf4d9;
	margin: 0 0 8px 0;
}
.col1-content-box .header {
	font-weight: bold;
	display: block;
	background: #fff;
	margin: 0;
	padding: 0;
	background: #fff url(images/nav-header.jpg) center no-repeat;
	height: 20px;
}
.col1-content-box .header span {
	margin: 0 0 0 11px;
	padding: 4px 0 0 0;
	display: block;
}
.col1-content-box-content {
	margin: 10px;
}
.col1-content-box-link a {
	text-decoration: underline;
	color: #cc0000;
	background: transparent;
}
.col1-content-box-link {
	color: #cc0000;
	float: right;
}
.col1-content-box-content:after,
.col1-content-box:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}



/*-----------------------------------------------
	col1 - content elements (sponsoren box)
-----------------------------------------------*/

.col1-sponsoren-box-content {
	text-align: center;
	background: #fff;
}
.col1-sponsoren-box-content img {
	margin: 10px 0 10px 0;
}



/*-----------------------------------------------
	col2 (center column), tt_news
-----------------------------------------------*/


.megavorteil-container {
	margin-bottom: 10px;
}

.megavorteil-item {
	background: #cc0066;
	color: #fff;
}

.megavorteil-item h1 {
	background: #fff url(images/343-magenta.jpg) no-repeat;
	height: 17px;
	font-size: 100%;
	border-bottom: 1px solid #fff;
	padding: 3px 0px 0px 10px;
	margin: 0px;
}
.megavorteil-item a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
.megavorteil-item a:hover {
	text-decoration: underline;
}

.megavorteil-item-content {
	padding: 10px;
	height: 250px;
}
.megavorteil-item img {
	border: none;
	/*width: 320px;*/
	height: 200px;
}

/* aktuelle infos */
.news-latest-container {
	margin-bottom: 2px;
}

.news-latest-containerUnten { margin: 2px 0 10px 0; }

.news-latest-containerheader {
	background: url(images/343-rot.jpg) no-repeat;
	height: 17px;
	padding: 3px 0px 0px 10px;
	color: #ffffff;
	font-weight: bold;
}
.news-latest-containerheader span {
	display: block;
	color: #fff;
	font-weight: bold;
}
.news-latest-item {
	background: #fadbd2;
	color: #000;
	padding: 10px;
	margin-top: 1px;
}

/*.news-latest-item:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}*/

.news-latest-image {
	float: left;
	height: 80px;
	width: 100px;
	overflow: hidden;
}
.news-latest-content {
	float: left;
	padding-left: 10px;
	width: 60%;
}
.news-latest-title {
	font-weight: bold;
}
.news-latest-text {
	text-decoration: none;
}
.news-latest-morelink {
	text-decoration: none;
}




/*-----------------------------------------------
	RIGHT COL (tabbed box)
-----------------------------------------------*/
.startRight .tabbed-contentbox{display:none;}

.tabbed-contentbox {
	/*width: 342px; 342*/
	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;
}
/*---------------------------------------------------------------------------------*/
/*--- aktuelle 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;
}
/*---------------------------------------------------------------------------------*/
/*--- aktuelle 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 {
}
.latest-events-item {
	width: auto;
	background: #cce680;
	margin-top:1px;
/*	height: 100px;*/
	padding: 10px;
}
.latest-events-image {
	height: 100px;
	width: 100px;
/*  background: #ECFBFF; */
	float: left;
	text-align: center;
}
.latest-events-text {
	float: left;
	padding-left: 10px;
	width: 60%;
}
/*-------------------------------------------------------------------------------*/
/*--- quickpoll - Frage der Woche ---*/
/*-------------------------------------------------------------------------------*/
.tx-quickpoll-pi1 {
	background-color: #fdf4d9;
}

.tx-quickpoll-pi1 table {
	width: 100%;
	margin-top: -15px;
}

.tx-quickpoll-pi1 h2 {	
	font-size: 12px; 
	color: #000000;
	background-image: url(images/204-gelb.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 3px 0px 0px 10px;
	height: 28px;
}

.pollquestion, .pollresulttext{
	height: 20px;
}

.pollbar1 { background: #2FA2CF; }
.pollbar2 { background: #FF9900; }
.pollbar3 { background: #F14656; }
.pollbar4 { background: #99CC00; }
.pollbar5 { background: #798F36; }

.pollanswer { padding-left: 20px; }

/* Shoutbox */
.msw-shoutbox-pi1{
	height:250px;
	padding:10px;
}