/**
 * @author Denny Schäfer (d.sschaefer@adgame-media.com)
 */

/**
 * @section global
 * @date 2009-20-18
 */

* {
	margin:0px;
	padding:0px;
}

html,
body {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height:100%;
	width:100%;	
}

h4 {
	font-size:1em;
}

a {
	color: #CCCC33;
	text-decoration:none;
	outline:none;
}

	a:hover {
		text-decoration:underline;
	}
	
p {
	margin:10px 0;
}

ul,
ol {
	list-style:none;
}

	li {
		margin-bottom:10px;
	}
	
	li > span {
		font-weight:bold;	
	}
	
input {
	font-family: Arial;
}

	input[type="text"]:focus,
	input[type="password"]:focus {
		border:2px solid #CCCC33;
	}

	input[type="text"], 
	input[type="password"] {
		height:14px;
		padding:2px;	
	}
	
		input[type="submit"] {
			cursor: pointer;
		}

/**
 * @section usefull classes
 * @date 2009-01-22
 */

.clear {
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
}

.upper-case {
	text-transform:uppercase;
}

/**
 * @section page
 * @date 2009-01-22
 */

#page {
	background:#006633;
	height:600px;
	width:950px;
}

	/**
	 * @section seo div
	 * @date 2009-01-22
	 */
	
	#seo {
		color:#FFFFFF;
		position:absolute;
		text-indent:-9999px;
		left:-999px;
	}
	
	/**
	 * @section head
	 * @date 2009-01-22
	 */
	
	#head {
		background:url(../images/layout/head.jpg) no-repeat;
		/*float:left;*/
		height:126px;
		width:950px;
	}
		
		/**
		 * @section head menu
		 * @date 2009-01-22
		 */
		
		#head-menu {
			float:right;
			height:16px;
			margin:12px 10px 0px 0px;
			width:185px;
		}
			
			#head-menu a {
				display:block;
				float:left;
				height:16px;
			}		 			
	/**
	 * @section content
	 * @date 2009-01-22
	 */	
	
	#content {
		height:369px;
		overflow-y:auto;
		width:598px;
	}
		
		#content > h3 {
			height:21px;
			margin-bottom:15px;
			text-indent:-9999px;
		}
		
		.content-with-padding {
			padding:0px 20px 0px;
		}
	
	/**
	 * @section index page
	 * @date 2009-01-22
	 */	
	
	.index-content h3:first-child {
		background:url(../images/headlines/headline_welcome.jpg) no-repeat;
	}
	
	/**
	 * @section manual page
	 * @date 2009-01-22
	 */		
	
	.manual-content h3:first-child {
		background:url(../images/headlines/headline_manual.jpg) no-repeat;
	}

	/**
	 * @section manual page
	 * @date 2009-01-22
	 */		
	
	.activation-content h3:first-child {
		background:url(../images/headlines/headline_activation.jpg) no-repeat;
	}
	
	/**
	 * @section register page
	 * @date 2009-01-22
	 */	
	
	.register-content h3:first-child {
		background:url(../images/headlines/headline_register.jpg) no-repeat;
	}
	
	#register-form {
		
	}
		#register-form > fieldset {
			border:none;
		}
		
		#register-form div {
			float:left;
		}
		
		#register-form input {
			float:left;
		}
		
		/**
		 * oberes fieldset
		 */
		
		#from-top {
			margin:10px 0px;
		}
			
			/*
			 * alle "rechten" labels auswählen
			 */
			
			#from-top .right {
				margin-left:25px;
			}				
			
			#from-top div {
				height:14px;
				/*line-height:23px;*/
				margin-bottom:15px;
				width:100px;			
			}
			
			#from-top input {
				/*margin-bottom:15px;*/
				width:170px;
			}
			
			#from-top #register-plz {
				margin-right:130px;
				width:40px;
			}

		/**
		 * unteres fieldset
		 */
		
		#from-bottom div {
			margin:0px 0px 5px 20px;
		}
		
		#from-bottom input[type="submit"] {
			margin-right:10px;
		}

	/**
	 * @section winnings page
	 * @date 2009-01-23
	 */
	
	.winnings-content h3:first-child {
		background:url(../images/headlines/headline_winnings.jpg) no-repeat;
	}
	
		.winnings-content > ul {
			margin:15px 0px;
		}
	
	/**
	 * @section login page
	 * @date 2009-01-23
	 */
	
	.login-content h3:first-child {
		background:url(../images/headlines/headline_login.jpg) no-repeat;
		position:relative;
	}
	
		#login-form {
			height:100px;
			margin:100px auto;
			width:320px;
		}
		
			#login-form label + label,
			#login-form input + input {
				margin-left:15px;
			}
		
			#login-form label,
			#login-form input {
				display:block;
				float:left;
			} 
	
				#login-form label {
					margin-bottom:15px;
					width:150px;		
				}
				
				#login-form input {
					width:140px;
				}
	
	.content-imprint h3:first-child {
		background:url(../images/headlines/headline_impressum.jpg) no-repeat;
		margin-bottom:5px !important;
	}
	
	.content-afterplay h3:first-child {
		background:url(../images/headlines/headline_abpfiff.jpg) no-repeat;
	}
			
	/**
	 * @section hihscore page
	 * @date 2009-02-19
	 * @lastmodefied 2009-02-20 16:11
	 */
	
	.highscore-content h3:first-child {
		background:url(../images/headlines/headline_highscore.jpg) no-repeat;
	}
	
		#highscore-table,
		#highscore-table > table {
			width:600px;
		}
			
			#highscore-table th,
			#highscore-table td {
				height:26px;
			}
			
			#highscore-table .grau {
				background-color:#398631;
			}
	
	/**
	 * @section system message page
	 * @date 2009-01-23
	 */
	
	.system-message-content h3:first-child,
	.system-message-headline {
		background:url(../images/headlines/headline_systemmessage.jpg) no-repeat !important;
		height:25px;
	}
	
		.system-message-headline + p {
			font-weight:bold;
			margin-bottom:15px;
		}

	#content-popup {
		background:#006633;
		float:left;
		padding:20px;
		width:419px;
	}
	
		#content-popup h3:first-child {
			margin-bottom:15px;
			text-indent:-9999px;
		}
	
		.content-privacy h3:first-child {
			background:url(../images/headlines/headline_datenschutz.jpg) no-repeat;
			height:25px;			
		}
		
		.content-toc h3:first-child {
			background:url(../images/headlines/headline_nutzung.jpg) no-repeat;
			height:25px;			
		}
	
	/**
	 * @section popup page
	 * @date 2009-02-20
	 */
	
	#popup {
		background:#006633;
		float:left;
		font-weight:bold;
		height:100%;
		text-align:center;
		width:100%;
	}
	
		#popup a {
			display:block;
			height:26px;
			left:50%;
			line-height:26px;
			top:50%;
			margin:-13px 0px 0px -175px;
			position:absolute;
			width:350px;
		}
		
	/**
	 * @section foot
	 * @date 2009-01-22
	 */
	
	#foot {
		background:url(../images/layout/foot.jpg) top left no-repeat;
		/*float:left;
		position:relative;*/
		height:105px;
		width:950px;
		
	}
	
	#beer {
		left:638px;
		position:absolute;
		top:83px;
		z-index:5;
	}
	
		/**
		 * @section main menu
		 * @date 2009-01-22
		 */	
		
		#main-menu {
			position:absolute;
			height:105px;
			z-index:10;
		} 

			#main-menu > li {
				float:left;
			}
			
			#main-menu a {
				display:block;
				float:left;
				height:40px;
				text-indent:-9999px;
			}
			
			#main-menu :first-child a {
				height:37px;
			}
			
			#cover-page {
			 	background:url(../images/main_menu/home_page.jpg) no-repeat;
				margin:68px 0px 0px 5px;
				width:89px;
			}
			
				#cover-page:hover,
				.cover-page-active {
					background:url(../images/main_menu/home_page_over.jpg) no-repeat !important;	
				}
			
			#play-now {
				background:url(../images/main_menu/play_now.jpg) no-repeat;
				margin:56px 0px 0px 5px;
				width:112px;
			}
			
				#play-now:hover,
				.play-now-active {
					background:url(../images/main_menu/play_now_over.jpg) no-repeat !important;;
				}
			
			#highscore {
				background:url(../images/main_menu/highscore.jpg) no-repeat;
				margin:44px 0px 0px 2px;
				width:92px;
			}
			
				#highscore:hover,
				.highscore-active {
					background:url(../images/main_menu/highscore_over.jpg) no-repeat !important;;
				}
			
			#winnings {
				background:url(../images/main_menu/winnings.jpg) no-repeat;
				margin:34px 0px 0px 5px;
				width:79px;
			}
			
				#winnings:hover,
				.winnings-active {
					background:url(../images/main_menu/winnings_over.jpg) no-repeat !important;;
				}
			
			#manual {
				background:url(../images/main_menu/manual.jpg) no-repeat;
				margin:21px 0px 0px 3px;
				width:88px;
			}
			
				#manual:hover,
				.manual-active {
					background:url(../images/main_menu/manual_over.jpg) no-repeat !important;;
				}
			
			#register {
				background:url(../images/main_menu/register.jpg) no-repeat;
				margin:14px 0px 0px 4px;
				width:115px;
			}
			
				#register:hover,
				.register-active {
					background:url(../images/main_menu/register_over.jpg) no-repeat !important;;
				}
			
			#logout {
				background:url(../images/main_menu/logout.jpg) transparent no-repeat;
				border:0px;
				height:40px;
				margin:14px 0px 0px 4px;
				width:64px;
			}
			
				#logout:hover,
				.logout-active {
					background:url(../images/main_menu/logout_over.jpg) no-repeat !important;;
				}
			
			#login {
				background:url(../images/main_menu/login.jpg) no-repeat;
				margin-top:14px;
				width:52px;
			}
			
				#login:hover,
				.login-active {
					background:url(../images/main_menu/login_over.jpg) no-repeat !important;;
				}