@charset "utf-8";

/* Structuur */

body {
	text-align: center;
}
#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#top {
	text-align: right;
	margin-right: 5px;
	margin-top: 2px;
	font-family: Arial;
	font-size: 11px;
	color: #9AD901;
	font-weight: bold;
	line-height: 1.5;
}
#header {
	height: 170px;
	width: 1000px;
	background-image: url(navigatie/header_achtergrond_floortje.jpg);
	background-repeat: no-repeat;
}
#leftContent {
	width: 180px;
	float: left;
	padding-top: 15px;
}
#centerContent {
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	width: 600px;
}
#rightContent {
	float: left;
	width: 180px;
}
#footer {
	height: 162px;
	width: 1000px;
	clear:both;
	background-image: url(footer/footer.jpg);
	background-repeat: no-repeat;
}
#down {
	text-align: right;
	margin-right: 5px;
	margin-top: 2px;
	font-family: Arial;
	font-size: 11px;
	color: #9AD901;
	font-weight: bold;
	line-height: 1.5;
}
#submenu {
	font-family: Arial;
	font-size: 11px;
	color: #26A9CE;
	font-weight: bold;
	list-style-type: none;
	line-height: 1.5;
}
#blok {

}
#kruimel {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
} 

/* De code voor standaard tekstopmaak */  

p {
	font-family: Arial;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 15px;
}
p a:link, p a:active, p a:visited {
	color: #26A9CE;
	font-weight: bold;
	text-decoration: none;
}
p a:hover {
	background-color: #CEEDF7;
}
h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #D62C8D;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 15px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #D62C8D;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 0px;
}
form {
	margin: 0px;
}

/* Linkjes en lijsten */

#down a:link, #down a:visited, #down a:active, #top a:link, #top a:visited, #top a:active, #kruimel a:link, #kruimel a:visited, #kruimel a:active, #blok a:link, #blok a:visited, #blok a:active {
	color: #9AD901;
	text-decoration: none;
} 
#top a:hover, #kruimel a:hover, #down a:hover, #blok a:hover {
	background-color: #E8FFB0;
}
#submenu a:link, #submenu a:visited, #submenu a:active {
	color: #26A9CE;
	text-decoration: none;
} 
#submenu a:hover {
	background-color: #CEEDF7;
}
#centerContent li {
	font-family: Arial;
	font-size: 14px;
	line-height: 1.5;
	list-style-image: url(bullet/bullet_paars.gif);
}
#centerContent li a:link, p a:active, p a:visited {
	color: #26A9CE;
	font-weight: bold;
	text-decoration: none;
}
#centerContent li a:hover {
	background-color: #CEEDF7;
}

/* Overige tekstopmaak */ 

.bloktitelblauw {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #26A9CE;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #26A9CE;
	text-decoration: none;
}
.bloktitelgroen {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #9AD901;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #9AD901;
}
.bloktitelpaars {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #D62C8D;
	line-height: 1.5;
	margin-top: 0px;
	margin-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #D62C8D;
}
.kleingroen {
	font-family: Arial;
	font-size: 11px;
	color: #9AD901;
	line-height: 1.5;
}
.kleingroenvet {
	font-family: Arial;
	font-size: 11px;
	color: #9AD901;
	font-weight: bold;
	line-height: 1.5;
}
.kleinblauwvet {
	font-family: Arial;
	font-size: 11px;
	color: #26A9CE;
	font-weight: bold;
	list-style-type: none;
	line-height: 1.5;
}
.kleinblauwvet a:link, .kleinblauwvet a:active, .kleinblauwvet a:visited {
	color: #26A9CE;
	font-weight: bold;
	text-decoration: none;
}
.kleinblauwvet a:hover {
	background-color: #CEEDF7;
}
.kleinpaarsvet {
	font-family: Arial;
	font-size: 11px;
	color: #D62C8D;
	font-weight: bold;
	line-height: 1.5;
}
.kleinpaarsvet a:link, .kleinpaarsvet a:visited, .kleinpaarsvet a:active {
	color: #D62C8D;
	text-decoration: none;
} 
.kleinpaarsvet a:hover {
	background-color: #F1B6D8;
}

/* De code voor het tabmenu */  

ul#tabmenu {
	margin: 0;
	font-family: Arial;
	text-transform: uppercase;
	padding-top: 104px;
	padding-left: 200px;
	font-weight: bold;
	font-size: 11px;
	list-style-type: none;
}  
ul#tabmenu li {
	float: left;
	height: 25px;
	width: 88px;
	background-image: url(/vormgeving/2010/navigatie/tabblad_wit.gif);
	background-repeat: no-repeat;
	margin-right: 2px;
	margin-left: 2px;
	text-align: center;
	line-height: 28px;
}  
ul#tabmenu a:link, ul#tabmenu a:visited {
	display: block;
	color: #9AD901;
	text-decoration: none;
}  
ul#tabmenu a:hover {
	background-image: url(/vormgeving/2010/navigatie/tabblad_paars.gif);
	background-repeat: no-repeat;
	color: #FFF;
}  
.menu_actief, .menu_actief a:link {
	background-image: url(/vormgeving/2010/navigatie/tabblad_paars.gif);
	background-repeat: no-repeat;
	color: #FFF;
} 
.stippelgroen {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #9AD901;
	margin-top: 5px;
	margin-bottom: 5px;
}
.stippelblauw {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #26A9CE;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #26A9CE;
}
.kleinzwart {
	font-family: Arial;
	font-size: 11px;
	line-height: 1.5;
}
.veldgroen {
	font-family: Arial;
	font-size: 11px;
	line-height: 1.5;
	border: 2px solid #9AD901;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 0px;
	color: #D62C8D;
}
#mainContent ul ul {
	font-family: Arial;
	font-size: 12px;
	line-height: 1.5;
	list-style-image: url(bullet/bullet_paars.gif);
	margin-left: 25px;
}
.veldblauw {
	border: 1px solid #26A9CE;
}
.vetgroen {
	color: #9AD901;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
}
.vetblauw {
	color: #26A9CE;
	font-weight: bold;
	font-family: Arial;
}
.vetblauw a:link, .vetblauw a:active, .vetblauw a:visited {
	color: #26A9CE;
	font-weight: bold;
	text-decoration: none;
}
.vetblauw a:hover {
	background-color: #CEEDF7;
}
.vetpaars {
	color: #D62C8D;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
}
.vetoranje {
	color: #FF6600;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
}

.normaal {
	font-family: Arial;
	font-size: 14px;
	line-height: 1.5;
}
.normaal a:link, .normaal a:active, .normaal a:visited {
	color: #26A9CE;
	font-weight: bold;
	text-decoration: none;
}
.normaal a:hover {
	background-color: #CEEDF7;
}

div.container {
	width: 598px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9AD901;
	border-left-color: #9AD901;
}
.container_blauw {
	width: 598px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #26A9CE;
	border-left-color: #26A9CE;
}
.container_groen {
	width: 598px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9AD901;
	border-left-color: #9AD901;
}

.stramienfotoos {
	position:relative;
	width: 100px;
	margin: 0px;
	padding: 16px;
	float: left;
	background-image: url(wolkjes/paars_foto.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	left: 40px;
}

.berichtfoto {
	position:relative;
	width: 100px;
	margin: 0px;
	padding: 16px;
	float: left;
	background-image: url(wolkjes/schaduw_foto.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.berichtfoto .transparant {
	position:absolute; /* in conjunction with left property, decides the text position */
	left:16px;
	width:100px;
	bottom: 20px;
	margin: 0px;
	background-color: #FFF;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
  	opacity:0.6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D62C8D;
	font-weight: bold;
}

.berichtfotomini {
	position:relative;
	width: 50px;
	margin: 0px;
	float: left;
	background-image: url(wolkjes/schaduw_foto_mini.gif);
	background-repeat: no-repeat;
	background-position: 7px 2px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.berichtfotomini .transparant {
	position:absolute; /* in conjunction with left property, decides the text position */
	left:16px;
	width:50px;
	bottom: 20px;
	margin: 0px;
	background-color: #FFF;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
  	opacity:0.6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D62C8D;
	font-weight: bold;
}

.bericht {
	width: 446px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.5;
}

div.spacer {
	clear: both;
	height: 0px;
}
.wolkje_groen {
	background-image: url(wolkjes/wolkje_groen.gif);
	background-repeat: no-repeat;
	height: 26px;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	color: #FFF;
	padding-top: 4px;
	padding-left: 8px;
}
.wolkje_blauw {
	background-image: url(wolkjes/wolkje_blauw.gif);
	background-repeat: no-repeat;
	height: 26px;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	color: #FFF;
	padding-top: 4px;
	padding-left: 8px;
}
.onderkant_wolkje_groen {
	background-image: url(wolkjes/onderkant_groen.gif);
	background-repeat: no-repeat;
	height: 25px;
}
.onderkant_wolkje_blauw {
	background-image: url(wolkjes/onderkant_blauw.gif);
	background-repeat: no-repeat;
	height: 25px;
}
.zoekvelden {
	float: left;
	font-family: Arial;
	font-size: 11px;
	color: #26A9CE;
	font-weight: bold;
	list-style-type: none;
	line-height: 1.5;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
}
.float_left {
	float: left;
	display: list-item;
	list-style-type: none;
	padding-right: 15px;
	#F1B6D8
}
.float_left a:hover {
	background-color: #F1B6D8;
}
.blauw {
	color: #26A9CE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.groen {
	color: #9AD901;
}
.paars {
	color: #D62C8D;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.stippelpaars {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #D62C8D;
	margin-top: 5px;
	margin-bottom: 5px;
}
.stippeloranje {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
	margin-top: 5px;
	margin-bottom: 5px;
}

.wolkje_paars_rond {
	background-image: url(wolkjes/wolkje_paars_rond.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	color: #FFF;
	padding-top: 4px;
	padding-left: 8px;
}
.wolkje_blauw_rond {
	background-image: url(wolkjes/wolkje_blauw_rond.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	color: #FFF;
	padding-top: 4px;
	padding-left: 8px;
}
.wolkje_groen_rond {
	background-image: url(wolkjes/wolkje_groen_rond.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	color: #FFF;
	padding-top: 4px;
	padding-left: 8px;
}
.zoekvelden_oranje {
	font-family: Arial;
	font-size: 11px;
	color: #FF6600;
	list-style-type: none;
	line-height: 1.5;
}
.wolkje_oranje_rond {
	background-image: url(wolkjes/wolkje_oranje_rond.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	color: #FFF;
	padding-top: 4px;
	padding-left: 8px;
}
.onderkant_wolkje_oranje {
	background-image: url(wolkjes/onderkant_oranje.gif);
	background-repeat: no-repeat;
	height: 25px;
}
.container_oranje {
	width: 598px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF6600;
	border-left-color: #FF6600;
}
.wolkje_oranje {
	background-image: url(wolkjes/wolkje_oranje.gif);
	background-repeat: no-repeat;
	height: 26px;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	color: #FFF;
	padding-top: 4px;
	padding-left: 8px;
}
.kleinoranje {
	font-family: Arial;
	font-size: 11px;
	color: #FF6600;
	line-height: 1.5;
}
.grootblauw {
	font-family: Arial;
	font-size: 14px;
	color: #26A9CE;
	list-style-type: none;
	line-height: 1.5;
}
.grootblauw a:link, a:active, a:visited {
	color: #26A9CE;
	font-weight: bold;
	text-decoration: none;
}
.grootblauw a:hover {
	background-color: #CEEDF7;
}

.star-rating
{

	background: url(sterren/sterren_leeg.png) left -1000px repeat-x;

}

.star-rating a:hover,

.star-rating a:active,

.star-rating a:focus

{

	background: url(sterren/sterren_paars.gif) left -1000px repeat-x;

}

.star-rating .current-rating{

	background: url(sterren/sterren_gekleurd.png) left -1000px repeat-x;

}

.star-rating{

	position:relative;

	width:91px;

	height:17px;

	overflow:hidden;

	list-style:none;

	margin:0;

	padding:0;

	background-position: left top;

}

.star-rating li{

	display: inline;

}

.star-rating a,

.star-rating .current-rating{

	position:absolute;

	top:0;

	left:0;

	text-indent:-1000em;

	height:17px;

	line-height:17px;

	outline:none;

	overflow:hidden;

	border: none;

}

.star-rating a:hover,

.star-rating a:active,

.star-rating a:focus{

	background-position: left bottom;

}

.star-rating a.one-star{

	width:20%;

	z-index:6;

}

.star-rating a.two-stars{

	width:40%;

	z-index:5;

}

.star-rating a.three-stars{

	width:60%;

	z-index:4;

}

.star-rating a.four-stars{

	width:80%;

	z-index:3;

}

.star-rating a.five-stars{

	width:100%;

	z-index:2;

}

.star-rating .current-rating{

	z-index:1;

	background-position: left center;
}
	
		.black_overlay{
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
	position: fixed;
	top: 10%;
	padding: 16px;
	border: 5px solid #9AD901;
	background-color: #FFF;
	z-index:1002;
	overflow: auto;
		}

.kleinpaars {
	font-family: Arial;
	font-size: 11px;
	color: #D62C8D;
	line-height: 1.5;
}
.grootpaars {
	font-family: Arial;
	font-size: 14px;
	color: #D62C8D;
	list-style-type: none;
	line-height: 1.5;
	font-weight: bold;
}
.grootpaars a:link, .grootpaars a:visited, .grootpaars a:active {
	color: #D62C8D;
	text-decoration: none;
} 
.grootpaars a:hover {
	background-color: #F1B6D8;
}