@charset "UTF-8";
/* Eenvoudige, dynamische media
   Opmerking: voor dynamische media moet u de hoogte- en breedtekenmerken voor de media verwijderen uit de HTML-code
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 biedt geen ondersteuning voor max-width en gebruikt standaard de breedte 100% */
.ie6 img {
	width:100%;
}

/*
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	30;
	
	Geïnspireerd door "Responsive Web Design" van Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	en "Golden Grid System" van Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobiele lay-out: 480 px en lager. */

* { margin:0px; padding:0px; }
body { font-family:'metaotnormal'; color:#4b4b4b; }
.desc { color:#4b4b4b; }
.desc a { color:#4b4b4b; }
.dropdown { float: right; padding:0px; }
.dropdown li { list-style:none; }
.dropdown li.dropdownItems {
	position: relative;
	z-index: 100;
}
.dropdown a, .dropdown a:visited, .dropdown a:hover { color:#4b4b4b; text-decoration:none; outline:none; text-indent: 5px; font-size: 9px;}
.dropdown li.dropdownItems span.dropdownLabel { background:#FFFFFF
url(../Images/arrow.png) no-repeat scroll right center; display:block; padding:5px 20px 5px 5px; border:1px solid #CCC; width:100px; font-size: 9px;}
.dropdown li.dropdownItems ul { background:#FFFFFF; border:1px solid #CCCCCC; color:#4b4b4b; display:none; left:0px; padding:5px 0px; position:absolute; top:9px; width:125px; text-indent:10px;
border-color:#CCC}
.dropdown li.dropdownItems ul li a { padding:5px 0; width: 100%; display:block; background-image: none; border: none;}
.dropdown li.dropdownItems ul li a:hover { background-color:#FFFFFF; color:#e10f49; }
.noscript li.dropdownItems:hover ul { display: block; }


/* Tabletlay-out: 481 px tot 768 px. Neemt stijlen over van: mobiele lay-out. */

@media only screen and (min-width: 481px) {
	
	* { margin:0px; padding:0px; }
body { font-family:'metaotnormal'; font-size:12px; color:#4b4b4b; }
.desc { color:#4b4b4b; }
.desc a { color:#4b4b4b; }
.dropdown { float: right; padding:0px; }
.dropdown li { list-style:none; }
.dropdown li.dropdownItems {
	position: relative;
	z-index: 100;
}
.dropdown a, .dropdown a:visited, .dropdown a:hover { color:#4b4b4b; text-decoration:none; outline:none; text-indent: 5px; font-size: 12px;}
.dropdown li.dropdownItems span.dropdownLabel { background:#FFFFFF
url(../Images/arrow.png) no-repeat scroll right center; display:block; padding:5px 20px 5px 5px; border:1px solid #CCC; width:150px; font-size: 12px;}
.dropdown li.dropdownItems ul { background:#FFFFFF; border:1px solid #CCCCCC; color:#4b4b4b; display:none; left:0px; padding:5px 0px; position:absolute; top:12px; width:175px; text-indent:10px;
border-color:#CCC}
.dropdown li.dropdownItems ul li a { padding:5px 0; width: 100%; display:block; background-image: none; border: none;}
.dropdown li.dropdownItems ul li a:hover { background-color:#FFFFFF; color:#e10f49; }
.noscript li.dropdownItems:hover ul { display: block; }

}

/* Bureaubladlay-out: 769 px tot maximaal 1232 px.  Neemt stijlen over van: mobiele lay-out en tabletlay-out. */

@media only screen and (min-width: 769px) {
* { margin:0px; padding:0px; }
body { font-family:'metaotnormal'; font-size:12px; color:#4b4b4b; }
.desc { color:#4b4b4b; }
.desc a { color:#4b4b4b; }
.dropdown { float: right; padding:0px; }
.dropdown li { list-style:none; }
.dropdown li.dropdownItems {
	position: relative;
	z-index: 100;
}
.dropdown a, .dropdown a:visited, .dropdown a:hover { color:#4b4b4b; text-decoration:none; outline:none; text-indent: 5px; font-size: 12px;}
.dropdown li.dropdownItems span.dropdownLabel { background:#FFFFFF
url(../Images/arrow.png) no-repeat scroll right center; display:block; padding:5px 20px 5px 5px; border:1px solid #CCC; width:150px; font-size: 12px;}
.dropdown li.dropdownItems ul { background:#FFFFFF; border:1px solid #CCCCCC; color:#4b4b4b; display:none; left:0px; padding:5px 0px; position:absolute; top:12px; width:175px; text-indent:10px;
border-color:#CCC}
.dropdown li.dropdownItems ul li a { padding:5px 0; width: 100%; display:block; background-image: none; border: none;}
.dropdown li.dropdownItems ul li a:hover { background-color:#FFFFFF; color:#e10f49; }
.noscript li.dropdownItems:hover ul { display: block; }
}