* {margin: 0; padding: 0; }

body { background: #fff; padding-bottom: 2em; }
body, td, p, input, textarea, select, div, span { font-size:11px; color:#413730; }

/* standaard linkjes */
a:link, a:visited {color: #413730; text-decoration: underline; }
a:active, a:hover {text-decoration: underline; color: #f26522; }

/* layout divs */
#container { width:941px; margin:0 auto; }
#header { height:111px; font-family: Verdana, Helvetica, Sans-serif;}

#funcmenu { text-align: right; height: 20px; line-height: 20px; background: #413730; margin-bottom: 1em; padding-right: 1em; color: #fff; font-family: Verdana, Helvetica, Sans-serif;}
#funcmenu a:link, #funcmenu a:visited { text-decoration: none; color: #fff; }
#funcmenu a:active, #funcmenu a:hover { text-decoration: underline; color: #fff; }

#wrapper { background:#fff; } /**geen tekst inzetten */

/* de 3 kolommen voor detailpaginas */
#colL, #colC, #colR { float:left;}
#colL { width:180px; background: #413730; font-family: Verdana, Helvetica, Sans-serif;}
#colC { width:560px; background: #fff; font-family: Verdana, Helvetica, Sans-serif;}
#colR { width:200px; background: #e0ded8; }

.innerL { padding: 3em 1em 3em 2em; }
.innerC { padding: 3em 1em 3em 3em; font-family: Verdana, Helvetica, Sans-serif;}
.innerR { padding: 1em 2em 1em 1em; font-family: Arial, Helvetica, Sans-serif;}

/* de 2 afwijkende kolommen voor de kaartpagina, colL blijft */
#colCmap, #colRmap { float:left; }
#colCmap { width:760px; background: #fff;}
#colRmap { width:300px; background: #e0ded8; font-family: Arial, Helvetica, Sans-serif;}
.innerCMap { padding: 3em 1em 3em 30px; } /*moet in px vanwege centreren */

/** HOMEPAGE **/
#homebar { width: 100%; background: #e0ded8; margin-bottom: 1em; font-family: Verdana, Helvetica, Sans-serif;}
#homebar h2 { margin: 0; }
#homebar form { width: 200px; float:right; margin:0; }

.aanbevolen {background-color: #f3f2ef; margin-bottom: 10px;}
.aanbevolen h2 {margin-bottom: 5px !important;}
.aanbevolen .projectlist {margin-bottom: 0;}
.aanbevolen h3 a {color: #413730 !important; text-decoration: none;}

/* zoeken op homepage*/
#homesearch {width: 100%; clear: both; background-color: #F26522;}
#homesearch .inner {margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0;}
#homezoek {font-family: Verdana, Helvetica, sans-serif;}
label#homezoeklabel {font-weight: bold; font-size: 9pt; margin-right: 10px;}
input#homezoektekst {width: 200px; height: 26px; border: 1px solid #413730; font-size: 10pt;}
#homezoekknop {display: inline-block; width: 32px; height: 26px; background-color: transparent; vertical-align: middle; margin-left: 5px;}
.uitgebreid, .uitgebreid:hover {font-size: 9pt; color: #413730; font-weight: bold;}


.homelink:link, .homelink:visited {color: #413730; font-weight: bold; text-decoration: none; }
.homelink:active .homelink:hover {text-decoration: underline;}
.homelogo {vertical-align: middle;}

#provnaamdiv {font-family: Verdana, Helvetica, Sans-serif; position: relative; } 
#provincienaam {position: absolute; top: 130px; left: 50px; font-weight: bold; font-size: 14px;}
#kiesprovincie {position: absolute; top: 12px; left: 0; font-weight: bold; font-size: 1.2em;}

#colA, #colB {font-family: Verdana, Helvetica, Sans-serif; float:left; width: 470px; }
#colB { background: #fff;}
#colA div.cats p { color: #fff; }
.cats h3 {font-size: 1.2em;}

#colA .cats {background-color: #413730; margin-right: 10px;}
#colB .vrijetekst {background-color: #f3f2ef; margin-top: 5px;}
.vrijitem {margin-bottom: 10px; clear: both:}
.vrijitem p {display: inline-block; width: auto; margin-bottom: 5px;}

.agenda {background-color: #f3f2ef; margin: 10px 10px 0 0;}
.agenda h2 {color: #f26522; margin-bottom: 10px;}
.agenda h3 {margin-bottom: 5px;}
.agenda h3 a:link, .agenda h3 a:visited {color: #413730; text-decoration: none;}
.agenda h3 a:active, .agenda h3 a:hover {text-decoration: underline;}

li.agendaitem {list-style-type: none; margin-left: 0; padding-left: 0; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #E0DED8;} 
li.agendaitem:last-child {border-bottom: none;}
.meeragenda {color: #f26522; font-weight: bold; text-align: left; display: inline-block; width: 100%; text-align: right;}
.agendalist {padding-bottom: 0px; margin-bottom: 5px; border-bottom: 1px solid #E0DED8;}
.agendalist p.datum {margin-bottom: 0;}
.agendalist h3.agendatitel {padding-top: 0; margin-top: 0 !important; margin-bottom: 5px;}

#homeproject {font-family: Verdana, Helvetica, Sans-serif; width: 100%; background: #fff; margin-top: 1em; color: #413730; }
#homeproject p  { color: #413730; }

.bwapp {text-align: center; margin-top: 20px;}

/** zoekbox **/
#zoekbox { height: 40px; background: #a09b97; padding: 0 2em 2em 1em;}
#zoekbox form  { margin:0; padding: 1em 0 0 0; }
#zoekbox input, #homebar input { width: auto; float: left;}
#zoekbox .tekst, #homebar .tekst { width: 120px; height: 20px; padding-top: 2px;}
#zoekbox .knop, #homebar .knop { border: none; margin-left: 2px; }

a.uitgebreid:link, a.uitgebreid:visited {font-weight: normal; text-decoration: none; color: white; font-size: 11px; font-family: Verdana, Helvetica, sans-serif;}
a.uitgebreid:active, a.uitgebreid:hover {text-decoration: underline;}

#footer { width:100%; height:1em; line-height:1em; text-align:center;}

.footerhome {width: auto; display: block; clear: both; font-family: Arial, Helvetica, sans-serif; height: 40px; line-height: 40px; float: right;}
.footerhome div {display: inline-block; vertical-align: middle; height: 40px; margin: 3px;}

.footerhometable a:hover {text-decoration: underline;}
.footervgn {text-align: right;}

.prevnextR {background: #a09b97; padding: 0.5em 0.5em 0 0.5em;}

/* tekst-elementen etc */
h1, h2, h4 { font-weight: bold; color:#f26522; }
h1 { font-size:1.6em; }
h2 { font-size:1.2em; }
h3 { font-size:1em; color: #413730;}
h4 { font-size:0.9em; }
h3.icon {display: block; height: 20px; float: none; }
.hilite { background: yellow; }
.clear {clear: both; line-height: 0; height: 0;}

#colC h2, #colCmap h2, #homeproject h2 { margin-bottom: 2em; }
#colL h3, #colA h3 { color: #fff; }
#colR h3 { margin-top:1em; }
#colR a:link, #colR a:visited {color: #413730; font-size: 8pt; text-decoration: underline;}
#colR a:active, #colR a:hover {color: #413730; text-decoration: underline;}

/* lists voor cats en provincies */
ul.homecats {margin-top: 20px;}
ul.homecats li {margin-bottom: 8px;}

ul { margin: 0px; padding: 0; list-style: none; }    
ul li { margin: 4px 0; list-style-type: none; padding: 0 0 0 20px; line-height:17px;}
ul li a:link, ul li a:visited { text-decoration:none; color: #f26522; }
ul li a:active, ul li a:hover {text-decoration: underline; color: #f26522; }
ul li ul.homesubcats li {display:inline; padding:0; color:#fff;}
ul li ul.homesubcats li a:link, ul li ul.homesubcats li a:visited { text-decoration:none; color: #fff; }
ul li ul.homesubcats li a:active, ul li ul.homesubcats li a:hover {text-decoration: underline; color: #fff; }

ul li a.selected, ul li a.selected:link, ul li a.selected:visited { color:#fff; }
ul li a.selectedR, ul li a.selectedR:link, ul li a.selectedR:visited { color:#413730; font-weight: bold;}
ul li.hore { background: url('../images/icon.l.horeca.gif') no-repeat 0 2px; }
ul li.boer { background: url('../images/icon.l.boerderij.gif') no-repeat 0 2px; }
ul li.dien { background: url('../images/icon.l.dienstverlening.gif') no-repeat 0 2px; }
ul li.wink { background: url('../images/icon.l.winkel.gif') no-repeat 0 2px; }
ul li.kuns { background: url('../images/icon.l.kunst.gif') no-repeat 0 2px; }
ul li.vrij { background: url('../images/icon.l.vrijetijd.gif') no-repeat 0 2px; }
ul li.horeon { background: url('../images/icon.l.horeca.on.gif') no-repeat 0 2px; }
ul li.boeron { background: url('../images/icon.l.boerderij.on.gif') no-repeat 0 2px; }
ul li.dienon { background: url('../images/icon.l.dienstverlening.on.gif') no-repeat 0 2px; }
ul li.winkon { background: url('../images/icon.l.winkel.on.gif') no-repeat 0 2px; }
ul li.kunson { background: url('../images/icon.l.kunst.on.gif') no-repeat 0 2px; }
ul li.vrijon { background: url('../images/icon.l.vrijetijd.on.gif') no-repeat 0 2px; }

/* generieke dingen */
img { border:none; }
.inner { padding:1em; }
.pos { font-weight: bold; color: green; }
.neg { font-weight: bold; color: red; }

/* map */
.mapitem {
	display: inline-block;
	width: 100%; 
	overflow-y: hidden;
	overflow-x: hidden;
	margin: 0; 
	z-index:999; 
	}
.mapitem h3.plaats {color: #413730;}
.mapitem img {margin-right: 5px; border: none;}

.mapitemrelative { position: relative; left:0; top:0; width: 280px; margin: 0 0 1em 0; display:block; }
.dot { position:absolute; width:12px; height:12px; border:0; }
.dotmulti { position:absolute; width:20px; height:19px; border:0; }
#map img {border: none;}
#colCmap p { margin-bottom:2em; }


/* project lijst pagina */
.projectlist { margin: 0 0 2em 0; clear: both; font-family: Verdana, Helvetica, sans-serif;}
.projectlist img, .mapitem img { float:left; }
.projectlist img { margin: 0 5px 5px 0; }
h3 a:link, h3 a:visited { text-decoration: none; color: #e66223; font-weight: bold; }
h3 a:active, h3 a:hover { text-decoration: none; color: #413730; }

.paginator { width: 100%; text-align: right; margin-bottom: 2em;}
.paginator a:link, .paginator a:active, .paginator a:visited { text-decoration: none; }  
a.active, a.active:visited { font-weight: bold; text-decoration: none; color: #f26522;}

/** project detailpagina dingen **/
.introdetail {margin-bottom: 15px;}
.imgContainer { width:200px; height: auto; float:right; margin-left:15px; }
#project_icons { width: 200px; float:left;  }


/* vorige/volgende */
.prevnext {display: block; margin-top: 2em; clear: both; font-size: 0.8em;}
.prevnext a:link, .prevnext a:visited {float: left; text-decoration: none; color: white; margin: 0 .4em;}
.prevnext a:active, .prevnext a:hover { ext-decoration: underline;}
.prevnext a img {text-decoration: none;} 

.prevnextagenda {display: block; margin-top: 2em; clear: both; font-size: 0.8em;}
.prevnextagenda a:link, .prevnextagenda a:visited {float: left; text-decoration: none; color: black; margin: 0 .4em;}
.prevnextagenda a:active, .prevnextagenda a:hover { ext-decoration: underline;}
.prevnextagenda a img {text-decoration: none;} 

form  { width:100%; margin-top:1em;}
fieldset { border:none; }
input, textarea { width:95%; font-size: 1em; background: #F8FAFA; border: 1px solid #f26522; margin: .5em 0; }
input.zoek {border: 1px solid #a09b97;}
input.textshort { width: 60px; }
textarea { height:100px; }
select { background: #F8FAFA; border: 1px solid #f26522; margin: 0 0 .5em 0; }
option.cat { font-weight: bold; }
option.subcat { font-weight: normal; margin-left:1em; }
input:hover,input:focus, textarea:hover, select:hover, checkbox:hover { background: whitesmoke; border: 1px solid #f26522; }

form.zoeken { width: 500px; }
form.zoeken select, form.zoeken input { width: 200px; height: 20px; overflow: hidden;}
form.zoeken label { display: inline-block; width:140px; }
form.zoeken input.button {  margin-left: 140px; width: auto; }


.readspeaker {display: block; height: 12px; width: 100%; text-align: right; margin-top: -30px; margin-bottom: 10px; vertical-align: middle;}
.readspeakerhome {display: inline-block; height: 12px; width: auto; float: right; margin: 10px 15px 20px 0; vertical-align: middle;}
.readspeaker a:link, .readspeaker a:visited, .readspeakerhome a:link, .readspeakerhome a:visited {font-size: 90%; color: #413730; text-decoration: none;}
.readspeaker a:active, .readspeaker a:hover, .readspeakerhome a:active, .readspeakerhome a:hover {color: #111; text-decoration: underline;}

.projectfoto { float: right; margin: 0 0 1.6em 1em; }

/* openklappende divs reactie en gastenboek */
.toggleOpen { cursor:pointer; padding: .3em .3em .3em 20px; background: url('../images/arrows.white.gif') no-repeat left 2px ; }
.toggleClose { cursor:pointer; padding: .3em .3em .3em 20px; background: url('../images/arrows.white.gif') no-repeat left -20px ; }

/* classje voor als de titel ook een aansluitende ondertitel heeft */
h2.ondertitel {margin-bottom: 0 !important;}
h3.ondertitel {margin-bottom: 2em;}


.innerR h2, .innerR h3, .innerR p, .innerR ul { font-family: Arial, sans-serif;}
.innerR h3 {color: #f26522;}
.innerR ul, .innerR li {display: block; margin: 0; padding: 0;}
.innerR a {font-size: 8pt;}

#popup {display:none; position:absolute; width:100%; height:100%;background: transparent url('../images/whitetrans.gif') ; padding: 0; top:0px; left:0; z-index:22; text-align:center; overflow:auto;}
#popup img { margin: 2em 0; width: 800px; }
#popup:hover {cursor:pointer;}

/** nieuwe stylies staan hieronder, Steef */

/** sitemap stylies */
#sitemaplist li.hore { background: url('../images/icon.m.horeca.gif') no-repeat 0 2px; }
#sitemaplist li.boer { background: url('../images/icon.m.boerderij.gif') no-repeat 0 2px; }
#sitemaplist li.dien { background: url('../images/icon.m.dienstverlening.gif') no-repeat 0 2px; }
#sitemaplist li.wink { background: url('../images/icon.m.winkel.gif') no-repeat 0 2px; }
#sitemaplist li.kuns { background: url('../images/icon.m.kunst.gif') no-repeat 0 2px; }
#sitemaplist li.vrij { background: url('../images/icon.m.vrijetijd.gif') no-repeat 0 2px; }

#sitemaplist img {vertical-align: middle;}

/** nieuwe map */
h3.plaats { font-size: 1.2em; color: #F26522; font-weight: bold; margin: 0; padding: 0;}
h3.titel { color: #F26522; font-size: 1em; }
p.intro { clear:right; }
DIV.gmnoprint { }
.datum { font-style: italic; }


/* reacties */

.project_reageer {width: 100%; clear: both; margin-top: 20px;}
.project_reacties, .project_reageerform {width: 250px; border: 1px solid #a09b97;}
.project_reageerform {float: right;}
.project_reageerform h3, .project_reacties h3 {color: white; font-weight: bold; background-color: #413730; padding: 4px; margin-bottom: 5px;}
.project_reageerform p, .project_reacties p, .project_reageerform fieldset {padding: 5px;}

.reactie {border-bottom: 1px dashed #a09b97; margin: 0.5em 0 0.5em 0; padding: 5px;}
.reactie:last-child {border-bottom: none}
.reactie strong {color: #f26522; font-weight: bold;} 
.reactie em {color: #a09b97; font-weight: bold; font-size: 0.8em;} 
.reactie p {padding: 0; margin-top: 5px;}

.project_reageer input, .project_reageer textarea {border: 1px solid #a09b97; width: 300px; background-color: white; font-family: Arial, sans-serif;}
.project_reageer input:hover, .project_reageer textarea:hover, .project_reageer input:focus, .project_reageer textarea:focus {border: 1px solid #f26522;}
input.button {width: auto; font-weight: bold; background-color: #e0ded8; border: 1px solid #413730; padding: 1px 3px;}

#gastenboek label, #gastenboek p {color: #413730; font-family: Arial, sans-serif; font-weight: bold; margin-top: 5px; padding: 0;}
p.small {font-size: 0.8em; padding: 0;}

.addthis_toolbox {margin-top: 3px;}