/* CSS Document */

/********* BEGIN GENERAL DEFINITIONS ******/
body{
	margin: 0 0 0 0;
	padding: 0;
	font-family:Verdana;
	font-size:11px;
	line-height:16px;
	color:#a5a5a5;
	width:100%;
	background:#474747 url(../images/bg_site.jpg) no-repeat top left;
	}
	
	html { width:100% }
	
h1 { font-size:16px; }

h3 {font-size:13px;}

h2 {font-size:16px; padding-top:5px;}
	
	
a:link, a:visited{ color:#c5a851;}
a:hover, a:active{ color:#ffd350;}

input{ background:#555; border:1px solid #aaa; height:18px; color:#a5a5a5; }
	
a.goto { display:inline-block; padding: 0 0 0 8px; margin:0 0 0 4px;}
a.goto:link, a.goto:visited{ background:url(../images/goto_1.gif) no-repeat left center; color:#c5a851;}
a.goto:hover, a.goto:active{ background:url(../images/goto_2.gif) no-repeat left center; color:#ffd350;}


a.goto_list { margin:0 0 0 4px; cursor:pointer; text-decoration:none;}
a.goto_list:link, a.goto_list:visited{ background:color:#c5a851; cursor:pointer; text-decoration:none;}
a.goto_list:hover, a.goto_list:active{ background:color:#ffd350; cursor:pointer; text-decoration:none;}



.nolink { padding:0 0 0 8px; margin:0 0 0 4px; background:url(../images/goto_inactive.gif) no-repeat left center; color:#535252;}

img
{border:solid 0px white;}

/******** END GENERAL DEFINITIONS ***********************************/


/******** BEGIN STRUCTURAL ELEMENTS **************************************/	
#top{
	width:100%;
	overflow:hidden;
	height:12px;
	background:url(../images/top.jpg) no-repeat top left;
	}
	
#left {
	width:78px;
	clear:left;
	float:left;
	}

/* main column and sidebar wrapper */
#wrapper{
	float:left;
	width:695px;
	margin:0 0 0 0px;
	border-bottom: 5px #121212 solid;
	background:#474747 url(../images/bg_wrapper.gif) repeat-y top left;
	}
	  
    	
	
#footer{
	position:absolute;
	left:0;
	bottom:0;
	height:50px;
	width:100%;
	background:#474747;
	}
/********* END STRUCTURAL ELEMENTS *******************************/

	
/********* BEGIN MAIN COLUMN ***************************************/
#main{
	float:left;
	/* alt width:468px; */
	width:460px;
	outline:yellow dotted 0px;
	border:solid 0px yellow;
	
	}
	
	*html #main {width:440px; border:solid 0px pink;}
	

	

#mainheader{
	height:183px;
	width:468px;
	background:url(../images/bg_head.jpg) no-repeat top left;
	}

#topnav{
	width:468px;
	height:46px;
	background:#454545 url(../images/nav.jpg) no-repeat top right;
	}

#topnav ul{
	padding:0;
	margin:0 0 0 10px;}

#topnav li{
	display:inline;}

a.navigation{ display:inline-block; font:bold 13px/26px Verdana; text-transform:uppercase;   padding: 5px 15px 6px 15px; text-decoration:none;}
a.navigation:link, a.navigation:visited{ background:none; color:#d9d9d9;}
a.navigation:hover, a.navigation:active{ background:url(../images/navhover.gif) repeat-x top left; color:#ededed;}


a.subnavigation {overflow:hidden; position:relative; margin:0 0 0 25px; font:bold 13px/26px Verdana; text-transform:uppercase; text-decoration:none;}
a.subnavigation:link, a.subnavigation:visited{ background:none; color:#d9d9d9;}
a.subnavigation:hover, a.subnavigation:active {color:#ededed;}

a.subnavigation_3 {margin:0 0 0 30px; font:normal 12px/14px Verdana; text-decoration:none; font-weight:bold;}
a.subnavigation_3:link, a.subnavigation_3:visited{ background:none; color:#d9d9d9;}
a.subnavigation_3:hover, a.subnavigation_3:active { color:#ededed;}



/* breadcrumbs */

#breadcrumbs{
	height:28px;
	width:468px;
	}

#breadcrumbs span{
	display:block;
	margin: 0 0 0 18px;
	color:#9a9a9a;
	font-size: 9px;
	line-height:18px;
	}

#breadcrumbs a:link, #breadcrumbs a:visited{color:#9a9a9a;}
#breadcrumbs a:hover, #breadcrumbs a:active{color:#ddd;}



	
/* Content */

#article{
	background:url(../images/bg_article.jpg) repeat-x top left;
	margin:0 0px 6px 10px;
	padding-bottom:30px;
	}
	*html #article{ height:140px; border:solid 0px green;}
	
	
#article h1{
	line-height:35px;
	padding:0;
	margin: 0 0 0 15px;
	color: #dadada;
	font-family:"Arial Black";
	font-size:18px;
	}
	
#art_content{
	position:relative;
	overflow:hidden;
	background:url(../images/bg_art_content.jpg) repeat-x top left;
	margin: 0 10px 0 10px;
	padding:6px 6px 0 6px;
	width:416px;
	}

#art_content p{ padding:0; margin:0 0 16px 0;}

#art_content img{ float:right; border: 1px solid #9c9c9c; margin:4px;}

#bottomline {
	
	background:url(../images/bg_bottomline.gif) repeat-x top left;
	height:22px;
	font-size:11px;
	line-height:20px;
	margin: 0 10px 0 10px;
	}
	
	
	
a.print{ display:inline-block; padding:0 0 0 14px; margin: 0 0 0 4px; }
a.print:link, a.print:visited{color:#acacac; background:url(../images/drucken_1.gif) no-repeat left center;}
a.print:hover, a.print:active{color:#dadada; background:url(../images/drucken_2.gif) no-repeat left center;}

a.send{ display:inline-block; padding:0 0 0 14px; margin: 0 8px 0 8px; }
a.send:link, a.send:visited{color:#acacac; background:url(../images/senden_1.gif) no-repeat left center;}
a.send:hover, a.send:active{color:#dadada; background:url(../images/senden_2.gif) no-repeat left center;}


a.add{ display:inline-block; padding:0 0 0 14px; margin: 0 8px 0 8px; }
a.add:link, a.add:visited{color:#acacac; background:url(../images/add_1.gif) no-repeat left center;}
a.add:hover, a.add:active{color:#dadada; background:url(../images/add_2.gif) no-repeat left center;}


/* News list */

h3.listheader{
	display:block;
	color:#ddd;
	text-transform:uppercase;
	font: bold 11px/18px Verdana;
	margin:0 4px 0 4px;
	height:18px;
	background:url(../images/hr.gif) repeat-x bottom left;
	}

#newslist{

	width:200px;
	background:url(../images/bg_newslist.jpg) repeat-y top left;
	margin:0px 0px 10px 10px;

	}
	
#newslist.aside{
	float:none;
	margin:0 15px 10px 5px;
	}
	
.list{
float:left;
}
                        	
.newslist.aside{
float:none;
margin:0 15px 10px 5px;
}
	
	
	
	
.newsitem{
	
	width:189px;
    overflow:hidden;
	background:none;
	padding:3px 0 6px 11px;
	border-bottom:1px solid #474747;}
	
.newsitemact{
	width:189px;
	overflow:hidden;
	background:#595959;
	padding:3px 0 6px 11px;
	border-bottom:1px solid #474747;}
	
#tasks.newsitem{
	height:23px;
	padding-top:7px;}
	
a.rss { display:inline-block; padding: 0 0 0 14px; margin: 0 25px 5px 0; }
a.rss:link, a.rss:visited{ color:#cdcdcd; background:url(../images/rss1.gif) no-repeat center left;}
a.rss:hover, a.rss:active{ color:#eee; background:url(../images/rss.gif) no-repeat center left;}

#tabelle{
	float:right;
	width:215px;
	margin:0 10px 10px 0;
	background:url(../images/bg_tabelle.jpg) repeat-y top left;
	}

*html #tabelle{float:right; margin: 0 0 10px 0;}

	
#tabelle table{
	width:211px;
	margin:0 4px 10px 4px;
	}
	
#tabelle th{
	color:#aa3939;
	text-align:center;
	text-transform:uppercase;
	font: bold 11px/18px Verdana;
	height:18px;
	margin-bottom:6px;
	background:url(../images/hr.gif) repeat-x bottom left;
	border-left:1px #575757 solid;
	}
	

    	
	
#tabelle th.team{ border-left:none; text-align:left; padding-left:4px;}

#tabelle td.team{ border-left:none; text-align:left; padding-left:8px; }
#tabelle td{ text-align:center;	 height:18px; border-left:1px #575757 solid; }
/********* END MAIN COLUMN **********************************************/


/********* BEGIN SIDEBAR ********************************************/	


#sidebar{
	float:right;
	width:227px;}

#randomplayer{
	height:257px;
	width:227px;
	}

#randomplayer img{
	border:0;
	}
/* general definition for sidebar boxes */

h3.boxheader{
	margin: 0 0 5px 0;
	padding:0;
	color:#dedede;
	font:bold 12px/26px Verdana;
	text-transform:uppercase;
	text-align:center;
	}

/* specific definition for boxes */
#box_randomplayer{
	
	height:224px;
	margin:0 8px 10px 0;
	width:219px;
	background:url(../images/bg_randomplayer.jpg) no-repeat top left;
	}

	

div.playernumber{
	float:left;
	height:66px;
	margin:2px 6px 0 20px;
	}
	
span.playerdetails {
	font-weight:bold;
	color:#d7d7d7;
	font-size:12px;
	line-height:22px;
	}
	
#box_randomplayer p {
	
	margin: 0 25px 0 25px;
	padding: 5px 0 0 10;
	background:url(../images/hr.gif) repeat-x top left;
	}

a.reload {display:block; text-align:right; background:url(../images/reload.gif) no-repeat center right; margin-right:15px;}
a.reload img{border:0;}
	
#box_search{
	
	width:202px;
	margin: 5px 0px 15px 45px;
	}
	
html* #box_search {margin:5px 0px 15px 25px;}	
	

	
#box_search input{ width:128px; background:url(../images/bg_searchinput.jpg) no-repeat top left; border:0; padding: 0 2px 0 2px; height:18px; font-size:11px; color:#a5a5a5; }
	
#box_search a:link, #box_search a:visited{ font-weight:bold; color:#a5a5a5;}
#box_search a:hover, #box_search a:active{ font-weight:bold; color:#eee;}

#box_nextgame{
	height:174px;
	margin:0 8px 10px 0;
	width:219px;
	background:url(../images/bg_nextgame.jpg) no-repeat top left;
	}
	
#box_nextgame img.teamA{
	float:left; margin: 5px 0 0 11px;}
	
#box_nextgame img.teamB{
	float:right; margin: 5px 11px 0 0;}
	
#box_nextgame span.teamsplaying{ 
	margin: 85px 25px 0 25px; 
	width:168px; 
	text-align: center;
	color:#d7d7d7;
	font-weight:bold;
	background:url(../images/hr.gif) repeat-x bottom left; 
	height:18px;
	display:block;}
	
#box_nextgame span.further{
	display:block;
	text-align:center;}
	
	
#box_lastgame{
	height:224px;
	margin:0 8px 10px 0;
	width:219px;
	background:url(../images/bg_lastgame.jpg) no-repeat top left;
	}

table.result{ margin:5px 0 0 11px;}
#box_lastgame td.winner{ font: bold 35px/37px "Arial Black"; color:#cdcdcd;	text-align:right; 
						border-right:1px solid #969696; border-bottom:1px solid #969696;}
#box_lastgame td.loser{	font: bold 35px/37px "Arial Black";	color:#cdcdcd; text-align:left; 
						border-bottom:1px solid #969696;}
#box_lastgame th.winner{ font: bold 11px/12px Verdana; color:#cdcdcd; text-align:right; text-transform:uppercase;
						border-right:1px solid #969696;}
#box_lastgame th.loser{ font: bold 11px/12px Verdana; text-transform:uppercase; color:#cdcdcd; text-align:left;}

#box_lastgame div.cetera{
	width: 170px;
	margin:10px 0 0 25px;}
	
	
/********* END SIDEBAR ****************************************/	


/********* BEGIN ADs and SPONSOR *******************************/	
#adbar{
	float:left;
	width:170px;
	height:600px;
	margin:0 0 0 6px;
	}
	
#skyscraper{
	width:171px;
	height:640px;
	padding:32px 5px 0 5px;
	margin: 10px 0 12px 0;
	background:url(../images/bg_sky.jpg) no-repeat top left;
	}
/********* END ADs and SPONSOR *******************************/



/***********Gallery***************************/

/* SLIDESHOW */

#slideshow{
	width:432px;
	
	height:340px;
	background:url(../images/bg_slide.jpg) no-repeat top left;
	padding:11px 11px 0 0px;
	outline:red solid 0px;
	margin: 0 0 0 10px;}
	
	*html #slideshow {padding:11px 0px 0 0; margin:0 0 0 2px;  width:400px; border:solid 0px yellow;}
	
	#slideshow_detail{
	width:432px;
	height:340px;
	padding:11px 11px 0 0px;
	outline:red solid 0px;
	margin: 0 0 0 10px;}

	*html #slideshow_detail {float:left; padding:0 0 0 0; margin:0 0 0 0;width:400px; border:solid 0px red;}
		
	#imgBig {padding-left:13px;}
	
#slideshow.image{
	width:420px;
	height:217px;
	border: 2px solid #000;
	overflow:hidden;
	}

#slideshow.image img{ border:0;}

#slideshow.navcontainer{
	width:427px;	height:45px;
	margin:0; 	padding:0;}
	
.caption{ float:left; width:133px; height:28px; padding:8px 8px 0 8px; margin:0 0 15px 0; font-style:italic; }
.gallerylink{ float:right; width:127px; height:28px; padding:8px 28px 0 0; margin:0 0 15px 0; text-align:right;}
.slidenav{ float:left; width:124px; height:45px;  padding:0; margin:0;}

a.back { display:inline-block; width:38px; font-size:45px; }
a.back:link, a.back:visited{ background:url(../images/slideback_1.gif) no-repeat center top;}
a.back:hover, a.back:active{ background:url(../images/slideback2.gif) no-repeat center top;}

a.lb { display:inline-block; width:40px; font-size:45px; margin-left:1px;}
a.lb:link, a.lb:visited{ background:url(../images/lb1.gif) no-repeat center center;}
a.lb:hover, a.lb:active{ background:url(../images/lb2.gif) no-repeat center center;}

a.fwd { display:inline-block; width:36px; font-size:45px; }
a.fwd:link, a.fwd:visited{ background:url(../images/slideff_1.gif) no-repeat center top;}
a.fwd:hover, a.fwd:active{ background:url(../images/slideff_2.gif) no-repeat center top;}




.imgCtrl
{
	margin: 0px 10px 0px 0px;
	clear: left;
	width: 404px;
	background-image:url(../images/imgCtrlBg.jpg);
	background-repeat:no-repeat;
	/*background:#f0f0f0;*/
	padding:10px;
}

*html .imgCtrl {width:389px;}


#galImages 
{
    width:420px;
    text-align: center;
    overflow:hidden;
    margin:0;
    padding:0px 10px 10px 10px;
    background:#f0f0f0;
    
}



.imgSmall 
{
	width: 79px;
	height:70px;
	overflow:hidden;
	float: left;
	border:solid 0px white;
}

*html .imgSmall {width:76px;}



.Gallery 
{
    width:425px;
    float:left;
    margin-left:0px;
    
    }
*html .Gallery {margin-left:5px;}


#galFView 
{   text-align:center;
    margin:0px 0 0 0;
    height:270px;
}
/*background:#474747 url(../images/bg_site.jpg) no-repeat top left;*/

/*mach einen div um img Count und img desc der den hintergrund hat /image_informtions.jpg) dann funktioniet es */

#imgInfo
{   width:438px;
    background-image:url(../images/image_informations.jpg); 
    background-repeat:no-repeat;
    border:solid 0px yellow;
    height:50px;
    clear:left;
    padding:15px 5px 0 8px;}



           
#enlarge
{
    float:left;
    border:solid 0px yellow;
    margin:0px 0 0 4px;
    outline:red solid 0px;
}           
           

#imgDesc {  margin:0px 0 0 12px; 
            width:120px;
            float:left;
            text-align:center;
            overflow:hidden; 
            border:solid 0px red;    
            outline:red solid 0px;}

#imgCount 
{          
           width:135px;
           text-align:right;
           float:left; 
           color:#a0a0a0;
           outline:red solid 0px;
           margin:0 0 0 8px;}


#imgSList {  
            margin:10px 0 0 0;
            width:420px;
            background-repeat:no-repeat;
            border:solid 0px blue;
            margin:0 0 0 20px;
            outline:red solid 0px;
            }

/****************Gallery End******************/



span.pseudolist_li{display:block; 
                padding: 0 0 0 10px; 
                margin: 0 0 0 6px; 
                line-height:1.5em; 
                font-size:11px; 
                background: url(../images/link_1.gif) no-repeat left 5px; }
                
span.pseudolist_dl{display:block; 
                padding: 0 0 0 10px; 
                margin: 0 0 0 6px; 
                line-height:1.5em; 
                font-size:11px; 
                background: url(../images/download_1.gif) no-repeat left 5px; }
                
                
                .add_ons{margin-top:30px;}
                
                
#detailpic
{width:350px; text-align:left;
    outline:yellow solid 1px;}                
    
    
    
    
    
    
    
.ArtikelListe_Item
{
    overflow:hidden;
    margin:5px 0 0 15px;
    background:url(../images/bg_newslist.jpg) repeat-y top left;
}   

html* .ArtikelListe_Item
{margin:20px 0 0 15px;height:53px;}


.ArtikelListe_Item_Archiv
{
    overflow:hidden;
    margin:5px 0 0 15px;
    background:url(../images/bg_newslist_Archiv.jpg) repeat-y top left;
} 

html* .ArtikelListe_Item_Archiv
{margin:20px 0 0 15px;height:68px;}



.ArtikelListe_Bild
{float:left;
 width:50px;
 height:50px;
 margin-right:7px;
 overflow:hidden;
 border:solid 1px white;}
 
 .ArtikelListe_Bild_Roster
 {float:left;
 width:66px;
 height:66px;
 margin-right:7px;
 overflow:hidden;
 border:solid 1px #c0c0c0;}
 
 
 #RosterDetail
 {border:solid 1px #151515;
    color:#c5a851;
 width:450px;
 height:257px;
 position:relative;
 overflow:hidden;
 background-color:#696969;
 }
 
 .RosterImage
 {float:left; border:0 px solid black;
    margin-right:8px;}