HTML { background: #3D101E URL(images/background-bottom.gif) repeat-x bottom; }
BODY { margin: 0; padding: 0; font: 11px Trebuchet MS, Arial, Tahoma; color: #3D101E; background: URL(images/background.gif) repeat-x top; }
TABLE, TD, TR { font: 11px Trebuchet MS, Arial, Tahoma; color: #3D101E; vertical-align: top; border-collapse: collapse; margin: 0; padding: 0; }

#frame { padding: 6px 0 10px 0; background: URL(images/borders.gif) no-repeat top center; }
#mainframe { margin: 0 auto; width: 772px; background: URL(images/mainback.gif); }

#header { background: URL(images/header.gif); width: 753px; height: 101px; text-align: right; padding: 0 19px 0 0; }
#header IMG { margin: 72px 6px 0 0; }
#header a:hover IMG { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: .75; opacity: .75; }

#left { float: left; width: 169px; background: URL(images/backgroundleft.gif) no-repeat top; margin: 0 0 0 4px; _margin: 0 0 0 2px; padding: 86px 0 0 1px; }
#right { float: right; }
#content { width: 593px; background: #FBD4D9 URL(images/backgroundcontent.gif) no-repeat top; margin: 0 5px 0 0; }

#contenttext { background: URL(images/contentbottom.gif) no-repeat bottom; line-height: 15px; font-size: 10px; padding: 5px 5px 7px 9px; }
#contenttext DIV { width: 187px; height: 82px; float: left; }
#contenttext H1 { color: #D70564; font-size: 17px; margin: 0 0 11px 0; }
#contenttext H1 SPAN, #contenttext H2 SPAN { color: #FEF6F7; font-size: 17px; }
#contenttext H2 { color: #D70564; font-size: 14px; margin: 10px 0 2px -1px; }
#contenttext a { color: #D70564; }
#contenttext a:hover { color: #3D101E; }

h3.tussenkop { margin: 0 0 3px 0; font: 16px Trebuchet MS, Arial, Tahoma; color: #000; padding: 2px 2px 2px 7px; font-weight: bold; width: 578px; background: URL(images/h3.gif);}

p.verhaal { font: 12px Trebuchet MS, Arial, Tahoma; }
p.verhaal img { float: left; border: 1px solid black; padding: 1px; margin: 5px 5px 5px 0; }
p.verhaal img.rechts { float: right; border: 1px solid black; padding: 1px; margin: 5px 0 5px 5px; }

#footer { background: URL(images/footer.gif); height: 28px; _height: 32px; margin: -5px auto; width: 750px; z-index: 0; text-align: right; color: #F7B5C7; padding: 11px 10px 0 12px; }
#footer a { color: #FFE1BE; padding: 0 6px 0 6px; }
#footer a:hover { text-decoration: none; }
#footer DIV { float: left; color: #FDC010; }
#footer DIV a { color: #FDC010; padding: 0px; }

.menu { background: #D70564 URL(images/menubottom.gif) no-repeat bottom; width: 168px; padding: 0 0 6px 0; margin: 0 0 1px 0; }

.menu UL { padding: 0px; list-style-type: none; margin: 0; }
.menu LI { background: URL(images/menu.gif) left; }
.menu LI a { height: 15px; width: 151px; padding: 3px 7px 7px 10px; color: #FFE1BE; text-decoration: none; display: block; }
.menu LI a:hover { background: URL(images/menu.gif) right; color: #FFFFFF; }

#left H3 { background: URL(images/menukop.gif); font-size: 17px; color: #FDC010; height: 26px; padding: 5px 8px 0 0; text-align: right; margin: 0 1px 0 0; }

.blokken { background: URL(images/contenttop.gif) no-repeat top; margin: 0 5px -2px 0; border-top: 1px solid #6D233A; padding: 3px; width: 587px; }

.blokken h2 { color: black; font-size: 16px; margin: -3px 0 -3px 0; }

.blokrijback1 { background: #000000 URL(images/blokrijback1.gif) left; width: 587px; margin: 0 0 3px 0; }
.blokrijback3 { background: #000000 URL(images/blokrijback3.gif) left; width: 587px; margin: 0 0 3px 0; }
.blokrijback2 { background: URL(images/blokrijback2.gif) left; width: 587px; margin: 0 0 3px 0; }

.blokrijback1 .blokrijbot { background: URL(images/blokrijbot1.gif) no-repeat bottom left; }
.blokrijback3 .blokrijbot { background: URL(images/blokrijbot3.gif) no-repeat bottom left; }
.blokrijback2 .blokrijbot { background: URL(images/blokrijbot2.gif) no-repeat bottom left; }
.blokrijback1 .blok1 { margin: 0 3px 0 0; padding: 7px; color: #A01C4B; background: URL(images/blok1.gif) no-repeat top left; width: 587px; }
.blokrijback3 .blok1 { margin: 0 3px 0 0; padding: 7px; color: #A01C4B; background: URL(images/blok13.gif) no-repeat top left; width: 587px; }
.blokrijback1 .blok2 { padding: 7px; color: #A01C4B; background: URL(images/blok2.gif) no-repeat top left; width: 278px; }
.blokrijback2 .blok1 { margin: 0 3px 0 0; padding: 7px; color: #A01C4B; background: URL(images/blok2.gif) no-repeat top left; width: 587px; }
.blokrijback2 .blok2 { padding: 7px; color: #A01C4B; background: URL(images/blok1.gif) no-repeat top left; width: 278px; }

.blok1 IMG { float: right; border: 1px solid #D91963; padding: 1px; background: white; margin: 0 3px 5px 5px; }
.blok2 IMG { float: right; border: 1px solid #D91963; padding: 1px; background: white; margin: 0 0 5px 5px; }
.blok1 a:hover IMG, .blok2 a:hover IMG { background: #D70564; }
.blok1 H3, .blok2 H3 { color: #7F143C; font-size: 15px; margin: -3px 0 -3px 0; }
.blok1 SPAN, .blok2 SPAN { font-size: 10px; color: #FFF0DE; }
.blok1 a, .blok2 a { color: #D70564; }
.blok1 a:hover, .blok2 a:hover { text-decoration: none; }

.blok3 IMG { float: left; border: 1px solid #D91963; padding: 1px; background: white; margin: 0 3px 0px 8px; }
.blok4 IMG { float: right; border: 1px solid #D91963; padding: 1px; background: white; margin: 0 8px 0px 3px; }
.blok3 a:hover IMG, .blok4 a:hover IMG { background: #D70564; }
.blok3 H3, .blok4 H3 { text-align: center; color: #000000; font-size: 16px; margin: 3px 0px 3px 0px; padding: 0px; }
.blok3 SPAN, .blok4 SPAN { float: center; font-size: 10px; color: #FFF0DE; }
.blok3 a, .blok4 a { color: #D70564; }
.blok3 a:hover, .blok4 a:hover { text-decoration: none; }

.wit { background: #FDECEE; width: 292px; }
.new { background: URL(images/new.gif); border-top: 1px solid #6D233A; margin: 0 5px 0 0; height: 104px; width: 593px; }
.newblok .blok1 { padding: 13px 2px 12px 16px; color: #A01C4B; width: 272px; }
.newblok .blok2 { padding: 13px 7px 12px 18px; color: #A01C4B; width: 272px; }
.newblok H3 { color: #D70564; }
.newblok A { font-size: 10px; }
.newblok SPAN { color: #921A48; }
.newblok B { font-size: 10px; color: #FEF3DF; font-weight: normal; }
.newblok a IMG { float: right; border: 1px solid #D91963; padding: 1px; background: white; margin: 0 3px 5px 5px; }

.blok5 { padding: 13px 7px 12px 18px; color: #A01C4B; border-top: 1px solid #D91963; border-bottom: 1px solid #D91963; text-align:left}
.blok5 h3{ color: #D70564; margin:0px; padding:0px; font-size: 12px; }
.new2 { background-color: #FBD4D9; margin: 0 5px 0 0; width: 593px; text-align:left;}

.inbellen { background: URL(images/inbel/inbelback.gif); width: 593px; }
.inbel { background: URL(images/inbel/inbeltop.gif) no-repeat top left; }
.inbellen H2 { width: 585px; background: URL(images/inbel/inbelscherm.gif); font-size: 17px; color: #FDC010; height: 26px; padding: 5px 0 0 8px; margin: 0 1px 0 0;  }
.film { padding: 10px 5px 0 10px; float: left; width: 315px; text-align: center; }
 
.stappen { float: left; width: 253px; margin: 10px 0 0 0; background: #D70564 URL(images/inbel/staptop.gif) no-repeat top; }
.stappen DIV { padding: 5px; }
.stappen DIV DIV { padding: 0 0 5px 10px; color: #FFFFFF; line-height: 16px; }
.stappen DIV DIV IMG { border: 1px solid white; margin: 0 5px -3px 0; }
.stappen DIV DIV B { font-weight: normal; color: #3D101E; font-size: 10px; }
.stappen SPAN { padding: 8px 0 0 13px; font-size: 14px; color: #FDC010; font-weight: bold; background: URL(images/inbel/stap.gif); display: block; width: 128px; height: 28px; }
 
.stappen FORM { padding: 0px; margin: 0px; }
.stappen INPUT { font: 11px Trebuchet MS, Arial, Tahoma; color: #3D101E; border: 1px solid black; margin: 0 0 0 5px; }
.stappen .submit { margin: 0 0 -1px 5px; _margin: 0 0 0 5px; font-weight: bold; background: #F599B6; height: 20px; }