@import url(resetALL.css);
@import url(base.css);

/* utility classes */
.clearFloat{clear:both; line-height:0; height:0; width:0; font-size:0;}

/*---------------------------------------------*/
/* Typography ---------------------------------*/
body {font:12px Arial, Helvetica, sans-serif;word-spacing:0.11em;}

/* Links */
a:link, a:visited, a:active {text-decoration:none;color:#5bb104;}
a:hover {text-decoration:underline;}

/* Headers */
h1,h2,h3,h4,h5,h6 {color:#66cc00;}

h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:13px;}
h6 {font-size:12px;}

/* Utility classes */
.clearFloat{clear:both; font-size:0; width:0; height:0; line-height:0; padding:0; margin:0;}

/* Slide Menu ---------------*/
#slider {border-top:1px solid  #66cc00;border-bottom:1px solid #66cc00;padding:4px 0;}
#byslidemenu {height:311px;}

#slider .box1 {display:block;background:#ccff99;}
#slider .box2 {display:block;background:#66cc00;}
#slider .box3 {display:block;background:#83ce39;}
#slider .box4 {display:block;background:#8aea5a;}
#slider .lastbox {display:block;background:#99ff66;}

#slider .box1 .comite_teaserbody,  
#slider .box2 .comite_teaserbody,
#slider .box3 .comite_teaserbody,
#slider .box4 .comite_teaserbody,
#slider .lastbox .comite_teaserbody {margin-top:0;}
	

/*---------------------------------------------*/
/* Content Types ------------------------------*/

/* Spacing Content types ----------*/
.banner, .ShowForm, .anchorblok, .document, .recentnieuws,
.pollquestion, .pollresult, .reactionwrapper, .sitemap, .tableContainer,
.text, .titletext, .video, #nieuwsarchief, .teaser {margin:0 0 10px 0;}

.recentnieuws {margin:15px;}
.recentnieuws h1{margin-bottom:5px;}

/* Teasers Types -----------------*/
/* Content Header Teaser */
#Content_head .teaser {}
#Content_head .teaser h1 {margin-bottom:5px;}
#Content_head .teaser .teasertext {}
#Content_head .teaser .teasertext a:link,
#Content_head .teaser .teasertext a:active,
#Content_head .teaser .teasertext a:visited {color:#ff0000;text-decoration:underline;}
#Content_head .teaser .teasertext a:hover {color:#66cc33;}

#Content_head .teaser .teaserlink {margin-top:5px;}
#Content_head .teaser .teaserlink a:link,
#Content_head .teaser .teaserlink a:active,
#Content_head .teaser .teaserlink a:visited {color:#ff0000;text-decoration:underline;}
#Content_head .teaser .teaserlink a:hover {color:#66cc33;}

/* SlideMenu Teaser */
.box1 h1, .box1 a {color:#339900;}
.box2 h1, .box2 a {color:white;}
.box3 h1, .box3 a  {color:#ccff99;}
.box4 h1, .box4 a  {color:#d60211;}
.lastbox h1, .lastbox a  {color:#336600;}
#byslidemenu .slideteaser h1, #byslidemenu .titletext h1 {font-size:24px;margin:0 0 9px 0;}
.slideteaser{margin:15px;}

/* Nieuws */
#nieuwsarchief {}
#NAfilter {float:left;	width:160px;}
#NAfilter label {position:relative; bottom:2px; font-size:12px;}
#NAcriteria {float:left; position:relative; bottom:2px;}
#NAcriteria label {position:relative; bottom:2px; font-size:12px;}
#NAoverzicht {clear:both; margin-top:15px;}
.NAdate {float:left; width:75px;}
.NAtitle {float:left; width:400px;}
.NAtitle a:link {color:#000000; text-decoration:none;}
.NAtitle a:visited {color:#000000; text-decoration:none;}
.NAtitle a:active {color:#000000; text-decoration:none;}
.NAtitle a:hover {color:#000000; text-decoration:underline;}

/* Agenda */
#agendaarchief {}
#AAtable {}
#AAtable td {padding:5px;}
#AAheader {font-size:20px;font-weight:bold;color:#66cc00;}
.AAheaderitem {}
.AAmaand {font-size:14px;}
.AArow_odd {}
.AArow_odd_item {}
.AArow_even {background:#d7ffaf;}
.AArow_even_item
#AAfooter {}


#search_results {margin:0 auto; width:660px;margin-top:50px;}
/*---------------------------------------------*/
/* PageTypes ----------------------------------*/

/* Shoutbox Details */
#shoutcontent {} 
#shoutcontent .intro {}
#shoutcontent .intro em {font-style:italic;float:left;}
#shoutcontent .intro span {float:right;}
#shoutcontent .intro em,
#shoutcontent .intro span {font-size:10px;} 
#shoutcontent .content {}
#shoutbox_content {}
#shoutbox_content h1 { color:black;}
#shoutbox_content .titletext {color:#284D03; margin:0; border:1px solid #3E7804; background-color:#E5FDCD; padding:7px;}
#shoutbox_content .titletext .text {margin:0; padding:0;}
#shoutbox_content .titletext h1 {}
.shoutbox{padding:0 3px;}


/* Niews Details */
#Nieuwsdetails {}
#Nieuwsdetails hr {border:1px solid #66cc00;}
#Nieuwsdetails .Nieuwsheader {}
#Nieuwsdetails .Nieuwsintro {}
#Nieuwsdetails .Nieuwsintro .date {float:right}

/* Agenda Details */
#agendadetails {width:660px;margin:0 auto;text-align:justify;}
#agendadetails .text {}

#agendadetails .agendadetails_table {margin:0 0 20px 0;}
/* Form Buttons -----------------*/
input {color:#428302;font-size:11px;}

/* Zoeken */
.searchForm .textbox {border:1px solid #66cc00;float:left;margin-right:6px;padding:2px 0px;}
.searchForm .formbutton {background:#66cc00;border:1px solid #66cc00;color:white;font-weight:bolder;}

/* Formulieren */
.formbutton {background:#66cc00;border:1px solid #66cc00;color:white;font-weight:bolder; cursor:pointer;}
.formfieldname {padding:2px 0 3px 0;}
.formfield {margin-bottom:5px; height:16px;}

/* page functions */
.pagefunctions{}
#pf_email { height:16px; float:left; padding-left:21px; padding-top:3px; background:url(../gfx/icons/email.gif) left center no-repeat; }
#pf_print { height:16px; float:left; margin-left:15px; padding-left:20px; padding-top:3px; background:url(../gfx/icons/print.png) left center no-repeat; }
#pf_profile{ height:16px; float:left; margin-left:15px; padding-left:20px; padding-top:3px; background:url(../gfx/icons/profile.gif) left center no-repeat; }
#pf_login, #pf_logout { height:16px; float:left; margin-left:15px; padding-left:20px; padding-top:3px; background:url(../gfx/icons/log.gif) left center no-repeat; }

.reacties_wrapper{margin:0 auto; width:500px; margin-top:20px;}
.reacties_balk{}
.reacties_headline{font-size:20px; color:#66cc00;}
.reacties_fullname_row{border-bottom:1px dotted #bfd3c2;}
.reacties_fullname{font-weight:bold;}
.reacties_datetime{font-style:italic;}

.comite_teaser {
	width: 520px;
	height: 260px;
	margin-bottom:20px;
	overflow:hidden;
}

#slider .comite_teaser{padding:15px;}

.blue{background:url(../gfx/comite_overlay/blue.gif) left center no-repeat;}
.light_green{background:url(../gfx/comite_overlay/light_green.gif) left center no-repeat;}
.yellow{background:url(../gfx/comite_overlay/yellow.gif) left center no-repeat;}
.dark_green{background:url(../gfx/comite_overlay/dark_green.gif) left center no-repeat;}
.comite_teaser_overlay{position:absolute; width:260px; height:260px;}

.comite_teasertitle {
	margin-bottom: 0.5em;
	
}
.comite_teaserbody {
	float: left;
	width: 240px;
	margin-top:20px;
}
.comite_teaserspacer{
	float: left;
	width: 20px;
}
.comite_teaserimg_wrapper{
	float: left;
	width: 260px;
}
.comite_teaserimg{
	padding: 40px;
	height:180px;
	width:180px;
}