html, body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #333333;
}
#container, #top, #nav, #header,
#left, #subnav, #content, #crumbs,
#right, #references, #social
.clear {
margin: 0;
padding: 0;
text-align: left;
}
#container { }
#top { width: 100%; display: block; height: 70px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; }
#nav { display: none; }
#header { display: none; }
#left { display: none; }
#subnav { display: none; }
#content { clear: both; }
#crumbs { display: none; }
#home #right { display: none; }
#vervolg #right { display: none; }
#references { display: none; }
#social { display: none; }
img#havefun { float: right; }
img#logo { float: left; }
img#ombuto { display: none; }
img#tartufo { display: none; }
.clear { clear: both; width: 99%; height: 1px; line-height: 1px; font-size: 1px;}
/* Typografie Styles, gelden voor de gehele website */
h1, h2, h3, h4 { font-weight: normal; margin: 0; padding: 0; line-height: 130%;}
p, address { font-weight: normal; margin: 0; padding: 0; line-height: 160%; font-style: normal;}
img { margin: 0; padding: 0; border: 0;}
ul, ol, li { margin: 0; padding: 0; line-height: 160%;}
table, tr, th, td { margin: 0; padding: 0; border: 0px none;}
h1, h4 { font-size: 18px; color: #9b1120; margin: 0 0 12px 0; padding: 8px 0 0 0; }
h2 { font-size: 14px; color: #5a5a5a; margin: 0 0 6px 0; padding: 8px 0 0 0; font-weight: bold; }
h3 { font-size: 12px; color: #5a5a5a; margin: 0 0 6px 0; padding: 8px 0 0 0; font-weight: bold; }
p { margin: 0 0 14px 0;}
a { color: #9b1120; text-decoration: underline; }
a:hover { color: #61000b; text-decoration: underline; }
a:focus { outline: none;}
img { margin: 0; padding: 0; border: 0; }
img.left { float: left; padding: 3px; margin: 0px 10px 10px 0px; border: 1px solid #bebebe;}
img.right { float: right; padding: 3px; margin: 0px 0px 10px 10px; border: 1px solid #bebebe;}
ul { margin: 10px 0px 12px 14px;}
ul ul { margin: 4px 0px 4px 14px;}
ul li { list-style: circle; }
ul li li { list-style: circle; }
ol { margin: 0px 0px 12px 25px;}
ol ol { margin: 0px 0px 0px 25px;}
hr { border: 0px none; border-top: 1px solid #bebebe; border-bottom: 1px solid #FFF;}
/* Jquery ul#animheader */
ul#animheader { margin: 0; padding: 0; list-style: none; line-height: 100%; width: 988px; height: 248px; }
ul#animheader li { margin: 0; padding: 0; list-style: none; line-height: 100%; width: 988px; height: 248px; }
ul#animheader li img { margin: 0; padding: 0; border: 0px none; width: 988px; height: 248px; }
/* Left Banners */
ul#leftbanners { margin: 0; padding: 0; list-style-type: none; width: 212px; }
ul#leftbanners li { margin: 0; padding: 0; list-style-type: none; width: 93px; height: 111px; line-height: 111px; float: left; margin: 0 12px 12px 0; }
ul#leftbanners li a { width: 91px; height: 109px; display: block; border: 1px solid #8c8c8c; }
ul#leftbanners li a:hover { border: 1px solid #000; }
/* Crumbs */
#crumbs p { margin: 0; padding: 0; line-height: 12px; font-size: 11px; color: #aaaaaa; }
#crumbs a { color: #aaaaaa; text-decoration: none; margin-right: 6px; padding-right: 8px; background: url(../img/bg_crumbs_a.png) no-repeat right 5px; }
#crumbs a:hover { text-decoration: underline; }
#crumbs span.sep { display: none;}
/* Home Banners */
td.bannerhome { border: 1px solid #666; padding: 3px; }
td.bannerhome h3 { margin-left: 2px; }
td.bannerhome p { margin: 2px; line-height: 18px; }
td.bannerhome img.more { float: right; margin: 4px 4px 4px 0; }
/* Right Quotes */
div.quote { padding-top: 10px; margin-bottom: 10px; }
div.quote p { margin: 0; color: #5a5a5a; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; width: 200px; }
div.quote span { margin-top: 10px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; width: 200px; line-height: 14px; text-align: right; display: block; }
/* References */
div.reference { margin-right: 10px; float: left; }
div.reference a { width: 106px; height: 120px; padding: 12px; display: block; text-decoration: none; color: #828282; border: 1px solid #8c8c8c; }
div.reference a:hover { color: #828282; text-decoration: none; border: 1px solid #000; }
div.reference a span { width: 106px; height: 30px; margin-top: 10px; overflow: hidden; text-align: center; display: block; cursor: pointer; }
/* Social */
#social p { color: #505050; font-weight: bold; }
#social a { color: #505050; font-weight: normal; text-decoration: none; padding: 4px 10px 4px 26px; height: 20px; line-height: 20px; }
#social a:hover { color: #505050; text-decoration: underline; }
#social a.facebook { background: url(/media/img/icon_social_facebook.png) no-repeat left 50%; margin-left: 10px;}
#social a.youtube { background: url(/media/img/icon_social_youtube.png) no-repeat left 50%; }
#social a.twitter { background: url(/media/img/icon_social_twitter.png) no-repeat left 50%; }
/* Navigatie styles */
#nav ul { margin: 0; padding: 0; list-style-type: none; background: none; text-align: center; }
#nav li { margin: 0; padding: 0; list-style-type: none; background: none; }
#nav ul li { height: 46px; line-height: 46px; display: inline; margin-left: 10px; padding-left: 20px; background: url(/media/img/nav_li_sep.png) no-repeat left 50%; }
#nav ul li.first { margin: 0px; padding: 0px; background: none; }
#nav ul li a { height: 46px; line-height: 46px; color: #333; text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
#nav ul li a:hover { color: #4c7520; text-decoration: underline; }
#nav ul li a.active { color: #4c7520; text-decoration: underline; }
/* Sub Navigatie styles */
#subnav ul,
#subnav ul li { margin: 0; padding: 0; list-style: none; background: none; }
#subnav ul { width: 200px; }
#subnav ul li { border-bottom: 1px solid #bebebe; }
#subnav ul li a { line-height: 22px; color: #5a5a5a; text-decoration: none; padding: 4px 0px 4px 20px; background: url(/media/img/bullet_subnav_li_a.png) no-repeat 8px 12px; display: block; }
#subnav ul li a:hover { color: #4c7520; text-decoration: underline; }
#subnav ul li a.active { color: #4c7520; text-decoration: none; }
#subnav ul ul { width: 200px; }
#subnav ul li li { border: none; }
#subnav ul li li a { line-height: 16px; padding: 4px 0px 4px 30px; background: url(/media/img/bullet_subnav_li_a.png) no-repeat 20px 10px; display: block; font-size: 11px; }
#subnav ul li li a:hover { color: #4c7520; text-decoration: underline; }
#subnav ul li li a.active { color: #4c7520; text-decoration: underline; }
/* IE 6 Bugfix extra whitespace */
* html ul li a {
height:1em;
}