/*
Theme Name: 	Boom Beach
Theme URI: 		http://www.playboombeach.com
Description: 	Template for Boom Beach
Version: 		1.0
Author:			PlayBoomBeach.com
Tags: 			boom beach, wordpress
*/

@import "reset.css";
div, article, section, header, footer, nav, li {
	position:relative;
}
a {
	color: inherit;
	text-decoration: inherit;
}
ins {
	background: #fff;
	text-decoration: none;
}
#sidebar_ads ins{
	background: #f7f5e7;
}
#footer_ads ins{
	background: #272727;
}
html {
	position: relative;
	min-height: 100%;
	max-width: 100%;
}
section{
	display: block;
	width: 970px;
	margin: 0px auto;
}
#menu:before,  
#menu:after {
    content: " ";
    display: table;
}
#menu:after {  
    clear: both;  
}
#main:after {
	content: " ";
	display: table;
}
#main:after {  
   	clear: both;  
}
article:before,  
article:after {
    content: " ";
    display: table;
}
article:after {  
    clear: both;  
}
.adslot{
	text-align: left;
}
.content_ads{
	display: block;
	clear: both;
}
.content_ads .adslot{
	display: block;
	width: 468px;
	height: 60px;
	margin: 0 0 10px 0px;
	line-height: 60px;
}
/* ---------------------------------------------------------------------------------------------------------- 
Typografie
---------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	color: #000;
}
body, input, textarea {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #000;
}
h1{
	font-size: 35px;
	font-family: 'Bitter', Arial, sans-serif;
	font-weight: 700;
	line-height: 40px;
	color: #000;
	text-decoration: none;
}
h2 {
	font-size: 24px;
	font-family: 'Bitter', Arial, sans-serif;
	font-weight: 700;
	line-height: 28px;
	color: #000;
}
h3 {
	font-size: 18px;
	font-family: 'Bitter', Arial, sans-serif;
	font-weight: 700;
	line-height: 24px;
	color: #000000;
}
h5 {
	font-size: 16px;
	font-family: 'Bitter', Arial, sans-serif;
	font-weight: 700;
	line-height: 22px;
	color: #bc360a;
}
p,
p em,
#main article ul li{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	font-style: normal;
	color: #000;
}
p em{
	color: #bc360a;
	font-size: 16px;
	line-height: 24px;
}
article blockquote,
article ul,
article .dataTables_wrapper,
article p
{
	margin: 0px 0px 22px 0px;
}
article p a,
#main article ul li a{
	color: #bc360a;
	text-decoration: underline;
}
article h1,
article h2,
article h5,
article .more{
	margin: 0px 0px 10px 0px;
}
article h3{
	margin: 0px 0px 5px 0px;
}
article h5:after {
	content: " ";
	display: table;
}
article h5:after {  
   	clear: both;  
}
article ul{
	display: block;
}
#main article ul li{
	display: block;
	padding-left: 15px;
	background-image: url(images/arrow.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	background: url(images/arrow2x.png) no-repeat left 5px / 8px 12px;
}
article img.featured{
	position: relative;
	float: left;
	width: 170px;
	height: auto;
	margin: 0px 10px 10px 0px;
}
article .size-full{
	max-width: 560px;
	height: auto;
}
article img.home{
	margin-top: 15px;
}
.detail{
	display: block;
}
.more{
	display: inline-block;
	position: relative;
	padding: 0px 5px 1px 5px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #FFF;
	text-shadow: 2px 2px #9f2e09;
	background: #bc360a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bc360a), to(#9f2e09));
	background: -webkit-linear-gradient(top, #bc360a, #9f2e09);
	background: -moz-linear-gradient(top, #bc360a, #9f2e09);
	background: -ms-linear-gradient(top, #bc360a, #9f2e09);
	background: -o-linear-gradient(top, #bc360a, #9f2e09);
	border-radius: 5px;
	border: 1px solid #bc360a;
	margin-top: 5px;
}
.button{
	display: inline-block;
	position: relative;
	padding: 6px 15px 7px 15px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #FFF;
	text-shadow: 2px 2px #9f2e09;
	background: #bc360a;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bc360a), to(#9f2e09));
	background: -webkit-linear-gradient(top, #bc360a, #9f2e09);
	background: -moz-linear-gradient(top, #bc360a, #9f2e09);
	background: -ms-linear-gradient(top, #bc360a, #9f2e09);
	background: -o-linear-gradient(top, #bc360a, #9f2e09);
	border-radius: 5px;
	border: 1px solid #bc360a;
	margin: 5px 5px 5px 0px;
	text-decoration: none;
	box-shadow: 0px 0px 1px #FFF inset;
}
A:hover.button{
	background: #9f2e09;
}
dl{
	width: 100%;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}
dl:after {
	content: " ";
	display: table;
}
dl:after {  
   	clear: both;  
}
dt{
	width: 180px;
	float: left;
	font-family: 'Bitter', Arial, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-weight: 700;
	font-style: normal;
	color: #000;
}
dd{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 35px;
	font-weight: 700;
	font-style: normal;
	color: #bc360a;
}
dt.size{
	background: url(images/UnitSize.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}
dt.time{
	background: url(images/TrainingTime.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}
dt.speed{
	background: url(images/MovementSpeed.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}
dt.range{
	background: url(images/AttackRange.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}
dt.hq{
	background: url(images/Headquarters.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}
dt.bp{
	background: url(images/CostBattlePoints.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}

table{
	clear: both;
	display: block;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
	max-width: 560px;
	overflow: auto;
	table-layout:fixed;
}
table caption{
	display: none;
}
th,
td{
	border: 1px solid #bc360a;
	padding: 2px 5px;
}
th{
	background: #bc360a;
	color: #fff;
	vertical-align: middle;
	line-height: 16px;
	padding: 5px 5px;
}
td{
	text-align: center;
}
tr:nth-child(even) {
	background: #e5e2cf;
}
tr:nth-child(odd) {
	background: #f7f5e7;
}
table tbody tr td:first-child {
	font-weight: bold;
	color: #9f2e09;
}
table:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
hr{
	display: block;
	background: none;
	border: none;
	border-bottom: 1px dashed #ccc;
	margin: 10px 0px 10px 0px;
	clear: both;
}
.googleplus{
	display: none;
	text-align: left;
	color: #bebaa1;
	margin: -5px 0px 10px 0px;
}
.addthis_toolbox{
	display: block;
	width: 185px;
	margin: -10px auto 10px auto;
}
#accordion{
	margin-bottom: 20px;
}
#accordion h3{
	margin: 10px 0px 5px 0px;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 5px;
}
.ui-accordion-header{
	color: #000;
	cursor: pointer;
	padding: 0px;
}
.ui-accordion-header-active{
	color: #bc360a;
}
.ui-accordion-header .ui-accordion-header-icon{
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0px 5px 0px -20px;
	top: 1px;
	background-image: url(images/navigation.png);
	background-position: -20px -50px; 
	background-repeat: no-repeat;
	background: url(images/navigation2x.png) no-repeat -20px -50px / 50px 500px transparent;
}
.ui-accordion-header-active .ui-accordion-header-icon{
	background-position: -17px -50px; 
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
}
.ui-accordion-content{
	background: #f7f5e7;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f7f5e7));
	background: -webkit-linear-gradient(top, #fff, #f7f5e7);
	background: -moz-linear-gradient(top, #fff, #f7f5e7);
	background: -ms-linear-gradient(top, #fff, #f7f5e7);
	background: -o-linear-gradient(top, #fff, #f7f5e7);
	padding: 0px 10px 5px 20px;
}
.alignleft{
	float: left;
	position: relative;
	display: block;
	margin: 10px 10px 10px 0px;
}
.swipe{
	display: block;
	position: relative;
	z-index:1;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	clear: both;
	padding: 5px 0px;
}
.swipe-wrap{
	overflow: hidden;
	position: relative;
	text-align: center;
}
.swipe-wrap .gallery-item{
	display: inline-block;
	width: 30%;
	max-width: 150px;
	vertical-align: top;
}
.gallery-item img {
	width: 100%;
	max-width: 150px;
	height: auto;
}
.swipe-wrap .gallery-caption {
	display: block;
	background: #FFF;
	min-height: 40px;
	font-family: 'Bitter', Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 10px;
}
.swipe-wrap div{
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
}
.swipe .slider_next, .swipe .slider_prev{
	position: absolute;
	display: block;
	top: 15px;
	height: 125px;
	width: 25px;
}
.slider_next{
	right: 0px;
	background: url(images/slider_nav.png);
	background-repeat: no-repeat;
	background-position: center right;
	background: url(images/slider_nav2x.png) no-repeat center right / 50px 125px transparent;
}
.slider_prev{
	left: 0px;
	background: url(images/slider_nav.png);
	background-repeat: no-repeat;
	background-position: center left;
	background: url(images/slider_nav2x.png) no-repeat center left / 50px 125px transparent;
}
.slider_prev:focus, .slider_next:focus {
	outline: 0;
	-moz-outline-style: none;
}
/* Rich snippets */
#boombeach{
	display: block;
	margin: 0px 20px 20px 20px;
	padding-top: 10px;
	border-top: 1px solid #eeecdc;
}
#boombeach img{
	width: 75px;
	height: auto;
	float: left;
	margin-right: 10px;
}
#boombeach .gametitle{
	font-family: 'Bitter', Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
}
#boombeach .description{
	display: block;
	margin: 5px 0px 0px 0px;
}
#boombeach .category,
#boombeach .offers{
	font-weight: bold;
}
#boombeach .category span,
#boombeach .offers span,
#boombeach .os span{
	font-weight: normal;
}
#boombeach #appstore{
	display: block;
	width: 150px;
	height: 45px;
	background: url(images/appstore.png);
	background-repeat: no-repeat;
	background: url(images/appstore2x.png) no-repeat / 43px 150px transparent;
	margin: 5px auto 0px auto;
}
#boombeach .os,
#boombeach .category,
#boombeach .offers{
	display: none;
}
/* Hoge resoluties */
@media all and (min-width: 980px) {
	body {
		background-color: #FFFFFF;
		margin: 0px 0px 170px 0px; /* marge is hoogte van footer*/
	}
	nav {
		position: relative;
		background: #3c3a3d;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3a3d), to(#1a171b));
		background: -webkit-linear-gradient(top, #3c3a3d, #1a171b);
		background: -moz-linear-gradient(top, #3c3a3d, #1a171b);
		background: -ms-linear-gradient(top, #3c3a3d, #1a171b);
		background: -o-linear-gradient(top, #3c3a3d, #1a171b);
		height: 60px;
		top: 270px;
		font-size: 16px;
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 700;
	}
	#menu{
		position: relative;
		display: block;
		margin: 0 auto;
		width: 960px;
	}
	nav a#pull {  
		display: none;  
	}
	nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
		padding: 0px 15px;
	}
	nav li {
		display: inline;
		float: left;
		text-shadow: 2px 2px #000;
		border-left: 1px solid #171717;
		border-right: 1px solid #3f3f3f;
		line-height: 60px;
	}
	nav li a, nav li a:visited {
		display: block;
		margin: 0px;
		padding: 0px 15px;
		color:#fff;
	}
	nav li:hover{
		background: #1a171b;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a171b), to(#3c3a3d));
		background: -webkit-linear-gradient(top, #1a171b, #3c3a3d);
		background: -moz-linear-gradient(top, #1a171b, #3c3a3d);
		background: -ms-linear-gradient(top, #1a171b, #3c3a3d);
		background: -o-linear-gradient(top, #1a171b, #3c3a3d);
		text-shadow: 2px 2px #000;
	}
	nav li:first-child {
		border-left: 0;
	}
	nav li:last-child {
		border-right: 0;
	}
	nav ul li.current_page_item,
	nav ul li.current-page-ancestor,
	nav ul li.current-menu-ancestor,
	nav ul li.current-menu-item,
	nav ul li.current-menu-parent{
		background: #bc360a;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bc360a), to(#9f2e09));
		background: -webkit-linear-gradient(top, #bc360a, #9f2e09);
		background: -moz-linear-gradient(top, #bc360a, #9f2e09);
		background: -ms-linear-gradient(top, #bc360a, #9f2e09);
		background: -o-linear-gradient(top, #bc360a, #9f2e09);
		text-shadow: 2px 2px #691a00;
		border-right: 1px solid #9f2e09;
	}
	nav ul li.current_page_item > a,
	nav ul li.current-page-ancestor > a,
	nav ul li.current-menu-ancestor > a,
	nav ul li.current-menu-item > a,
	nav ul li.current-menu-parent > a{
		background: url(images/menupointer.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background: url(images/menupointer2x.png) no-repeat center bottom/ 25px 12px transparent;
	}
	nav ul li:hover > ul{
		display: block;
	}
	/* 2e level */
	nav ul ul{
		position: absolute;
		display: none;
		top: 60px;
		left: 0px;
		padding: 0px;
		float: left;
		z-index: 99999;
		-moz-box-shadow: 0px 0px 5px #3c3a3d;
		-webkit-box-shadow: 0px 0px 5px #3c3a3d;
		box-shadow: 0px 0px 5px #3c3a3d;
	}
	nav ul ul li{
		min-width: 180px;
		border-left: 0;
		border-right: 0;
		background: #fff;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eeeeee));
		background: -webkit-linear-gradient(top, #fff, #eeeeee);
		background: -moz-linear-gradient(top, #fff, #eeeeee);
		background: -ms-linear-gradient(top, #fff, #eeeeee);
		background: -o-linear-gradient(top, #fff, #eeeeee);
		text-shadow: 2px 2px #eeeeee;
	}
	nav ul ul.sub-menu li a{
		display: block;
		padding: 10px 10px;
		font-size: 14px;
		line-height: 18px;
		color: #000;
		background-image: url(images/navigation.png);
		background-position: 140px -38px; 
		background-repeat: no-repeat;
		background: url(images/navigation2x.png) no-repeat 140px 2px / 50px 500px transparent; */
	}
	nav ul ul.sub-menu li.current_page_item > a,
	nav ul ul.sub-menu li.current-page-ancestor > a,
	nav ul ul.sub-menu li.current-menu-ancestor > a,
	nav ul ul.sub-menu li.current-menu-item > a,
	nav ul ul.sub-menu li.current-menu-parent > a{
		color: #FFF;
		background-position: 140px -78px; 
	}
	nav ul ul li:hover > a,
	nav ul ul:hover > a{
		color: #fff;
		text-shadow: 2px 2px #691a00;
		background-position: 140px -78px; 
	}
	nav ul ul li:hover{
		color: #fff;
		background: #bc360a;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bc360a), to(#9f2e09));
		background: -webkit-linear-gradient(top, #bc360a, #9f2e09);
		background: -moz-linear-gradient(top, #bc360a, #9f2e09);
		background: -ms-linear-gradient(top, #bc360a, #9f2e09);
		background: -o-linear-gradient(top, #bc360a, #9f2e09);
		text-shadow: 2px 2px #691a00;
	}
	nav ul ul:hover > li{
		border-left: 0px;
		border-right: 0px;
	}
	/* 3e level */
	nav ul ul ul{
		left: 100%;
		top: 0;
		border: none;
	}
	nav ul ul ul li{
		min-width: 180px;
		border-left: 0;
		border-right: 0;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eeeeee));
		background: -webkit-linear-gradient(top, #fff, #eeeeee);
		background: -moz-linear-gradient(top, #fff, #eeeeee);
		background: -ms-linear-gradient(top, #fff, #eeeeee);
		background: -o-linear-gradient(top, #fff, #eeeeee);
		text-shadow: 2px 2px #eeeeee;
	}
	header {
		position: relative;
		display: block;
		height: 330px;
		background: url(images/header.jpg) no-repeat center top #f7f5e7;
	}
	#logo{
		display: block;
		position: absolute;
		z-index: 1;
		left: 50%;
		margin-left: -485px;
		width: 170px;
		height: 206px;
		background: url(images/logo.png);
		background-repeat: no-repeat;
		background: url(images/logo2x.png) no-repeat / 170px 206px transparent;
	}
	#supercell{
		display: block;
		position: absolute;
		top: 0px;
		left: 50%;
		margin-left: 315px;
		width: 130px;
		height: 115px;
		background-image: url(images/supercell.png);
		background-repeat: no-repeat;
		background: url(images/supercell2x.png) no-repeat / 130px 115px transparent;
	}
	#soldier{
		display: block;
		position: absolute;
		z-index: 1;
		margin-top: 75px;
		left: 50%;
		margin-left: 185px;
		width: 225px;
		height: 255px;
		background: url(images/soldier.png) no-repeat;
	}
	section{
		display: block;
		width: 980px;
		margin: 20px auto 0px auto;
	}
	aside{
		display: block;
		float: right;
		width: 360px;
		margin: -20px 20px 20px 0px;
		background: #f7f5e7;
		min-height: 100px;
	}
	aside.sticky {
		margin: 0;
		position: fixed;
		left: 50%;
		margin-left: 110px;
		top: -10px;
		z-index: 10;
	}
	article{
		display: block;
		float: left;
		width: 560px;
		padding: 10px;
		margin-left: 15px;
	}
	.content-responsive{
		width: 468px;
		height: 60px;
	}
	#sidebar_ads .adslot{
		display: block;
		width: 336px;
		height: 280px;
		margin: 20px auto 10px auto;
		line-height: 280px;
	}
	.sidebar-responsive{
		width: 336px;
		height: 280px;
	}
	#footer_ads .adslot{
		display: block;
		width: 730px;
		height: 90px;
		margin: 0px auto 10px auto;
	}
	.footer-responsive{
		width: 730px;
		height: 90px;
	}
	footer{
		position: absolute;
		left: 0;
		bottom: 0;
		height: 150px;
		width: 100%;
		background: #272727;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#272727), to(#3f3f3f));
		background: -webkit-linear-gradient(top, #272727, #3f3f3f);
		background: -moz-linear-gradient(top, #272727, #3f3f3f);
		background: -ms-linear-gradient(top, #272727, #3f3f3f);
		background: -o-linear-gradient(top, #272727, #3f3f3f);
	}
	#footer_menu {
		position: relative;
		display: block;
		height: 40px;
		width: 100%;
		text-align: center;
		color: #444;
	}
	#footer_menu a{
		display: inline-block;
		line-height: 40px;
		margin: 0px 5px 0px 5px;
	}
	ul#breadcrumbs{
		display: block;
		width: 560px;
		margin: 0px 0px 0px 25px;
		font-family: 'Open Sans';
		font-size: 14px;
		font-weight: 700;
		color: #000;
	}
	ul#breadcrumbs ul{
		display: inline;
	}
	#breadcrumbs li{
		display: inline-block;
		margin: 0px 5px 5px 0px;
	}
	#breadcrumbs li a{
		display: inline-block;
		border-radius: 3px;
		background: #eeecdc;
		color: #000;
		font-weight: 400;
		padding: 2px 5px;
	}
	#breadcrumbs ul li:first-child {
		margin-left: 10px;
	}
	#breadcrumbs li.current_page_item a{
		font-weight: 700;
		background: #bc360a;
		color: #FFF;
	}
}
/* Lage resoluties */
@media all and (max-width: 979px) {
    #supercell,
	#download,
	#boombeach,
	#footer_ads
	{
		display: none;
	}
	body {
		background-color: #FFFFFF;
		margin: 0 0 100px; /* marge is hoogte van footer*/
	}
	nav {
		position: relative;
		background: #3c3a3d;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3a3d), to(#1a171b));
		background: -webkit-linear-gradient(top, #3c3a3d, #1a171b);
		background: -moz-linear-gradient(top, #3c3a3d, #1a171b);
		background: -ms-linear-gradient(top, #3c3a3d, #1a171b);
		background: -o-linear-gradient(top, #3c3a3d, #1a171b);
		height: 40px;
		top: 210px;
		font-size: 16px;
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 700;
		z-index: 2;
	}
	nav a#pull {  
        display: block;
        position: relative;
		color:#fff;
		padding: 0px 2% 4px 2%;
		line-height: 40px;
		background: #3c3a3d;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3a3d), to(#1a171b));
		background: -webkit-linear-gradient(top, #3c3a3d, #1a171b);
		background: -moz-linear-gradient(top, #3c3a3d, #1a171b);
		background: -ms-linear-gradient(top, #3c3a3d, #1a171b);
		background: -o-linear-gradient(top, #3c3a3d, #1a171b);
    }   
    nav a#pull:after {  
        content:"";
		background-image: url(images/nav-icon.png);
        background-repeat: no-repeat;
		width: 30px;
        height: 30px;
        display: inline-block;  
        position: absolute;  
        right: 0px; 
        top: 10px;
    }
	nav ul{
		display: none;
        height: auto;
		margin: 0;
		padding: 0; 
	}
	nav li a{
		display: block;
		text-shadow: 2px 2px #000;
		background: #3c3a3d;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3a3d), to(#1a171b));
		background: -webkit-linear-gradient(top, #3c3a3d, #1a171b);
		background: -moz-linear-gradient(top, #3c3a3d, #1a171b);
		background: -ms-linear-gradient(top, #3c3a3d, #1a171b);
		background: -o-linear-gradient(top, #3c3a3d, #1a171b);
	}
	nav li a, nav li a:visited {
		display: block;
		padding: 0px 2%;
		line-height: 40px;
		color:#fff;
	}
	nav li ul li ul {
		border-bottom: 1px solid #9f2e09;
	}
	nav li ul li a{
		background: #3c3a3d;
		font-weight: 400;
		border-bottom: 1px solid #353336;
	}
	nav li ul li ul li a{
		background: #bc360a;
		font-weight: 400;
		line-height: 30px;
	}
	header {
		position: relative;
		display: block;
		height: 250px;
		background: url(images/header.jpg) no-repeat center top #f7f5e7;
	}
	#logo{
		display: block;
		position: absolute;
		z-index: 1;
		left: 5px;
		width: 170px;
		height: 206px;
		background: url(images/logo.png);
		background-repeat: no-repeat;
		background: url(images/logo2x.png) no-repeat / 170px 206px transparent;
	}
	#soldier{
		display: block;
		position: absolute;
		z-index: 1;
		top: -25px;
		right: 10px;
		margin-left: 185px;
		width: 225px;
		height: 255px;
		background: url(images/soldier.png) no-repeat;
	}
	section{
		display: block;
		width: 100%;
		margin: 10px 0px 0px 0px;
	}
	article{
		display: block;
		width: 96%;
		padding: 2%;
	}
	article img.featured{
		position: relative;
		float: left;
		width: 25%;
		max-width: 170px;
		height: auto;
		margin: 0px 2% 10px 0px;
	}
	article .size-full{
		max-width: 100%;
		height: auto;
	}
	aside{
		display: block;
		width: 100%;
		background: #f7f5e7;
		position: fixed;
		height: 60px;
		bottom: 0;
		z-index: 10;
	}
	.content_ads{
		margin-left: 5px;
	}
	.content-responsive{
		width: 468px;
		height: 60px;
	}
	#sidebar_ads .adslot{
		display: block;
		width: 468px;
		height: 60px;
		margin: 0 auto;
		line-height: 60px;
	}
	.sidebar-responsive{
		width: 468px;
		height: 60px;
	}
	footer{
		position: absolute;
		left: 0;
		bottom: 0;
		height: 100px;
		width: 100%;
		background: #f7f5e7;
	}
	#footer_menu {
		position: relative;
		display: block;
		height: 40px;
		width: 100%;
		text-align: center;
		color: #bebaa1;
	}
	#footer_menu a{
		display: inline-block;
		line-height: 40px;
		margin: 0px 5px 0px 5px;
	}
	table {
		display: block;
		position: relative;
		width: 104%;
		background: #f7f5e7;
		border-spacing: 0;
		border-collapse: collapse;
		margin: 0px 0px 20px 0px;
		left: -2%;
		max-width: 104%;
		overflow: auto;
		table-layout:fixed;
	}
	table thead {
		display: block;
		float: left;
	}
	table tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	table thead tr {
		display: block;
	}
	table th { 
		display: block;
		border-top: 0;
		border-right: 0;
	}
	table tbody tr { 
		display: inline-block;
		vertical-align: top;
		margin-right: -4px;
	}
	table td {
		display: block;
		min-height: 1.25em;
		padding-left: 15px;
		padding-right: 15px;
	}
	table th {
		border-bottom: 1px solid #c95e3b;
		line-height: 20px;
		padding: 2px 5px;
	}
	table td {
		border-right: 0;
		border-top: 0;
	}
	table th:last-child,
	table td:last-child {
		border-bottom: 1px solid #bc360a;
	}
	table tr:last-child {
		border-right: 1px solid #bc360a;
	}
	table th:first-child,
	table td:first-child {
		border-top: 1px solid #bc360a;
	}
	ul#breadcrumbs{
		display: block;
		margin: 20px 0px -10px 2%;
		font-family: 'Open Sans';
		font-size: 14px;
		font-weight: 700;
		color: #000;
	}
	ul#breadcrumbs ul{
		display: inline;
	}
	#breadcrumbs li{
		display: inline-block;
		margin: 0px 5px 5px 0px;
	}
	#breadcrumbs li a{
		display: inline-block;
		border-radius: 3px;
		background: #eeecdc;
		color: #000;
		padding: 2px 5px;
	}
	#breadcrumbs ul li:first-child {
		margin-left: 10px;
	}
	#breadcrumbs li.current_page_item a{
		font-weight: 700;
		background: #bc360a;
		color: #FFF;
	}
}
/* Mobiele resoluties */
@media screen and (max-width: 480px) {
	#supercell,
	#download,
	#boombeach,
	#footer_ads{
		display: none;
	}
	ul#breadcrumbs{
		margin: 15px 10px 5px 10px;
	}
	body {
		background-color: #FFFFFF;
		margin: 0 0 100px; /* marge is hoogte van footer*/
	}
	h1{
		font-size: 26px;
		line-height: 32px;
	}
	h2 {
		font-size: 22px;
		line-height: 28px;
	}
	h3 {
		font-size: 18px;
		line-height: 24px;
	}
	h5 {
		font-size: 14px;
		line-height: 20px;
	}
	p,
	p em{
		font-size: 14px;
		line-height: 20px;
	}
	p em{
		color: #bc360a;
	}
	nav {
		position: relative;
		background: #3c3a3d;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c3a3d), to(#1a171b));
		background: -webkit-linear-gradient(top, #3c3a3d, #1a171b);
		background: -moz-linear-gradient(top, #3c3a3d, #1a171b);
		background: -ms-linear-gradient(top, #3c3a3d, #1a171b);
		background: -o-linear-gradient(top, #3c3a3d, #1a171b);
		height: 40px;
		top: 135px;
		font-size: 16px;
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: 700;
		z-index: 2;
	}
	header {
		position: relative;
		display: block;
		height: 175px;
		background: url(images/header_mobile.jpg) no-repeat left top #f7f5e7;
	}
	footer{
		position: absolute;
		left: 0;
		bottom: 0;
		height: 90px;
		width: 100%;
		background: #f7f5e7;
	}
	#logo{
		display: block;
		position: absolute;
		z-index: 1;
		left: 10px;
		width: 45%;
		height: 135px;
		background: url(images/logo_mobile.png);
		background-repeat: no-repeat;
		background-position: left center;
		background: url(images/logo_mobile2x.png) no-repeat left center / 135px 135px transparent;
	}
	#soldier{
		display: block;
		position: absolute;
		z-index: 1;
		top: -55px;
		right: 0px;
		width: 55%;
		height: 190px;
		background: url(images/soldier.png) no-repeat;
		background-position: top center;
	}
	aside{
		display: block;
		width: 100%;
		background: #f7f5e7;
		position: fixed;
		bottom: 0;
		height: 50px;
		z-index: 10;
	}
	article img.featured{
		position: relative;
		float: left;
		width: 35%;
		max-width: 170px;
		height: auto;
		margin: 0px 2% 10px 0px;
	}
	.content_ads{
		display: block;
		width: 320px;
		left: -4%;
	}
	.content_ads .adslot{
		display: block;
		width: 320px;
		height: 50px;
		line-height: 50px;
		margin: 0px auto 10px auto;
	}
	.content-responsive{
		width: 320px;
		height: 50px;
	}
	#sidebar_ads .adslot{
		display: block;
		width: 320px;
		height: 50px;
		line-height: 50px;
		margin: 0px auto;
	}
	.sidebar-responsive{
		width: 320px;
		height: 50px;
	}
}
/* Oude browsers */
html.iem7 #container, html.ie6 #container, html.ie7 #container, html.ie8 #container, html.iem7 footer, html.ie6 footer, html.ie7 footer, html.ie8 footer {
	display: none;
}
/* Melding oude browsers*/
html.iem7 body, html.ie6 body, html.ie7 body, html.ie8 body {
}