r
/*-----------------------   RESET   -----------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-----------------------   BASICS   -----------------------*/

html, body{
    height: 100%;
}

body{
	margin: 0;
	padding: 0;
	background: #104b7c url(../images/bg_body.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
}

.clear{
	font-size: 1%;
	clear: both;
	display: block;
}

#wrap1{
	background: url(../images/bg_wrap1.png) no-repeat top center;
	min-width: 1102px;
	min-height: 70%;
	height: auto !important;
	height: 70%;
	display: block !important;
	display: table;
    position: relative;
	bottom: -120px;
	margin-top: -120px;
}
#wrap2{
    width: 1102px;
	margin: 0 auto;
	text-align: left;
}
#wrap3{
    width: 990px;
	display: table;
	padding-bottom: 16px;
	background: #0459a0 url(../images/bg_wrap2.jpg) no-repeat top left;
}

a{
    color: #00569c;
}
a:hover{
    color: #e20025;
}

hr{
    background: #fff;
	color: #fff;
	border: none;
	border-bottom: 2px solid #cad7e0;
	height: 2px;
}

pre.debug{
	text-align: left;
	font-size: 120%;
	padding: 1em;
	background: #FFFFFF;
	color: #000000;
	border: 3px solid #999999;
}


/*-----------------------   CONTENT   -----------------------*/
#content{
	width: 698px;
	min-height: 679px; /* mindest. so hoch wie skyscraper-banner */
	float: left;
	padding: 16px 32px 16px 16px;
	background: #fff;
	position: relative;
	z-index: 1;
	top: -200px;
	margin: 0 16px -200px 16px;
	background: -moz-linear-gradient(0 120px 90deg, rgba(255,255,255,1), rgba(255,255,255,0.7));
	/*	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.7)), to(rgba(255,255,255,1)), color-stop(.05,rgba(255,255,255,1)));
	filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ccffffff, endColorstr=#ffffffff); */
}
.home #content{
	width: 684px;
	padding: 6px;
}
#content.withBG{
	background: #fff url(../images/bg_content_bottom.jpg) no-repeat center bottom;	
}

#content h1, #content h2, #content h3, #content h4{
	margin-bottom: 0.7em;
	color: #c5004f;
}
#content h1, #content h2, #content h3, #content h4{
    color: #00569c;
	text-decoration: none;
}
#content h1 a, #content h2 a, #content h3 a, #content h4 a{
	text-decoration: none;
}

#content h1{
   font-size: 24px;
}
#content h2{
   font-size: 16px;

}
#content h2.arrow{
   padding: 3px 0 3px 21px;
   background: url(../images/h2_arrow.gif) no-repeat;
   position: relative;
   left: -2px;

}

#content h3{
   font-size: 13px;
   font-weight: bold;
}

#content p, #content table, #content ul, #content ol{
   line-height: 150%;
   margin-bottom: 0.9em;
}

.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}

#content img{
    max-width: 100%;
}

.text{
	margin-left: 0;
}
.textPlusImg{  
	margin-left: 160px;
}

.searchResultHighlight{
    background: #fffeba;
	border-bottom: 1px dotted #CCC;
}

/* top-news */
#topNews{
    height: 270px;
    position: relative;
	top: 0;
	margin: 0 0 16px 0;
	background: #fdf193;
}

#topNews .box1, #topNews .box2, #topNews .box3{
	background: #dccf6d;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
#topNews .box1{
    width: 414px;
	height: 254px;
	/*left: 8px;*/
	margin-left: 8px;
	top: 8px;
}
#topNews .box1 ul{
    width: 414px;
	height: 254px;
}
#topNews .box1 li{
    position: relative;
    width: 414px;
	height: 254px;
	overflow: hidden;
}
#topNews .box2, #topNews .box3{
    height: 123px;
	width: 242px;
	right: 8px;
	top: 8px;
}
#topNews .box3{
	top: 139px;
}

#topNews .text{
    position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	padding: 6px 0 6px 6px;
	width: 236px;
	background: url(../images/bg_topnews_text.png);
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
#topNews .box1 .text {
    width: 354px;
	padding: 6px 60px 6px 6px;
}

#topNews .text small{
    display: block;
	padding-bottom: 3px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #edeb56;
}
#topNews .text small .pager{
	color: #e20025;
}
#topNews .text strong{
    display: block;
	padding-bottom: 2px;
	font-size: 16px;
}

#topNews #topNewsNav{
    position: absolute;
	z-index: 2;
	bottom: 4px;
	right: 4px;
	height: 25px;
	width: 44px;
	padding: 4px 0;
	margin: 0;
	background: url(../images/bg_topnews_nav.png);
	text-align: center;
}

/* Hinweis */
#alertBox{
	margin-bottom: 16px;
	background: url(../images/bg_stripes.gif);
}
#alertBox .inner{
	margin: 0 7px;
	padding: 0px 6px 1px 6px;
	background: #fff url(../images/bg_alertbox.gif) repeat-x left bottom;
}
#alertBox img.icon{
    width: 23px;
	height: 23px;
	vertical-align: middle;
}
#alertBox .text{
	float: left;
}

/* collumns */
.col3{
    width: 406px;
	margin: 8px;
	float: left;
}

.col2{
    width: 242px;
    margin: 8px;
	float: left;
}


/* home > ads */
#adInside{
    width: 211px;
	height: 101px;
	margin: 22px 8px 0 0;
	float: left;
	background: url(../images/ad_inside.jpg) no-repeat;
}
#adInside p{
    margin: 12px 0 0 86px;
}
#adWntv{
    width: 182px;
	height: 101px;
	margin: 22px 0 0 0;
	float: left;
	background: url(../images/ad_wntv.jpg) no-repeat;
}
#adWntv a.block{
    display: block;
	height: 62px;
}
#adTipp3Big{
    position: relative;
	left: -4px;
    width: 404px;
	height: 150px;
	border: none;
	border-bottom: 2px solid #cad7e0;
	margin-top: 22px;
}
#adTipp3TV{
    width: 214px;
	height: 210px;
	overflow: hidden;
	margin-bottom: 1em;
	border: none;
}

#adSportingbet{
    float: right;
	margin: 22px 4px 0 0;
}

#content .colRight{
    float: right;
	width: 220px;
	margin: 0 0 9px 9px;
}

/* home > newsList */
.newsList a{
	color: #333333;
	text-decoration: none;
	display: block;
	border-top: 2px solid #cad7e0;
	clear: both;
}
.newsList .row0 a{
	border: none;
}
.newsList a:hover{
	background: #fdf193;
}
.newsList strong{
    display: block;
	width: 324px;
    font-size: 14px;
	color: #333333;
	float: left;
}
.newsList .date{
    float: left;
	width: 76px;
    font-size: 12px;
	color: #7b7b7b;
}
.newsList a:hover .date{
	color: #333333;
}

/* next event: */
#content #nextEvents{
    margin-bottom: 20px;
}
#nextEvents h3 a{
    font-size: 12px;
	color: #175689;
}
#nextEvents h3{
    margin-bottom: 4px;
}
#nextEvents .row{
    border-bottom: 1px solid #9ebfda;
	padding: 3px 0;
	margin-bottom: 4px;
}
#nextEvents img{
    float: left;
	margin-right: 6px;
}

/* thumbs */
.thumb{
    float: left;
	margin-right: 9px;
	margin-bottom: 7px;
}

.thumb a, .gallery a, a.img{
    cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: url(/images/zoom_in.cur),pointer; /* absolute url! */
}

.thumb a img, a.img img{
    border: 1px solid #cacaca;
	margin: 2px;
}
.thumb a:hover img, a.img:hover img{
    border: 3px solid #e20025;
	margin: 0;
}

.gallery{
    margin: 0;
	padding: 0;
	list-style-type: none;
}
.gallery li{
    margin: 0;
	padding: 0;
    display: inline;
}
.gallery li.col1, .gallery li.col2, .gallery li.col3{
    width: auto;
	float: none;
}
.gallery li a, .gallery li.banner{
    margin: 1px 11px 11px 1px;
	padding: 0;
    display: block;
	width: 120px;
	height: 85px;
	float: left;
	border: 2px solid #dcdac7;
}
.gallery li.banner{
	width: 528px;
	height: 73px;
	padding-top: 12px;
	text-align: center;
}


.colRight .gallery li a{
	width: 63px;
	height: 63px;
    margin: 1px 7px 7px 1px;
}
.colRight .gallery li.col3 a{
	margin-right: 0;
}


.gallery li a:hover{
    margin: 0 10px 10px 0;
	border: 3px solid #c90119;
}
.gallery li a img{
    margin: 0;
	background: #fff;
}

.colRight .gallery li a:hover{
    margin: 0 6px 6px 0;
}
.colRight .gallery li.col3 a:hover{
	margin-right: 0;
}

/* Page Liste */
.pageList{
	list-style-type: none;
}
.pageList li{
	padding: 1em 0 0.7em 0;
	border-top: 2px solid #cad7e0;
	clear: both;
}
.pageList li.row0{
    border: none;
}
.pageList li.banner{
    text-align: center;
}

.pageList .thumb{
    width: 146px;
	text-align: right;
}
.pageList .thumb a{
    cursor: pointer;
}

#content .pageList h2{
    margin-bottom: 0.4em;
}
#content h3.date{
    float: right;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #8f8f8f;
}


/* Navigation Liste */
.navList li{
    width: 48%;
	float: left;
	clear: none;
	margin: 0;
	padding: 0.6em 4% 0.6em 0;
}
.navList .thumb{
    width: 70px;
}
.navList .thumb img{
    width: 63px;
	height: 63px;
}
.navList li.even{
	padding-right: 0;
}
.navList li.banner{
	width: 100%;
	clear: both;
	padding: 0.6em 0 0.6em 0;
}

/* inhalt > tabelle default */
#content table{
    border-top: 1px solid #ced3ce;
    border-left: 1px solid #ced3ce;
	border-spacing:0;
	border-collapse:collapse;
	width: 98%;
}
#content table td, #content table th{
    border-right: 1px solid #ced3ce;
    border-bottom: 1px solid #ced3ce;
	background: #fff;
	margin: 0;
	padding: 2px;
	vertical-align: top;
}
#content table th, #content table tr:first-child td, #content table tr:first-child th{
    background: #e8f0f6;
	color: #585858;
	font-weight: bold;
	text-align: center;
}
#content table th.left, #content table tr:first-child th.left{
    text-align: left;
}
#content table td.center, #content table th.center{
    text-align: center;
}
#content table tr.divider td{
    border-bottom: 2px solid #9ebfda;
	padding: 0;
	font-size: 1%;
	height: 1px;
}


#content table tr:first-child td.noHead{
	background: #fff;
    text-align: left;
} 
#content table tr:hover td, #content table tr:focus td{
    background: #fffeba;
}
#content table tr:hover th.left, #content table tr:first-child:hover th.left{
    background: #d8e5f0;
}


#content table#fanshop{
    border: none;
    border-spacing:4px;
}
#content table#fanshop tr:hover td{
    background: #fff;
}
#content table#fanshop td{
    width: 50%;
	vertical-align: top;
	border: 1px solid #cccccc;
}
#fanshop td img{
    float: left;
	margin-right: 12px;
}
#content table#fanshop td h3{
    margin: 8px 0 0 0;
}




/* persons */
#content table#personData{
    float: right;
	width: 490px;
	margin-top: 3px;
}

ul.personQA{

}
ul.personQA li{
    padding: 2px 0 2px 30px;
	background: url(../images/check_small.gif) no-repeat 16px 5px;
}
ul.personQA strong{
    float: left;
	white-space: nowrap;
	width: 120px;
}

/* insider overview */
#text ul.insiderList{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.insiderList li{
	float: left;
	background: #e6eff6;
	padding: 6px 10px;
	margin: 0 8px 1.1em 0;
}
.insiderList a, .insiderList img{
	display: block;
	text-decoration: none;
}
.insiderList a strong{
	font-weight: normal;
	display: block;
	padding-left: 20px;
	margin: 2px 0;
	background: url(../images/icon_book.gif) no-repeat;
}
.insiderList a.pdf{
	border-top: 1px solid #a1bad3;
	padding: 2px 0 0 20px;
	background: url(../images/icon_pdf.gif) no-repeat 0 3px;
}
.insiderList a:hover, .insiderList a:hover strong{
	font-weight: bold;
}

object#pageflip{
    position: relative;
	left: -16px;
   /*  width: 698px !important;
    height: 565px !important; */
}

table#gameSchedule{

}
table#gameSchedule img{
    width: 18px;
	height: 20px;
	vertical-align: -30%;
	margin-right: 3px;
}
table#gameSchedule .score{
	float: left;
	text-align: center;
	font-weight: bold;
	width: 36px;
}
table#gameSchedule .gameReport, table#gameSchedule .gamePics{
	float: left;
	width: 17px;
	height: 15px;
	margin-top: 2px;
	text-indent: -99999px;
}
table#gameSchedule .gameReport{
    background: url(../images/ico_gamereport.gif) no-repeat;
	margin-right: 6px;
}
table#gameSchedule .gamePics{
    background: url(../images/ico_gamepics.gif) no-repeat;
}


/* poll */
.pollList{
    width: 480px;
    margin: 1em 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #DDE4EB;
}
.pollList li{
    margin: 0;
	padding: 0.4em 0;
	border-bottom: 1px solid #DDE4EB;
}
.pollList .label{
    float: left;
	position: relative;
	width: 50%;
	font-weight: bold;
}
.pollList .label .total{
    position: absolute;
	top: 2px;
	right: 4px;
	text-align: right;
	font-weight: bold;
	color: #00569C;
}
.pollList .chart{
    float: left;
	width: 50%;
	background: #ebf0f4;
}
.pollList .bar{
    position: relative;
	top: 0;
	left: 0;
	height: 22px;
	display: block;
	border: 1px solid #c3c3c3;
	border-left: 2px solid #3b81bd;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	background: url(../images/bg_pollbar.gif) repeat-x;
}
.pollList .value{
    position: absolute;
	top: 2px;
	right: -64px;
	width: 60px;
	text-align: left;
	height: 1em;
	display: block;
	color: #6a90b0;
}


/* Page Tools: */
#pageTools{
	border-top: 2px solid #cad7e0;
	margin: 2em 0;
	padding-top: 1em;
}
#pageTools, #pageTools a{
    color: #b0bfc9;
	font-weight: bold;
	text-decoration: none;
}
#pageTools a:hover{
    color: #df0023;
}

#pageTools .left{
    float: left;
	width: 190px;
}
#pageTools .center{
    float: left;
	width: 280px;
}
#pageTools .center p.share{
    float: left;
	width: 40px;
}

#pageTools div.center div.addthis_toolbox{
	-moz-opacity:.50;
	-ms-filter:"alpha(opacity=50)";
	filter:alpha(opacity=50);
	opacity:.50; 
}
#pageTools div.center:hover div.addthis_toolbox{
	-moz-opacity:1;
	-ms-filter:"alpha(opacity=100)";
	filter:alpha(opacity=100);
	opacity:1; 
}
#pageTools div.center:hover{
    color: #df0023;
}
#pageTools div.center a.addthis_button_expanded{
    display: none;
}
#pageTools div.center:hover a.addthis_button_expanded{
    display: block;
}

#_atssh { /* addthis bugfix */
    display: none !important;
}

/* Formulare: */
.tf, form#newsletter select{
	background: #fff url(../images/bg_tf.gif) repeat-x;
	border: 1px solid #a5a5a5;
	margin: 1px;
	padding: 3px 1px 0 1px;
	height: 18px;
	color: #6f6f6f;
	vertical-align: middle;
}
.tf:focus, .tf:active{
	border: 2px solid #00569c;
	margin: 0px;
	color: #333;
}
select.tf, form#newsletter select{
    height: auto;
}

#content form p, #leftBar form p{
	margin-bottom: 0.4em;
}
label.lLeft{
	float:left;
	width: 70px;
}
label.lBlock{
	display: block
}
p#send, p.p_submit{
    margin-left: 70px;
}

.btn, .p_submit input{
	padding: 0 8px;
	height: 23px;
	line-height: 18px;
	background: #fff url(../images/bg_btn.gif) repeat-x;
	border: 1px solid #a5a5a5;
	color: #00569c;
	vertical-align: middle;
}
.btn:focus, .btn:active{
	background: #bcbcbc;
	border: 1px solid #000;
}

.btn.go{
    padding: 0 2px;
	position: relative;
	left: -2px;
}

.errorBox {
	background:#FFEDED;
	border:1px solid #FEACAC;
	color:#540000;
	margin:1em 0;
	padding:2px 6px;
}
#content .errorBox em{
font-style: normal;
font-size: 18px;
font-weight: bold;
color: #FF0000;
padding-right: 4px;
}
.errorBox a{
	text-decoration: none;
}

#searchForm{
    height: 3em;
}
.home #searchForm p{
    display: inline;
}

form#newsletter p.email_confirm{
    display: none;
}
/* home > fanvoting */
.home form#formFanvoting{
	margin-bottom: 1.8em;
}
.home form#formFanvoting p.pad{
    min-height: 76px;
	padding-right: 82px;
    background: url(../images/bg_fanvoting.png) no-repeat right top;
}
/* home > newsletter */
.home form#newsletter input{
    width: 166px;
}
.home form#newsletter select{
    width: 164px;
}
/* leftBar > newsletter */
#leftBar form#newsletter input, #leftBar form#newsletter select{
    width: 96%;
}
form#newsletter p.submit input{
    width: auto;
}

/*-----------------------   LEFT & RIGHT BAR   -----------------------*/
#leftBar a, #rightBar a{
    color: #2f2f2f;
	text-decoration: none;
}
#leftBar a:hover, #rightBar a:hover{
	text-decoration: underline;
}

#leftBar .box, #rightBar .box{
	background: #e3edf5 url(../images/header_rbbox.png) no-repeat;
	padding: 3px;
}

#leftBar .box h3, #rightBar .box h3{
	height: 19px;
	padding: 1px 0 0 6px;
	font-size: 13px;
}
#leftBar .box h3, #leftBar .box h3 a, #rightBar .box h3, #rightBar .box h3 a{
	color: #fff;
	text-decoration: none;
}

#leftBar .logo, #rightBar .logo{
    vertical-align: middle;
	margin: 8px;
}



/*-----------------------   LEFT BAR   -----------------------*/
#leftBar{
	width: 196px;
	min-height: 622px;
	float: left;
	position: relative;
	top: -200px;
	margin: 0 0 -200px 16px;
	background: #9ebfda;
}

.nav{
    background: #e0e0e0 url(../images/bg_subnav_bot.gif) no-repeat left bottom;
	margin-bottom: 24px;
}
#subNav{
    background: url(../images/bg_subnav_top.gif) no-repeat left top;
	padding: 4px 5px;
}

#subNav a{
	color: #00569c;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 3px 6px;
	margin: 1px 0;
	display: block;
	text-decoration: none;	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b6b6b6;
}
#subNav a:hover{
	color: #7b7573;	
}
#subNav .active a{
	color: #c5004f;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: none;
}

#subNav ul{
    display: none;
}
#subNav .active ul{
    display: block;
	/* border-bottom: 1px solid #b6b6b6; */
}
#subNav ul a{
    padding-left: 12px;
}
#subNav ul ul a{
    padding-left: 20px;
}

#subNav .active ul a{
	border: none;
	text-shadow: none;
	color: #00569c;
}
#subNav .active ul .active a{
	color: #c5004f;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: none;
}
#subNav .active ul .active ul a{
	border: none;
	text-shadow: none;
	color: #00569c;
}
#subNav .active ul .active ul .active a{
	color: #c5004f;
	text-shadow: 1px 1px 0px #fff;
	border-bottom: none;
}


#leftBar .box{
	margin: 0 16px 24px 16px; 
}

a.bigIcon{
    display: block;
	height: 32px;
	margin: 5px 0;
	padding: 2px 0 2px 47px;
	background: url(../images/bigicon_default.gif) no-repeat left center;
	font-weight: bold;
	line-height: 32px;
	color: #00569c;
	white-space: nowrap;
}
a.bigIcon:hover{
	background-position: 2px center;
	background-color: #fff;
}
a.bigIcon.fb{
	background-image: url(../images/bigicon_fb.gif);
}
a.bigIcon.noen{
	background-image: url(../images/bigicon_noen.gif);
}
a.bigIcon.wntv{
	background-image: url(../images/bigicon_wntv.gif);
}
a.bigIcon.skt{
	background-image: url(../images/bigicon_skt.gif);
}



/*-----------------------   RIGHT BAR   -----------------------*/
#rightBar{
	width: 214px;
	float: left;
	position: relative;
	top: -200px;
	margin: 0 0 -200px 0;
	padding: 16px;
	background: url(../images/bg_white61.png) repeat;
	color: #2f2f2f;
	font-size: 11px;
}

#rightBar .box{
	margin-bottom: 24px; 
}


/* next game: */
#rightBar #nextGame{
    padding-bottom: 5px;
	background: url(../images/bg_nextgame.png) no-repeat;
	font-size: 12px;
}
#nextGame .teams{
    height: 78px;
	text-align: center;
}
#nextGame .teams img{
    width: 45px;
	height: 51px;
	margin-top: 12px;
}
#nextGame .teams img.home{
    margin-right: 30px;
}
#nextGame .teams img.guest{
    margin-left: 30px;
}

/* home > wetter: */
#rightBar #gameWeather img{
    width: 36px;
	height: 36px;
	margin: 0 3px -12px 24px;
	position: relative;
	top: -12px; /* not ie */
	vertical-align: -12px;
}

*+html #rightBar #gameWeather img { /* ie 7 */
    margin-top:-12px;
	top: 0
}

#rightBar #gameWeather a{
    color: #175689;
}
#rightBar #gameWeather .more{
    float: right;
}


/* Spielbericht */
/* next game : */
#gameResult{
    height: 80px;
	background: url(../images/bg_gameresult.png) no-repeat;
	font-size: 28px;
	color: #fff;
	position: relative;
}

#gameResult img{
    width: 45px;
	height: 51px;
	margin-top: 12px;
}
#gameResult img.home{
    margin: 0 79px 0 23px;
}
#gameResult strong{
    position: absolute;
	top: 24px;
	left: 0;
	width: 214px;
    text-align: center;
}

/* sponsoren */
ul.sponsoren{
	margin: 1em 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
}
ul.sponsoren li{
	display: inline;
}
ul.sponsoren li img{
	margin: 12px;
}

/* weather detail */
#weatherDetail{
    background: #468a30 url(../images/bg_weather.jpg) top right;
	height: 517px;
	color: #FFFFFF;
	padding: 20px;
	font-weight: bold;
	font-size: 140%;
	position: relative;
	top: 0;
	left: 0;
}
#weatherDetail h2{
	color: #FFFFFF;
	font-size: 130%;
	line-height: 130%;
}
#weatherWNlogo{
	position: absolute;
	bottom: 10px;
	left: 20px;
	width: 169px;
	height: 94px;
	font-size: 80%;
}
#weatherWNlogo a{
	color: #fff;
	text-decoration: none;
}
#weatherDetail p.equalcols strong{
	/*color: #d7edbf;*/
	width: 130px;
}

.temperature{
	width: 120px;
	text-align: center;
	float: left;
	margin-top: 2em;
}
.temperature strong{
	display: block;
	text-align: center;
	font-size: 140%;
	line-height: 160%;
}

img.weather.big{
	width: 128px;
	height: 128px;
	border: none;
	margin: 0 1em 0 3em;
	float: left;
}

#weatherJSS{
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 300px;
	height: 12px;
	font-size: 60%;
	color: #bbe098;
	text-decoration: none;
	text-align: right;
}

#weatherDetail p.infotext{
	width: 400px;
}
	

/* tabelle: */
#rightBar table{
    width: 100%;  
}
#rightBar table td{
    padding: 1px; 
}

.even td{
    background: #fff;
}

/* live ticker: */
#liveTicker{

}
#liveTicker .date td{
    color: #7b7b7b;
}

#liveTicker td.game{
    border-bottom: 1px solid #cad7e0;
}





/*-----------------------   HEADER   -----------------------*/
#header{
	position: relative;
	left: 0;
	top: 0;
	height: 368px;
	width: 1102px;
	margin: 0 -112px 0 0;
}

.home #header{
	background: url(../images/sujets/sujet_club_v2.png) no-repeat right top;
}
.club #header{
	background: url(../images/sujets/sujet_club_v2.png) no-repeat right top;
}
.bundesliga-team #header{
	background: url(../images/sujets/sujet_bundesliga_v2.png) no-repeat right top;
}
.amateure #header{
	background: url(../images/sujets/sujet_amateure_v2.png) no-repeat right top;
}
.nachwuchs #header{
	background: url(../images/sujets/sujet_nachwuchs.png) no-repeat right top;
}
.tickets #header{
	background: url(../images/sujets/sujet_tickets.png) no-repeat right top;
}
.fanzone #header{
	background: url(../images/sujets/sujet_fanzone.png) no-repeat right top;
}
.stadion #header{
	background: url(../images/sujets/sujet_stadion.png) no-repeat right top;
}
.newsletter #header{
	background: url(../images/sujets/sujet_newsletter.png) no-repeat right top;
}

#sitelogo{
    position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -538px;
	z-index: 4;
}
#sitelogo, #sitelogo img{
	width: 125px;
	height: 141px;
}


#mainNav{
    position: absolute;
	top: 61px;
	left: 50%;
	margin-left: -538px;
	z-index: 3;
	width: 726px;
	height: 42px;
	padding: 0 0 0 122px;
	background: url(../images/bg_mainnav.png) no-repeat;

}
#mainNav li{
	float: left;
	position: relative;
}
#mainNav a{
	display: block;
	float: left;
	height: 21px;
	padding: 7px 5px 0 7px;
	margin: 7px 0;
	color: #00569c;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	background: url(../images/mainnav_pipe.gif) no-repeat left top;
}
#mainNav li:first-child a{
	background: none;
}
#mainNav a:hover{
	color: #1774c0;
	text-shadow: 1px 1px 0px #fff;
}

#mainNav .active a{
	color: #c5004f;
	text-shadow: 1px 1px 0px #fff;
}
/* Dropdown: */
#mainNav li ul {
	clear: both;
	float: none;
	position: absolute;
	z-index: 1000;
	margin: 0;
	padding: 0;
	width: auto;
	top: 38px;
	display: none;
	background: #e0e0e0 url(../images/bg_subnav_top.gif) repeat-x left top;
    box-shadow: 0 3px 3px #015798;
    -webkit-box-shadow: 0 3px 3px #015798;
    -moz-box-shadow: 0 3px 3px #015798;
}

#mainNav ul li, #mainNav ul li a{
	width: auto;
	height: auto;
	float: none;
	text-align: left;
}

#mainNav li:hover ul, #mainNav li.sfhover ul {
    left: 0;
	display: block;
}
/* * html #mainNav li:hover ul{ display: none; } IE6 */
/* *+html #mainNav li:hover ul{ display: none; } IE7 */

#mainNav ul a{
	color: #00569c;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 6px;
	margin: 1px 0;
	display: block;
	text-decoration: none;	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b6b6b6;
	white-space: nowrap;
	text-transform: none;
}

#mainNav .active ul a {
	color: #00569c;
	text-shadow: none;
}
#mainNav ul a:hover{
	color: #7b7573;	
}
#mainNav .active ul .active a{
    color: #C5004F;
    text-shadow: 1px 1px 0 #FFFFFF;
}

#header h2{
    position: absolute;
	left: 151px;
	top: 129px;
	width: 560px;
	height: 39px;
	margin: 0;
	padding: 0;
    color: #fff;
	font-size: 36px;
	text-transform: uppercase;
    text-shadow: 0 0 4px #015798;
}

.home #header h2{
    text-indent: -999999px;
    background: url(../images/h2_home.png) no-repeat;
}
.club #header h2{
    text-indent: -999999px;
    background: url(../images/h2_club.png) no-repeat;
}
.bundesliga-team #header h2{
    text-indent: -999999px;
    background: url(../images/h2_bundesliga-team.png) no-repeat;
}
.amateure #header h2{
    text-indent: -999999px;
    background: url(../images/h2_amateure.png) no-repeat;
}
.nachwuchs #header h2{
    text-indent: -999999px;
    background: url(../images/h2_nachwuchs.png) no-repeat;
}
.stadion #header h2{
    text-indent: -999999px;
    background: url(../images/h2_stadion.png) no-repeat;
}
.fanzone #header h2{
    text-indent: -999999px;
    background: url(../images/h2_fanzone.png) no-repeat;
}
.fanzone #header h2{
    text-indent: -999999px;
    background: url(../images/h2_fanzone.png) no-repeat;
}
.kontakt #header h2{
    text-indent: -999999px;
    background: url(../images/h2_kontakt.png) no-repeat;
}
.suche #header h2{
    text-indent: -999999px;
    background: url(../images/h2_suche.png) no-repeat;
}
.archiv #header h2{
    text-indent: -999999px;
    background: url(../images/h2_archiv.png) no-repeat;
}
.newsticker #header h2{
    text-indent: -999999px;
    background: url(../images/h2_newsticker.png) no-repeat;
}

/*-----------------------   FOOTER   -----------------------*/
#footer{
	height: 320px;
	padding-top: 120px;
	background: #496c38 url(../images/bg_footer.jpg) repeat-x;
	font-size: 10px;
}
#footer, #footer a{
	text-decoration: none;
	font-size: 12px;
}
#footer p{
    padding: 0;
	margin: 8px 0 0 0;
}

#boards{
    width: 1112px;
	height: 86px;
	overflow: hidden;
	margin: 0 auto;
	padding: 4px 6px 3px 6px;
	background: url(../images/bg_boards.png) no-repeat;
	text-align: left;
}
#boards #ads{
    width: 1000px;
	height: 58px;
	overflow: hidden;
}
#boards img{
    width: 126px;
    height: 56px;
}
#boards .mask {
position: relative;
left: 0;
top: 0;
width: 1000px;
overflow: hidden;
}


#boards li{
    float: left;
}


#siteMap{
    width: 1120px;
	margin: 8px auto 0 auto;
	text-align: left;
	position: relative;
	top: 0;
}
#siteMap ul a{
    font-size: 14px;
	color: #a8c49a;
	text-transform: uppercase;
	font-weight: bold;
}
#siteMap ul ul a{
    display: block;
    margin-top: 4px;
    font-size: 11px;
	text-transform: none;
	font-weight: normal;
}
#siteMap ul a:hover{
    color: #fff;
}

#siteMap ul ul ul{ /* hide lower levels */
    display: none;
}
#siteMap ul li{
    float: left;
	padding: 0 12px;
	border-right: 1px solid #29451d;
}
#siteMap ul ul li{
    float: none;
	padding: 0;
	border: none;
}

#siteMap ul.leftList{
    float: left;
}
#siteMap ul.leftList li{
    float: none;
	padding: 0 12px 5px 12px;
	border-right: 1px solid #29451d;
}

#dieSchraube{
    position: absolute;
	right: 130px;
	top: 4px;
	width: 121px;
	height: 80px;
	color: #a8c49a;
	font-size: 11px;
	text-align: center;
}
#dieSchraube a{
    display: block;
	margin-top: 3px;
	text-indent: -999999px;
	width: 121px;
	height: 39px;
	background: url(../images/logo_dieschraube.gif) no-repeat 0px 0px;
}
#dieSchraube a:hover, #dieSchraube a:active{
	background: url(../images/logo_dieschraube.gif) no-repeat 0px -44px;
}

/*-----------------------   ADS   -----------------------*/
#adSkyscraper{
    position: absolute;
	left: 50%;
	top: 289px;
	margin-left: 456px;
	width: 120px;
	height: 600px;
	z-index: 99;
	background: #184162;
	box-shadow: 0px 0px 8px #303b44;
    -webkit-box-shadow: 0px 0px 8px #303b44;
    -moz-box-shadow: 0px 0px 8px #303b44;
	
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#303b44', Direction=0, Strength=5)
            progid:DXImageTransform.Microsoft.Shadow(color='#303b44', Direction=45, Strength=4)
            progid:DXImageTransform.Microsoft.Shadow(color='#303b44', Direction=90, Strength=5)
            progid:DXImageTransform.Microsoft.Shadow(color='#303b44', Direction=135, Strength=4)
            progid:DXImageTransform.Microsoft.Shadow(color='#303b44', Direction=180, Strength=5)
            progid:DXImageTransform.Microsoft.Shadow(color='#303b44', Direction=225, Strength=4)
            progid:DXImageTransform.Microsoft.Shadow(color='#303b44', Direction=260, Strength=5)
            progid:DXImageTransform.Microsoft.Shadow(color='#303b44', Direction=305, Strength=4);
}

#adSkyscraper a.expand{
    position: relative;
	display: block;
	left: 0;
	top: 0;
	width: 120px;
	height: 600px;
	overflow: hidden;
	border: 1px solid #aaa;
	background-repeat: no-repeat;
	background-position: left top;
}

#adLeaderboard{
    height: 90px;
    padding: 7px;
	text-align: center;
	background: #3a81bd;
	clear: both;
}

/*-----------------------   LIGHTBOX   -----------------------*/
#lightbox a{
    background: none;
}
#outerImageContainer{
    border: 8px solid #fff;
    border-bottom: none;
    background: #fff url(../images/bg_lightbox.jpg) no-repeat center;
}
#imageDataContainer{
    border: 8px solid #fff;
    border-top: none;
}
#loading{
    top: 70%;
}