#divLaden{position:absolute; width:100%; height:50; top:400; left:0; font-family: Tahoma,helvetica; color: #FFFFFF; font-weight: bold; font-size: 20px; z-index:100} 

html {	padding: 0px; margin: 0px; }
body	{ 	
		background-color: #d9d9d9;
		margin: 0; 
		padding: 0;
		font-family: Tahoma;
		background-image:url(afb/newbg.gif);
		background-repeat: repeat-x;
}

#wrapper {	width: 960px; margin: 0 auto; padding-left: 10px; 		}
#header {	height: 159px; background-image:url(afb/headerbgnew.jpg); }
#header #logo {	float: left; height: 159px; width: 180px; }
#header #home {	float: left; width: 40px; margin-top: 77px; }
#header #navigation { list-style: none; height: 95px; }
#header #navigation li.active { background-color: #0d4e85; height: 22px;background-image:url(afb/navbgictive.jpg); background-repeat: repeat-x; }
#header #navigation li { list-style: none; float: left; background-color: #0d4e85; margin-top: 75px; color:#FFF; margin-right: 10px; padding: 5px;
						  border-top-left-radius: 7px 7px; border-top-right-radius: 7px 7px; height: 17px; padding-top: 10px;
						  background-image:url(afb/navbginactive.jpg); background-repeat: repeat-x;}						  
#header #navigation a { font-size: 12px; color:#FFF; text-decoration: none; padding-left: 7px; padding-right: 7px; font-family: Lemon, Verdana; }
#header #quote { 	float: left; color:#999; font-family: 'Courgette', cursive; font-size: 30px; padding-top: 10px; }
#content {  width: 980px; margin: auto; padding: 0; clear: both; font-size: 13px; line-height: 140%;	}
#content_left { float: left; width: 240px; font-size: 11px; margin-right: 15px; }
#content_right { float: left; width: 240px; }
#content_mid { float: left; width: 420px;  border: 1px solid #dddddd;  margin-right: 15px; background-color:#FFF; -moz-border-radius: 7px; border-radius: 7px; 
			   padding-left: 20px; padding-right: 20px; padding-top: 1px;}
#footer {	font-family: Verdana; font-size: 11px; color:#666; clear: both; background-color:#CCCCCC; padding: 20px; margin-bottom: 20px;	}
#footer #footer_left {	float: left; width: 300px; }
#footer #footer_mid {	float: left; width: 300px; }
#footer #footer_right {	float: left; width: 300px; }
#footer .clear {	clear: both; }
#credits {	font-family: Verdana; font-size: 10px; color:#999; text-align: center; } 
#header #loginbox {	position: absolute; width: 980px; text-align: right; margin: 0; padding: 0; } 
#header #loginbox li { list-style: none; float: right; background-color: #0b3558; color:#FFF; margin-right: 10px; padding: 5px;
			border-bottom-left-radius: 4px 4px; border-bottom-right-radius: 4px 4px; height: 17px; padding-top: 5px; 
			padding-left: 15px; padding-right: 15px;}	
#header #loginbox a { font-size: 11px; color:#FFF; text-decoration: none; font-family: Verdana; }
#header #loginbox li.orange { background-color:#C30; }

/* CONTENT STYLES */
#top10 { 	text-align: center; border: 2px solid #eeeeee; padding: 2; background-image: url('afb/boxgreytop10.gif'); background-repeat: no-repeat; padding-top: 10px; margin-bottom: 10px;  }
#top10 table {	font-size: 11px; margin-top: 30px; width: 100%; }
#top10 table td { margin-top: 1px; background-color: #dddddd; padding: 2px;}
#top10 table td.row1 { background-color: #dddddd;}
#top10 table td.row2 { background-color: #eeeeee;}
#top10 table a { text-decoration: none; color: #036;}
#top10 table a:hover { text-decoration: underline; color:#336;}

#zoekmop { 	text-align: center; border: 2px solid #eeeeee; padding: 2; background-image: url('afb/boxorangezoek.gif'); background-repeat: no-repeat; padding-top: 10px; margin-bottom: 10px;  }
#zoekmop form { 	padding-top: 20px; }

#emop { 	text-align: center; border: 2px solid #eeeeee; padding: 2; background-image: url('afb/boxpurpleemop.gif'); background-repeat: no-repeat; padding-top: 10px; margin-bottom: 10px;  }
#emop form { 	padding-top: 30px; padding-left: 20px; padding-right: 20px; }

#partners { 	font-size: 12px; text-align: left; border: 2px solid #eeeeee; padding: 2px; background-image: url('afb/boxpinklinks.gif'); background-repeat: no-repeat; padding-top: 10px; margin-bottom: 10px; padding-left: 15px;  }
#partners h2 {	padding-bottom: 25px; }

#mopdata { 	margin-top: 10px; font-size: 12px; text-align: left; border: 2px solid #eeeeee; padding: 2px; background-image: url('afb/boxgrey.gif'); background-repeat: no-repeat; padding-top: 10px; margin-bottom: 10px; padding-left: 15px;  }

#stijlen { 	margin-top: 10px; font-size: 12px; text-align: left; border: 2px solid #eeeeee; padding: 2px; background-image: url('afb/boxgreenlayout.gif'); background-repeat: no-repeat; padding-top: 10px; margin-bottom: 10px; padding-left: 15px;  }
#stijlen form { padding-top: 40px; }

#remotes { 	margin-top: 10px; font-size: 12px; text-align: left; border: 2px solid #eeeeee; padding: 2px; background-image: url('afb/boxblueremotes.gif'); background-repeat: no-repeat; padding-top: 10px; margin-bottom: 10px; padding-left: 15px;  }
#remotes h2 {	padding-bottom: 25px; }

#populairste { 	text-align: center; border: 2px solid #eeeeee; padding: 2; background-image: url('afb/boxbluepop.gif'); background-repeat: no-repeat; padding-top: 10px; margin-bottom: 10px;  }
#populairste table {	font-size: 11px; margin-top: 30px; width: 100%; }
#populairste table td { margin-top: 1px; background-color: #dddddd; padding: 3px;}
#populairste table td.row1 { background-color: #dddddd;}
#populairste table td.row2 { background-color: #eeeeee;}
#populairste table a { text-decoration: none; color: #036;}
#populairste table a:hover { text-decoration: underline; color:#336;}

#breadcrumb {	color:#999; font-size: 10px; background-image:url(afb/breadbg.gif);  background-repeat: no-repeat; margin-left: -19px; padding-left: 19px; height: 35px; padding-top: 3px; }
#breadcrumb a {	color:#999; text-decoration: underline; }
#breadcrumb a:hover {	color:#666; }

#footer_left ul { list-style: none; margin: 0px; padding: 0px; line-height: 18px; }
#footer_left a { font-family: Verdana; font-size: 11px; color:#333; text-decoration: underline; padding-left: 20px; background-image:url(afb/footer_arrow.gif); background-repeat: no-repeat; background-position: 0 2px; }
#footer_left a:hover { color:#000; text-decoration: underline; }

.white {	background-color:#FFF; }
.rc 	{ -moz-border-radius: 7px; border-radius: 7px; }

/* FIXED TAGS */
body {	margin: 0; padding: 0; }
h1 {	font-family: Lemon, Verdana; margin-top: 5px; font-size: 24px;}
h2 {	font-family: Lemon, Verdana; margin-top: 5px; font-size: 20px;}
h4 {	font-family: Verdana; margin-top: 5px; font-size: 14px;}
table {	width: 99%; }
#content_left h2, #content_right h2  {	font-family: Lemon; font-size: 14px; color:#666; padding-left: 60px; padding-top: 0px; margin-top: 0px;}
#footer h3 {	font-family: Lemon; font-size: 16px; color:#999; }
img	 {	border: 0px; }
.left {		text-align: left; }
.center {	text-align: center; }
.right {	text-align: right; }


#rechterblokken {
	position: absolute;
	right: 5px;
	margin-top: 160px;
  padding: 0px;
  width: 170px;
}


td.kr1 {width:15px; text-align:right}
li.item2 {width:120px}
td.kr3 {width:28px; text-align:right}

.listbox {
		clear:both;
		width:100%;
		font-family: Arial, Tahoma; 
		color:#CCCCCC; 
		font-size: 9px; 
		line-height:11pt; 
		text-decoration: none
}


.tabellijst	{
				border: 0px;
				border-bottom: 1px;
				border-style: dashed;
				padding: 3px;
				margin: 0px;
				border-color: #eeeeee;
				display: block;
				color: #000066; 
				font-family: Tahoma; 
				font-size: 8pt;
				text-decoration: none;
			}
			
.tabellijst:hover {
				background-color: #FFFF99;
			}
  
table.tblmain { 
		border-collapse: collapse;
		border-spacing: 0px;
		width: 100%;
}

.homenews	{
				left-indent: 20px;
				text-align: left;
				border: 0px;
				border-bottom: 1px;
				border-style: solid;
				padding: 0px;
				margin: 0px;
				border-color: #000066;
				display: block;
				color: #000066; 
				font-family: Tahoma; 
				font-size: 9pt;
				font-weight: bold;
				text-decoration: none;
			}

img.oogicoon {
				border: 1px solid;
				width: 10px;
				height: 10px;
				align: absmiddle;
			}

.titelrechts {
		color: #FFFF00;
		font-size: 11px;
		font-weight: bold;
		text-align: right;
		vertical-align: bottom;
}
  

img.anigif:link		{ border: 1px; border-color: #FFFFFF }
img.anigif:hover	{ border: 1px; border-color: #FFFFFF }
img.anigif:visited	{ border: 1px; border-color: #FFFFFF }

.navtabel { font-family: Tahoma }
td.navtabel :hover { background-color : #090B2E; display: block }

td.navigatie :hover { background-color : #090B2E}
.navigatie			{ font-weight: bold; color: #FFFFFF; line-height: 12px; font-family: Tahoma, Verdana, Helvetica; font-size: 10px }
td.navigatie			{ font-weight: bold; color: #FFFFFF; line-height: 12px; font-family: Tahoma, Verdana, Helvetica; font-size: 10px }
a.navigatie			{ font-weight: bold; color: #FFFFFF; height: 12px; font-family: Tahoma, Verdana, Helvetica; font-size: 10px; text-decoration: none }

td.navbalk { height: 18px }

div.titel	{ font-family: Arial Black; font-size: 18pt; font-style: italic }

td.tekst	{ color: #000000; font-family: Tahoma; font-size: 8pt; LINE-HEIGHT: 13px; text-decoration: none }
a.tekst		{ color: #000066; font-family: Tahoma; font-size: 8pt; line-height: 13pt; text-decoration: none }
a.tekst:hover  	{ color: #660000; font-family: Tahoma; font-size: 8pt; line-height: 13pt; background-color:#DDDDDD}
a.tekst:visited	{ color: #333333; font-family: Tahoma; font-size: 8pt; line-height: 13pt; text-decoration:none}

.mopzelf	{ color: #000000; font-family: Tahoma; font-size: 8,5pt; LINE-HEIGHT: 14px; text-decoration: none }


td.donkerebalk		{ color: #AAAAAA; font-family: Tahoma; font-size: 8pt; LINE-HEIGHT: 13px; text-decoration: none; font-weight: bold }
a.donkerebalk		{ color: #AAAAAA; font-family: Tahoma; font-size: 8pt; line-height: 13pt; text-decoration: none; font-weight: bold }
a.donkerebalk:hover  	{ color: #00FF00; font-family: Tahoma; font-size: 8pt; line-height: 13pt; font-weight: bold}
a.donkerebalk:visited	{ color: #AAAAAA; font-family: Tahoma; font-size: 8pt; line-height: 13pt; text-decoration:none; font-weight: bold}


td.opjouwsite	{ font-family: Arial, MS Sans Serif, Garamond, Comic Sans MS, Comic Sans, Comic; font-size: 8pt; line-height: 11pt }


td.userinfo	{ 
	background-image: url("images/tbllinksbg.gif"); 
	background-repeat: repeat-y;
	font-size: 9px; 
	font-family: Tahoma, Arial; 
	font-weight: bold; 
	color: #CCCCCC; 
	line-height: 12px; 
	text-decoration: none
}

a.userinfo	{ font-family: Verdana, Arial; font-weight: bold; color: #CCCCCC; line-height: 12px; text-decoration: none}
a.userinfo:hover { font-family: Verdana; font-weight: bold; color: #CCCCCC; line-height: 12px; text-decoration: underline}

td.partners	{ font-size: 9px; font-family: Tahoma; Arial; font-weight: bold; color: #000066; line-height: 14px; text-decoration: none}
a.partners	{ font-family: Verdana, Arial; font-weight: bold; color: #323286; line-height: 12px; text-decoration: none}
a.partners:hover { font-family: Verdana; font-weight: bold; color: #323286; line-height: 12px; text-decoration: underline}


td.ondermop	{ font-family: Arial; font-size: 7pt; color:#DDDDDD}

td.vote		{ font-family: Verdana, Helvetica; font-size: 7pt; color:#DDDDDD }
.vote { font-family: Verdana, Helvetica; font-size: 7pt; color:#DDDDDD; text-align:center }


td.aantalstemmen { vertical-align: bottom; background-color: #FFFFFF; text-align:center; width: 10%; font-family: Times New Roman, Times, Roman; font-size: 7pt; background-color: #FFFFFF }

.top10rechts { font-family: Arial, Tahoma; color:#CCCCCC; font-size: 9px; line-height:11pt; text-decoration: none}
a.top10rechts { font-family: Arial, Tahoma; color:#CCCCCC; font-size: 9px; line-height:11pt; text-decoration: none}
a:hover.top10rechts { background-color: #090B2E; font-family: Arial, Tahoma; color:#CCCCCC; font-size: 9px; line-height:11pt; text-decoration: none}
a.top10rechtslink { font-family: Arial, Tahoma; color:#CCCCCC; font-size: 9px; line-height:11pt; text-decoration: none}


td.top10rechts { background-color: #373795; font-family: Arial, Tahoma; color:#CCCCCC; font-size: 9px; line-height:11pt; text-decoration: none}



input.okbutton{ background-color: #4A5A9C;  font-family: Tahoma, Arial;  font-size : 9px; 
 		font-weight: bold; color : #F6FDB0;  text-decoration : none; text-align: center;
		border: 1px solid #293463; padding-left: 2px; margin-left: 2px; padding-right: 2px; margin-right: 2px;
		padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; vertical-align: top; }

select	{ background : #FCFCEC;	font : 700 11px Verdana,Trebuchet Ms, Helvetica, Arial;	color : #3F3F3F;
	  padding-right : 5px;	text-align: left; }

select.klein	{ background : #FCFCEC;	font : 700 10px Arial,Trebuchet Ms, Helvetica, Arial;	color : #3F3F3F;
	  	padding-right : 5px;	text-align: left; }

/* BUTTONS */
.shiny-blue {
  background-color: #759ae9;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));
  background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
  border-top: 1px solid #1f58cc;
  border-right: 1px solid #1b4db3;
  border-bottom: 1px solid #174299;
  border-left: 1px solid #1b4db3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  -moz-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
  color: #fff;
  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
  padding: 7px 20px;
  text-shadow: 0 -1px 1px #1a5ad9;}
  button.shiny-blue:hover {
    background-color: #5d89e8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5d89e8), color-stop(50%, #2261e0), color-stop(50%, #044bd9), color-stop(100%, #0d53de));
    background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    cursor: pointer; }
  button.shiny-blue:active {
    border-top: 1px solid #1b4db3;
    border-right: 1px solid #174299;
    border-bottom: 1px solid #133780;
    border-left: 1px solid #174299;
    -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee; }


/* form */

input, textarea, select { 
	padding: 6px;
	border: solid 1px #9CC;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	background: #FFFFFF url('images/bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit {
	width: auto;
	padding: 9px 15px;
	background: #617798;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	}
	

/*
RESPONSIVE LAYOUT
*/

@media only screen and (max-width: 700px) {
	
	.nomobile { display: none }
	#news { display: none }
	#quote { display: none }
	#content_left { display: none }
	#content_right { display: none }
	#content_mid { width: 95%; padding: 0px; float: none; padding: 0px 15px; }
	#content { width: 100% !important; background-color:  white !important ;}
	#wrapper { width: 100%; padding: 0px }
	#loginbox { width: 100% !important; }
	#block_google { display: none }
	
	#mobile-pad a { padding: 15px 0px; }
	#mobile-pad td { padding: 5px 0px; }
}