@charset "UTF-8";

/* defaul t */

ul, li, label, form, table, img{
	margin-bottom:0;
	padding:0;
	border:none;
}

img, div, p{behavior: url(iepngfix.htc)}

body{
	background:url(img/layout/grass.gif) repeat top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:10px;
	overflow-y: scroll;
	/*scrollbar-face-color: #225b07;
     scrollbar-track-color: #ffd747;
     scrollbar-3dlight-color: #abcb00;
     scrollbar-darkshadow-color: #e6e960;
     scrollbar-track-color: #225b07;
     scrollbar-arrow-color: #ffd747;
     scrollbar-highlight-color: #e6e960;
     scrollbar-shadow-color: #225b07;*/
}


/* Schriftformatierung */

h1, h2, h3, h4, h5, h6, p{
	margin-top:0;
	padding:0;
}

#content h1{
	font-size:15px;
	font-weight:bold;
	text-transform: uppercase;
	display:block;
	height:25px;
	line-height: 27px;
	width:472px;
	margin:5px 0 0 5px;
	background:url(img/layout/hg_headline2.jpg) no-repeat;
	color:#225906;
	padding:0 0 0 10px;
	float:left;
}
* html #content h1{
	margin:5px 0 0 2px;
}
h2{
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	color: #fff;
}

h2 a{
	text-decoration:none;
	color:#225b07;
}

h3{
	color: white;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	font-style:italic;
	line-height:18px;
}
h4{}
h5{}
h6{}

p{font-size:12px;}
p.weiss, p.white, .weiss, .white{color:#fff;}
p.green, p.gruen, .gruen, .green, .success, p.success, .box p.success{color: #225b07;}
p.orange, .orange{color:#ffd747;}

.box h3{
	margin: 15px 0 10px 10px;
}
.box h2{
	padding: 15px 0 0 10px;
	line-height: 18px;
}

.box p{
	margin: 7px 7px 10px 10px;
	line-height: 18px;
	color: #fff; 
}

/* Links */
a{
	color:#fcd645;
	text-decoration: none;
}

a:hover,
#footer a,
#content #Tabelle tr td a:hover h3,
.liste a:hover,
.liste2 a:hover,
.innerbox a:hover,
#leiste_top li a,
#navigation li a{
	color:#000;
}
.innerbox a{
	text-decoration: none;
	display:block;
	line-height: 16px; 
}

.innerbox a img{
	width:50px;
	float: left;
	margin-right:5px; 
}


/* Standardklassen */
.fleft{float:left;}
.fright{float:right;}
.clear{display:block;clear:both;height:0px;}
/* border - bottom und top */
#content .bo_bottom,.bo_bottom{
	display:block;
	background:url(img/layout/hg_box2.jpg) no-repeat bottom;
	clear:both;
	height:2px;
}
.bo_top{display:block;border-top:1px dashed #ABCC00;}

.smallfont,
#formular .smallfont,
#content .smallfont{
	font-size:8pt;
}




/* Seitenformatierung */
#page{
	position:absolute;
	width:925px;
	left:50%;
	top:20px;
	margin-left:-463px;
	border:3px solid #003100;
	/*background:url(img/layout/rasenkachel.jpg) repeat-y;*/
	background: #003100;
}

/* Header */
#header{
	width:925px;
	height:101px;
	display:block;
	background:url(img/layout/header_hg.jpg) no-repeat;
}
#header h1{
	display:none;
}

#header #logolink{
	width:230px;
	height:80px;
}

/* Navigation */
#navigation{
	width:212px;
	float:left;
}
#navigation form{
	margin:0 0 5px 0;padding: 0;
}
#navigation ul{
	list-style:none;
	border-bottom:5px solid #225906;
	border-right:2px solid #225906;
	margin:0 0 0 0;
}
#navigation h2,
#sidebar h2,#sidebar2 h2{
	display:block;
	height:20px;
	font-size: 13px;
	margin:0;
	padding:4px 0 0 5px;
	width:205px;
	border-right:2px solid #225906;
	border-bottom:1px solid #abcb00;
	/*background:url(img/layout/ballgelb.gif) no-repeat 190px 4px #abcc00;*/
	background: url(img/layout/hg_navi_top.jpg);
	border-bottom:1px solid #ffd747;
	color:#225b07;
}

#navigation li{
	background:url(img/navigation/verlauf.jpg) repeat-y;
	display:block;

	border-bottom:1px solid #225906;
	margin: 0;
	padding: 0;
}

#navigation li.last{
	border-bottom:1px solid #ffd747;
}
#navigation h2.first{
	border-bottom:1px solid #ffd747;
	color:#225b07;
}


#navigation li a{
	background:url(img/layout/ball.gif) no-repeat 7px 6px;
	padding:4px 0 4px 25px;
	display:block;
	text-decoration:none;
}
#navigation li a:hover{
	color:#fff;
	background:#225906;
}

/* Leiste Top - Topnavi */
#leiste_top{
	width:100%;
	height:27px;
	margin:-7px 0 5px 0;
	padding:0;
	background: url(img/layout/hg_navi_top.jpg);
	list-style: none;
}
#leiste_top ul{
	list-style: none;
}
#leiste_top li{
	float:left;
}
#leiste_top li a{
	display: block;
	float:left;
	padding: 0 10px 0 10px;
	border-right: 1px solid #225906;
	height:27px;
	line-height: 27px;
	text-decoration: none;
}
#leiste_top li a:hover{
	background: url(img/layout/hg_navi_top_over.jpg);
	color: #fff;
}


/* Contentformatierung */
#content{
	width:492px;
	/*height: 722px;*/
	/*overflow: hidden;*/
	float:left;
	background: url(img/layout/hg_green.jpg) top repeat-x #9EBE01;
	display: block;
	margin: 0 5px 0 5px;
	padding:0 0 5px 0;
}

/* Box innerhalb vom Content inkl Rahmen */
.box{
	margin:0 0 0 5px;
	width:482px;
	display:block;
	background: #809f04 url(img/layout/hg_box2.jpg) no-repeat bottom;
	float:left;
	padding: 0;
}
* html .box{
	margin:0 0 0 2px;
}

.rasen{
	
	
}

/* Verlaufsbox */
.r_ver{
	background: url(img/rotverlauf.jpg) repeat-y #ff751a;
}
/* Spaltendarstellung innerhalb von .box */
.innerbox,
.col_l,
.col_r{
	margin: 0 0 0 5px;
	float: left;
	display: block;
	width:230px;	
}
.col_l{
	margin: 0 1px 0 5px;	
}

.col_b{
	margin: 0 0 0 220px;
	float: left;
	display: block;
	width:230px;	
	
}




/* Banner mit Inhalt */
.bannermi{
	background:url(img/index/hg_ball.jpg) left no-repeat;
	height:95px;
	display:block;
	float:left;
	width:482px;
	margin: 0 0 0 5px;
}
.bannermi img{}
.bannermi h3{
	margin:10px 0 0 155px;
}
/*#content .bannermi a{
	border: 2px solid #fcd645;
	display: block;
	width:65px;
	height:48px;
	float:right;
	margin: 10px 5px 0 0;
}*/

#content .bannermi a{
display: block;
	margin: 6px 5px 0 155px;
}

#content .col_l h1,
#content .col_r h1{
	margin:5px 0 0 0;
	width:228px;
}

/* teaser */

.teaser{
	height:215px;
	overflow:hidden;
}


.teaser2{
	height:150px;
	overflow:hidden;
}

/* Mitmachen tippen und gewinnen, liste */
.liste,
.liste2{
	padding: 5px 0 5px 5px;
	margin: 0;
	display: block;
}
.liste2{
	background:url(img/layout/hg_akt.jpg) repeat-y;
}

.liste a,
.liste2 a{
	display: block;
	padding: 3px 0 3px 40px;
	color: #fff;
	text-decoration: none;
}


/* Sidebar */
#sidebar{
	width:210px;
	float:left;
	background:url(img/navigation/verlauf.jpg) repeat-y;
	overflow-x: hidden;
	margin-bottom: 5px;
}


#sidebar p{
	border-bottom:1px solid #225b07;
	margin: 0;
}
#sidebar p a{
	display: block;
	color:#000;
	height:22px;
	line-height: 22px;
	overflow: hidden;
	margin:0 5px 0 5px;
}
#sidebar ul{
	margin: 0 5px 5px 5px;
	padding: 0;
	list-style: none;
}
#sidebar ul li{
	border-bottom: 1px dotted #fff;
	line-height: 16px;
	font-size: 10px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}




#sidebar ul li b{
	margin-top: 5px;
	display: block;
	font-size: 12px;
	margin-left: -5px;
}
#sidebar ul li span{
	margin-left: 50px;
	font-size: 11px;
}
#sidebar ul li a{
	margin:5px 0 0 0;
	display: block;
	height:26px;
	font-size: 12px;
	color: #000;
}
#sidebar ul li a img{
	float:left;
	clear: right;
	margin-right: 15px;
}

#sidebar2{
	width:210px;
	float:left;
	background:url(img/navigation/verlauf.jpg) repeat-y;
	overflow-x: hidden;
	margin-bottom: 5px;
}

#sidebar2 ul li{
	border-bottom: 1px dotted #fff;
	line-height: 16px;
	font-size: 10px;
	padding-left: 5px;
	
}

#sidebar2 p{
	border-bottom:1px solid #225b07;
	margin: 0;
}
#sidebar2 p a{
	display: block;
	color:#000;
	height:22px;
	line-height: 22px;
	overflow: hidden;
	margin:0 5px 0 5px;
}
#sidebar2 ul{
	margin: 0 5px 5px 5px;
	padding: 0;
	list-style: none;
}

#sidebar2 ul li b{
	margin-top: 5px;
	display: block;
	font-size: 12px;
	margin-left: -5px;
}
#sidebar2 ul li span{
	margin-left: 50px;
	font-size: 11px;
}
#sidebar2 ul li a{
	margin:5px 0 0 0;
	display: block;
	height:26px;
	font-size: 12px;
	color: #000;
}
#sidebar2 ul li a img{
	float:left;
	clear: right;
	margin-right: 15px;
}



/* Footer */
#footer{
	clear:both;
	width:100%;
	height:35px;
	background:url(img/layout/footer_hg.jpg) no-repeat;
}
#footer p{
	margin:15px 10px 0 10px;
	font-size:11px;
	color:#777;
}

#footer a{
	
}

/* Tabellengestaltung, Tippabgabe - Fußball Bundesliga */

#Tabelle{
	font-size:12px;
	font-weight:bold;
	vertical-align:middle;
	margin: 0 0 19px 0;
	width:482px;
}

#Tabelle tr td{
	padding: 4px 5px 2px 5px;
}
		
#Tabelle tr td img{
	margin-right: 5px;
}

#Tabelle h3{
	margin: 0;
}
#Tabelle h3 a{
	font-size: 13px;
	text-transform: none;
	font-style: normal;
	color: #fff;
	margin: 2px 0 2px 0;
}

#Tabelle a.popup{text-decoration: none;}

#Tabelle .row2,
.row2{
	background:url(img/layout/row2.jpg) center bottom;
}

#Tabelle .row1,
.row1{
	background:url(img/layout/border_bottom.jpg) center bottom no-repeat;
}


/* Dreiergestirn */
h3.preise{
	border: 3px solid #2f6611;
	color:#fff;
	display: block;
	margin: 10px 10px 8px 10px;
	height:50px;
	line-height: 50px;
	padding: 0 0 0 10px;
}
h3.preise span{
	color:#fff;
	margin: 0 20px 30px 25px;
	padding: 2px;
	font-size: 14px;
	background: #003100;
	font-style: normal;
	text-transform: none;
	font-weight: normal;
}


.audio-list {list-style: none;padding: 0px; margin:0; }
.audio-list li {background: url(img/blue-fad.png) repeat-y top left; border-top: 1px solid #1d5704;  padding:25px; padding-left:2px;height:22px;} 
.audio-list li.even {background:#739707 }
.audio-list li .show-title {
	font-size:20px;
	margin-top:20px;
	font-weight:bold;
	font-family: sans-serif;
	letter-spacing:90%;
	margin-left:5px;
	
}

.audio-list li .show-src a {margin-left:10px;color:#000;padding-top:10px; }
.audio-list li img.icon {margin-right:5px;width:42px;height:73px;border: solid 1px #fff;}
.audio-list .play-btn {float:right;margin-top:15px}


#upload
{
	
	height:230px;
background-color:blue;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}