@charset "UTF-8";
/* CSS Document */

body, a, img, div, table, p, li, ul, span {margin: 0; padding: 0; border:0px;}

body {
	background-color: #FFFFFF;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	text-decoration: none;
	/* background-image: url(../images/bg_tile.gif);
	background-repeat: repeat-x;
	background-position: center top; */
}

/*################################*/
/*###### GLOBAL TEXT-STYLES ######*/
/*################################*/


h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
h2, h3, h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4 {margin: 0px; padding:0.2em;}
h1 {font-size:32px; line-height:32px;}
h2 {font-size:26px; line-height:26px;}
h3 {font-size:16px; line-height:16px;}
h4 {font-size:12px; line-height:16px;}

.contentItem p {padding:0.2em 0.4em;}
.contentItem h4 {padding:0.2em 0.4em; margin-top:5px;}
.contentItem h2 p {padding:0px; margin:0px;}

.upper {text-transform:uppercase;}
.lower {text-transform:lowercase;}

.bigger {font-size:1.2em; line-height:1.2em;}
.smaller {font-size:0.8em; line-height:0.8em;}

.gruen, a .gruen {color: #8CAE18;}
.dunkelgruen, a .dunkelgruen {color: #007828;}
.blau, a .blau {color:#4B689D;}
.rot, a .rot {color: #990000;}
.lila, a .lila  {color: #A8176C;}

.Gruen, a .Gruen {color: #8CAE18;}
.Dunkelgruen, a .Dunkelgruen {color: #007828;}
.Blau, a .Blau {color:#4B689D;}
.Rot, a .Rot {color: #990000;}
.Lila, a .Lila  {color: #A8176C;}

.textured { background: url(../images/bg_tex_0.gif) repeat 0px 0px;}

a {text-decoration:none;}
p a, p a:visited {color: #666666; padding:0 0.2em; background-color: #E0E0E0;}
a:hover, a:active {color: #FFFFFF; background-color: #666666;}

a h1, a h2, a h3, a h4 {text-decoration:none; padding: 0.2em; }

a:hover h3.gruen, a:active h3.gruen {color: #FFFFFF; background-color: #8CAE18; background-image: none;}
a:hover h3.dunkelgruen, a:active h3.dunkelgruen {color: #FFFFFF; background-color: #007828; background-image: none;}
a:hover h3.blau, a:active h3.blau {color: #FFFFFF; background-color: #4B689D; background-image: none;}
a:hover h3.rot, a:active h3.rot {color: #FFFFFF; background-color: #990000; background-image: none;}
a:hover h3.lila, a:active h3.lila {color: #FFFFFF; background-color: #A8176C; background-image: none;}

a:hover h3.Gruen, a:active h3.Gruen {color: #FFFFFF; background-color: #8CAE18; background-image: none;}
a:hover h3.Dunkelgruen, a:active h3.Dunkelgruen {color: #FFFFFF; background-color: #007828; background-image: none;}
a:hover h3.Blau, a:active h3.Blau {color: #FFFFFF; background-color: #4B689D; background-image: none;}
a:hover h3.Rot, a:active h3.Rot {color: #FFFFFF; background-color: #990000; background-image: none;}
a:hover h3.Lila, a:active h3.Lila {color: #FFFFFF; background-color: #A8176C; background-image: none;}


div.center {text-align:center;} 

span.datum, span.medium  {
	padding-right: 7px;
	margin-right: 5px;
	border-right: solid #666666 1px;
}

span.name, span.gewinn {
	padding-left: 7px;
	border-left: solid #666666 1px;
}

.assetLeft {float: left;}
.assetRight {float: right;}

/* Formatierung innerhalb der Editor-Beiträge */

.layoutTagsGruen h3 {color:#8CAE18;}
.layoutTagsDunkelgruen h3 {color:#007828;}
.layoutTagsBlau h3 {color:#4B689D;}
.layoutTagsRot h3 {color:#990000;}
.layoutTagsLila h3 {color:#A8176C;}

/* LINK-BOXEN */
a div.contentItem, a:visited div.contentItem {background-color: #FFFFFF; background-image: none;}
a:hover div.contentItem, a:active div.contentItem {background: url(../images/bg_tex_0.gif) repeat 0px 0px;}

a .contentItem p, a:visited .contentItem p {color: #666666; background-color: transparent;}
a:hover .contentItem p, a:active .contentItem p {color: #333333;}


/*################################*/
/*########  GLOBAL LAYOUT ########*/
/*################################*/

#wrapper {margin:0px; width:100%; height:100%;}

#topNavi {
	width:996px;
	margin: 0px auto;
}
#siteContainer {
	width:996px;
	margin: 5px auto;
}

#abdecker {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
	background-color:#000000;
	
	filter:Alpha(opacity=0);
    opacity:0;
    moz-opacity:0;
}
#gameframe {
	position:absolute;
	left:50%;
	margin-left: -242px;
	top:150px;
	width:485px;
	height:600px;
	z-index:3;
}

/* TOP NAVI */

#topNavi a, #topNavi a:visited {padding: 2px 4px; color: #666666; background-color: #FFFFFF;}
#topNavi a:hover, #topNavi a:active {padding: 2px 4px; color: #FFFFFF; background-color:  #8CAE18;}

#topNavi ul {
	margin: 5px 0px;
	list-style: none;
	line-height: 10px;
	font-size: 10px;
	color: #666666;
	font-weight:normal;
	text-transform:uppercase;
}

#topNavi ul li {
	margin:0px;
	float:left;
	padding: 2px;
	border-right: solid #666666 1px;
}
#topNavi ul li:last-child {
	border:none;
}

#topNavi ul li.active a {
	color: #FFFFFF; background-color:  #8CAE18;
	font-weight:bold;
	cursor: default;
	padding: 2px 4px;
}

/* LAYOUT 4 SPALTIG */

/* COLUMNS - Spalten ohne Steg  */
#layout4Spaltig, #layout3Spaltig {padding-top:10px; }

#layout4Spaltig .columnItem {height:auto; width:249px; float:left; margin:0px;} /* default (1 spalte) */

#layout4Spaltig div.columns1 {width:249px;}
#layout4Spaltig div.columns2 {width:498px;}
#layout4Spaltig div.columns3 {width:747px;}
#layout4Spaltig div.columns4 {width:996px;}

div.shaddow { background: url(../images/shaddow_1.png) no-repeat right center;}

/* CONTENT ITEMS - (cols1 - cols4) Spalten mit 14px spaltenabstand */

#layout4Spaltig .contentItem {height:auto; width:235px; float:left; margin:0px 7px; } /*default (1 spalte) */

#layout4Spaltig div.cols1, span.cols1, img.cols1 {width:235px;}
#layout4Spaltig div.cols2, span.cols2, img.cols2 {width:484px;}
#layout4Spaltig div.cols3, span.cols3, img.cols3 {width:733px;}
#layout4Spaltig div.cols4, span.cols4, img.cols4 {width:982px;}

/* LAYOUT 3 SPALTIG */

/* COLUMNS - Spalten ohne Steg  */

#layout3Spaltig .columnItem {height:auto; width:249px; float:left; margin:0px;} /* default (1 spalte) */

#layout3Spaltig div.columns1 {width:332px;}
#layout3Spaltig div.columns2 {width:664px;}
#layout3Spaltig div.columns3 {width:996px;}

/* CONTENT ITEMS - (cols1 - cols4) Spalten mit 14px spaltenabstand */

#layout3Spaltig .contentItem {height:auto; width:235px; float:left; margin:0px 7px; } /*default (1 spalte) */

#layout3Spaltig div.cols1, span.cols1, img.cols1 {width:318px;}
#layout3Spaltig div.cols2, span.cols2, img.cols2 {width:650px;}
#layout3Spaltig div.cols3, span.cols3, img.cols3 {width:982px;}


/* CONTENT ITEMS */
.contentItem p, contentItem img {margin:3px 0px;}


/* TOGGLE LAYER (FAQ) */

 a.toggler0, a:visited.toggler0 {
 	margin-left: 3px;
 	color:#666666;
	font-weight:bold;
	text-transform:uppercase;
 	display:block;
	padding-left: 18px;
	background: url(../images/linkArrow_0.gif) no-repeat 0px 2px;
 }
 
  a:hover.toggler0, a:active.toggler0 {
 	color: #8CAE18;
 }
 a:active.toggler0 { background: url(../images/linkArrow_1.gif) no-repeat 0px 2px;}
 
 a.toggler1, a:visited.toggler1, a:hover.toggler1 {
 	margin-left: 3px;
	color: #8CAE18;
	font-weight:bold;
	text-transform:uppercase;
 	display:block;
	padding-left: 18px;
	background: url(../images/linkArrow_1.gif) no-repeat 0px 2px;
 }

a:active.toggler1 {
	background: url(../images/linkArrow_0.gif) no-repeat 0px 2px;
}
 
 div.faq p {margin-left: 17px;}
 
 /* FORM-ELEMENTS (GEWINNER) */

#formcontainer {
	position:absolute;
	left:20px;
	top:20px;
	width:445px;
	height:460px;
	background-color:#FFF;
}

#formcontainer div.colInput, #formcontainer div.colCheck, #formcontainer div.colSubmit {
	display:inline;
	float:left;
	width:425px;
	margin:5px 10px; 
}
#formcontainer div.colInput label, #formcontainer div.colSubmit label {
	display:inline; 
	float:left; 
	width:140px; 
	height:18px;
	line-height:20px;
	text-transform:uppercase;
	text-align:right;
	color:#666666;
}
#formcontainer div.colCheck label {
	display:inline; 
	float:right;
	width:270px; 
	height:18px;
	line-height:18px;
	color:#666666;
}
#formcontainer input.textfield {
	display:inline; 
	float:right; 
	width:260px;
	height:14px; 
	padding:2px;
	color:#666666;
	text-decoration:none;
}
#formcontainer input.check {
	display:inline;
	margin-left:130px;
	float:left;
	padding:2px;
}
#formcontainer input.button {
	display:inline; 
	float:left;
	padding:2px;
	margin-left:10px;
}

 
/* TRENNER */

div.trennerGruenTop {
	text-align:center;
	margin:4px 0px;
	width:auto;
	height:10px;
	background: url(../images/trennerGruenTop_tile.gif) repeat-x left top;
}

div.trennerGruenSingle {
	text-align:center;
	margin:4px 0px;
	width:auto;
	height:4px;
	background: url(../images/trennerGruenTop_tile.gif) repeat-x left top;
}

div.trennerGruenBottom {
	text-align:center;
	margin:4px 0px 14px;
	width:auto;
	height:10px;
	background: url(../images/trennerGruenBottom_tile.gif) repeat-x left top;
}

div.trennerDunkelgruenTop {
	text-align:center;
	margin:4px 0px;
	width:auto;
	height:10px;
	background: url(../images/trennerDunkelgruenTop_tile.gif) repeat-x left top;
}

div.trennerDunkelgruenBottom {
	text-align:center;
	margin:4px 0px 14px;
	width:auto;
	height:10px;
	background: url(../images/trennerDunkelgruenBottom_tile.gif) repeat-x left top;
}

div.trennerDunkelgruenSingle {
	text-align:center;
	margin:4px 0px;
	width:auto;
	height:4px;
	background: url(../images/trennerDunkelgruenTop_tile.gif) repeat-x left top;
}

div.trennerRotTop {
	text-align:center;
	margin:4px 0px;
	width:auto;
	height:10px;
	background: url(../images/trennerRotTop_tile.gif) repeat-x left top;
}

div.trennerRotBottom {
	text-align:center;
	margin:4px 0px 14px;
	width:auto;
	height:10px;
	background: url(../images/trennerRotBottom_tile.gif) repeat-x left top;
}

div.trennerRotSingle {
	text-align:center;
	margin:4px 0px;
	width:auto;
	height:4px;
	background: url(../images/trennerRotTop_tile.gif) repeat-x left top;
}

div.trennerBlauTop {
	text-align:center;
	margin:4px 0px;
	width:auto;
	height:10px;
	background: url(../images/trennerBlauTop_tile.gif) repeat-x left top;
}

div.trennerBlauBottom {
	text-align:center;
	margin:4px 0px 14px;
	width:auto;
	height:10px;
	background: url(../images/trennerBlauBottom_tile.gif) repeat-x left top;
}

div.trennerBlauSingle {
	text-align:center;
	margin:4px 0px;
	width:auto;
	height:4px;
	background: url(../images/trennerBlauTop_tile.gif) repeat-x left top;
}

div.trennerLilaTop {
	text-align:center;
	margin:4px 0px;
	width:auto;
	height:10px;
	background: url(../images/trennerLilaTop_tile.gif) repeat-x left top;
}

div.trennerLilaBottom {
	text-align:center;
	margin:4px 0px 14px;
	width:auto;
	height:10px;
	background: url(../images/trennerLilaBottom_tile.gif) repeat-x left top;
}

div.trennerLilaSingle {
	text-align:center;
	margin:4px 0px;
	width:auto;
	height:4px;
	background: url(../images/trennerLilaTop_tile.gif) repeat-x left top;
}

div img.downArrow {margin:0px auto;}

/* TABLES */

/*
gruen: 			#8CAE18
dunkelgruen: 	#007828
blau: 			#4B689D
rot: 			#990000
lila: 			#A8176C
*/

/* Gewinner */

table.gewinner {margin: 5px 0px;}
table.gewinner thead tr td p, table.gewinner thead tr td h4 {text-transform:uppercase; line-height:14px; margin:0px; color:#FFF;}
table.gewinner thead tr td.cell1 { border-left: 1px solid #4B689D;}
table.gewinner thead tr td {background-color:#4B689D; border-left: 1px solid #FFF;}
table.gewinner thead tr td.cell6 {background-color:#4B689D; border-left: 1px solid #FFF; border-right: 1px solid #4B689D;}

table.gewinner tbody tr td, table.gewinner tbody tr td p, table.gewinner tbody tr td h4 {text-transform:uppercase; line-height:14px; margin:0px; vertical-align:top;}
table.gewinner tbody tr td.cell1 p {color:#4B689D;}
table.gewinner tbody tr td.cell4 p {color:#007828;}
table.gewinner tbody tr td.cell5 p {color:#A8176C;}
table.gewinner tbody tr td.cell6 p {color:#007828;}

table.gewinner tbody tr td.cell1 { border-left: 1px solid #4B689D;}
table.gewinner tbody tr td { border-left: 1px solid #4B689D; border-bottom: 1px solid #4B689D;}
table.gewinner tbody tr td.cell6 { border-left: 1px solid #4B689D; border-right: 1px solid #4B689D;}

table.gewinner tfoot tr td { background-color:#4B689D; border-left: 1px solid #4B689D; border-right: 1px solid #4B689D; border-bottom: 1px solid #4B689D; height:3px;}
table.gewinner tbody tr td.tbreak { background-color:#4B689D; border-left: 1px solid #4B689D; border-right: 1px solid #4B689D; height:3px;}


/* On Air */

table.onAir {margin: 5px 0px; width: 476px;}

table.onAir tr td.cell1 {width: 184px; height:20px;}
table.onAir tr td.cell2 {width: auto;}
table.onAir tr td.cell3 {width: auto;}
table.onAir thead tr td p, table.onAir thead tr td h4 {text-transform:uppercase; line-height:14px; margin:0px; color:#FFF;}
table.onAir thead tr td.cell1 { border-left: 1px solid #A8176C;}
table.onAir thead tr td {background-color:#A8176C; border-left: 1px solid #FFF;}
table.onAir thead tr td.cell3 {background-color:#A8176C; border-left: 1px solid #FFF; border-right: 1px solid #A8176C;}

table.onAir tbody tr td, table.onAir tbody tr td p, table.onAir tbody tr td h4 {line-height:14px; margin:0px; vertical-align:top;}
table.onAir tbody tr td h4,  table.onAir tbody tr td h3  {text-transform:uppercase; color:#A8176C;}
table.onAir tbody tr td p {color:#666; font-weight:bold;}

table.onAir tbody tr td.cell1 { border-left: 1px solid #A8176C;}
table.onAir tbody tr td { border-left: 1px solid #A8176C; border-bottom: 1px solid #A8176C;}
table.onAir tbody tr td.cell3 { border-left: 1px solid #A8176C; border-right: 1px solid #A8176C;}

table.onAir tfoot tr td { background-color:#A8176C; border-left: 1px solid #A8176C; border-right: 1px solid #A8176C; border-bottom: 1px solid #A8176C; height:3px;}
table.onAir tbody tr td.tbreak { background-color:#A8176C; border-left: 1px solid #A8176C; border-right: 1px solid #A8176C; height:3px;}

/* FOOTER */
#footer {padding-top:10px;}

#footer .columnItem {height:auto; width:996px; float:left; margin:0px;} /* default (4 spalten) */

#footer div.columnItem div.contentItem {
	clear:both;
	/*width:1095px;*/
	margin:0px 7px;
	width:982px;
	
	padding-top:10px;
	padding-bottom:15px;
	height:50px;
}

#footer div.trennerGruenBottom, #footer div.trennerBlauBottom, #footer div.trennerDunkelgruenBottom, #footer div.trennerLilaBottom, #footer div.trennerRotBottom {margin:4px 0px;}

#layout4Spaltig .columnItem {height:auto; width:249px; float:left; margin:0px;} /* default (1 spalte) */

#footerContainer .columnItem {height:auto; width:249px; float:left; margin:0px;} /* default (1 spalte) */


/*#################################*/
/*########  JOOMLA! Styles ########*/
/*#################################*/

.buttonheading {
	visibility:hidden;
}
.buttonheading .hasTip {
	visibility:visible;
}


/*################################*/
/*###### BANNER-STYLES ######*/
/*################################*/

.bannergroup {
	float:left;
	width:480px;
	height:60px;
	margin:17px 0px 30px 14px;
}
.banneritem {
	float:left;
	width:478px;
	height:60px;
}

.bannergroup_unten {
	float:left;
	width:488px;
	height:60px;
	margin:17px 0px 0px 9px;
}
.banneritem_unten {
	width:478px;
	height:60px;
}
.clr {}