* {
	font-size: 100.01%;
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #000;
	line-height: 1.5;
	background: url(img/furley_bg.png) repeat;
}

body ul {
	list-style-type: none;
}

body a img {
	border: none;
}

body strong {
	font-weight: bold;
}

body strong em {
	font-weight: bold;
}

body em {
	font-style: italic;
}

body em strong {
	font-style: italic;
}

body a {
	color: #134567;
	text-decoration: none;
}

body a:hover, body a:focus {
	color: #000;
	text-decoration: underline;
}

body p {
	margin: 0 0 20px 0;
}

#main {
	margin: 10px auto 30px auto;
	min-width: 958px;
	max-width: 1278px;
	position: relative;
	border-radius: 3px;
}

#header {

}

#headlogo {
	height: 125px;
}

#topnav {
	background: #eee;
	border: 1px #ccc solid;
	border-left: 1px #ccc solid;
	border-right: 1px #ccc solid;
}

#topnav ul {
	float: left;
	background: #eee;
}

#topnav li {
	float: left;
	position: relative;
	width: 150px;
	padding: 0 0 0 20px;
	line-height: 2.5;
	height: 35px;
	overflow: hidden;
	display: block;
	border-right: 1px #ccc solid;
}

#topnav li:hover, #topnav li:focus {
	background: #ccc;
	overflow: visible;
}

#topnav li a {
	display: block;
}

#topnav li ul {
	position: absolute;
	top: 36px;
	left: -1px;
	width: 170px;
	border: 1px #ccc solid;
	border-top: none;
}

#topnav li ul:hover, #topnav li ul:focus {
}

#topnav li li {
	border: none;
	font-size: 14px;
}

#content {
	clear: both;
	border: 1px #ccc solid;
	border-top: none;
	overflow: hidden;
	background: #fff;
	/*box-shadow: 0 0 3px #ccc;*/
	border-radius: 0 0 5px 5px;
}

#content h2 {
	font-size: 21px;
	margin: 10px 20px 0 20px;
}

#content .infobox {
	float: right;
	width: 400px;
	padding: 10px 0 30px 0;
	margin: 0 0 0 20px;
	background-color: #eee;
	border-left: 1px #aaa dotted;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

#content .infobox h3 {
	font-size: 17px;
}

#content .infobox .screenshots {
	padding: 0 0 35px 40px;
	border-bottom: 1px dotted #aaa;
}

#content .infobox .screenshots h3 {
	margin: 10px 20px 10px -20px;
}

#content .infobox .screenshots img {
	width: 155px;
	float: left;
	margin-right: 10px; 
}

#content .infobox .screenshots img.panorama {
	width: 320px;
	float: none;
}

#content .infobox .rating {
	padding: 10px 0 25px 40px;
	border-bottom: 1px dotted #aaa;
}

#content .infobox .rating h3 {
	margin: 10px 20px 10px -20px;
}

#content .infobox .rating .users {
	float: left;
}

#content .infobox .rating .staff {
	float: left;
	margin: 0 0 0 40px;
}

#content .infobox .rating dl {
	margin: 0 0 0 20px;
}

#content .infobox .rating dt {
	font-size: 13px;
}

#content .infobox .rating dt.total {
	font-weight: bold;
}

#content .infobox .reviews {
	margin: 20px 0 0 40px;
	clear: both;
}

#content .infobox .reviews h3 {
	margin: 10px 20px 20px -20px;
}

#content .infobox .reviews ul {
	list-style: square;
	margin: 0 0 40px 20px;
}

#content .adventure {
	background: url('img/hintergrund_adventure_big.jpg') 700px -20px no-repeat;
}


#content .contentbox {
	
}

#content .contentbox h2 {
	margin: 20px 20px 0 20px;
	line-height: 1.2;
}

#content .contentbox .authors {
	margin: 0 0 0 20px;
	font-size: 13px;
	font-style: italic;
}

#content .contentbox .shortinfo {
	margin: 20px 0 20px 20px;
	border-collapse: collapse;
	width: 520px;
}

#content .contentbox .shortinfo th {
	padding: 3px 5px;
	border: 1px solid #aaa;
	background: #eee;
	font-size: 14px;
}

#content .contentbox .shortinfo td {
	border: 1px solid #aaa;
	text-align: center;
	padding: 3px 5px;
	font-size: 14px;
}

#content .contentbox .shortinfo dt {
	font-weight: bold;
}

#content .contentbox .shortinfo dd {
	text-indent: 20px;
}

#content .contentbox .description {
	text-align: justify;
	margin: 20px;
}

#content .contentbox .links {
	margin: 0 0 0 20px;
}

#content .contentbox .links li {
	list-style: square;
	margin: 0 0 0 20px;
}

#content .comments {
	margin: 30px 420px 20px 20px;
}

#content .comments h3 {
	font-size: 16px;
	margin: 0 0 10px 0;
}

#content .comments .comment {
	border: 1px solid #aaa;
	overflow: hidden;
	margin: 0 0 10px 0;
}

#content .comments .comment .postbit {
	float: left;
	width: 120px;
	text-align: center;
	margin: 0 20px 0 0;
	padding: 20px;
	background: #eee;
	border-right: 1px solid #aaa;
	height: 100%;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
}

#content .comments .comment .postbit a {
	display: block;
}

#content .comments .comment .postbit span {
	display: block;
	margin: 0 0 20px 0;
	font-size: 11px;
}

#content .comments .comment .text {
	text-align: justify;
	padding: 10px 15px 10px 180px;
	font-size: 14px;
}

#copyright {
	float: right;
	font-size: 12px;
	padding: 5px 5px 0 0;
}

#copyright a {
	font-weight: bold;
}

#bottomnav {
	overflow: hidden;
	padding: 0 0 0 10px;
	font-size: 13px;
}

#bottomnav h2 {
	font-size: 14px;
}

#bottomnav div {
	float: left;
	margin: 10px 30px 0 0;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: block;
}

.clearfix {
	*height: 1%;
}