/* ----------------  reset  -------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}


/* ----------------  general  -------------------- */


body {font-family: "Trebuchet MS",Verdana,Arial,Helvetica; font-size:9pt; color:#545352;}
#top {background:url(images/top_bg.jpg) no-repeat; width:960px; height:233px;}
#middle {background:url(images/body_bg.jpg) repeat-y; width:960px; min-height:700px; padding-top:40px; }
#footer {background:url(images/bottom_bg.jpg) no-repeat; width:960px; height:133px;}

#logo {float:left; background:white; width:400px; height:200px; display:block; background:url(images/logo.png); line-height:100px; text-decoration:none;}
#date {float:left; background:#F79B4D; color:#fff; margin:10px 0 0 24px; text-align:right; font-weight:normal; font-size:10pt; width:165px; padding:3px 10px 2px 0;}
#lidworden {float:right; width:200px; background:#F58220; color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:20px 0 10px 350px; padding:3px 0 3px 10px;  }
#nationaal {float:right; width:200px; background:#F58220; color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:0 0 150px 350px; padding:3px 0 3px 10px;  }
#lidworden:hover, #nationaal:hover {background:#B0BBCA; color:#396F8F;}
h1 {float:right; font-size:17pt; text-transform:uppercase; color:#fff; text-align:right; padding:0 30px 0 60px; margin-top:-30px; font-weight:normal;}

#left {float:left; width:220px;  }
#content {float:right; width:635px; margin-right:30px;} 
#content p {font-size:10.5pt; text-align:justify; line-height:130%; margin-bottom:10pt;}
#content p em {font-weight:bold;}


/* -----------  png overlay large  --------------- */

#pic_rotator {float:left; width:600px; }

.pan_wrap {margin:0; position: relative; width: 960px; height: 233px;}
.pan_frame { overflow: hidden; position: absolute; top: 0; left: 0; width: 960px; height: 233px; z-index:101; text-align:left;}

#marquee {padding-left:253px;}
#gallery { position: relative; width:631px; height:233px; margin:0; padding:0;  }
#gallery img {padding:0; margin:0; }
#gallery li { display: block; }
			  
/* ----------------  left bar  -------------------- */

#navlist {margin:0 0 20px 25px; text-align:right; }
#navlist li {margin-bottom:10px;}
#navlist li a {color:#fff; text-transform:uppercase; width:160px; display:block; text-decoration:none; padding:2px 30px 3px 0; line-height:150%;}
#navlist li a:hover, #currentpage {background:url(images/navlist_bg.jpg) no-repeat;}
#left a.pdf {color:#fff; font-weight:700; font-size:10pt; text-align:center; display:block; padding-right:10px;}

/* ----------------  box over  -------------------- */

#headlines {float:left; margin:36px 37px 20px 0;}
#agendapunten {float:left; margin:36px 0 20px 0; }
.linkbox {border:1px solid #E8E7E6; background:#fff; width:296px; margin-top:4px; }
.linkbox a {color:#396F8F; font-weight:bold; text-decoration:none; display:block; padding:12px; text-align:justify; font-size:12px; }
.linkbox a:hover {color:#55667D; background:#ACB7C4; font-weight:bold; text-decoration:none; padding:12px; font-size:12px;}
.linkbox a em {color:#545352; font-weight:normal; font-size:12px; }
.linkbox a:hover em {color:#fff;}
.readmore {margin-top:4px;}
.readmore p a {text-decoration:none; color:#396F8F; font-weight:bold; padding-left:2px;}

/* ----------------  footer  -------------------- */

#footer {padding-top:10px;}
#footer p {text-align:right; margin-right:40px;}
#footer p a {color:#396F8F;}
#footer p a:hover {color:#1F3C4D;}

/* ----------------  nieuws  -------------------- */

div.nieuwsitem {background:#EFEFED url(images/newsitem_bg.jpg) no-repeat; border-bottom:1px solid #C7C7C5; padding:15px 4px 10px 10px; margin-bottom:22px; min-height:160px;}
div.nieuwsitem h2 {color:#39708F; font-size:12pt; font-weight:bold; margin:0 0 40px 0;}
div.nieuwsitem h2 span {color:#fff; font-size:12pt; font-weight:bold; width:90px; display:block; text-align:center; float:left; margin:0 38px 0 0;}
div.nieuwsitem p {padding-right:28px;}
div.nieuwsitem img.newsborder {padding:4px; background:white; border-left:1px solid #D9D9D7; border-right:1px solid #D9D9D7; border-bottom:1px solid #AAAAA8; margin-right:30px; float:left;}
a.vorige, a.volgende {padding:6px 18px; line-height:24pt; color:#fff; text-decoration:none; font-size:10pt; font-weight:bold; background:#39708F; margin-right:8px;}
a.vorige:hover, a.volgende:hover {background:#B3B9C7; color:#244659;}

/* ----------------  agenda  -------------------- */

h2.agenda {color:#396F8F; font-size:11pt; text-transform:uppercase; margin-bottom:8px;}
h3.agenda span {color:#F58220;}
div.agendatekst {margin:15px 0 40px 0; border-top:1px solid #B3B9C7; border-bottom:1px solid #B3B9C7; padding-top:10px;}
div.agendatekst a {color:#F58220; font-weight:bold;}
div.agendatekst a:hover {color:#396F8F; font-weight:bold;}
div.agendatekst ul {font-size:10.5pt; margin-bottom:12px;}
div.agendatekst ul li {background:url(images/agenda_list.jpg) 0 0 no-repeat; padding-left:30px; margin-bottom:3px;}

/* ----------------  kalender  -------------------- */

div.content-block{float: left; width: 630px; } 
div.content-block span.icon{float: left; width: 65px; height: 40px; padding-top: 8px; padding-bottom: 12px; background-image: url(images/kalender_bg.jpg); background-repeat: no-repeat; margin-right: 20px; color: #fff; font-size: 12px; text-align: center; font-weight:700;}
div.content-block span.event_header {float: left; width: 540px; padding-top: 15px; padding-bottom: 5px; font-size:16px; color:#39708F; font-weight:700; }
div.content-block span.icon strong{	color: #D4DDF7; font-weight: normal; }
div.content-block hr{float: left; clear: both; width: 630px; color: #D8DCE1; background-color: #D8DCE1; border: 0; height: 1px;}
div.content-block p{margin: 0px; padding: 0px; padding-left: 85px; clear: both; }

div.content-block ul {font-size:10.5pt; padding-left: 85px; margin:0; padding-bottom:0;} 
div.content-block ul li {background:url(images/agenda_list.jpg) 0 0 no-repeat; padding-left:30px; margin-bottom:3px;} 




/* ----------------  wie is wie  -------------------- */
h2.structuur {color:#396F8F; font-size:11pt; text-transform:uppercase; margin-top:12px; margin-bottom:12px; }
ul.structuur {font-size:10.5pt; margin-bottom:18px;}
ul.structuur li {background:url(images/agenda_list.jpg) 0 0 no-repeat; padding-left:30px; margin-bottom:3px;}
ul.structuur li a {color:#396F8F; font-weight:700; width:200px; display:block; float:left; text-decoration:none; }
ul.structuur li a:hover {color:#F58220; text-decoration:underline; }

img.structuurborder {padding:4px; background:white; border-left:1px solid #D9D9D7; border-right:1px solid #D9D9D7; border-bottom:1px solid #AAAAA8; margin-right:30px; float:left;}

/* ----------------  beleid  -------------------- */

ul.beleid {font-size:10.5pt; margin-bottom:18px;}
ul.beleid li {background:url(images/agenda_list.jpg) 0 0 no-repeat; padding-left:30px; margin-bottom:3px;}
ul.beleid li a {color:#396F8F; font-weight:700; text-decoration:none; }
ul.beleid li a:hover {color:#F58220; text-decoration:underline; }
span.oranje {color:#F88123;}

/* ----------------  links  -------------------- */
ul.links li a {color:#F88123; font-weight:bold; font-size:10pt;}
ul.links li a:hover {color:#39708F; font-weight:bold; font-size:10pt;}
ul.links li a img {padding:4px; background:white; border-left:1px solid #D9D9D7; border-right:1px solid #D9D9D7; border-bottom:1px solid #AAAAA8; margin-right:30px; float:left;}
ul.links li a:hover img {padding:4px; background:#AFB8C9; border-left:1px solid #D9D9D7; border-right:1px solid #D9D9D7; border-bottom:1px solid #AAAAA8; margin-right:30px; float:left;}
ul.links li em {color:#396F8F; font-size:11pt; text-transform:uppercase; font-weight:bold; font-style:normal; }
ul.links li {line-height:20pt; clear:both; height:80px; padding:10px; background:#EFEFED url(images/links_bg.jpg) top left no-repeat; border-bottom:1px solid #C7C7C5; margin-bottom:18px;}
 


/* ----------------  in de pers  -------------------- */
 
div.persartikel {background:#EFEFED url(images/persitem_bg.jpg) no-repeat; border-bottom:1px solid #C7C7C5; padding:15px 4px 10px 10px; margin-bottom:22px; min-height:192px;}
div.persartikel h2 {color:#39708F; font-size:12pt; font-weight:bold; margin:0 0 40px 0;}
div.persartikel h2 span {color:#fff; font-size:12pt; font-weight:bold; width:110px; display:block; text-align:center; float:left; margin:0 48px 0 0;}
div.persartikel h3 {font-weight:bold; color:#F78222; font-size:10pt; margin:0 0 10px 0;}

div.persartikel p {padding-right:28px;}
div.persartikel img.newsborder {padding:4px; background:white; border-left:1px solid #D9D9D7; border-right:1px solid #D9D9D7; border-bottom:1px solid #AAAAA8; margin-right:30px; float:left;}


/* ----------------  publicaties  -------------------- */
 
div.publicatie {background:#ECEBE7 url(images/publicaties_bg.jpg) repeat-x; border-bottom:1px solid #C7C7C5; padding:5px; margin:0 5px 22px 5px; min-height:192px; width:190px; float:left; text-align:center;}
div.publicatie h2 {color:#fff; font-weight:bold; margin-bottom:20px;}
div.publicatie a.downloadlink {color:#E66B1F; text-transform:uppercase; font-weight:bold; line-height:30pt;}


/* ----------------  contact  -------------------- */

#coordinaten {width: 200px; float:left; border-right:1px solid #E1DFD9; padding:0 20px 0 0; margin:24px 0 0 0;}
#coordinaten p {text-align:left;}
#coordinaten a {color:#F58220;}
#cdenvform {width:350px; float:left; padding:0 0 0 30px; margin:26px 0 0 0; font-size:10pt;}
#cdenvform input {border:1px solid #E1DFD9; font-size:10pt; background:#FAFAF9; width:210px; font-family: "Trebuchet MS",Verdana,Arial,Helvetica; padding:2px; margin:2px 10px 2px 0; }
#cdenvform textarea {border:1px solid #E1DFD9; font-size:10pt; background:#FAFAF9; font-family: "Trebuchet MS",Verdana,Arial,Helvetica; padding:2px; width:350px;}
div.standout {border:3px solid white; background:#B3B9C7; padding:15px; color:#fff; font-weight:bold;} 
#cdenvform input.check {width: 50px; border:0; background:#B3B9C7;}
#cdenvform label.check {font-weight:bold;} 
div.val, input.val {display:none;}


/* ----------------  jong cdenv  -------------------- */

div.jongcdenvtekst {margin:15px 0 40px 0; border:1px solid #B3B9C7; padding:15px;}

ul.jongcdenv {font-size:10pt; margin:10px 0 10px 0 ;}
ul.jongcdenv li {background:url(images/agenda_list.jpg) 0 0 no-repeat; padding-left:30px; margin-bottom:5px;}
ul.jongcdenv li a {color:#396F8F; font-weight:700; width:170px; display:block; float:left; text-decoration:none; }
ul.jongcdenv li a:hover {color:#F58220; text-decoration:underline; }

div.content-block span.jong_header {float: left; width:540px; padding-top: 5px; padding-bottom: 5px; font-size:16px; color:#39708F; font-weight:700; }
div.content-block span.jong_plaats {float: left;  }