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

.clear {
	clear:					both;
	height:					0;
	font:					0/0 serif;
}

.line {
	height:					1px;
	font:					0/0 serif;
	border-bottom:			1px solid #333;
}

body {
	background-color:		#000;
}


h2 {
	display:				inline;
	padding:				2px;
	font:					bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:					#FFF;
	background-color:		#333;
}

h2.standalone {
	margin-bottom:			15px;
}

h3 {
	display:				inline;
	font:					11px Tahoma, Arial, Helvetica, sans-serif;
	color:					#CCC;
}

.keuze h3 {
	display:				block;
	position:				relative;
}

h4 {
	font:					bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:					#FFF;
	margin-bottom:			15px;
}

h4.title {
	margin-top:				25px;
	margin-bottom:			0;
	padding-left:			10px;
	border-left:			1px solid #666;
}

h4.first {
	margin-top:				0;
}

h5 {
	margin:					20px 0 0 0;
	font:					bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:					#FFF;
}

p {
	font:					11px/15px Tahoma, Arial, Helvetica, sans-serif;
	color:					#FFF;
	margin:					15px 0;
}

p.standalone {
	margin-top:				0;
}

p.grey {
	color:					#CCC;
}

p.large {
	margin:					0;
	font:					11px Tahoma, Arial, Helvetica, sans-serif;
	color:					#CCC;
}

p.large strong {
	font-size:				12px;
}

em.underline {
	font-style:				normal;
	text-decoration:		underline;
}

a {
	font:					11px Tahoma, Arial, Helvetica, sans-serif;
	color:					#99C;
	text-decoration:		none;
}

a:hover {
	color:					#FFF;
	background-color:		#333;
}

a.link,
a.link:active {
	font-weight:			bold;
	color:					#FFF;
	text-decoration:		underline;
	background:				none;
}



#wrapper {
	width:					760px;
	margin:					0 auto;
	background:				url(../images_update/bg_wrapper.jpg) repeat-x 0 200px;
}



/* Header */
#header {
	background:				url(../random_images/random_header.php) no-repeat top left;
	position:				relative;
	height:					200px;
}

#header-frank1 {
	background:				url(../images_update/header-frank1.jpg) no-repeat top left;
	position:				relative;
	height:					200px;
}

#header-frank1 a.exen,
#header a.exen {
	position:				absolute;
	top:					50px;
	left:					20px;
}
#header-frank1 a.exen:hover,
#header a.exen:hover {
	background:				none;
}

ul.menu {
	display:				block;
	list-style:				none;
	height:					21px;
}

ul.menu li {
	float:					left;
}

ul.menu li a {
	display:				block;
	height:					21px;
	text-indent:			-3000px;
}

ul.menu li a#home {
	width:					45px;
	background:				url(../images_update/buttons/btn_top_home.gif) no-repeat top left;
}
ul.menu li a#ggdlocator {
	width:					74px;
	background:				url(../images_update/buttons/btn_top_ggd.gif) no-repeat top left;
}
ul.menu li a#campagne {
	width:					73px;
	background:				url(../images_update/buttons/btn_top_campagne.gif) no-repeat top left;
}
ul.menu li a#game {
	width:					55px;
	background:				url(../images_update/buttons/btn_top_game.gif) no-repeat top left;
}
ul.menu li a#faq {
	width:					104px;
	background:				url(../images_update/buttons/btn_top_faq.gif) no-repeat top left;
}
ul.menu li a#exo {
	width:					60px;
	background:				url(../images_update/buttons/btn_top_exo.gif) no-repeat top left;
}

ul.menu li a#home:hover,
ul.menu li a#ggdlocator:hover ,
ul.menu li a#campagne:hover,
ul.menu li a#game:hover,
ul.menu li a#faq:hover,
ul.menu li a#exo:hover {
	background-position:	0 -21px;
}

ul.menu li.active a {
	background-position:	0 -42px !important;
}


/* Index blocks */
.block {
	float:					left;
	position:				relative;
	width:					205px;
	height:					270px;
	margin-right:			22px;
	padding:				10px;
	background-color:		#292929;
}

.block_top {
	margin-bottom:			20px;
	padding:				10px;
	background-color:		#292929;
}

.block_top dl {
	float:					left;
	width:					199px;
	margin-top:				10px;
	margin-right:			50px;
}

.block_top dl.middle {
	margin:					10px 0 0 0;
}

.block_top dl.right {
	float:					right;
	margin:					10px 5px 0 0;
}

.block_top dl dt {
	display:				block;
	height:					27px;
	padding:				7px 0 0 20px;
	background:				url(../images_update/bg_title.gif) no-repeat;
	font:					bold 11px Arial, Helvetica, sans-serif;
	color:					#FFF;
}

.block_top dl dd {
	padding-left:			5px;
}

.block_top dl dd span {
	font:					13px Arial, Helvetica, sans-serif;
	color:					#595757;
}

.block img.go {
	position:				absolute;
	right:					0;
	bottom:					0;
}

.block img.title {
	margin-bottom:			10px;
}

.block p {
	font-size:				12px;
	margin-top:				10px;
}

.block_right {
	float:					right;
	margin-right:			0;
}

.block_game {
	margin-top:				25px;
}

ul.btn_entry {
	list-style:				none;
}

ul.btn_entry li a {
	font:					11px Tahoma, Arial, Helvetica, sans-serif;
	color:					#99C;
}

ul.btn_entry li a:hover {
	color:					#FFF;
}

ul.btn_entry li.section {
	margin:					0;
	padding:				0;
	height:					24px;
}

ul.btn_entry li.section a {
	display:				block;
	height:					19px;
	margin-top:				5px;
	padding:				7px 2px 0 20px;
	background:				#595758 url(../images_update/bullets/blt_transparent.gif) no-repeat 5px 10px;
	font-weight:			bold;
	color:					#FFF;
}

ul.btn_entry li.section a:hover {
	background:				#FE0000 url(../images_update/bullets/blt_transparent.gif) no-repeat 5px 10px;
}

ul.btn_entry li {
	height:					16px;
	padding:				0 3px 0 20px;
	background:				url(../images_update/bullets/blt_sub.gif) no-repeat 5px 9px;
}

ul.btn_entry li a {
	height:					1%;
	color:					#999;
}

a.btn_exometer,
a.btn_startgame,
a.btn_spreekuur,
a.btn_lovelips {
	position:				absolute;
	height:					11px;
	font-size:				0;
	bottom:					0;
	right:					0;
	display:				block;
	text-indent:			-2000px;
	
}

a.btn_exometer:hover,
a.btn_startgame:hover,
a.btn_spreekuur:hover,
a.btn_lovelips:hover {
	background-position:	bottom left;
}

a.btn_exometer {
	width:					135px;
	background:				url(../images_update/buttons/btn_startdeexometer.gif) no-repeat top left;
}

a.btn_startgame {
	width:					97px;
	background:				url(../images_update/buttons/btn_startdegame.gif) no-repeat top left;
}

a.btn_spreekuur {
	width:					154px;
	background:				url(../images_update/buttons/btn_spreekuur.gif) no-repeat top left;
}

a.btn_lovelips {
	width:					102px;
	background:				url(../images_update/buttons/btn_lovelips.gif) no-repeat top left;
}


/* Content */
#content {
	margin:					20px;
}



/* Top navigation */
.navigation {
	padding:				20px 20px 0 20px;
	background:				url(../images_update/bg_wrapper.jpg) repeat-x;
}

.topnav {
	float:					left;
	height:					92px;
	margin-right:			10px;
	border-left:			1px solid #595758;
}

.topnav_active {
	border-left:			1px solid #FE0000;
}

.topnav ul {
	width:					150px;
	list-style:				none;
	margin:					10px;
}

.topnav ul li {
	height:					16px;
}

.topnav ul li a {
	font:					11px Tahoma, Arial, Helvetica, sans-serif;
	color:					#99C;
	text-decoration:		none;
}

.topnav ul li a:hover {
	color:					#FFF;
	background-color:		#333;
}

.topnav ul li a.active {
	font-weight:			bold;
	color:					#FFF;
}

.bottom {
	height:					155px;
}

.bottom .topnav {
	height:					135px;
}



/* Breadcrumbs */
.breadcrumb {			
	margin-bottom:			20px;
	padding:				15px 0;
	border-top:				1px solid #252525;
	border-bottom:			1px solid #252525;
	font:					11px Tahoma, Arial, Helvetica, sans-serif;
	color:					#999;
	
}



/* Keuzemenu */
.keuze {
	margin:					30px 0 0 0;
	padding:				15px 20px;
	background-color:		#222;
}

.keuze a {
	float:					left;
	display:				block;
	width:					177px;
	height:					22px;
	margin-top:				15px;
	margin-right:			55px;
	padding:				8px 0 0 10px;
	background-color:		#595758;
	color:					#FFF;
	font-size:				12px;
	font-weight:			bold;
}

.keuze a:hover {
	background-color:		#FE0000;
}

.keuze a span  {
	color:					#000;
}

.keuze a.last {
	margin-right:			0;
}



/* Contactbox en GGD */
.contact_ggd {
	height:					116px;
	margin-top:				30px;
	margin-bottom:			45px;
}

.contact {
	float:					left;
	width:					360px;
	height:					116px;
	background-color:		#FFF;
}

.left .contact {
	margin-top:				10px;
}

.contact h3 {
	display:				block;
	padding:				10px;
	font-size:				12px;
	font-weight:			bold;
	color:					#FFF;
	background-color:		#FE2200;
}

.contact p {
	padding:				0 10px;
	line-height:			11px;
	color:					#000;
	background-color:		#FFF;
}

.contact img {
	margin-top:				7px;
}

a.ggd {
	display:				block;
	width:					351px;
	text-indent:			-2000px;
	height:					116px;
	float:					right;
	background:				url(../images_update/img_ggd.gif) no-repeat top left;
}

a.ggd:hover {
	background-position:	bottom left;
}



/* Colums */
.left,
.right {
	margin-top:				15px;
}

.left {
	float:					left;
	width:					358px;
}

.right {
	float:					right;
	width:					351px;
}

.right .ggd {
	margin-top:				10px;
}



/* Dropdown List */
.tog {
	height:					23px;
	padding:				12px 0 0 15px;
	border-bottom:			1px solid #000;
	background:				#292929 url(../images_update/bullets/blt_dropdown.gif) no-repeat 340px 20px;
	font:					bold 11px Tahoma, Arial, Helvetica, sans-serif;
	cursor:					pointer;
	color:					#FFF;
}

.slide {
	padding:				0 15px 15px 15px;
}

.slide h4 {
	margin-top:				25px;
	margin-bottom:			0;
	padding-left:			10px;
	border-left:			1px solid #666;
}

.slide p {
	color:					#CCC;
}

.slide ul.list {
	margin-top:				15px;
}

.slide_active {
	background:				none;
	background-color:		#00FF00;
}



/* List */
ul.list {
	list-style:				none;
}

ul.list li {
	font:					11px/14px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom:			12px;
	padding-left:			15px;
	padding-bottom:			12px;
	border-bottom:			1px solid #666;
	background:				url(../images_update/bullets/blt_list.gif) no-repeat 0 4px;
	color:					#CCC;
}

ul.list li.first {
	padding-top:			12px;
	border-top:				1px solid #666;
	background-position:	0 16px;
}



/* SOA pagina */
.soa_left {
	float:					left;
	width:					337px;
}

.soa_right {
	float:					right;
	width:					337px;
}



/* Credits */
.image {
	margin-bottom:			5px;
}


/* 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;
}


#headerclick
{
	position:relative;	
}
#headerclick img#headerclick_arrow
{
	position:absolute;
	top:60px;
	left:0px;
}

#flash2
{
	margin:20px 0 10px 25px;
	width:343px;
}