/* ============================
   Stylesheet Bonuslovers
   
   Version: 1.0
   File: master.css
   Date: 2008-05-20
   Author: Lars Demel
   
   Structure: 1. Calibration
              2. General Styles
              3. Layout Styles
              4. Other Styles
   
   ============================ */

/* =================
   1. Calibration
   ================= */

/* =====================================================
   DESTROY browser default values for padding and margin
   =====================================================
   -> all browser have a built in stylesheet and set
      different default values for padding and margin */

* { padding: 0; margin: 0; } 

/* ========================================
   RESTORATION of padding and margin values
   ========================================
   -> only restore padding and margin values which are
      actually used
   -> no browser uses its default values for padding
      and margin anymore
   -> advisable using em as unit to define basic spaces
     because spaces grow if the font will be enlarged. */




/* =================
   2. General Styles
   ================= */

html, body {
	height: 101%; /* Scrollbar in Firefox all time visible */
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

body {
	/*background-color: #18120d;*/
	background-image: url(/images/bg_body.jpg);
	background-repeat: repeat-y;
}

#bg_top {
	width: 100%;
	height: 13px;
	background-image: url(/images/bg_top.jpg);
	background-repeat: no-repeat;
}

#bg_middle {
	width: 100%;
	height: 100%;
	background-image: url(/images/bg_middle.jpg);
	background-repeat: no-repeat;
}

#bg_bottom {
	width: 0;
	height: 0;
	background-color: #16120e;
	background-image: url(/images/bg_bottom.jpg);
	background-repeat: no-repeat;
}

h1 {font-size:22px;}
h2 {}

address {}
a img{
	border:none;
	text-decoration:none;
}
/* =============
   Hyperlinks    */
   
a {
}
a:link {
}
a:visited {
}
a:hover,
a:focus {
}
a:active {
}

/* ==================
   Classes and IDs    */
   
.temp {} /* e.g. skiplink */
#temp {} /* e.g. logo */


/* =================
   3. Layout Styles
   ================= */

#header_container {
	padding-top: 0;
	border-bottom: 1px solid #493a1f;
	width: 816px;
	margin: 0 auto;
}

	#header_top {
		height: 145px;
		background-image: url(/images/header_top.png);
		background-repeat: no-repeat;
		background-position: 0px 10px;
	}
	
	#header_logo {
		width:220px;
		height:135px;
		background-image: url(/images/logo.png);
		background-repeat: no-repeat;
		float: left;
	}
	
	#header_online_player {
		height: 110px;
		text-align: center;
		vertical-align: middle;
		padding-top: 77px;
		padding-right: 20px;
		color:#85662f;
		font-size:14px;
		
	}
	
	#header_menu {}
	
		#header_menu_top {
			height:32px;
			background-image: url(/images/bg_menu.png);
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
		
		#header_menu_items {
			width:100%;
		}
		
			#header_menu_items_page {
				width:688px;
			}
			
				#header_menu_items_page .fill {
					/*min-width:24px;*/
					width:24px;
				}
				
				#header_menu_items_page .link {
				}
					#header_menu_items_page .link a {
						color:white;
						text-decoration: none;
						font-size: 11px;
						font-weight: bold;
					}
					#header_menu_items_page .link a:link {
					}
					#header_menu_items_page .link a:visited {
					}
					#header_menu_items_page .link a:hover,
					#header_menu_items_page .link a:focus {}
					#header_menu_items_page .link a:active {}
			
			#header_menu_items_space {
				width:24px;
				height:26px;
			}
			
			#header_menu_items_lang {
				width:68px;
				height:26px;
			}
			
				#header_menu_items_lang a {
					text-decoration: none;
					color:white;
				}
				
				#header_menu_items_lang a img{
					border: 0;
					padding-top:1px;
					padding-right:5px;
					vertical-align:middle;
				}
				
		#header_menu_bottom {
			height:10px;
			background-image: url(/images/bg_menu_bottom.png);
			background-repeat: no-repeat;
			background-position: 0px -10px;
			border-bottom: 1px solid black;
		}



#content_container {
	/*background-color: #18120d;*/
	padding-top: 0;
	/*border-top: 1px solid green;*/
	/*border-bottom: 1px solid green;*/
	width: 816px;
	min-height: 420px;
	margin: 0 auto;
}
	#content a {
	}
	
	#content a:hover,
	#content a:focus {
	}

	#content p {
	}



#footer_container {
	width:100%;
}


	#footer_top {
		height:13px;
		background-image: url(/images/footer_top.png);
		background-repeat: no-repeat;
		margin-top:50px;
	}	
	
	
	#footer_content {
		width:100%;
		height:237px;
		background-image: url(/images/bg_footer.png);
		background-repeat: no-repeat;
		border-top: 1px solid #695838;
	}
	
	
	#footer_menu {
		width: 816px;
		margin: 0 auto;
		padding: 40px 0 20px 0;
	}
	
		#footer_menu_list {	
			margin: 0 auto;
		}
		
		#footer_menu_list .link {
		}
			#footer_menu_list .link a {
				color:#a58f49;
				text-decoration: none;
				font-size: 10px;
			}
			#footer_menu_list .link a:link {
			}
			#footer_menu_list .link a:visited {
			}
			#footer_menu_list .link a:hover,
			#footer_menu_list .link a:focus {
			}
			#footer_menu_list .link a:active {
			}
		
		#footer_menu_list .seperator {
			width:5px;
			height:5px;
			background-image: url(/images/seperator.png);
			background-repeat: no-repeat;
			background-position: 5px 5px;
			padding: 5px;
		}
	
	
	#footer_links {
		width: 816px;
		margin: 0 auto;
		padding: 20px 0 20px 0;
	}
	
		#footer_links div.border {
			width:780px;
			height:1px;
			background-image: url(/images/link_list_border.png);
			background-repeat: no-repeat;
			padding:1px;
		}

		
		#footer_link_list {
			margin: 0 auto;
		}
		
		/*
			#footer_link_list .list td a{
				color:#a58f49;
				text-decoration: none;
				font-size: 10px;
			}
			#footer_link_list .list td a:link {
			}
			#footer_link_list .list td a:visited {
			}
			#footer_link_list .list td a:hover,
			#footer_link_list .list td a:focus {
			}
			#footer_link_list .list td a:active {
			}
		*/
		
		#footer_link_list .link {
		}
			#footer_link_list .link a {
				color:#a58f49;
				text-decoration: none;
				font-size: 10px;
			}
			#footer_link_list .link a:link {
			}
			#footer_link_list .link a:visited {
			}
			#footer_link_list .link a:hover,
			#footer_link_list .link a:focus {
			}
			#footer_link_list .link a:active {
			}
		
		#footer_link_list .seperator {
			width:5px;
			height:5px;
			background-image: url(/images/seperator.png);
			background-repeat: no-repeat;
			background-position: 5px 5px;
			padding: 5px;
		}
		
	
	
	#footer_text { 
		width: 816px;
		margin: 0 auto;
		padding: 20px 0 40px 0;
	}
	
		#footer_text_list {	
			margin: 0 auto;
		}
		
		#footer_text_list .text{
				color: white;
				font-size: 10px;
			}
		
		#footer_text_list .text td a{
				color:#a58f49;
				text-decoration: none;
				font-size: 10px;
		}
			#footer_text_list .text td a:link {
			}
			#footer_text_list .text td a:visited {
			}
			#footer_text_list .text td a:hover,
			#footer_text_list .text td a:focus {
			}
			#footer_text_list .text td a:active {
			}



/* =================
   4. Other Styles
   ================= */

/* ==================
   BOXES             */

/* == admin_topbox ==
   START             */

#admin_topbox {
	background-color: #8F6F32;
	border-bottom: 2px solid black;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 15px;
	width: 100%;
}

	#admin_topbox + * {
		margin-top: 15px;
	}
	
	#admin_topbox ul {
		list-style-type: none;
	}
	
	#admin_topbox li {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	#admin_topbox a {
		text-decoration: none;
	}
	
	#admin_topbox a:link,
	#admin_topbox a:visited {
		color: black;
	}
	
	#admin_topbox a:hover,
	#admin_topbox a:active {
		color: #333;
	}

/* END  
   == admin_topbox == */

/* == adminbox ==
   START             */

#adminbox {
	background-color: #8F6F32;
	width:816px;
}

	#adminbox .top{
		padding: 5px 0 5px 10px;
	}
	
	#adminbox .main{
		padding: 5px 0 5px 15px;
	}
		#adminbox .main td {
			vertical-align: top;
		}
			
		#adminbox .main .content .section{
			padding: 0 0 15px 0;
		}	
		
			#adminbox .main .content .section h2 {
				text-decoration: none;
				padding: 0 0 10px 0 ;
			}
			
			#adminbox .main .content .section a {
				color:#323B09;
				text-decoration: none;
				padding: 0 10px 0 10px;
			}
			
			#adminbox .main .content .section a:link {}
			
			#adminbox .main .content .section a:visited {}
			
			#adminbox .main .content .section a:hover,
			#adminbox .main .content .section a:focus {
				color:#9e9c66;
			}
			
			#adminbox .main .content .section a:active {}
				

/* END  
   == adminbox == */

/* == textimagebox ==
   START         */

#textimagebox {
	width: 816px;
	margin: 0 auto 20px auto;
}
	#textimagebox .header {
		border-bottom: 1px solid black;		
	}
	
		#textimagebox .header .top {
			height: 51px;
			background-image: url(/images/bg_box_header.png);
			background-repeat: no-repeat;
			background-position: center;
			vertical-align: middle;
		}
		
			#textimagebox .header .top  .headline {
				text-align: center;
				padding-top: 8px;
				font-size: 30px;
				color: white;
			}
	
	#textimagebox .body {
		background-image: url(/images/bg_box_body.png);
		background-repeat: no-repeat;
		background-position: -44px 0px;
		border-top: 1px solid #493a1f;
		color:#8e7c66;
	}
	
		#textimagebox .body .subtop {}
	
			#textimagebox .body .subtop .subheader {
				font-size: 22px;
				color: white;
				padding-top:10px;
			}
			
				#textimagebox .body .subtop .subheader .clubs {
					background-image: url(/images/clubs.png);
					background-repeat: no-repeat;
					background-position: 2px 2px;
				}
				
					#textimagebox .body .subtop .subheader .clubs .subheadline {
						padding-left:30px;
					}
				
				#textimagebox .body .subtop .subheader .space {}
				
					#textimagebox .body .subtop .subheader .space .subheadline {
						padding-left:30px;
					}
			
		#textimagebox .body .middle {}
		
			#textimagebox .body .middle .content {
				width:100%;
			}
				#textimagebox .body .middle .content .space {
					width:30px;
					padding-top: 10px;
				}
				
				#textimagebox .body .middle .content .text {
					padding-right: 35px;
					vertical-align:top;
					padding-top: 10px;
				}
					#textimagebox .body .middle .content .text a{
						text-decoration:none;
						color:white;
					}
				
				#textimagebox .body .middle .content .image {
					padding-left: 20px;
					padding-right: 20px;	
					/*background-color:black;*/
					padding-top: 10px;
				}
	
		#textimagebox .body .bottom {}
   
/* END  
   == textimagebox == */

/* == flashbox ==
   START         */

#flashbox {
	width: 816px;
	height: 336px;
	margin: 15px auto 20px auto;
	background-image: url(/images/bg_box_flash.png);
	background-repeat: no-repeat;
	background-position: center;
}
	#flashbox .content{
		padding:18px;
	}
   
/* END  
   == flashbox == */


/* == threesplittedarticlebox ==
   START         */

#threesplittedarticlebox {
	width: 816px;
	margin: 0 auto 20px auto;
}
	#threesplittedarticlebox .header {
		border-bottom: 1px solid black;		
	}
	
		#threesplittedarticlebox .header .top {
			height: 51px;
			background-image: url(/images/bg_box_header.png);
			background-repeat: no-repeat;
			background-position: center;
			vertical-align: middle;
		}
		
			#threesplittedarticlebox .header .top  .headline {
				text-align: center;
				padding-top: 8px;
				font-size: 30px;
				color: white;
			}
	
	#threesplittedarticlebox .body {
		background-image: url(/images/bg_box_body.png);
		background-repeat: no-repeat;
		background-position: -44px 0px;
		border-top: 1px solid #493a1f;
		color:#8e7c66;
	}
	
		#threesplittedarticlebox .body .subtop {}
	
			#threesplittedarticlebox .body .subtop .subheader {
				font-size: 22px;
				color: white;
				padding-top:10px;
				padding-bottom:10px;
			}
			
				#threesplittedarticlebox .body .subtop .subheader .clubs {
					background-image: url(/images/clubs.png);
					background-repeat: no-repeat;
					background-position: 2px 2px;
				}
				
					#threesplittedarticlebox .body .subtop .subheader .clubs .subheadline {
						padding-left:30px;
					}
				
				#threesplittedarticlebox .body .subtop .subheader .space {}
				
					#threesplittedarticlebox .body .subtop .subheader .space .subheadline {
						padding-left:30px;
					}
					
		#threesplittedarticlebox .body .middle {}
		
			#threesplittedarticlebox .body .middle .border {
				width:100%;
				background-image: url(/images/bg_box_body.png);
				background-repeat: no-repeat;
				background-position: -44px 0px;
				border-top: 1px solid black;
				border-bottom: 1px solid #493a1f;
			}
		
			#threesplittedarticlebox .body .middle .content {
				width:816px;
			}	
				#threesplittedarticlebox .body .middle .content .image{
					padding-top:10px;
				}
					#threesplittedarticlebox .body .middle .content .image div{
						width:251px;
						height:214px;
						border: 5px solid #0f0a05;
					}
				
				#threesplittedarticlebox .body .middle .content .clubs {
					font-size: 22px;
					color: white;
					padding-top:10px;
					background-image: url(/images/clubs.png);
					background-repeat: no-repeat;
					background-position: 2px 13px;
				}
					#threesplittedarticlebox .body .middle .content .clubs .headline {
						padding-left:30px;
					}
								
				#threesplittedarticlebox .body .middle .content .text {
					/*height:100px;*/
					vertical-align:top;
					padding: 10px 10px 10px 30px;
				}
				
				#threesplittedarticlebox .body .middle .content .link {
					padding: 10px 0 10px 30px;
				}
				
				#threesplittedarticlebox .body .middle .content .link div {
					height:29px;
					width:88px;
					background-image: url(/images/bg_button.png);
					background-repeat: no-repeat;
					text-align:center;
					padding-top: 3px;
					color: #fdd5aa;
					font-size:11px;
					font-weight:bold;
				}
				
				#threesplittedarticlebox .body .middle .content .link div a{
					color: #fdd5aa;
					font-size:11px;
					font-weight:bold;
					text-decoration:none;
				}
				
		#threesplittedarticlebox .body .bottom {}
		
/* END  
   == threesplittedarticlebox == */
   		
/* == newsbox ==
   START         */

#newsbox {
	width: 816px;
	margin: 0 auto 20px auto;
}
	#newsbox .header {
		border-bottom: 1px solid black;		
	}
	
		#newsbox .header .top {
			height: 51px;
			background-image: url(/images/bg_box_header.png);
			background-repeat: no-repeat;
			background-position: center;
			vertical-align: middle;
		}
		
			#newsbox .header .top  .headline {
				text-align: center;
				padding-top: 8px;
				font-size: 30px;
				color: white;
			}
	
	#newsbox .body {
		background-image: url(/images/bg_box_body.png);
		background-repeat: no-repeat;
		background-position: -44px 0px;
		border-top: 1px solid #493a1f;
		color:#8e7c66;
	}
	
		#newsbox .body .subtop {}
	
			#newsbox .body .subtop .subheader {
				font-size: 22px;
				color: white;
				padding-top:10px;
			}
			
				#newsbox .body .subtop .subheader .clubs {
					background-image: url(/images/clubs.png);
					background-repeat: no-repeat;
					background-position: 2px 2px;
				}
				
					#newsbox .body .subtop .subheader .clubs .subheadline {
						padding-left:30px;
					}
				
				#newsbox .body .subtop .subheader .space {}
				
					#newsbox .body .subtop .subheader .space .subheadline {
						padding-left:30px;
					}
			
		#newsbox .body .middle {
			border-bottom: 1px solid black;
		}
		
			#newsbox .body .middle .content {
				width:100%;
			}
				
				#newsbox .body .middle .content .left {
					vertical-align:top;
					width:380px;
				}
					#newsbox .body .middle .content .left .border {
						border-top: 1px solid black;
						border-bottom:1px solid #493a1f;
					}
					
					#newsbox .body .middle .content .left .shortnews {
						min-height:120px;
						max-width:380px;
						background-image: url(/images/bg_box_news_short.png);
						background-repeat: no-repeat;
						background-position: -10px 0;
						margin-bottom:10px;
					}
						#newsbox .body .middle .content .left .shortnews .date {
							color: white;
						}
						
						#newsbox .body .middle .content .left .shortnews .headline {
							padding-left:10px;
						}
							#newsbox .body .middle .content .left .shortnews .headline a{
								color:white;
								text-decoration:none;
							}
						
						#newsbox .body .middle .content .left .shortnews .clubs {
							width:35px;
							height:35px;
							background-image: url(/images/clubs.png);
							background-repeat: no-repeat;
							background-position: 20px 10px;;
						}
						
						#newsbox .body .middle .content .left .shortnews .text {
							padding-top:5px;
							padding-left:10px;
							font-size:11px;
						}
					
				
				#newsbox .body .middle .content .right {
					vertical-align:top;
					width:436px;
				}
				
					#newsbox .body .middle .content .right .longnews {
						
					}
					
						#newsbox .body .middle .content .right .longnews .info {
							color: white;
							padding: 10px 0;
						}
							#newsbox .body .middle .content .right .longnews .info .date {}
							
							#newsbox .body .middle .content .right .longnews .info .author {
								padding-left:10px;	
								font-size:10px;
							}
						
						#newsbox .body .middle .content .right .longnews .headline {
							color:white;
							font-size:22px;
							padding-top:8px;
						}
						
						#newsbox .body .middle .content .right .longnews .admin {
							padding-left:10px;
						}
						
							#newsbox .body .middle .content .right .longnews .admin a {
								color: #fdd5aa;
								font-size:10px;
							}
						
						#newsbox .body .middle .content .right .longnews .clubs {
							width:35px;
							height:35px;
							background-image: url(/images/clubs.png);
							background-repeat: no-repeat;
							background-position: 0px 10px;;
						}
						
						#newsbox .body .middle .content .right .longnews .text {
							padding: 10px 0;
						}
						
						#newsbox .body .middle .content .right .longnews .image img {
							border: 5px solid #0f0a05;							
						}
	
		#newsbox .body .bottom {
			background-image: url(/images/bg_box_body.png);
			background-repeat: no-repeat;
			background-position: -44px 0px;
			border-top: 1px solid #493a1f;
			color:#8e7c66;
		}
		
		#newsbox .body .bottom .content {
			width:100%;
		}

				#newsbox .body .bottom .content .link {
					height:30px;
					padding-top:15px;
				}

				#newsbox .body .bottom .content .link div {
					height:29px;
					width:88px;
					background-image: url(/images/bg_button.png);
					background-repeat: no-repeat;
					text-align:center;
					padding-top: 3px;
					color: black;
					font-size:11px;
					font-weight:bold;
				}
				
				#newsbox .body .bottom .content .link div a{
					font-size:11px;
					font-weight:bold;
					text-decoration:none;
					color:#fdd5aa;
				}
				
				#newsbox .body .bottom .content .page {
					width:120px;
					text-align:center;
				}
					#newsbox .body .bottom .content .page .active {
						color:#fdd5aa;
					}
					
					#newsbox .body .bottom .content .page .link {
						
					}
					
					#newsbox .body .bottom .content .page .link a{
						color:#8e7c66;
						text-decoration:none;
					}
				
				#newsbox .body .bottom .content .clubs {
					width:35px;
					height:65px;
					background-image: url(/images/clubs.png);
					background-repeat: no-repeat;
					background-position: 52px 0px;
				}
   
/* END  
   == newsbox == */


/* == newsaddbox ==
   START         */

#newsaddbox {
	background-color: #8F6F32;
	width:816px;
}
			
#newsaddbox_preview {
	color:#8e7c66; 
	
}
	#newsaddbox_preview .right {}
				
	#newsaddbox_preview .right .longnews table {width:436px;
		
	}
		#newsaddbox_preview .right .longnews .date {
			color: white;
			padding: 10px 0;
		}
		
		#newsaddbox_preview .right .longnews .headline {
			color:white;
			font-size:22px;
			padding-top:8px;
		}
		
		#newsaddbox_preview .right .longnews .clubs {
			width:35px;
			height:35px;
			background-image: url(/images/clubs.png);
			background-repeat: no-repeat;
			background-position: 0px 10px;;
		}
		
		#newsaddbox_preview .right .longnews .text {
			padding: 10px 0;
		}
		
/* END  
   == newsaddbox == */


/* == boxname ==
   START         */

#boxname {}
   
/* END  
   == boxname == */

/* =================
   END OF STYLESHEET
   ================= */