body { font:small Arial; background:#F7F4DF; color:#970000; margin:0 }
body.index { background:#F7F4DF url(../gfx/bg_image2.gif) no-repeat; background-position:center 70px; }

div#wrapper     { margin:0 auto; width:772px; position:relative; padding-left:14px;}

img#logo { margin:17px 0 17px 0}

div#menu { position:absolute; top:42px; right:32px; }

div#menu ul li ul {display:none} /* submenu */
div#menu ul li.selected ul {display:block; position:absolute; top:19px; left:47px}
div#menu ul { list-style-type:none; font-size:11px; margin:0; padding:0}
div#menu li { display:block; float:left; margin:0 5px 0 0; border-right:1px solid #970000; padding-right:5px}
div#menu li a { text-decoration:none; color:#970000}
div#menu li a:hover { color:#3d3d3d}
div#menu li a.selected { color:#3d3d3d}
div#menu a.selected {color:#3d3d3d}
div#menu ul li ul a.parent {color:#970000}

div#txt { width:772px; padding:0 0 80px 0 }

p { color:#3d3d3d; clear:left}
h1 { display:none; font-size:11px; font-weight:normal; color:#3d3d3d}
h2 { text-transform:uppercase; font-weight:bold; font-size:11px; margin-top:30px}
h3 { color:#3d3d3d; font-size:11px; font-weight:bold; margin:20px 0 15px 0}
h4 {}
table { border-top:1px solid gray; border-left:1px solid gray; color:#3d3d3d }
table td { border-right:1px solid gray; border-bottom:1px solid gray; padding:1px 10px 1px 5px}
ul {list-style-type:circle; padding:0; margin:16px}
a {text-decoration:none; color:#970000}
a:hover {text-decoration:underline}
image.left {float:left}
div#txt a img#zoom {display:block; margin:0 auto;}

/* Home */

a#home01 {position:absolute; top:500px; left:-6px; }
a#home02 {position:absolute; top:312px; left:5px; }
a#home03 {position:absolute; top:635px; left:380px; }
a#home04 {position:absolute; top:480px; left:195px; }
a#home05 {position:absolute; top:260px; left:455px; }  /* film */
a#home06 {position:absolute; top:412px; left:518px; } /* flyer */
a#home06 img { width:190px }
div#txt a#heading img {position:absolute; top:260px; left:5px; border:0px}
div#txt a#heading_cursussen img { position:absolute; top:494px; left:120px; }

div.melding { position:absolute; left:150px; top:90px; width:400px; line-height:24px; color:#970000; text-align:center; background:#970000; color:white; padding:12px 20px; box-shadow:0 0 10px rgba(0,0,0,0.2)  }
div.melding a { color:white; text-decoration:underline }
div.melding h2 { color:white; margin:0 0 10px; font-size:170%; line-height:1.4em}
div.melding h3 { color:white; margin:0; font-size:120%; line-height:1.4em}
div.melding p { color:white } 

div.nieuws { position:absolute; left:100px; top:216px }

/* Gallerie */

/*
div#submenu { position:absolute; right:20px; }
div#submenu ul { list-style-type:none; font-size:11px; margin:0; padding:0 }
div#submenu li { display:block; float:left; margin:0 5px 0 0; border-right:1px solid #970000; padding-right:5px}
div#submenu li a { text-decoration:none; color:#970000}
div#submenu li a:hover { color:#3d3d3d}
div#submenu li a.selected { color:#3d3d3d}
*/
div#buttons { position:absolute; top:82px; right:38px; font-size:11px; text-align:right; } 
div#vorige { position:absolute; top:150; left:20px; font-size:36px;}

div#bijschrift {text-align:center; padding:5px 0; font-size:11px}
a#volgende {font-size:40px; position:absolute; top:300px; left:725px}
a#vorige {font-size:40px; position:absolute; top:300px; left:25px}
a#overzicht {position:absolute; top:77px; left:15px; font-size:11px; text-align:right; line-height:16px}


div#txt img {margin:0 14px 14px 0; border:1px solid #970000}
div#txt a img:hover {border:1px solid #3d3d3d}


/* Cursussen */



/* Bekijken */

div#werk { position:absolute; width:772px; top:100px; text-align:center;}
div#werk img {display:block; margin:0 auto;  border:1px solid#970000;}
div#werk a { position:absolute; width:8px; height:15px; top:200px; display:block }
div#werk a#left { left:15px; background-image: url(../gfx/arrow_left.gif);}
div#werk a#right { right:15px; background-image: url(../gfx/arrow_right.gif); }

div#werk a#left:hover { background-image: url(../gfx/arrow_left_hi.gif);}
div#werk a#right:hover { background-image: url(../gfx/arrow_right_hi.gif); }

div#werk .info {position:relative; margin-top:10px; font-size:11px;}
div#werk .info i {color:#3d3d3d; font-style:normal}