<style type="text/css">

<!--


html
{
height:auto;
min-height:100%;
}

body 
{ 
color: #0A5183;
font: 11px Verdana; 
background: #9AD2FB url(../images/back.jpg) repeat-x;
width:100%;  
height:100% auto;
padding: 0;  
margin: 0;  
overflow:visible;
}


a:link, a:visited, a:active {text-decoration: none !important;; font-weight:bold !important;; color:#0A5183 !important;}
a:hover {text-decoration: underline !important;; font-weight:bold !important;; color:#0A5183 !important;}
a.klein:link, a.klein:visited, a.klein:active {text-decoration: none !important;; font-weight:normal !important;; color:#0A5183 !important;}
a.klein:hover {text-decoration: underline !important;; font-weight:normal !important;; color:#0A5183 !important;}

.advertentie
{
width:118px;
height:100px;
float:left;
margin:2px;
overflow:hidden;
color: #35830a;
border-right: 1px dotted #35830a;
}

.forumpost
{
width:465px;
float: left;
overflow: hidden;
}

.vakmid
{
padding-left:15px;
padding-right:15px;
background: url(../images/vakmid.jpg) repeat-y;
}

.vakmid_1
{
padding-left:15px;
padding-right:15px;
background: url(../images/vakmid.jpg) repeat-y;
}

.vakmid_2
{
padding-left:15px;
padding-right:15px;
background: url(../images/vakmid_geel.jpg) repeat-y;
}

.vakmid_3
{
padding-left:15px;
padding-right:15px;
background: url(../images/vakmid_roze.jpg) repeat-y;
}

.vakmid_4
{
padding-left:15px;
padding-right:15px;
background: url(../images/vakmid_katten.jpg) repeat-y;
}

.vakmid_5
{
padding-left:15px;
padding-right:15px;
background: url(../images/vakmid_honden.jpg) repeat-y;
}

.vakmid_6
{
padding-left:15px;
padding-right:15px;
background: url(../images/vakmid_paarden.jpg) repeat-y;
}

.vakmid_7
{
padding-left:15px;
padding-right:15px;
background: url(../images/vakmid_wimi.jpg) repeat-y;
}

.vakmid_8
{
padding-left:15px;
padding-right:15px;
background: url(../images/vakmid_blauw.jpg) repeat-y;
}

.vakmid_9
{
padding-left:15px;
padding-right:15px;
background: url(../images/vakmid_strand.jpg) repeat-y;
}

.text
{
font: 11px Verdana;
}

.krant
{
color:#000000;
font: 11px Verdana; 
}

.button
{
color:#FFFFFF;
background: #0A5183;
font: 11px Verdana;
}

.loginbutton
{
width: 120px;
height: 26px;
background: transparent url(images/loginbutton.png) no-repeat;
outline: none;
border: none;
cursor : pointer;
}

#back 
{
display: block; 
position: relative; 
width: 976px; 
height: 100% auto;
min-height: 915px;; 
overflow: visible; 
left: 50%; 
margin-left:-488px; 
background: transparent url(../images/mid.png) repeat-y;
}

#header
{
display: block; 
position: relative; 
margin-top: 0px;
margin-left: 0px;
padding-left: 0px;
padding-top: 0px;
padding-right: 0px;
overflow: visible; 
width: 976px;
height: 170px;
background: transparent url(../images/header2.gif) no-repeat;
}

#subheader
{
color:#FFFFFF;
display: block; 
position: relative; 
padding-left:80px;
padding-top:6px;
width: 1000px; 
height: 55px;
background: transparent url(../images/subheader.png) no-repeat;
}

#subheader2
{
color:#FFFFFF;
display: block; 
position: relative; 
padding-left:60px;
margin-top:-10px;
width: 870px; 
height: 55px;
background: transparent;
}

#puntenkopen
{
margin-right:120px;
margin-top:-5px;
position:relative;
float:right;
}

#topbuttons
{
position:relative;
float:right;
margin-right:-50px;
margin-top:58px;
width:570px;
height:105px;
}

#pagina 
{
display: block; 
position: relative; 
width: 976px; 
padding-left:65px;
padding-top:0px;
}

#stadhuis
{
background: transparent url(../images/menu_stadhuis.jpg) no-repeat;
display: block; 
position: relative; 
height:auto;
min-height:200px;
width:750px;
padding-left:-7px;
padding-bottom: -10px;
}

#bank
{
background: transparent url(../images/menu_bank.jpg) no-repeat;
display: block; 
position: relative; 
height:auto;
min-height:200px;
width:750px;
padding-left:-7px;
padding-bottom: -10px;
}

#supermarkt
{
background: transparent url(../images/menu_supermarkt.jpg) no-repeat;
display: block; 
position: relative; 
height:auto;
min-height:200px;
width:750px;
padding-left:-7px;
padding-bottom: -10px;
}

#speelgoedwinkel
{
background: transparent url(../images/menu_speelgoedwinkel.jpg) no-repeat;
display: block; 
position: relative; 
height:auto;
min-height:200px;
width:750px;
padding-left:-7px;
padding-bottom: -10px;
}

#dierenwinkel
{
background: transparent url(../images/menu_dierenwinkel.jpg) no-repeat;
display: block; 
position: relative; 
height:auto;
min-height:200px;
width:750px;
padding-left:-7px;
padding-bottom: -10px;
}

#kledingwinkel
{
background: transparent url(../images/menu_kledingwinkel.jpg) no-repeat;
display: block; 
position: relative; 
height:auto;
min-height:200px;
width:750px;
padding-left:-7px;
padding-bottom: -10px;
}


#huisjes
{
background: transparent url(../images/menu_huisjes.jpg) no-repeat;
display: block; 
position: relative; 
height:auto;
min-height:200px;
width:750px;
padding-left:-7px;
padding-bottom: -10px;
}

#winkelmenu
{
display: block; 
position: relative; 
padding-left:200px;
padding-top:20px;
}

.wolkje
{
background: transparent url(../images/wolkje_mid.png) repeat-y;
padding-left:60px;
padding-right:20px;
}

.menutd1
{
width:40px;
}

.menutd
{
width:60px;
}

#logout
{
margin-top:7px;
float:right;
width:100px;
}



.sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

.sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

.sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #FFDADA;
	border: 1px solid #B10B0B;
	color: #A10909;
	text-align: center;
	text-decoration: none;}

.sddm li a:hover
{	background: #A10909;
	color: #FFF;
}

.sddm div
{	position: absolute;
	visibility: hidden;
                align: center;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #B10B0B;}

	.sddm div a
	{	position: relative;
		display: block;
                                align: center;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFFFFF;
		color: #FFDADA;
	                border: 0px;
		font: 11px arial;}

	.sddm div a:hover
	{	background: #FFDADA;
	                border: 0px;
                                align: center;
		color: #FFF;}




.sddm2
{	margin: 0;
	padding: 0;
	z-index: 30}

.sddm2 li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

.sddm2 li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #F0E5B2;
	border: 1px solid #625802;
	color: #625802;
	text-align: center;
	text-decoration: none;}

.sddm2 li a:hover
{	background: #625802;
	color: #FFF;
}

.sddm2 div
{	position: absolute;
	visibility: hidden;
                align: center;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #625802;}

	.sddm2 div a
	{	position: relative;
		display: block;
                                align: center;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFFFFF;
		color: #625802;
	                border: 0px;
		font: 11px arial;}

	.sddm2 div a:hover
	{	background: #F0E5B2;
	                border: 0px;
                                align: center;
		color: #FFF;}





.sddm3
{	margin: 0;
	padding: 0;
	z-index: 30}

.sddm3 li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

.sddm3 li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #D2C7E1;
	border: 1px solid #1C0246;
	color: #1C0246;
	text-align: center;
	text-decoration: none;}

.sddm3 li a:hover
{	background: #1C0246;
	color: #FFF;
}

.sddm3 div
{	position: absolute;
	visibility: hidden;
                align: center;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #1C0246;}

	.sddm3 div a
	{	position: relative;
		display: block;
                                align: center;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFFFFF;
		color: #1C0246;
	                border: 0px;
		font: 11px arial;}

	.sddm3 div a:hover
	{	background: #D2C7E1;
	                border: 0px;
                                align: center;
		color: #FFF;}




/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */

//-->

</style>