/**************************
 SilverStripe Hole in One Theme
 http://www.silverstripe.com

 adapted to SilverStripe by Jeff Chan
 http://jeffchan.org

 based on Sir Web Design's layout
 http://www.openwebdesign.org/viewdesign.phtml?id=4136
 http://sirwebdesign.com
 
/*defaults*/
html {
	background:#333;
}

body{
	color:#000;
	font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif;
	font-size:90%;
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0px 5px 15px 5px;
	text-align: left;
}

a img{
	border: none;
}

a{
	color:#09F; /*#F60; /*#036703*/
	text-decoration:underline;
}

a:hover
{
	color:#999; /*#000*/
	text-decoration:none;
}

/*structural elements*/
#Container{
	text-align:center;
	width:1000px;
	height:100%;
	background:#fff;
	margin:0 auto;
	padding:0;
}

#Holder{
	width:960px;
	background:#FFF;
	text-align:left;
	padding:20px 20px 5px;
}

#Logo{
	background:#fff no-repeat 180px 0;
	border-bottom:1px solid #DADADA;
	padding:5px 30px 20px 0;
}

	#Logo h1{
		font-weight:400;
		font-size:170%;
		color:#036703;
		margin:0;
		padding:0;
	}

#Navigation{
	color: #09F; /*#f60;#036703;*/
	padding:0px 15px;
	background: url('../images/backgroundHeader.jpg') -10 0 repeat-x;
	}

	#Navigation a{
		color:#F60; /*#036703;*/
		text-decoration:none;
		padding:0 20px 0 0;
	}

	#Navigation a:hover
	{
		color:#000;
	}
	
	#Navigation ul
	{
		margin:0;
		padding:0;
		list-style:none;
	}

	#Navigation li
	{
		display:inline;
		margin:0;
		padding:0;
	}
	
#headerMain {
	/*padding-top:20px;*/
	position:absolute;
	background: url('../images/backgroundHeader.jpg') repeat-x;
	top:0;
	margin-left: -500px;
	left:50%;
	width: 1000px;
	height: 200px;
}

#Header{
	height:130px;
	z-index:1;
}

.logoSeite {
	float:left;
	padding-left: 15px;
	background: url('../images/logo.jpg') 12px 1px no-repeat;
	width: 244px;
}

.logoSeite a {
	display:block;
	width: 229px;
	height: 64px;
}

.logoSeite a span {
	display:none;
}

.pageClaim {
	float:left;
	color:#09F;
	width:229px;
	padding:10px 0 0 10px;
	font-style:italic;
	font-weight: normal;
	margin: 0;
	font-size: 100%;
	font-weight:bold;
}

.headerWerbung {
	float:left; 
	width: 700px;
	padding-top:20px;
	height: 100px;
	/*background:#06F;*/
}

	/*#Header h1{
		font-weight:400;
		font-size:170%;
		color:#fff;
		margin:30px 0 0;
		padding:0px 10px;
		width:840px;
		position:absolute;
		top: 50px;
		left: 20px;
		z-index:200;
	}*/

#Breadcrumbs p {
	font-size: 0.8em;
	padding: 0;
	margin-bottom:15px;
}

#Layout{
	postion:relative;
	padding: 200px 0 10px 0;
}
	
#Content{
	float:left;
	width:640px;
	line-height:160%;
	padding:10px;
}

div.facebookiframe {
	margin: 10px 0px;
	height: 30px;
	overflow:hidden;
}

#Content h2 {
	margin: 0px 0px 0px 0px;
}

#pageHeadline {
	background:#ECECEC;
	padding:5px 5px 5px 10px;
	color: #0099ff;
	font-size: large;
	font-weight:bold;
	margin-top:0px;
	border-bottom: 2px solid #0099ff;
}

#Content h2.pageHeadliner {
	background:#ECECEC;
	padding:5px 5px 5px 10px;
	color: #0099ff;
	font-size: large;
	font-weight:bold;
	margin-top:0px;
	border-bottom: 2px solid #0099ff;
}

#Content h2.pageHeadliner a:link {
	text-decoration:none;
}

#Content h2.pageHeadliner a:hover {
	text-decoration:none;
}

#Content h2.pageHeadliner a:visited {
	text-decoration:none;
}

#Content .blogSummary h2 {
	background:#ECECEC;
	padding:5px 5px 5px 10px;
	color: #0099ff;
	font-size: large;
	font-weight:bold;
	margin-top:0px;
	border-bottom: 2px solid #0099ff;
}

#Content .blogSummary h2 a:link {
	text-decoration:none;
}

#Content .blogSummary h2 a:hover {
	text-decoration:none;
}

#Content .blogSummary h2 a:visited {
	text-decoration:none;
}

div.gameLists {
	float:left;
	width: 640px;
	margin: 20px 0px 10px 0px;
}

.gameLists a:link, .gameLists a:visited {
	text-decoration:none;
}

.gameLists a:hover {
	text-decoration:underline;
}
	

#ActionNewsList, #SportNewsList, #SimulationNewsList, #RoleplayNewsList, #StrategyNewsList {
	float:left;
	width: 310px;
	margin: 10px 0px;
}

#ActionNewsList,#SimulationNewsList {
	padding-right: 10px;
}

#SportNewsList,#RoleplayNewsList {
	padding-left: 10px;
}

#StrategyNewsList {
	float:left;
	width: 640px;
	margin: 10px 0px;
}

.newsSummary {
	margin: 7px 0px;
	padding: 3px 0px;
	border-bottom: 1px dashed #ebebeb;
}

#StrategyNewsList .newsSummary {
	width: 640px;
}

#Content div.gameLists h3.newsTitle {
	width: 310px;
	margin: 10px 0px 5px 0px;
}

#Content div.gameLists #StrategyNewsList h3.newsTitle {
	width: 640px;
}

#Content div.gameLists h3.newsTitle span{
	float:right;
	width: 70px;
}

#ActionNewsList h3.linkWeiter, #SportNewsList h3.linkWeiter, #SimulationNewsList h3.linkWeiter, #RoleplayNewsList h3.linkWeiter, #StrategyNewsList h3.linkWeiter {
	margin: 5px 0px;
}

#ActionNewsList h4.h4Link, #SportNewsList h4.h4Link, #SimulationNewsList h4.h4Link, #RoleplayNewsList h4.h4Link, #StrategyNewsList h4.h4Link {
	border:none;
	margin:2px 0px;
	padding: 0 0 0 10px;
}

.previewImages {
	float:left;
	width:310px;
	margin:0px;
}

#StrategyNewsList .previewImages {
	width: 640px;
}

.recentGalleryDiv {
	float:right;
	width: 270px;
	padding: 10px;
}


.artikelListeGenre {
	float:left;
	margin-bottom: 10px;
	width:620px;
	padding: 10px;
	/*border-bottom: 2px solid #333;*/
}

/*.artikelListeGenre h1 {
	float:left;
	width: 570px;
	padding: 5px 5px 10px 5px;
	color: #000;
	font-size: 16px;
	margin:0;
}

.artikelListeGenre h1 a:link, .artikelListeGenre h1 a:visited {
	color:#000;
	text-decoration: none;
	margin:0;
	padding:0;
}

.artikelListeGenre h1 a:hover {
	color:#000;
	text-decoration: underline;
	margin:0;
	padding:0;
}*/

.artikelListeGenre span {
	float:left;
	width: 610px;
	padding: 5px 5px 10px 5px;
	color: #000;
	font-size: 10px;
	font-style: italic;
}

.artikelListeGenre span.ratingImage {
	float:right;
	width: 70px;
}

.artikelListeGenre p {
	float:left;
	width: 610px;
	padding: 5px;
	color: #000;
	font-size: 12px;
}

.previewImage {
	float:left;
	width:200px;
	padding: 5px;
	background: #ebebeb;
	margin:0px 5px 5px 0px;
}

.previewImage img {
	float:left;
}

/*.ratingImage {
	float:right;
	width: 70px;
}*/

.authorDate {
	font-size: 10px;
	font-style:italic;
	margin: 10px 0px;
}

#Sidebar{
	float:right;
	width:280px;
	line-height:140%;
	text-align:justify;
	padding: 10px 0px;
}

.widgetRandom {
	float:left;
	width: 248px;
	padding:5px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
}

.widgetPreview, .textWidgetRandom, .widgetRating {
	float:left;
}

.widgetPreview {
	width: 248px;
}

.widgetRating {
	margin-top: 13px;
	width: 50px;
}

.widgetRating img {
	float:right;
}

.textWidgetRandom {
	width: 178px;
	padding:0px 5px;
}

.textWidgetRandom h1 {
	float:left;
	width: 198px;
	font-size:10px;
	margin-bottom: 3px;
}

.textWidgetRandom p {
	float:left;
	width: 238px;
	font-size:9px;
	margin-bottom: 3px;
	padding:0;
}

	.shortGallery {
		float:right;
		width: 280px;
	}
	
	.shortGallery h2 {
		float:left;
		width: 270px;
		font-size: 14px;
		margin: 0px 0px 5px 0px;
		padding: 5px;
	}
	
	.shortGallery span {
		float:left;
		width: 80px;
		list-style-type:none;
		padding: 3px;
		margin: 2px;
	}

	.sidebarBox{
		float:left;
		width: 260px;
		font-size:90%;
		margin:0px 0px 25px 0px;
		padding:0px 10px;
	}
	
	.sidebarBoxTop {
		float:left;
		width: 260px;
		height: 0px;
		background:#444 url(../images/backgroundHeader.jpg) no-repeat;
	}
	
	.sidebarBoxBottom {
		float:left;
		width: 260px;
		height: 15px;
		background:#444 url(../images/backgroundHeader.jpg) no-repeat;
	}
	
	.sidebarBoxHolder {
		float:left;
		width: 258px;
		padding: 0px 0px;
		background: #fff;
		border-left: 1px solid #444;
		border-right: 1px solid #444;
		
	}
		
		.sidebarBox h3{
			float:left;
			color:#fff;
			background:#fff;
			font-size:130%;
			font-weight:400;
			padding:10px 5px;
			margin:0;
			width: 248px;
			text-align: center;
			background:#444 url(../images/backgroundHeader.jpg) no-repeat;
			
		}
		
		.sidebarBox ul
		{
			list-style:none;
			margin:0;
			padding:10px 10px 15px 10px;
			width: 215px;
			float:left;
			background:#fff;
		}

		.sidebarBox li
		{
			margin:0;
			padding:0px 5px;
			line-height: 1.8em;
			text-align: left;
			background:#fff;
		}
		
		.sidebarBox li a.current{
			text-decoration: none;
			font-weight: bold;
		}

#Footer{
	clear:both;
	width:960px;
	font-size:80%;
	background:#fff;
	text-align:left;
	background:#444 url(../images/backgroundHeader.jpg) no-repeat; 
	/*border-top:2px solid #036703;*/
	padding:20px;
	height: 50px;

}

	#Footer a{
		color:#fff; /*#F60; /*#036703;*/
		font-weight:700;
		padding:0 5px 0 0;
		text-decoration:none;
	}
	
	#Footer a:hover {
		color: #0099ff;
		text-decoration:underline;
	}
	
	#Footer ul
	{
		list-style:none;
		margin:0;
		padding:0;
	}

	#Footer li
	{
		display:inline;
		margin:0;
		padding:0;
	}

	#Copyright{
		float:right;
		width: 330px;
		text-align:right;
		color: #fff;
	}

/*misc*/
.clearFix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearFix{
	display:block;
}

* html .clearFix
{
	height:1%;
}

/* Menu2.css */

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#menu1 {padding:0; margin-top:0px; list-style:none; height:30px; position:relative; z-index:50; font-family:arial, verdana, sans-serif; /*border-bottom:4px solid #3e3e3e;*/}
#menu1 li {float:left; margin-right:1px;}
#menu1 li a {display:block; float:left; /*height:30px;*/line-height:30px; color:#000; text-decoration:none; font-weight:bold; border: 1px solid #3e3e3e; border-bottom:none; background:#ebebeb;padding:0 20px 0 15px; }

#menu1 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu1 li a:hover {z-index:20; position:relative;color:#fff; }
#menu1 li:hover {position:relative; z-index:20;}

#menu1 li:hover > a {color:#fff; background:#09F;/*#f8b101;*/}
#menu1 li:hover > a.sub {color:#fff; background-color:#09F;/*#f8b101;*/}

#menu1 li.current a {color:#fff; background:#09F; /*#3e3e3e;*/}

#menu1 li a.sub {/*background: #e3e3e3;*/}
#menu1 li.current a.sub {color:#fff; background:#09F;/*#3e3e3e;*/ /* url(../images/down-arrow.gif) no-repeat right center */ ;}

#menu1 :hover ul {left:0; top:30px; width:140px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu1 ul,
#menu1 :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu1 :hover ul :hover ul {
	left:120px; top:0px; background:#09f; white-space:nowrap; width:130px; z-index:20; height:auto;}

#menu1 :hover ul li {margin:0; border-top:1px solid #666;}
#menu1 :hover ul li a {width:140px; font-size:11px;padding:5px; /*text-indent:10px;*/ background:#333; color:#ccc; /*height:30px; line-height:20px;*/}
#menu1 :hover ul li a.fly {background:#333 /* url(../images/right-arrow.gif) no-repeat right center */ ;}

#menu1 :hover ul :hover {background-color:#f8b101; color:#fff;}
#menu1 :hover ul :hover a.fly {background-color:#09F; color:#fff;}

#menu1 :hover ul li.currentsub a {background:#595959; color:#fff;}
#menu1 :hover ul li.currentsub a.fly {background:#595959 /* url(../images/right-arrow.gif) no-repeat right center */ ; color:#fff;}

#menu1 :hover ul :hover ul li a {width:140px; padding:5px; font-size:11px;/*text-indent:10px;*/ background:#3e3e3e; color:#ccc;}
#menu1 :hover ul :hover ul :hover {background-color:#09f; color:#fff;}

#menu1 :hover ul :hover ul li.currentfly a,
#menu1 :hover ul :hover ul li.currentfly a:hover {background:#595959; color:#fff;}

/* Image Gallery */
ul.gallery-layout {margin:0;padding:0;}
.gallery-layout li {float:left;padding:10px;list-style:none;margin:0;}
.gallery-layout li:hover {background:#ddd;}
#album-list ul li {list-style:none;overflow:hidden;margin-bottom:20px;clear:both;}
#album-list ul li .defaultImage {width:124px;float:left;}
#album-list ul li .defaultImage a {display:block;padding:12px;width:100%;text-align:center;}
#album-list ul li .defaultImage a img {margin:0;padding:0;}
#album-list ul li .defaultImage a:hover {background:#ccc;}
#album-list ul li .galleryDetails {width:300px;float:left;padding:12px 0 20px 40px;}
#album-list ul li h4 {margin:0;padding:0;}

#pagination-imagegallery {border:0; margin:10px 0 0 0; padding:0;clear:both;}
#pagination-imagegallery li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
display:inline;
}
#pagination-imagegallery a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-imagegallery .previous-off,
#pagination-imagegallery .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-imagegallery .next a,
#pagination-imagegallery .previous a {
font-weight:bold;
}
#pagination-imagegallery .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-imagegallery a:link,
#pagination-imagegallery a:visited {
color:#0e509e
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-imagegallery a:hover{
border:solid 1px #0e509e;
}
.gallery-layout:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.gallery-layout {zoom:1;}
.gallery-layout {background: url('../images/ajax-loader-lg.gif') center no-repeat;}
.gallery-layout.loaded {background:none;}
.gallery-layout li a {visibility:hidden;}
.gallery-layout.loaded li a {visibility:visible;}

.album-nav {overflow:hidden;border:1px solid #aaa;border-width:1px 0;padding:5px 0;margin:10px 0;}
.album-nav ul {margin:0;padding:0;}
.album-nav li {width:48%;margin:0;padding:1%;list-style:none;}
.album-nav li.next {float:right;}
.album-nav li.prev {float:left;}
.album-nav li:hover {background:#ddd;}
.album-nav li .album-nav-img {width:20%;float:left;}
.album-nav li .album-nav-desc {width:75%;float:right;}
.album-nav h4 {border:0;font-size:12px;margin:0;}