body{font-family: Arial, Lucida Sans, Tahoma, Sans-Serif; font-size:14px; background:#76b5dd url('../plaatjes/achtergrondgradient.jpg') fixed repeat-x;}
.clear{clear:both;}
em{font-style:italic;}
strong{font-weight:bold;}
.centreer{margin:auto; text-align:center;}


a{color:#98CE6E; text-decoration:none;}
a:hover{color:#98CE6E; text-decoration:underline;}

/*

Donkerblauw: 0079BC
Lichtblauw: 76b5dd


*/

/* Hoofdkader */
div.hoofdkader{width:940px; margin:auto; background-color:#0079BC;}


div.contentwrapper{background: url('../plaatjes/zijbalk_achtergrond.gif') left repeat-y;}

/* Zijbalk */
div.hoofdkader div.zijbalk{width:220px; float:left;}
div.hoofdkader div.zijbalk div.bannerblok{width:180px; background-color:#FFF; padding:10px 0 0 0;}
div.hoofdkader div.zijbalk div.bannerblok div.banner{margin:0 0 10px 0;}

/* Pagina */
div.hoofdkader div.pagina{width:600px; float:right; background-color:#76b5dd; margin:0 40px 0 0; padding:10px 40px 20px 40px;line-height:1.5em;}
div.hoofdkader div.pagina h1{font-size:1.8em; margin:0 0 12px 0; color:#FFF;letter-spacing: -1px; }
div.hoofdkader div.pagina h2{font-size:1.6em; color:#FFF;letter-spacing: -1px; margin-bottom:4px;}
div.hoofdkader div.pagina h2 a{color:#FFF;}
div.hoofdkader div.pagina h2 a:hover{color:#FFF;}
div.hoofdkader div.pagina h3{color:#FFF;}

/* Contentblok */
div.inleiding{font-weight:bold;}


div.contentblok{background-color:#0079BC; color:#FFF; padding:10px; margin:0 0 10px 0;}
div.contentblok div.visueel{width:200px; float:left; margin:0 14px 0 0;}
div.contentblok div.tekstueel{width:362px; float:left;}
div.contentblok div.datum{margin:2px 0 4px 0; color:#000; font-size:0.8em; border-bottom:1px solid #76b5dd;}
div.contentblok div.tekst{text-align:justify; margin:0 0 10px 0;}
div.contentblok img.visual{float:left; margin:0 12px 6px 0;}
div.contentblok img.thumb{float:left; margin:0 12px 6px 0;}
div.contentblok a.meer{display:block; margin:8px 0 0 0;}
div.contentblok ul{}
div.contentblok ul li{margin:0 0 4px 0;}
div.contentblok ul li:hover{}
div.contentblok ul li a{height:22px; color:#FFF; padding:0 0 0 20px; display:block; width:100%;background: url('../plaatjes/pijltje.gif') no-repeat left top;}
div.contentblok ul li a:hover{padding-left:26px; text-decoration:none;background-color:#000; color:#0079BC; background-position: left bottom;}
div.contentblok div.kop{overflow:hidden; border-bottom:1px solid #76b5dd; margin:0 0 6px 0;}
div.contentblok div.kop div.naam{width:420px; float:left; margin:0;}
div.contentblok div.kop div.naam h3{}
div.contentblok div.kop div.datum{width:130px; float:right; border:none;margin:0; text-align:right; font-size:0.9em;}
div.contentblok div.lijstonderdeel{width:280px; height:50px; margin:0 0 4px 0; margin:0 0 6px 20px; float:left; border-top:1px solid #000; background-color:#FFF;}
div.contentblok div.lijstonderdeel div.afbeelding{width:50px; float:left; margin-right:10px;}
div.contentblok div.lijstonderdeel div.afbeelding img{border:1px solid #000; margin:4px 0 0 4px;}
div.contentblok div.lijstonderdeel div.tekst{width:210px; float:left; margin-top:6px; font-size:1.1em;}
div.contentblok div.lijstonderdeel div.tekst a{color:#0079BC;}
div.contentblok div.lijstonderdeel div.tekst a:hover{color:#0079BC;}
div.contentblok div.eerstelijstonderdeel{margin-left:0;}

div.gastenboek div.contentblok div.tekst{margin:0;}

/* Header */
div.hoofdkader div.header{width:100%; height:236px; background-color:#76b5dd;}

/* Navigatie */
div.hoofdkader div.navigatie{width:100%; margin:20px auto; color:#76b5dd;}
div.hoofdkader div.navigatie ul{margin:0; overflow:auto; background-color:#FFF;}
div.hoofdkader div.navigatie li{display:block; float:left; font-size:1.2em; letter-spacing: -1px; font-weight:bold; margin-left:30px; text-align:center;}
div.hoofdkader div.navigatie li.eerste{margin-left:0;}
div.hoofdkader div.navigatie li a{color:#76b5dd; text-decoration:none; display:block; width:auto; padding:4px 12px 2px 12px;}
div.hoofdkader div.navigatie li a:hover{text-decoration:none; color:#98CE6E;}
div.hoofdkader div.navigatie li a.actief{color:#98CE6E;}


/* Programma */
div.programmakeuzes{margin:0 auto 10px auto; text-align:center;}
div.programmakeuzes select{padding:2px; border:1px solid #000;}
div.inleiding{}

/* Colofon */
div.colofon{margin:10px 0;}
div.colofon dl{}
div.colofon dl dt{width:200px; float:left; clear:both; font-weight:bold; margin:0 0 4px 0;}
div.colofon dl dd{width:380px; float:right; margin:0 0 4px 0;}

/* Locatie */
div.hoofdkader div.pagina div.locatie{}
div.hoofdkader div.pagina div.locatie h1{margin:0 0 6px 0;}
div.hoofdkader div.pagina div.locatie div.boven{margin:0 0 10px 0; background-color:#0079BC; padding:10px;}
div.hoofdkader div.pagina div.locatie div.boven img.logo{float:right;}
div.hoofdkader div.pagina div.locatie div.links{width:150px; float:left; background-color:#0079BC; padding:10px;}
div.hoofdkader div.pagina div.locatie div.rechts{width:400px; float:right; background-color:#0079BC; padding:10px;}
div.hoofdkader div.pagina div.locatie div.rechts h4{font-weight:bold;}
div.hoofdkader div.pagina div.locatie div.rechts div.programmablok{margin:20px 0 0 0;}
div.hoofdkader div.pagina div.locatie div.rechts div.programmablok ul{}
div.hoofdkader div.pagina div.locatie div.rechts div.programmablok ul li{height:22px; margin:0 0 4px 0; background: url('../plaatjes/pijltje.gif') no-repeat left top;}
div.hoofdkader div.pagina div.locatie div.rechts div.programmablok ul li:hover{background-color:#000; color:#0079BC; background-position: left bottom;}
div.hoofdkader div.pagina div.locatie div.rechts div.programmablok ul li a{color:#FFF; padding:0 0 0 20px; display:block; width:100%;}
div.hoofdkader div.pagina div.locatie div.rechts div.programmablok ul li a:hover{padding-left:26px; text-decoration:none;}


/* Comedian */
div.hoofdkader div.pagina div.comedian{}
div.hoofdkader div.pagina div.comedian h1{margin:0 0 6px 0;}
div.hoofdkader div.pagina div.comedian div.boven{margin:0 0 10px 0; background-color:#0079BC; padding:10px;}
div.hoofdkader div.pagina div.comedian div.boven img.logo{float:right;}
div.hoofdkader div.pagina div.comedian div.links{width:150px; float:left; background-color:#0079BC; padding:10px;}
div.hoofdkader div.pagina div.comedian div.rechts{width:400px; float:right; background-color:#0079BC; padding:10px;}
div.hoofdkader div.pagina div.comedian div.rechts h4{font-weight:bold;}
div.hoofdkader div.pagina div.comedian div.rechts div.programmablok{margin:20px 0 0 0;}
div.hoofdkader div.pagina div.comedian div.rechts div.programmablok h2{margin:0 0 4px 0;}
div.hoofdkader div.pagina div.comedian div.rechts div.programmablok div.shownummer{width:58px; height:80px; padding:2px 0 2px 0; background-color:#000; color:#76b5dd; float:left; font-size:1.4em;text-align:center; border:1px solid #000;}
div.hoofdkader div.pagina div.comedian div.rechts div.programmablok div.shownummer span{font-size:3em; display:block; margin:16px auto 0 auto;}
div.hoofdkader div.pagina div.comedian div.rechts div.programmablok div.tekst{width:330px; float:right;}
div.hoofdkader div.pagina div.comedian li{height:22px;}



/* Kaarten */

div.kaarten{}
div.kaarten div.formulier{width:290px; float:left;margin:20px 0 0 0;}
div.kaarten div.formulier div.verplichttekst{font-size:0.9em; font-style:italic; margin:0 0 4px 0;}
div.kaarten div.mailtekst{width:290px; float:right;margin:20px 0 0 0;}
div.kaarten div.mailtekst div.tekst{margin:6px 0 0 0; padding:5px; background-color:#000; color:#FFF;font-size:1.1em; line-height:1.8em; }
div.kaarten div.mailtekst div.tekst span.invulveld{background-color:#76b5dd; color:#000; padding:0 4px;}

div.kaarten h3{font-size:1.4em; margin:0 0 6px 0; color:#FFF;}

div.kaartbestelformulier{margin:0 0 0 0;}
div.kaartbestelformulier div.contactbedankt{font-weight:bold; margin:0 0 20px 0; border:1px solid #090; color:#090; padding:10px; width:274px;}
div.kaartbestelformulier div.foutmelding{font-weight:bold; margin:0 0 20px 0; border:1px solid #900; color:#900; padding:10px; width:274px;}
div.kaartbestelformulier form{}
div.kaartbestelformulier form label{float:left; width:110px; clear:left;}
div.kaartbestelformulier form label span{font-size:0.9em; color:#0079BC;}
div.kaartbestelformulier form input, div.kaartbestelformulier form textarea{width: 170px; padding:2px; border:1px solid #76b5dd; margin:0 0 14px 0; display:block;}
div.kaartbestelformulier form textarea{}
div.kaartbestelformulier form input.klein{width:30px;}
div.kaartbestelformulier form input.fout{color:#FFF; background-color:#900;}
div.kaartbestelformulier form input.submit{padding:2px; width:176px; background-color:#000; color:#76b5dd; text-align:center; display:block; border:1px solid #000; font-weight:bold;}
div.kaartbestelformulier form input.submit:hover{background-color:#0079BC; color:#000;}
div.kaartbestelformulier form input.actief{background-color:#0079BC; color:#000;}
div.kaartbestelformulier form textarea.fout{color:#FFF; background-color:#900;}
div.kaartbestelformulier form div.submit{width:172px; padding:2px; float:left; background-color:#76b5dd; color:#000; text-align:center; display:block; border:1px solid #000; font-size:0.8em;}


/* Contact */


div.hoofdkader div.pagina div.contact div.links{width:170px; float:left;}
div.hoofdkader div.pagina div.contact div.links div.contactgegevens{background-color:#0079BC; padding:10px;}
div.hoofdkader div.pagina div.contact div.links a.bestelknop {font-size:1.6em; margin:10px 0 0 0; padding:8px 2px; background-color:#000; color:#76b5dd; text-align:center; display:block; border:1px solid #000; text-decoration:none;}
div.hoofdkader div.pagina div.contact div.links a.bestelknop:hover {background-color:#0079BC; color:#000; text-decoration:none;}

div.hoofdkader div.pagina div.contact div.rechts{width:400px; float:right; background-color:#0079BC; padding:10px;}
div.contactformulier{margin:0 0 0 0;}
div.contactformulier div.contactbedankt{font-weight:bold; margin:0 0 20px 0; background-color:#090; color:#FFF; padding:10px; width:366px;}
div.contactformulier div.foutmelding{font-weight:bold; margin:0 0 20px 0; background-color:#900; color:#FFF; padding:10px; width:366px;}
div.contactformulier form{margin:20px 0 0 0;}
div.contactformulier form label{float:left; width:120px; clear:left;}
div.contactformulier form label span{font-size:0.9em; color:#76b5dd;}
div.contactformulier form input, div.contactformulier form textarea{width: 260px; padding:2px; border:1px solid #76b5dd; margin:0 0 14px 0; display:block;}
div.contactformulier form textarea{height:110px;}
div.contactformulier form input.klein{width:30px;}
div.contactformulier form input.fout{color:#FFF; background-color:#900;}
div.contactformulier form input.submit{padding:2px; width:266px; background-color:#000; color:#FFF; text-align:center; display:block; border:1px solid #000; font-weight:bold;}
div.contactformulier form input.submit:hover{background-color:#76b5dd; color:#000;}
div.contactformulier form textarea.fout{color:#FFF; background-color:#900;}




/* Gastenboek */
div.gastenboek{}
div.gastenboek h4{margin:50px 0 0 8px; color:#FFF; font-size:1.4em;}
div.gastenboek div.bedankt{background-color:#090; color:#FFF; text-align:center; padding:10px; margin:0 0 10px 0;}
div.gastenboek div.foutmelding{width:426px; background-color:#900; color:#FFF; text-align:center; padding:10px; margin:0 0 10px 0;}
div.gastenboek div.reactieform{ margin:0 auto 40px auto; font-size:0.9em; padding:10px;}
div.gastenboek div.reactieform form{width:600px; margin:10px 0 0 0;}
div.gastenboek div.reactieform form label{width: 180px; float:left; clear:left; margin:0 0 6px 0; color:#000;}
div.gastenboek div.reactieform form label span{font-size:0.9em; color:#0079BC;}
div.gastenboek div.reactieform form img.plaatje{width: auto; float:left; margin:0 0 6px 0; border:1px solid #000;}
div.gastenboek div.reactieform form input{width: 400px; float:left; margin:0 0 6px 0; padding:2px; border:1px solid #76b5dd;}
div.gastenboek div.reactieform form input.fout{color:#FFF; background-color:#900;}
div.gastenboek div.reactieform form input.tijd{width:40px;}
div.gastenboek div.reactieform form input.antispam{margin:8px 0 0 0;}
div.gastenboek div.reactieform form input.bestand{width:auto; border:none;}
div.gastenboek div.reactieform form textarea{width: 400px; float:left; margin:0 0 6px 0; padding:2px; border:1px solid #76b5dd;}
div.gastenboek div.reactieform form textarea.fout{color:#FFF; background-color:#900;}
div.gastenboek div.reactieform form div.submitblok{clear:both; padding:20px 0 0 0;}
div.gastenboek div.reactieform form div.submitblok input{width:584px; padding:2px; background-color:#000; color:#FFF; text-align:center; display:block; border:1px solid #000; font-weight:bold;}
div.gastenboek div.reactieform form div.submitblok input:hover{background-color:#0079BC; color:#000;}
div.gastenboek div.reageerlink{float:right; background-color:#0079BC; padding:4px 10px; margin:0 0 4px 0; font-size:1.2em;}


/* Paginering */
div.paginering{margin:10px 0 10px 0; font-size:0.8em;}
div.paginering a{padding:2px 3px 2px 3px; text-decoration:none;}
div.paginering a:hover{text-decoration:none; background-color:#98CE6E; color:#FFF;}
div.paginering span.actief{background-color:#98CE6E; color:#FFF; padding:2px 3px 2px 3px;}
div.paginering .links{padding:2px 8px 2px 6px;}
div.paginering .rechts{padding:2px 6px 2px 8px;}




/* Fotos */
div.fotos{width:600px;}
div.fotos div.fotoblok{width:140px; height:140px; margin:0 0 13px 13px; float:left; position:relative; text-align:center;}
div.fotos div.eerste{margin-left:0;}
div.fotos div.fotoblok div.fotokader{width:140px; position:absolute; bottom:0;left: 50%; margin-left: -70px;}
div.fotos div.fotoblok div.fotokader img{border:1px solid #000;}

/* Fotodetail */
div.pagina div.fotodetail h2.fotograaf{font-size:1em; margin:0 0 4px 0; letter-spacing:0;}
div.pagina div.fotodetail h2.fotograaf a{color:#000; text-decoration:underline;}
div.pagina div.fotodetail h2.fotograaf a:hover{color:#FFF; text-decoration:underline;}
div.fotodetail{text-align:center;}
div.fotodetail div.nav{margin:0 0 10px 0;}
div.fotodetail div.nav a{color:#0079BC;}
div.fotodetail div.nav a:hover{color:#0079BC;}
div.fotodetail div.foto{}
div.fotodetail div.foto img{border:1px solid #000;}



div.footer{background-color:#0079BC; background: url('../plaatjes/zijbalk_achtergrond.gif') left repeat-y;}
div.footer div.tekstblok{margin:0 0 0 220px; background-color:#FFF; width:640px; padding:4px 20px; font-size:0.8em;}
div.footer div.tekstblok span.allerechten{color:#76b5dd;}
div.footer div.tekstblok span.hecklerstekst{color:#000;}
div.footer div.tekstblok span.jaar{color:#98CE6E;}
div.footer div.tekstblok div.makers{float:right;color:#98CE6E;}
div.footer div.tekstblok div.makers a{text-decoration:underline;}