/* Site Naam Stylesheet */

/* General Styles */

* {
	margin:					0;
	padding:				0;
	border: 				none;
}

img, a img, a, input, input:focus {
	outline: 				none;
}

ul {
	list-style: 			none;
}

body {
	background: 			#000;
	font: 					normal 11px/18px Arial, Verdana, sans-serif;
	color: 					#d6d6d6;
}


/* Link & Button Styles */

a {
	text-decoration: 		none;
}
a:hover {	
}


/* Text & Heading Styles */

h1 {
	
}
h2 {
	
}

h2.head_readmore {
	height: 				18px;
	background: 			url(../../image/headings/meerlezen.jpg) no-repeat left top;
	text-indent: 			-9999em;
}
h2.head_matchotron {
	height: 				26px;
	background: 			url(../../image/headings/matchotron.jpg) no-repeat 45px top;
	text-indent: 			-9999em;
}
h2.head_lovelips {
	height: 				13px;
	background: 			url(../../image/headings/lovelips.jpg) no-repeat left top;
	text-indent: 			-9999em;
}
h2.head_exometer {
	height: 				13px;
	background: 			url(../../image/headings/exometer.jpg) no-repeat left top;
	text-indent: 			-9999em;
}


h3 {
	font: 					normal 15px Arial, Verdana, sans-serif;
	color: 					#fff;
	padding-bottom: 		10px;
}
h4 {
	
}
p {
	padding-bottom: 		18px;
}


/* Wrapper */

#wrapper {
	width: 					780px;
	margin: 				0 auto;
}

.site {
	width: 					740px;
	margin: 				0 auto;
	padding: 				0 20px;
}


/* Header */

#header {
	height: 				202px;
	position: 				relative;
	cursor: 				pointer;
}
.home {
	background: 			url(../../image/bg_header.jpg) no-repeat left top;
}

#header ul.mainnav {
	width: 					450px;
	padding-top: 			4px;
	height: 				12px;
}
#header ul.mainnav li {
	display: 				inline;
}
#header ul.mainnav li a {
	display: 				block;
	float: 					left;
	height: 				12px;
	text-indent: 			-9999em;
	background: 			url(../../image/btn_mainnav.png) no-repeat left top;
}
#header ul.mainnav li a.home { width: 45px; background-position: left top; }
#header ul.mainnav li a.ggd { width: 84px; background-position: -45px top; }
#header ul.mainnav li a.exometer { width: 83px; background-position: -129px top; }
#header ul.mainnav li a.campagne { width: 76px; background-position: -212px top; }
#header ul.mainnav li a.game { width: 58px; background-position: -288px top; }
#header ul.mainnav li a.faq { width: 23px; background-position: -346px top; }

#header ul.socialicons {
	position: 				absolute;
	right: 					20px;
	top: 					148px;
	width: 					60px;
	height: 				16px;
}
#header ul.socialicons li {
	display: 				block;
	float: 					left;
	overflow: 				hidden;
	width: 					26px;
	height:					20px;
}
#header ul.socialicons li a {
	display: 				block;
	width: 					20px;
	height: 				20px;
	overflow: 				hidden;
	text-indent: 			-9999em;
}
#header ul.socialicons li.facebook a { background: url(../../image/facebook_icon.png) no-repeat left top; }
#header ul.socialicons li.twitter a { background: url(../../image/twitter_icon.png) no-repeat left top; }



/* Content */

#content {
	background: 			url(../../image/bg_content.png) repeat-x left top;
}


/* Intro */

#intro {
	padding: 				20px 20px;
}


/* Read More */

#readmore {
	height: 				165px;
	padding: 				50px 35px 0;
	margin: 				0 0 0 10px;
	background: 			url(../../image/bg_meerlezen.jpg) no-repeat left top;
}

#readmore .column {
	width: 					191px;
	float: 					left;
	padding: 				10px 10px 0 0;
}
#readmore .column h3 {
	padding: 				0;
	margin: 				0;
	height: 				25px;
	background: 			url(../../image/headings/readmore_head.jpg) no-repeat left top;
}
#readmore .column h3.sex { background-position: left top; }
#readmore .column h3.soatest { background-position: left -25px; }
#readmore .column h3.soa { background-position: left -50px; }
#readmore .column h3 a {
	display: 				block;
	text-indent: 			-9999em;
	height: 				25px;
}

#readmore .column ul {
	background: 			url(../../image/bg_readmorelist.jpg) no-repeat left bottom;
	padding: 				4px 10px;
}
#readmore .column ul li {
	line-height: 			24px;
	background: 			url(../../image/bg_readmorelistitem.jpg) no-repeat left bottom;
}
#readmore .column ul li a {
	background: 			url(../../image/bg_readmorelink.jpg) no-repeat left 4px;
	padding-left: 			10px;
	color: 					#b7b7b7;
}
#readmore .column ul li a:hover {
	color: 					#fff;
}


/* Blocks */

#blocks {
	padding:	 			20px 0 10px;
}

/* Matchotron */

#matchotron {
	width: 					470px;
	height: 				385px;
	float: 					left;
	background: 			url(../../image/block_matchotron.jpg) no-repeat left top;
	position: 				relative;
}
#matchotron h2 {
	margin-top: 			32px;
}
#matchotron p.text {
	position: 				absolute;
	left: 					48px;
	top: 					235px;
	width: 					380px;
	font: 					normal 12px/18px Arial, sans-serif;
	color: 					#262626;
}
#matchotron p.text strong {
	color: 					#fff;
}
#matchotron a.link {
	display: 				block;
	position: 				absolute;
	left: 					47px;
	top: 					300px;
	height: 				30px;
	width: 					195px;
	text-indent: 			-9999em;
}
#matchotron a.imagelink {
	display: 				block;
	position: 				absolute;
	left: 					46px;
	top: 					69px;
	height: 				155px;
	width: 					378px;
	text-indent: 			-9999em;
}


/* Lovelips */

#lovelips {
	width: 					230px;
	height: 				385px;
	float: 					right;
	background: 			url(../../image/block_lovelips.jpg) no-repeat left top;
	position: 				relative;	
}

#lovelips h2, #lovelips p {
	position: 				absolute;
	left: 					32px;
	width: 					120px;
	font-size: 				10px;
	line-height: 			14px;
	color: 					#fff;
}
#lovelips h2.head_lovelips { visibility: hidden; }
#lovelips h2.head_exometer { visibility: hidden; }
#lovelips p.lovelips_text { top: 155px; }
#lovelips p.exometer_text { top: 319px; }

#lovelips a.lovelips_link, #lovelips a.exometer_link {
	position: 				absolute;
	display: 				block;
	text-indent: 			-9999em;
	height: 				96px;
	width: 					176px;
	left: 					27px;
}
#lovelips a.lovelips_link { top: 56px; }
#lovelips a.exometer_link { top: 219px; }

#lovelips a.lovelips_textlink, #lovelips a.exometer_textlink {
	position: 				absolute;
	display: 				block;
	text-indent: 			-9999em;
	height: 				20px;
	width: 					48px;
	left: 					156px;
}
#lovelips a.lovelips_textlink { top: 163px; }
#lovelips a.exometer_textlink { top: 328px; }

/* Footer */
#footer {
	margin-top:				30px;
	margin-bottom:			40px;
}

.mainfooter {
	margin-top:				20px !important;
	padding-left:			20px;
}

#footer .infonr {
	float:					left;
	margin-right:			10px;
}

#footer .copyright {
	float:					left;
	padding-top: 			14px;
}


/* Clearfix & Clear Styles */

.clear {
	clear:					both;
	display:				block;
	overflow:				hidden;
	visibility:				hidden;
	width:					0;
	height:					0;
	font: 					0/0 serif;
}
.clearfix:after {
	clear:					both;
	content:				'.';
	display:				block;
	font-size:				0;
	line-height:			0;
	visibility:				hidden;
	width:					0;
	height:					0;
}
.clearfix {
	display:				inline-block;
}
* html .clearfix { 
	height:					1%;
}
.clearfix {
	display:				block;
}