* { margin: 0; padding: 0; font-family: Verdana, Helvetica, Sans-serif;}

body { background: #b26e0c url('../img/bg.jpg'); background-repeat: repeat-x; }
body, div, span, p, input, textarea, select { font-family:Verdana, Helvetica, Sans-serif; font-size: 11pt; line-height: 18pt; color:#000;}

#container { width: 72%; margin:0 auto; background: #fff; }
#wrapper { margin: 0 .3em; background: #f5f5f5; }
table#content { border: none; width:100%; }
td { vertical-align:top; }
#mainColumn { width: 75%; background: #fff; padding: 2em 2em 0 2em;}
#rightColumn { width: 25%; background: #f5f5f5; padding: 0 1em; }
#footer { clear:left; height: 3em; background: #d4dd44; margin:0;}

/* menu */
#menu { clear:both; width: 100%; background: #000; }
#menu ul { list-style-type: none; margin-left: 1em; height: 2em;}
#menu ul li { list-style-type: none; color: #fff; float:left; background: #000; margin: .2em 1em 0 1em; }
#menu ul li a { color: #fff; text-transform: uppercase; text-decoration: none; font-size: 10pt; letter-spacing: 1px; }
#menu ul li a:hover, #menu ul li a.selected { color: #ffcc01; }

ul#submenu, ul#submenu li { list-style-type: none; }
ul#submenu li { margin-bottom: .8em; line-height:11pt; }
ul#submenu li a { color: #ec008c; text-decoration: none; font-size: 10pt; }
ul#submenu li a:hover { text-decoration:underline; }
ul#submenu li a:visited { color: #630460; }

ul.projectlist {  margin-top: 1.6em;}
ul.projectlist, ul.projectlist li { list-style-type: none; }
ul.projectlist li { float:none; clear:both; }
ul.projectlist li a, ul.projectlist li a:link, ul.projectlist li a:active, ul.projectlist li a:visited { display: block; height:100%; text-decoration:none; color: #000;}
ul.projectlist li a:hover { background: #f5f5f5; }

/* general */
IMG { border:none;}
.clear { display:block; clear: both; line-height: 0; height: 0; }
.pos { font-weight: bold; color: green; }
.neg { font-weight: bold; color: red; }
.floatl { float:left; }
.floatr { float:right; }
fieldset { border:none; }

/* kleuren */
.a1 { background: #630460; }
.b1 { background: #aab71a; }
.c1 { background: #fe9900; }
.d1 { background: #3266cc; }
.a2 { background: #ec008c; }
.b2 { background: #d4dd44; }
.c2 { background: #ffcc01; }
.d2 { background: #0099ff; }

/* links */
a:link, a:visited { color: #0099ff; }
a:active, a:hover { color: #3266cc; }


.box { width:25%; float:left; height: 56px; }
.highbox { width:25%; float:left; height: 122px; }
.box, .highbox { overflow: hidden; text-align: center; }
IMG.logo { margin-left: 1em; }
IMG.portfolio, IMG.slide, IMG.thumb { padding:2px; border:1px solid #778899; background:#dfdfdf; }
IMG.portfolio { margin: 0; }
IMG.slide { width: 100px; float:left; margin: 1em 1em 0 0; }
IMG.thumb { width: 240px; float:left; margin: 0 1em 0 0; }

/* texts */
h1 { font-size: 14pt; font-weight: normal; color: #ec008c; }
h2, .h2 { font-size: 11pt; font-weight: bold; color: #630460; }
h3 { font-size: 11pt; font-weight: bold; color: #630460; }
h1, h2, h3, p, .h2 { margin-bottom: .4em ; clear: left;}
h2, h3, p { margin-top: 1.6em;}
#footer h3 { font-size: 9pt; font-weight: bold; color: #666e10; margin-top: 0; padding: 1em 2em;}

hr { display: block; width: 100%; height: 2px; color: #666e10; border: none; border-top: 2px solid #666e10; }
.toplink { float:right; margin-top:2px; }
SPAN.label { display: block; float:left; width: 25%; padding-right: 2em; color:#666e10; font-weight: normal; }
SPAN.field { display: block; float:left; width: 60%;  }
SPAN.datum { display: block; clear:right; color: #666e10; }

H2.tight { margin: 0; }
P.tight { margin: 0 0 2em 0;}
UL.subspace { margin-top: 5em; }