html, body, form, ul.menu, ul.menu li { margin: 0; padding: 0; }
p{margin: 0; padding: 0;}
ul.menu, ul.menu li { list-style-type: none; }
body { background: #9ab39a; font-family: arial,"Bitstream Vera Sans","Arial","Helvetica Neue", "Nimbus sans", sans-serif; font-size: 14px; }
abbr { border: none; }
a { text-decoration: none; }
a img { border: none; }

img { vertical-align: middle; }
.usability_addon { display: none; }

.kleinlogo span { }
.kleinlogo { position: absolute; width: 76px; height: 50px; left: 22px; top: 151px;  }
.kleinlogo img { border:0;}


h1 { color: #007449; font-weight: normal; font-size: 18px; border-bottom: 1px solid #007449;padding-bottom: 5px;}

#wrapper { width: 995px; background: url("img/wrapperbg.png") top left no-repeat; padding-top: 87px; position: relative; }

#topmenu { background: #FFF; padding-left: 165px; height: 50px; min-width: 789px;  }
#topmenu li { float: left; margin-right: 25px; line-height: 50px; }
#topmenu li a { display: block; line-height: 50px; color: #007449; font-size: 14px; }
#topmenu li a:hover { color: #000; }

#mainmenu { float: left; width: 163px; margin-top: 251px; }
#mainmenu li { border-top: 1px solid #FFF; }
#mainmenu li a { display: block; line-height: 21px; background: #6F9970; color: #FFF; text-align: right; padding-right: 20px; font-family: "Helvetica Neue Condensed", "Arial Narrow", sans-serif; }
#mainmenu li a:hover, #mainmenu li.active li a:hover { background: #00744a; color: #FFF; }
#mainmenu li.active a { background: #00744a; font-weight: bold; }
#mainmenu li.active li {  border-top: 1px solid #6F9970; }
#mainmenu li a.yellow, #mainmenu li.active li a { background: #fffdac; color: #00744a; font-weight: normal; }

#mainmenu .facebook { border-top: 1px solid #FFF; text-align:center;}
#mainmenu .facebook a { background: #9AB39A; line-height: 21px;  color: #FFF; text-align: center; padding-right: 0px; font-family: "Helvetica Neue Condensed", "Arial Narrow", sans-serif; }
#mainmenu .facebook a:hover, #mainmenu li.active li a:hover { background: #9AB39A; color: #FFF; }
#mainmenu .facebook a img{border:0;}

#content { margin-left: 163px; width: 512px; background: url("img/dropshadow-right.png") top right repeat-y; }
#content .content { background: #FFF; padding: 15px; border: 1px solid #2a7951; margin: 0 4px 0 0; min-height: 400px; }
#content .dropshadow { height: 4px; line-height: 4px; font-size: 1px;  background: url("img/dropshadow-bottom-large.png") top right; display: block; }

#content .header { /*background: #eaeaeb;*/ margin: 3px -3px 0 3px; padding: 0 3px 3px 0 }
#content .header img { margin: -3px 0 0 -3px; border: 1px solid #2a7951; }

#content h2 { padding-right: 100px; padding-bottom: 5px;font-size: 16px;color:#339966;padding-top:0px;}
#content h3 { padding-right: 100px; padding-bottom: 5px;font-size: 12px;color:#339966;padding-top:0px;}
#content img.illustration { float: right; margin-top: 20px; }
#content p { line-height: 140%; }
#content p.lead { font-weight: bold; }

#content .fotocontainer{width:150px; height: 150px; margin: 0 20px 20px 35px;float: left;}
#content a.foto img{border:0; max-width: 150px;max-height: 150px; }
#content .clear{clear: both;}
/*#content a{color: #1e825d;}*/
#content a{color: #00AEEF;}
#content .more{color:#1e825d;}

#content .largest {font-size: 20px;}
#content .large {font-size: 18px;}
#content .medium {font-size: 16px;}
#content .small {font-size: 12px;}
#content .smallest {font-size: 10px;}


/* lectures absolute over a right-float to be able to place the lectures after the content in the html */
#lectures { position: absolute; top: 87px; right: 0; width: 317px; background: url("img/dropshadow-right.png") top right; font-size: 11px; line-height: 120%;}
#lectures .content { border: 1px solid #2a7951; margin: 0 4px 0 0; background: #FFF; padding: 15px 10px 10px 10px; }
#lectures .dropshadow { height: 4px; line-height: 4px;  background: url("img/dropshadow-bottom.png") top right; display: block; }
#lectures h2 { font-family: "Bitstream Vera Serif", "Times New Roman", serif; text-align: center; letter-spacing: 8px; font-weight: normal; text-transform: uppercase; padding-top: 0px; margin: 0 0 5px 0;  }

#lectures .largest {font-size: 16px;}
#lectures .large {font-size: 14px;}
#lectures .medium {font-size: 12px;}
#lectures .smallest {font-size: 10px;}

/* Hide header contents to show the background image logo on CSS-capable clients */


#lectures .spreker { display: block; color: #2a684a; font-weight: bold; padding:0 0 7px 0; }
#lectures .lecture { font-weight: bold; }
#lectures .tekst {margin-bottom:5px; }
#lectures .more { color: #1e825d; font-weight: normal; }
#lectures .lijn { border-top: 1px solid #9ab39a; color: #2a684a; font-weight: bold; line-height:0px;margin:10px 0;}
#lectures .title { margin-right:5px;}
#lectures dd a:hover { text-decoration: underline; }
#lectures img.illustration { float: right; margin: 0 -10px 5px 3px; }

.nieuwsitem{margin-bottom: 20px;border-top: 1px solid #9ab39a;clear: right;}
.speaker{color: #2a684a; font-weight: bold;}
#content .title{color: #2a684a; font-weight: bold;font-style: italic;}
.nieuwsitem .more{color: #1e825d; }
.nieuwsitem .more:hover{ text-decoration: underline; }
.nieuwsitem .left{width: 300px; overflow-x: hidden;}
.nieuwsitem .right{width: 120px;float: right;}
.paginanummers{color: #000;}
.paginanummers:hover{text-decoration: underline; }
.huidigepagina{color: #1e825d;}

label {width: 150px;display: block;float: left; margin-top: 5px;line-height: 20px; height: 22px;}
.txt{width: 250px; float: right;border: 1px solid #6F9970;margin-top: 5px; height: 18px;}
textarea.txt{ height: 60px; font-family: arial,"Bitstream Vera Sans","Arial","Helvetica Neue", "Nimbus sans", sans-serif; font-size: 14px;}
.submit{float: right;border: 1px solid #6F9970;background: #fff;}
form{margin-top: 20px;}


.tabel{border:1px solid #ccffcc;background-color:#ccffcc;margin:0 1px 0 1px;border-collapse:collapse;}
.tabel td{background-color:#DFD8E8;border:1px solid #ccffcc;}
.tabel th{background-color:#ccffcc;border:1px solid #ccffcc;}
.tabel .leeg{border:0px;background-color:#ffffff;margin:0 1px 0 1px;border-collapse:collapse;}

.tabel2{border:1px solid #ccffcc;background-color:#ccffcc;margin:0 1px 0 1px;border-collapse:collapse;}
.tabel2 td{background-color:#DFD8E8;border:1px solid #ccffcc;}
.tabel2 th{background-color:#ccffcc;border:1px solid #ccffcc;}
.tabel2 .leeg{border:0px;background-color:#ffffff;margin:0 1px 0 1px;border-collapse:collapse;}

.center {text-align:center;display:block;}