/******************************************
AOC Friesland
CSS : Eefje Ferwerda
E-mail: eferwerda@lautenbagreclame.nl
WWW: http://www.aocfriesland.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

:-moz-any-link:focus {outline: none;}
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, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;}

img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 0px;}

/*LAYOUT
**************************************************/
body {
	font: normal 12px/18px Helvetica, Lucida, Verdana, Arial, Tahoma, sans-serif;
	color: #000;
	background: #e8ddc5 url(img/bg_repeat.jpg) repeat-x;
	}

div#site{
	background: transparent;
	margin: 0 auto 0 auto;
  }
  
div#top{
  height: 225px;
  width: 100%;
  margin: 0 auto 0 auto;
  }

div#main{
  width: 100%;
  margin: 0 auto 0 auto;
  }

div#header{
  width: 947px;
  height: 190px;
  margin: 0 auto;
  }

div#headerimg{
  width: 945px;
  height: 190px;
  float: left;
  display: inline;
	background: url(img/headerimg_2.jpg) no-repeat;
	border-style: solid;
  border-width: 1px;
	border-top: 0px;
	border-bottom: 0px;
	border-color: #fff;
  }

div#container{
  width: 945px;
  margin-left: -1px;
  min-height: 820px;
  background: #ece9e2;
 	background: url(img/bg_container_2.jpg) repeat-y;
 	border-style: solid;
  border-width: 1px;
	border-top: 0px;
	border-bottom: 1px;
	border-color: #fff;
	float: left;
	display: inline;
 	position: relative;
	}

	div#sitewrapper {
		margin: 0 auto 0 auto;
		width: 945px;
	}


div#bottom{
  clear: both;
  height: 0px;
  margin: 0 auto;	
  }
  
div#footer{
	clear: both;
  width: 945px;
  height: 0px;
  margin: 0 auto;
  }

div#text {
	float: right;
	display: inline;
	margin-right:20px;
	margin-top: 25px;
	line-height: 25px;
	width: 450px;
}

form table tbody tr td {
width:150px;
}

form table tbody tr td input{
width:200px;
margin-bottom: 5px;
}

form table tbody tr td input#knop{
width:auto;
margin-bottom: 5px;
float: right;
display: inline;
}

form table tbody tr td textarea{
width:205px;
margin-top: 5px;
margin-bottom: 5px;
}

div#logo_vmbo {
	float: left;
	display: inline;
	margin-left: 13px;
	margin-top: 5px;
}

div#logo_mbo {
	float: left;
	display: inline;
	margin-left: 15px;
	margin-top: 5px;
}

div#logo_cc {
	float: left;
	display: inline;
	margin-left: 11px;
	margin-top: 2px;
}

/*Typography
**************************************************/
a:link{
	color: #01a101;
	text-decoration: none;
	}

a:visited{
	color: #01a101;
	text-decoration: none;
	}

a:hover{
	color: #01a101;
	text-decoration: underline;
	}

a:active{
	color: #01a101;
	text-decoration: none;
	}

h1 {
	color: #01a101;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 10px;
}

h2 {
	color: #000;
	font-size: 14px;
	font-weight: 600;
	line-height: 15px;
	margin-bottom: 10px;
}


h6 {
	color: #fff;
	font-size: 10.5px;
	line-height: 14px;
	text-align: center;
	}

p {
	margin-bottom: 10px;
	line-height: 18px;
}

ul{
	margin-bottom: 10px;
}
div#text ul li {
	list-style-position: inside;
	line-height: 18px;
}
	
/*standaard menu-items
**************************************************/
div#links {
	width: 945px;
	height: 28px;
 	margin: 0px auto 9px auto;
 	color: #808080;
 	font-size: 13px;
 }

div#links ul {
	margin-bottom: 0px;
}

div#links ul li{
	float: right;
	display: inline;
	margin: 10px 28px 0 0;
	}

div#links ul li a{
 	color: #808080;
 	text-decoration: none;
	 }

div#links ul li a:link{
	}

div#links ul li a:visited{
	}

div#links ul li a:hover{
	text-decoration: underline;
	}

div#links ul li a:active{
	}


div#links input {
	float: right;
	display: inline;
	margin-top: 7px;
	}

div#go a{
	width: 25px;
	height: 25px;
	float: right;
	display: inline;
	margin-top: 4px;
	margin-left: 5px;
	background: url(img/pijltje.gif) no-repeat;
	}

/*menu
**************************************************/
ul#menu {
	float: left;
	display: inline;
	}

ul#menu li {
	float: left;
	display: inline;
	text-decoration: none;
	width: 236px;
	height: 177px;
	}

ul#menu li a {
	width: 236px;
	height: 24px;
	float: left;
	display: inline;
	margin-top: 0px;
	text-align: center;
	padding-top: 153px;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	}

ul#menu li a:hover {
	color: #000;
	}

/*Content
**************************************************/
div#content{
  float: left;
  display: inline;
  width:484px;
  }

div#kop{
	float: left;
	display: inline;
	font-size: 38px;
	line-height: 50px;
	margin: 10px 05px 10px -205px;
	font-weight: 100;
	}

div#kop strong{
	font-weight: 700;
}

/*sidebar1 nieuws
**************************************************/
div#nieuws {
	float: left;
	display: inline;
	width: 450px;
	background: #f5ddd9;
	margin-left: 15px;
	border: 1px solid #fff;
}

div#nieuws_header {
	float: left;
	display: inline;
	background: #d60c22;
	width: 444px;
	color: #fff;
	padding: 5px 3px 3px 3px;
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	border-bottom: 1px solid #fff;
}

div#nieuws_kolom {
	width: 175px;
	float: left;
	display: inline;
}

div.nieuws_item{
	float: left;
	display: inline;
	width: 159px;
	color: #000;
	margin: 4px 8px 5px 8px;
	padding-bottom: 4px;
	font-size: 11px;
	line-height: 14px;
	border-bottom: 1px dashed #d60c22;
	}

div.nieuws_item a{
	color: #d60c22;
}

div.nieuws_item a:link{
	color: #d60c22;
}

div.nieuws_item a:visited{
	color: #d60c22;
}

div.nieuws_item a:hover{
	color: #d60c22;
	text-decoration: underline;
}

div.nieuws_item a:active{
	color: #d60c22;
	text-decoration: underline;
}

div#nieuws_uitgelicht{
	float: right;
	display: inline;
	width: 275px;
	background: #d60c22;
}

div#nieuws_afbeelding{
	float: left;
	display: inline;
	margin-left: 12px;
	margin-bottom: 12px;
	width: 250px;
	height: 240px;
	background: #fff;
}

div#nieuws_uitgelicht_tekst {
	float: left;
	display: inline;
	margin-left: 12px;
	color: #fff;
	font-size: 15px;
	padding-bottom: 10px;
}

div#nieuws_uitgelicht_tekst a{
	color: #f5ddd9;
}

div#nieuws_uitgelicht_tekst a:link{
	color: #f5ddd9;
}

div#nieuws_uitgelicht_tekst a:visited{
	color: #f5ddd9;
}

div#nieuws_uitgelicht_tekst a:hover{
	color: #f5ddd9;
	text-decoration: underline;
}

div#nieuws_uitgelicht_tekst a:active{
	color: #f5ddd9;
	text-decoration: underline;
}


div#kleurenbalk {
background:transparent url(img/kleurenbalk.jpg) top center no-repeat;
display:inline;
float: left;
height:30px;
margin-top:-11px;
margin-left: 3px;
width:480px;
position: absolute;
left: 220px;
}


/*sidebar1 Links
**************************************************/
div#sidebar1{
  float:left;
  display: inline;
  width:220px;
  clear: left;
  }

/*sidebar1 Agenda
**************************************************/
div#agenda{
	width: 206px;
	float: left;
	display: inline;
	margin-left: 12px;
	margin-bottom: 15px;
	margin-top: 70px;
	border: 1px solid #fff;
	background: #dce9d0;
	padding-bottom: 3px;
}

div#agenda_header {
	float: left;
	display: inline;
	background: #01a101;
	width: 200px;
	color: #fff;
	padding: 5px 3px 3px 3px;
	font-weight: 600;
	font-size: 15px;
	text-align: center;	
	border-bottom: 1px solid #fff;
}

div.agenda_item{
	float: left;
	display: inline;
	width: 190px;
	color: #000;
	margin: 4px 8px 5px 8px;
	padding-bottom: 4px;
	font-size: 11px;
	line-height: 14px;
	border-bottom: 1px dashed #01a101;
	}

div.agenda_item a{
	color: #01a101;
}

div.agenda_item a:link{
	color: #01a101;
}

div.agenda_item a:visited{
	color: #01a101;
}

div.agenda_item a:hover{
	color: #01a101;
	text-decoration: underline;
}

div.agenda_item a:active{
	color: #01a101;
	text-decoration: underline;
}

/* Poll
**************************************************/
div#poll{
	width: 215px;
	float: left;
	display: inline;
	margin-left: 15px;
	margin-top: 15px;
	border: 1px solid #fff;
	background: #dad003;
	padding-bottom: 3px;
}

div#poll_header {
	float: left;
	display: inline;
	background: #bc9e1c;
	width: 209px;
	color: #fff;
	padding: 5px 3px 3px 3px;
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	border-bottom: 1px solid #fff;
}

div.poll_item{
	float: left;
	display: inline;
	width: 199px;
	color: #000;
	margin: 4px 8px 5px 8px;
	padding-bottom: 4px;
	font-size: 11px;
	line-height: 14px;
	border-bottom: 1px dashed #bc9e1c;
	}

div.poll_item a{
	color: #bc9e1c;
}

div.poll_item a:link{
	color: #bc9e1c;
}

div.poll_item a:visited{
	color: #bc9e1c;
}

div.poll_item a:hover{
	color: #bc9e1c;
	text-decoration: underline;
}

div.poll_item a:active{
	color: #bc9e1c;
	text-decoration: underline;
}

div#pollvraag {
	float: left;
	display: inline;
	margin: 10px 5px 5px 15px;
	font-size: 18px;
	line-height: 22px;
	color: #bc9e1c;
	font-weight: 700;
}

div#poll input{
	float: left;
	display: inline;
	margin-right: 10px;
	margin-bottom: 5px;
}

div.stemknop {
	float: right;
	display: inline;
	width: 60px;
	height: 22px;
	margin: 3px 8px 4px 0px;
}

	
/* Vacatures
**************************************************/
div#vacatures{
	width: 215px;
	float: left;
	display: inline;
	margin-left: 16px;
	margin-top: 15px;
	border: 1px solid #fff;
	background: #c6e3ea;
	padding-bottom: 3px;
}

div#vacatures_header {
	float: left;
	display: inline;
	background: #009bdc;
	width: 209px;
	color: #fff;
	padding: 5px 3px 3px 3px;
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	border-bottom: 1px solid #fff;
}

div.vacatures_item{
	float: left;
	display: inline;
	width: 199px;
	color: #000;
	margin: 4px 8px 5px 8px;
	padding-bottom: 4px;
	font-size: 11px;
	line-height: 14px;
	border-bottom: 1px dashed #009bdc;
}

div.vacatures_item a{
	color: #009bdc;
}

div.vacatures_item a:link{
	color: #009bdc;
}

div.vacatures_item a:visited{
	color: #009bdc;
}

div.vacatures_item a:hover{
	color: #009bdc;
	text-decoration: underline;
}

div.vacatures_item a:active{
	color: #009bdc;
	text-decoration: underline;
}

/*sidebar2 rechts
**************************************************/
div#sidebar2{
  float:right;
  display: inline;
  width:238px;
  }
 
div#banners {
	width: 230px;
	float: left;
	display: inline;
	margin-top: 5px;
	margin-left: 3px;
}

div#vlag{
	margin-top: 8px;
	float: left;
	display: inline;
}


div#opendagen {
	float: left;
	display: inline;
	margin: -373px 0px 0px 175px;
position: relative;
}

/*tijdelijk formulier themadag
**************************************************/
form#themadag {
	float: left;
	display: inline;
}

form#themadag ol{
	float: left;
	margin-bottom: 15px;
}

form#themadag ol li{
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 15px;
	margin-left: 25px;
	display: list-item;
}

form#themadag div{
	display: inline;
	float: left;
	width: 380px;
}

form#themadag label{
	display: inline;
	float: left;
	width: 150px;
}

form#themadag label.verplicht{
	clear: left;
	
}

form#themadag input.knop{
	text-align: center;
	float: right;
	display: inline;
	clear: left;
	
}

form#themadag input.invullen{
	margin-top: 5px;
	display: inline;
	float: left;
	width: 200px;
}