body {margin:0px; padding:0px; background-color:#FEEFE2; color:#58585A; font-family:arial; font-size:0.75em; line-height: 1.4em;}

h1 {font-family:Arial; font-size:1.5em; font-weight:bold; color:#DD0069; margin:0 0 20px 0;}
h2 {font-size:1.0em; font-weight:bold; color:#000000; margin:0px;}
h3 {margin-top:3px; font-size:1em; color:#DD0096; font-weight:normal; margin-bottom:0px; }

img {border:0px;}

a {color:#DD0069; text-decoration:none; }
a.button {margin:10px;}
a.button:hover {text-decoration:underline;}
a:hover{text-decoration:underline;}

/*input, textarea {font-family:Arial; font-size:12px; font-weight:normal; color:#58585A; background-color:#FFFCF9; border:1px solid #DD0069; width:400px; margin-bottom:5px;}
textarea #bericht {height:100px;}*/

#wrapper {position:relative; margin-left:auto; margin-right:auto; width:921px; height:543px;}

#logo {position:absolute; left:0px; top:10px;}

#menu {position:absolute; font-size:1em; left:0px; top:137px; width:170px; height:406px;}
#menu div {position:relative; width:152px; /*height:21px;*/ background-color:#FDE5CF; line-height:1.7em;}
/*#menu a {position:relative; top:3px; margin-left:18px;}*/
#menu .oneven, #geschiedenis .oneven, #reacties .oneven {background-color:#FEEFE2;}
#menu .even{padding-left:18px;}
#menu .oneven{padding-left:18px;}

#menu #bericht{height:120px; background-color:#F8DAE2; width:148px; padding:10px 5px 0 18px;}
#menu #bericht a:hover{text-decoration:none;}
#menu * .programma a{color: #007CC3;}

#menu #homepagevoorstelling {position:relative; height:130px; background-color:#D8E1F1; width:172px; margin-top:50px; }
#menu #homepagevoorstelling a:hover{text-decoration:none;}
#menu .menutekst{font-size: 0.8em; line-height: 1.3em; }
#menu .menutekst a {margin: 0 0 0 0; padding: 0; vertical-align: top;}
#menu #stipplogo{font-size: 0.75em; background-color: #FEEFE2; text-align: center; margin-top: 10px;}

#afbeeldingen {position:relative; left:-33px; width:398px; height:42px; background-color:#FDE5CF;}
#afbeeldingen img, #afbeeldingen2 img {position:relative; float:left; margin-right:56px;}
#afbeeling {position:absolute; left:623px; top:137px; width:298px; height:406px;}
#afbeeldingen img.noMargin {margin-right:2px;}
#afbeeldingHome2 {position:absolute; left:568px; top:137px; width:298px; height:406px;}
#afbeelding2 {position:absolute; left:738px; top:137px;}
#buttons {text-align:right;}

.error {color:#FF0000;}

#header {position:absolute; left:170px; top:0px; width:751px; height:137px;}
#header2 {position:absolute; left:170px; top:0px; width:568px; height:137px;}

#geschiedenis {position:absolute; top:40px; left:456px; width:170px; height:255px;}
#geschiedenis div {position:relative; width:170px; height:21px; background-color:#FDE5CF;}
/*#geschiedenis a {position:relative; top:3px; margin-left:26px;}*/
#geschiedenis h3{font-weight: bold; color:#58585A;}
#geschiedenis table{margin-left: 22px;}
#geschiedenis table td{vertical-align: top; padding-bottom: 8px;}


#buttons {text-align:right;}

#afbeelding_klein {position:absolute; left:738px; top:0px; width:185px; height:180px;}
#afbeeldingen2 {position:absolute; left:170px; top:137px; width:568px; height:42px; background-color:#FDE5CF;}

#content {position:absolute; padding-left:33px; padding-right:33px; left:170px; top:137px; width:387px; height:406px;}
#content2 {position:absolute; padding-top:22px; padding-right:33px; left:170px; top:180px; width:753px; height:363px;}
#content2 #tekst {position:relative; width:423px; padding: 0 33px 0 33px;}
#content2 #img {position:relative; position:absolute; top:40px; left:456px; padding-left: 40px; font-size:0.8em;}
#content2 #disciplinetabel{width: 250px; position:absolute; top:90px; left:456px; padding-left: 40px;}

/* De weblog */
#contentWeblog {position:absolute; padding-top:22px; padding-right:33px; left:190px; top:200px; width:680px; background-color: #F8DAE2;}
#contentWeblog #tekst {position:relative; width:423px; padding: 0 33px 0 33px;}
#contentWeblog .even{background-color: #FBE6EC;}
#contentWeblog .oneven{background-color: #FDEEF2;}
.lead{font-weight: bold; margin: 0 0 20px 0;}
.lead h1{font-size: 1em;}
#reacties {margin-top:33px; position:relative; padding-left:33px; width:403px;}
#reacties div {width:403px; background-color:#FDE5CF; padding:10px;}
.reageer {background-color: #FEEFE2; width:403px;padding:10px; margin:33px 33px 75px 33px;}
.reageer input{border: solid 1px #DD0069; width: 300px;}
.reageer textarea{border: solid 1px #DD0069; width: 300px; height: 200px;}
.reageer .formlabel{width: 100px; vertical-align: top;}
.reageerknop{background-color: #DD0069; color: #FFFFFF; font-weight: bold; border: solid 1px black;margin:33px 33px 75px 33px; padding: 2px 30px 2px 30px;}
#logbruggetje{position: absolute; left:170px; top: 277px; background-color:#F8DAE2; height: 130px; width: 20px; }

#programma {position:absolute; padding-top:22px; padding-right:33px; left:170px; top:180px; width:753px; height:363px;}
#programma .datum{font-weight: bold;}
#programma .titel{color:#DD0069; font-weight: bold; font-size: 1em; margin: 10px 0 0 0;}
#programma .lead{margin: 10px 0 0 0;}
#programma .tekst{}
#programma .locatie{margin-top: 10px;}
#programma .locatie p {height: 0px;}
#programma .terugURL{margin-top: 30px;}

#programma #tekst {position:relative; width:400px; padding:0 0 0 33px;}
#programma #img {position:relative; position:absolute; top:40px; left:456px; font-size:0.8em;}

#geentreffers {display:none; font-weight: bold; margin: 20px 0 0 3px; clear: both;}

#menu #homepagevoorstellingpic {position:absolute; top:0; right: -170px;}
/*#homepagevoorstellingpic{position: relative; top:426px; left: 170px;}*/
#menu #homepagevoorstellingtekst {position: absolute; top:10px; left:18px; width:150px; background-color:#D8E1F1;}

#formulier input{width: 300px; border:1px solid #DD0069;}
#formulier textarea{width: 300px; height: 100px; border:1px solid #DD0069;}
#formulier .formLabel{vertical-align: top;}

#programmatabel{width: 100%; margin-top: 0px; clear:both;}
#programmatabel td{vertical-align: top; padding-top: 20px;}
#programmatabel h1{color:#DD0069; font-weight: bold; font-size: 1.1em; margin: 0 0 0 0; clear:both;}

ul.dagen {list-style:none; margin:20px 0 0 0px; padding:0; clear:both;}
ul.dagen li {float:left; border:solid 2px #0078BB; width:30px; text-align:center; color:#0078BB; margin:1px; font-weight:bold; line-height:1.5em; font-size:120%; cursor:pointer}
ul.dagen li.active {background-color:#0078BB; color:white;}
ul.dagen li .datum{font-size:70%;}

