/* BASICS */
body { background-image:url(../img/bg.gif); text-align:center; background-position:center 30px;}
body, div, textarea, input, td { font-family:Verdana; font-size:10pt; margin:0px; padding:0px; color: #424242; }
div { text-align:left; }
form { padding:0px; margin:0px; }
p { padding:0px; margin:0px; }
img { border:0px; }
abbr { border:0px; cursor:pointer; }
iframe { width:100%; height:200px; border:0px; margin:0px; padding:0px;}


#currentTime { font-size:70%; text-align:center; }

.landingPageBox { margin-bottom:20px; }
.landingPageBox .text { }
.landingPageBox .text h2 { padding:0px; }
.landingPageBox .image { float:left; margin-right:10px; }
.landingPageBox .image img { border:1px solid #424242; }                            



/* MISC */
.floatRight { float:right; }
.textRight { text-align:right; }
.textCenter { text-align:center; }
.titleSpace { padding-top:10px; }

.linkImg  
{
	padding-left:18px;
	background-repeat:no-repeat;
	background-position:left center;	
}

.editButton { background-image:url(../img/edit.png); background-repeat:no-repeat; padding-left:18px; }
.deleteButton { background-image:url(../img/delete.png); background-repeat:no-repeat; padding-left:18px; }

.goLeft
{
	background-image:url(../img/back.png); 
	background-repeat:no-repeat; 
	background-position:center left; 
	padding-left:20px; 
	display:block; 	
	float:left;
}	

.goRight
{
	background-image:url(../img/forward.png); 
	background-repeat:no-repeat; 
	background-position:center right; 
	padding-right:20px; 
	display:block; 
	text-align:right;
}


.overflowContainer { overflow-x:scroll; }
#main .overflowContainer a { font-size:75%; }






/* TABLES */
table { width:100%; border-collapse:collapse; }
table, tr, td { padding:0px; margin:0px; }

th, th div
{
	background-color:#6eb046;
	color:#ffffff;
	padding:5px 2px 5px 2px;
	font-size:15px;
}

th { text-align:left }
th.small { font-size:10px; }


.tr0 td, .tr1 td { padding:4px 2px; }
.tr1 { background-color:#c1e6aa; }







/* HEADLINES */
h1, h2, h3, h4 { color:#148a11; padding: 10px 0px 2px 0px; margin:0px; letter-spacing:-1px; font-weight:normal; }
h1 { font-size:200%; }
h2 { font-size:150%; }
h3 { font-size:120%;  }

h1 span, h2 span, h3 span { font-size:10pt; }
h1 span, h2 span, h3 span { padding-left:10px; }
h1 span a, h2 span a, h3 span a { padding-left:10px; }

#main h1 a, #main h2 a, #main h3 a, #main h4 a 
{
	color:#148a11;
	font-weight:normal;
}

#side .sideTabs h3 { font-size:108%; }














/* LINKS */
a { color:#168b12; }
#main a { color:#909090; font-weight:bold; }
a:hover { text-decoration:none; }








/* CONTAINER */
#container { margin:-157px auto 50px auto; width:930px; position:relative; background-image:url(../img/bg_main.png); }











/* HEAD */
#head { height:167px; }
#head  
{
	background-image:url(../img/head_bg.png); 		
	background-repeat:no-repeat;	
	background-position:top left;
	position:relative;
}

#head a 
{
	color:#ffffff;
}















/* LOGO */
#logo  
{
	position:absolute; top:0px; left:0px;
	background-image:url(../img/head_logo.png); 
	background-repeat:no-repeat;
	height:93px;
	width:154px;
	z-index:10;
}

#logo a img 
{
	width:154px;
	height:80px;
}









/* LOGIN BOX */
#loginBox  
{	
	color:#ffffff;	
	text-align:center;
	background-color:#424242;
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	margin-right:30px;
	padding:2px;
}

#loginBox ul 
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#loginBox ul li 
{
	float:left;
	padding:2px;
}

#loginBox .iconRow 
{
	margin-top:10px;
	text-align:center;
}

#loginBox a  
{
	color:#ffffff;
}

#loginBox h2 
{
	color:#ffffff;
	padding:0px;
	margin:0px;
	padding-right:5px;
	text-align:right;
}











/* NAVI */
#navi { position:absolute; width:890px; top:95px; left:25px; }
#navi a { color:#ffffff; white-space:nowrap; }
#navi ul.main { list-style-type:none; padding:10px 0px 0px 0px; margin:0px; }
#navi ul.main li { text-align:center; float:left; padding-right:20px; position:relative; }
#navi ul.main li a { font-size:20px; text-transform:uppercase; letter-spacing:-1px; z-index:20; }


#navi ul li div.subMenu { color:#ffffff; position:absolute; opacity:0.90; background-color:#148a11; padding:0px; margin:0px; top:27px; left:0px; z-index:10; }
#navi ul.sub li a { text-transform:none; font-size:10pt; padding:0px; margin:0px; letter-spacing:0px; }
#navi ul.sub li { float:none; padding:0px; margin:0px; text-align:left; border:1px solid #148a11; }

#navi ul.sub { list-style-type:none; padding:0px; margin:0px; }
#navi ul.sub li a { display:block; padding:5px; }
#navi ul.sub li a:hover { background-color:#424242; }
#navi ul.main li a.dropdown { padding:10px 7px 5px 5px; border-left:1px solid #666666; font-size:8px; background-image:url(../img/navi_arrow.png); background-repeat:no-repeat; background-position:center; }
#navi ul.main li a.dropdown:hover { background-image:url(../img/navi_arrow2.png);	}









/* SEARCHBOX */
#searchBox { float:right; padding-right:10px; padding-top:13px; }
#searchBox .text { width:165px; }
#searchBox .button { }









/* MAIN */
#main 
{	
	width:689px; 
	padding:0 25px 0 15px; 	
	margin-top:-20px;
	margin-left:5px;		
}
#mainInner  
{
	min-height:600px; 
	height:auto !important; 
	height:600px; 	
	padding:20px 10px 30px 10px; 		
}












/* TABS */
#main .coreTabs { padding-top:20px; padding-bottom:10px; }
#main .coreTabs ul { padding:0px 0px 0px 10px; margin:0px; padding-bottom:5px; border-bottom:1px solid #148a11; }
#main .coreTabs ul li {  display:inline; }
#main .coreTabs ul li a { display:inline; background-color:#6EB046; padding:5px; color:#ffffff; font-weight:bold; text-decoration:none; }
#main .coreTabs ul li a:hover { background-color:#148a11; color:White; }
#main .coreTabs ul li a.active  { padding:5px 5px 6px 5px; display:inline; border-left:1px solid #148a11; border-top:1px solid #148a11; border-right:1px solid #148a11; background-color:White; color:#148a11; font-size:1.1em; }












/* AD */
.wideLogoInContent { margin:10px 0px 2px 0px; text-align:center; border:1px solid #424242; }
.smallLogoInContent { border:1px solid #424242; }
.leftBox .smallLogoInContent { border:0px; }
.screenPicContainer { padding-top:10px; position:relative; }
.screenPic img { width:667px; border:1px solid #424242; }
.screenPicContainer .wideLogoInContent { position:absolute; top:1px; right:1px; }












/* SIDE */
/*  */
#side { width:178px; float:right; margin-right:15px; padding-right:10px; margin-top:2px;  }
#side h1, #side h2, #side h3, #side div, #side, #side #sideInner, #side a { color:#ffffff; }
#side #sideInner { padding:5px; margin:0px; }
#side .sideTabPage ul { list-style-type:none; padding:0px; font-size:80%; }
#side .pollBar { background-color:#424242; }

#side ul 
{
	padding:0px 0px 0px 20px;
	margin:0px;	
}

#side ul ul  
{
	padding:5px 0px 0px 10px;
}


#side .spacer  
{
	background-image:url(../img/kreide_trennlinie.png);
	background-repeat:no-repeat;	
	height:20px;
	width:165px;
	margin:20px 0px;
}




















/* SIDE TABS */
#side .sideTabs { padding-top:20px; }
#side .sideTabs ul.tabs { padding:0px 0px 0px 20px; margin:0px; padding-bottom:2px; border-bottom:1px solid #148A11; }
#side .sideTabs ul.tabs li {  display:inline; }
#side .sideTabs ul.tabs li a { display:inline; background-color:#6EB046; padding:5px; color:White; font-weight:bold; text-decoration:none; margin-right:-2px; cursor:pointer; }
#side .sideTabs ul.tabs li a img { vertical-align:middle; }
#side .sideTabs ul.tabs li a:hover { background-color:#148a11; color:White; }
#side .sideTabs ul.tabs li a.active  { padding:5px 5px 6px 5px; display:inline; border-left:1px solid #148A11; border-top:1px solid #148A11; border-right:1px solid #148A11; background-color:#148A11; color:#ffffff; }
















/* BOTTOM */
#bottomseparator  
{
	background-image:url(../img/rand_unten_weiss.png); height:15px; 
	background-repeat:no-repeat;
	background-position:0px -7px;
	height:15px;
	width:716px;
}

#foot  
{
	clear:both; 
	background-image:url(../img/tafel.png);
	background-repeat:no-repeat;
	height:351px;
	margin:-10px 0 0px 11px;
	position:relative;	
}

#foot div { color:#ffffff; }

#foot .wio 
{
	position:absolute;
	left:265px;
	top:70px;
	width:370px;
	height:200px;
	z-index:10;
}

#foot a
{
	color:#ffffff;
}

#foot ul 
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#foot .facts
{
	position:absolute;
	left:20px;
	top:70px;
	width:200px;
	z-index:10;
}

#foot .articles
{
	position:absolute;
	left:680px;
	top:70px;
	width:210px;
	z-index:10;
}












/* BACKGROUND IMAGES */
#top_background
{
	background-image:url(../img/top_bg.png);
	background-repeat:no-repeat;	
	width:1200px;
	height:157px;
	margin:0 auto;
}

/*
#foot_background
{
	background-image:url(../img/foot_bg.png);
	background-repeat:no-repeat;
	width:1200px;
	height:437px;	
	margin:-450px auto 0 auto;
}*/

#foot_background2 
{
	background-image:url(../img/player_links.png);
	background-repeat:no-repeat;
	width:264px;
	height:260px;
	margin:75px 0 0 -110px;
	position:absolute;
	z-index:5;		
}

#foot_background3
{
	background-image:url(../img/player_rechts.png);
	background-repeat:no-repeat;
	width:242px;
	height:290px;	
	z-index:5;
	position:absolute;
	margin:45px -70px 0px 0px;
	right:0px;
}








/* LINKS */
.imgLink { display:inline; }
.imgLink img { width:127px; border:1px solid #424242; }








/* PROFILE */
.profile { position:relative; }
.profile .pic_coach, .profile .pic_club { float:right; padding:10px; width:150px; text-align:center;  }
/*.profile .pic_coach { border:1px solid #148A11; }*/
.profile .pic_coach div, .profile .pic_club div { text-align:center; }
.profile .votes { width:150px; margin-top:15px; padding:10px 0px; }
.profile .pressConferences { display:block; margin-top:20px; margin-right:180px; }
.profile .pressConferences h1 { padding-bottom:-20px; }
.profile .statBox ul { padding-left:20px; margin:0px;  }
.profile .statboxRight { position:absolute; right:0px; width:315px; }
.profile .statbox label { width:200px; display:block; float:left; clear:left; }

/* VOTES */
.profile .votes table td { text-align:center; vertical-align:bottom; }
.profile .votes .positiveVote, .profile .votes .negativeVote { width:10px; padding:2px; margin:0 auto; }
.profile .votes .positiveVote { background-color:#006600; }
.profile .votes .negativeVote { background-color:#cc0000; }





/* TIPPEN */
.tippen th, .tippen td { padding:2px; }
.tippen input.bet { width:24px; text-align:center; }
.tippen tr.invalid { background-color:#ff9999; }

span.pointsTie { background-color:#6EB046; display:block; }
span.pointsWin { background-color:#148A11; display:block; }
span.pointsIncrease { color:#6EB046; font-weight:bold; }






/* FLASH */
.flash_error, .flash_success, .flash_notice { margin:10px 0px; padding:10px; color:#000000; background-repeat:no-repeat; background-position:10px center; padding-left:48px; }
.flash_error { border:1px solid #BB3333; background-color:#FF9999; background-image:url(../img/error32.png);  }
.flash_success { border:1px solid #33AA33; background-color:#AFEEAF; background-image:url(../img/success32.png); }
.flash_notice { border:1px solid #000000; background-color:#FFFFCC; background-image:url(../img/alert32.png); }

.flash_error ul, .flash_success ul, .flash_notice ul {  }







/* FORMS */
.input_text, .input_password, .input_select, .input_textarea { width:100%; }
.input_textarea { height:150px; }


.form .formField, #validationSummary, .form .toggleButtonRow { margin:10px 0px; padding:5px; }
.form .formField, .form .toggleButtonRow { border:1px solid #cfcfcf; }

#validationSummary.notice { background-color:#ffffee; border:1px solid yellow; }
#validationSummary.error, .form .invalid 
{
	background-color:#ff9999;
	border:1px solid #ff0000;
}
#validationSummary.success { background-color:#00ff00; border:1px solid dark#148a11; }

#validationSummary { font-weight:bold; }

.form .invalid .errorText { font-weight:bold; }
.form .toggleButtonRow { height:20px; }
.form .toggleButtonRow #formNextToggleButton { background-image:url(../img/forward.png); background-repeat:no-repeat; background-position:center right; padding-right:20px; }
.form .toggleButtonRow #formPreviousToggleButton { background-image:url(../img/back.png); background-repeat:no-repeat; background-position:center left; padding-left:20px; }
.form .toggleButtonRow #formSubmitToggleButton { background-image:url(../img/success.png); background-repeat:no-repeat; background-position:center left; padding-left:20px; }


.form .dateSelect select { margin-right:10px; }
.form .dateSelect input { margin-left:10px; width:25px; }

.form .checkboxValue input { margin-right:5px; }











/* PAGER */
.pager { width:100%; text-align:center; margin:20px 0px; }
.pager a { padding:0px 4px; margin:0px 2px; }
#main .pager a { color:#148a11 }
.pager a.active { border:1px solid #148a11; }


















/* GRID VIEW */
.options { text-align:center; }
.gridView th.searchable  
{
	background-image:url(../img/search.png);
	background-repeat:no-repeat;
	padding-left:20px;
	background-position:0px center;
}

.gridView th a.sortASC, .gridView th a.sortDESC
{
	background-position:0 center;
	background-repeat:no-repeat;	
	padding-left:20px;
}
	
.gridView th a.sortASC  
{
	background-image:url(../img/sort_incr.png);
}
	
.gridView th a.sortDESC  
{
	background-image:url(../img/sort_decrease.png);
}

#main .gridView th a 
{
	color:#ffffff;
}

.gridView th { padding:2px; }
#main .gridView a { color:#424242; }



.pollBar { height:10px; background-color:#148a11; }
















/* QUOTES */
.randomQuote 
{
	border:1px solid #148a11;
	padding:5px;
	margin:5px;		
}

.randomQuote .meta 
{
	text-align:right;
	color:#909090;
	padding-top:10px;
	padding-bottom:0px;
}

.quotePeopleList 
{
	padding:0px;
	margin:0px;
}

.quotePeopleList li 
{
	float:left;
	width:50%;
	display:block;
}













/* LESESTOFF */
.teaser  
{
	margin-top:10px;
}

.titleImage  {
	float:left; 
	margin-right:10px;
}
	
.meta  
{
	padding-bottom:10px;
	font-size:11px;
	color:#909090;
}

#main .meta a  
{
	color:#909090;
	padding-bottom:3px;
}

.arrowBar 
{	
	padding:10px;
	background-color:#399636;
	border:1px solid #424242;
	margin:20px 0px;
}

#main .arrowBar a 
{
	color:#ffffff;
}

.itemText 
{
	text-align:justify;
}

.lesestoff
{
	padding-top:20px;
	width:100%;
}

.lesestoff .latestArticle 
{
	width:447px;
	float:left;	
	margin-right:10px;
}

.lesestoff .latestArticle h2 
{
	padding:0px;
}

.lesestoff .latestArticle .teaser
{
	margin:0px;
}

.lesestoff .rightHighlight 
{		
	float:left;	
}

.lesestoff .rightHighlight img 
{
	width:208px;
	border:1px solid #424242;
}


.lesestoff .leftBox, .lesestoff .middleBox, .lesestoff .rightBox
{
	margin-top:20px;
	width:210px;
	float:left;		
}

.lesestoff .leftHighlight 
{
	float:left;
}

.lesestoff .leftBox 
{
	margin-right:19px;
}

.lesestoff ul 
{	
	margin:0px;
	padding:10px 0px 0px 15px;
}

.lesestoff .rightBox 
{
	margin-left:18px;
}

.lesestoff .leftBox img, .lesestoff .middleBox img, .lesestoff .rightBox img
{
	border:1px solid #424242;
}








/* COMMENTS */
.comments .comment .meta { text-align:left;  padding-bottom:5px; }
.comments .comment { padding-bottom:15px; border-bottom:3px solid #cccccc; margin-bottom:15px; }
.comments .comment .text { border-left: 3px solid #399636; padding:5px 0 5px 10px }

blockquote { padding:2px; margin:0px; }
blockquote { padding:5px; border:1px solid #148A11; background-color:#AFEEAF; font-style:italic; margin-bottom:10px;}
blockquote blockquote { margin:5px; }
blockquote cite { float:right; padding-top:5px; }

#main table.comments a { color:#424242; }








/* ADMIN */
.itemMeta  
{
	color:#909090;
	padding:10px 0px;
	font-size:80%;
}

#main .itemMeta a 
{
	color:#909090;
}

.adminBox 
{
	float:left;
	width:210px;
}

.renderStats 
{
	text-align:center;
	color:#909090;
	font-size:80%;
}



/* START */
.startBox 
{	
	width:100%;
}

.startBox .image 
{
	width:210px;
	float:left;
	margin-right:15px;
}

.startBox .image img 
{
	width:210px;
	border:1px solid #424242;
}

.startBox .content 
{
	float:left;
	width:420px;
}

.startBox .content h2 
{
	padding:0px;
}

.startBox ul 
{
	margin:0px;
	padding:0px 0px 0px 15px;
}


/* CALENDAR */
.calendar th, .calendar td { color:#ffffff; }
.calendar th { background-color:transparent; text-align:center; }
.calendar td { padding:2px; text-align:center; }
.calendar .highlight { background-color:#424242; font-weight:bold; }


















/* NICKPOPUP */
#nickpopup  
{	
	border:1px solid #666666;
	z-index:255;
	display:block;
	position:absolute;
	background-color:#424242;
	color:#ffffff;	
}

#nickpopup ul
{
	list-style-type:none;
	padding:2px;
	margin:0px;
	float:left;
}

#nickpopup .pic_coach { float:left; }
#nickpopup .pic_coach img { width:55px; }