body{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #4d4e4e;
 margin: 0px;
 padding: 0px;
 background-image: url(images/bg.png);
}

#container {
 margin: 0px;
 padding: 0px;
 border: none;
}


 img {
 border: 0px;
}

/**
 * Page Einteilung *************************************************************************************************
 */

#content {
 width: 1100px;
 margin: 0px auto 0px auto;
 padding: 0px;
}
 
#head {
 width: 1054px;
 height: 166px;
 background-image: url(images/header.jpg);
 margin-left: 46px;
 padding: 0px;
}

/**
 * Main *************************************************************************************************
 */

#main {
 width: 1000px;
 height: 127px;
 margin: 0px 46px;
 padding: 0px;
}

#usercenter {
 width: 255px;
 height: 127px;
 background-image: url(images/usercenter.png);
 margin: 0px;
 padding: 0px;
 float: left;
}

#topmatch {
 width: 207px;
 height: 127px;
 background-image: url(images/topmatch.png);
 margin: 0px;
 padding: 0px;
 float: left;
}

#teamroster {
 padding: 0px;
 margin: 0px;
 width: 539px;
 height: 127px;
}

#roster {
 padding: 0px;
 margin: 0px;	
 float: left;
}

#rosterhead {
 width: 423px;
 height: 16px;
 background-image: url(images/roster_head.png);
 margin: 0px;
 padding: 0px;
}

#rosterunder {
 width: 423px;
 height: 111px;
 background-image: url(images/roster_under.png);
 margin: 0px;
 padding: 0px;
 position: relative;
 overflow: hidden;
}

div#myImageFlow {
 position: relative;
 color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
}

div#squadname {
 position: absolute;
 right:8px;
 top:45px;
 height: 28px;
 width: 115px;
 color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px; 
 font-weight: bold;
}

#team {
 padding: 0px;
 margin: 0px;
 float: left;
 list-style: none;
 background-image : url(images/team.png);
}


#teamhead {
width : 115px;
height : 16px;
margin : 0;
padding : 0;
}

#jsddm {
margin : 0;
padding : 0;
height : 127px;
}	

#jsddm li {
list-style : none;
font : 12px Tahoma, Arial;
height : 127px;
width : 115px;
margin : 0;
padding : 0;
display: block;
}

#jsddm #menu {
margin-top: 16px;
display: block;
width: 115px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

#jsddm li a {
display : block;
text-decoration : none;
width : 115px;
height : 16px;
color : #eaffed;
}

#jsddm li ul {
margin : 0;
padding : 0;
position : absolute;
visibility : hidden;
}

#jsddm li ul li {
float : none;
display : inline;
}

#jsddm li ul li a {
width: 98px;
height: 16px;
margin-top: 5px;
margin-left: 5px;
background-image: url(images/button.png);
text-align: center;
font-size: 11px;
font-weight: bold;
}

#jsddm li ul li a:hover {

background-image: url(images/button.png);
}

#teamunder {
width : 115px;
height : 111px;
background-image : url(images/team_under.png);
margin : 0;
padding : 0;
}

/**
 * Einteilung *************************************************************************************************
 */

#compact {
 margin: 0px 0px 0px 46px;
 padding: 0px;
 width: 1000px;
 background-image: url(images/bg_compact.png);
 background-repeat: repeat-y;
 overflow:hidden;
} 

#left {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 197px;
 float: left;
}

#middle {
 margin:  0px;
 padding: 0px;
 width: 639px;
 float: left;
}

#right {
 margin: 0px;
 padding: 0px;
 width: 164px;
 float: left;
}

/**
 * Navigation left *************************************************************************************************
 */

#nav {
 margin: 0px;
 padding: 0px;
}

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

ul#nav li {
 margin: 0px;
 padding: 0px;
 text-decoration: none;
}

.expand_heading {
	padding: 0px;
	margin: 0px;
	height: 26px;
	line-height: 26px;
	width: 197px;
}


.expand_heading a {
    text-decoration: none;
    display: block;
}

.active {background-position: left bottom;}
.toggle_container {
	margin: 0px;
	padding: 0px;
	border-top: 0px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	width: 197px;
	clear: both;
}

.toggle_container .box {
	padding: 4px 0px 0px 4px;
	background-image: url(images/nav_under.jpg);
}

.toggle_container .box ul li {
 margin: 0px;
 padding: 0px 0px 0px 0px;
 height: 21px;
}

.toggle_container .box p {
	padding: 0px;
	margin: 0px;
}

.expanded {
background-position:bottom left;
}

/**
 * Coverages middle*************************************************************************************************
 */
 
#coverages {
 margin: 0px;
 padding: 0px;
 background-image: url(images/coverages.png);
 width: 639px;
 height: 164px;
}

/**
 * Scoreboard left *************************************************************************************************
 */

#scoreboardhead {
 margin: 0px;
 padding: 0px;
 background-image: url(images/score.png);
 height: 26px;
 width: 197px;
}
 
#scoreboard {
 margin: 0px;
 padding: 0px;
 background-image: url(images/score_under.png);
 width: 197px;
 min-height: 36px; 
 font-weight: bold;

}

/**
 * coverages left *************************************************************************************************
 */
 
#coverageshead {
 margin: 0px;
 padding: 0px;
 background-image: url(images/coveragessmall.png);
 height: 26px;
 width: 197px;
}
 
#coveragesunder {
 margin: 15px;				 
 padding: 20px;
 height: 600px;
 width: 197px; 
}

#coveragesunder3 {
 margin: 35px;
 padding: 0px;
 height: 600px;
 width: 197px;
}

/**
 * user of the moment left *************************************************************************************************
 */
 
#user {
 margin: 0px;
 padding: 0px;
 background-image: url(images/user.png);
 height: 31px;
 width: 197px;
}
 
#user_under {
 margin: 0px;
 padding: 0px;
 background-image: url(images/user_under.png);
 height: 249px;
 width: 197px; 
}

/**
* Vote4us*********************************************************************************************************************
*/


#vote4ushead {
 margin: 0px;
 padding: 0px;
 background-image: url(images/vote4us.png);
 height: 26px;
 width: 197px;
}


#vote4us_under{
 margin: 15px;
 padding: 0px;
 height 100px;
}


/**
*Partner*************************************************************************************************************
*/

#partnershead{
 margin: 0px;
 padding: 0px;
 background-image: url(images/partner.png);
 height: 26px;
 width: 197px;
}

#partners_under{
 margin: 15px;
 padding: 0px;
 height: 100px;
}



/**
 * Coverages left 2 *************************************************************************************************
 */
 

#coveragessmall_left {
 margin: 0px;
 padding: 0px;
 height: 10px;
 width: 197px;
}


#coveragessmall_under_left {
 margin: 0px;                                    
 padding: 0px;
 padding-left: 0px;
 height: 420px;                                               
}



#spacer {
 margin: 0px;
 padding: 0px;
 width: 197px;
 height: 10px; 
 background-image: url(images/spacer_left.png);
}


/**
 * Television right *************************************************************************************************
 */
 
#television {
 margin-top: 0px;
 padding: 0px;
 background-image: url(images/television.png);
 height: 26px;
 width: 164px;
}

#television_under {
 margin: 0px;
 padding: 0px;
 height: 127px;
 padding-left: 2px;
 padding-top: 2px;
}

/**
 * Headsponsor right *************************************************************************************************
 */
 
#headsponsor {
 margin: 0px;
 padding: 0px;
 background-image: url(images/headsponsor.png);
 height: 29px;
 width: 164px;
}

#headsponsor_under {
 margin: 0px;
 padding: 0px 0px ;
}

/**
 * Mainsponsor right *************************************************************************************************
 */
 
#mainsponsor {
 margin: 0px;
 padding: 0px;
 background-image: url(images/mainsponsor.png);
 height: 43px;
 width: 164px;
}

#mainsponsor_under {
 margin: 0px;
 padding: 0px;       
}

/**
 * Oursponsor right *************************************************************************************************
 */
 
#oursponsor {
 margin: 0px;
 padding: 0px;
 background-image: url(images/oursponsor.png);
 height: 44px;
 width: 164px;
}

#oursponsor_under {
 margin: 0px;
 padding: 0px 0px 0px 0px;
 height: 122px;				
}

/**
 * Advertisement right *************************************************************************************************
 */
 
#advertisement {
 margin: 0px;
 padding: 0px;
 background-image: url(images/advertisement.png);
 height: 43px;
 width: 164px;
}

#advertisement_under {
 margin: 15px;                                    
 padding: 5px;
 width: 197px; 
 height: 600px;                                             
}


#spacer {
 margin: 0px;
 padding: 0px;
 width: 197px;
 height: 10px; 
 background-image: url(images/spacer_left.png);
}


#coveragessmall_under_2{
 margin: 5px;
 padding: 5px;
 width: 197px;
 height: 5px;
 backround-image: url(images/coveragessmall_under2.png)
}

/**
 * botton *************************************************************************************************
 */

 
#bottonleft {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 background-image: url(images/botton_left.png);
 height: 98px;
 width: 761px;
 float: right;
}

#bottonright {
 margin: 0px 54px 0px 0px;
 padding-top: 45px;
 background-image: url(images/botton_right.png);
 height: 53px;
 width: 239px;
 float: right;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8px;
 color: #ffffff;
 font-weight: bold;
}

#bottonright a{
 color: #ffffff;
 font-weight: bold;
}

#bottonright a:hover {
 color: #ffffff;
}



/**
 * News, Forum *************************************************************************************************
 */
 
#center {
 margin: 0px;
 padding: 3px 8px 0px 8px;
}
 
#centerleft {
 margin: 0px;
 padding: 0px;
 float: left;
 width: 456px;
}

#centerright {
 margin: 0px;
 padding: 0px;
 float: right;
 width: 167px;
}

#newshead {
 margin: 0px;
 padding: 0px 0px 0px 0px;
 width: 460px;
 height: 40px;
 background-image: url(images/news.png);
}
 
#news {
 margin: 0px;
 padding: 0px;
 width: 456px;
}

#forumhead {
 margin: 0px;
 padding: 0px;
 width: 167px;
 height: 33px;
 background-image: url(images/forum.png);
}

#forum {
 margin: 0px;
 padding: 0px;
 background-image: url(images/forum_under.png);
 min-height: 72px;
}

#user_rankhead {
 margin: 0px;
 padding: 0px;
 background-image: url(images/user_rank.png);
 height: 38px;
 width: 167px;
}

#user_rank {
 margin: 0px;
 padding: 0px;
 background-image: url(images/user_rank_under.png);
 min-height: 108px;
 width: 167px;
}

#pollshead {
 margin: 0px;
 padding: 0px;
 background-image: url(images/polls_head.png);
 height: 44px;
 width: 167px;
}

#polls {
 margin: 0px;
 padding: 0px;
 background-image: url(images/polls_under.png);
 min-height: 108px;
 width: 167px;
}

#pollsbottom {
 margin: 0px;
 padding: 0px;
 background-image: url(images/polls_bottom.png);
 height: 5px;
 width: 167px;
}
/**
 * Easy Slider *************************************************************************************************
 */

    #slider {
    	margin:0px 0px 0px 9px;
    	padding-top: 37px; 
    }
 
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0px 0px 0px 0px;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		margin: 0px 0px 0px 0px;
		width:622px;
		height:124px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}