body { margin: 0px; font-family: Arial, sans-serif, Verdana; font-size: 9pt; line-height: 130%; color: #FFFFFF; background: #C5023D; padding: 0px; }
#wrapper { margin: 0px auto; padding: 0px; width: 960px; }
#date { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 35px; letter-spacing: 2px; color: #ED1C24; line-height: 1em; text-align: right; margin: 0px; padding: 14px 0px; }
#en { width: 70px; position: absolute; margin-top: 42px; }
#en a {display: block; text-indent:-999em; text-decoration: none; outline: none; height:21px; background: url(/images/english.gif) no-repeat;}
#en a:hover {background-position: 0px -22px;}
#nav { height: 50px; width: 960px; }
#nav ul { margin: 0px; padding: 0px; list-style: none; }
#nav li { float: left; margin-right: 26px; }
#nav a { display: block; text-indent:-999em; text-decoration: none; outline: none; height:31px; background: url(/images/navigatie.png) no-repeat; }
#nav a.studio { width: 363px; background-position: 0px 0px; }
#nav a.studio:hover, #nav li.active a.studio {background-position: 0px -32px;}
#nav a.werk { width: 128px; background-position: -390px 0px; }
#nav a.werk:hover, #nav li.active a.werk {background-position: -390px -32px;}
#nav a.blog { width: 120px; background-position: -545px 0px;}
#nav a.blog:hover, #nav li.active a.blog {background-position: -545px -32px;}
#nav a.contact { width: 210px; background-position: -691px 0px;}
#nav a.contact:hover, #nav li.active a.contact {background-position: -691px -32px;}

#werknav { position: absolute; padding-left: 335px; margin-top: 42px; }
#werknav ul { margin: 0px; padding: 0px; list-style: none; }
#werknav li { float: left; margin: 0px; padding: 0px 0px 0px 10px; background: url(/images/werknav.png); }
#werknav li.first {background: url(/images/spacer.gif);}
#werknav a { display: block; text-indent:-999em; text-decoration: none; outline: none; height:16px; width:22px; background: url(/images/werknav.png) no-repeat; }
#werknav a.werk1 { background-position: -22px 0px; }
#werknav a.werk1:hover, #werknav li.active a.werk1 {background-position: -22px -16px;}
#werknav a.werk2 { background-position: -44px 0px; }
#werknav a.werk2:hover, #werknav li.active a.werk2 {background-position: -44px -16px;}
#werknav a.werk3 { background-position: -66px 0px; }
#werknav a.werk3:hover, #werknav li.active a.werk3 {background-position: -66px -16px;}
#werknav a.werk4 { background-position: -88px 0px; }
#werknav a.werk4:hover, #werknav li.active a.werk4 {background-position: -88px -16px;}
#werknav a.werk5 { background-position: -110px 0px; }
#werknav a.werk5:hover, #werknav li.active a.werk5 {background-position: -110px -16px;}
#werknav a.werk6 { background-position: -132px 0px; }
#werknav a.werk6:hover, #werknav li.active a.werk6 {background-position: -132px -16px;}
#werknav a.werk7 { background-position: -154px 0px; }
#werknav a.werk7:hover, #werknav li.active a.werk7 {background-position: -154px -16px;}
#werknav a.werk8 { background-position: -176px 0px; }
#werknav a.werk8:hover, #werknav li.active a.werk8 {background-position: -176px -16px;}

#content { clear:both; padding:0; margin: 0; border: 1px solid #C5023D; }
.column { float: left; margin-right: 26px; width: 363px; }
.clr {clear:both;}
a {color: #FFFFFF; text-decoration: none; outline: none;}
a:hover {color: #FF0000;}

.rood {color: #FF0000;}
.bruin {color: #730027;}
.wit {color: #FFFFFF;}
.oranje {color: #FF5200;}
.zwart {color: #000000;}

/* --- afwijkende eigenschappen in popups --- */
body.popup { background: #FFF; margin: 15px; }
.popup a {color: #000000; text-decoration: none;}
.popup a:hover {color: #FF0000;}
.popup p { padding:0; margin:0;}
.popup td {padding:16px;}
.randje {border: 1px solid #000000;}
.popup td.wider {padding-right: 62px;}
.popup .roodlink {color: #FF0000;}
.popup .roodlink a {color: #FF0000;}
.popup .roodlink a:hover {color: #000000;}

/* --- pagina 'WERK' --- */
#container {width: 960px; margin: 0px auto; padding: 20px 0px;}
div.transOFF {display: block;}
div.transON  {opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; display: block;}