/* -------------------------------------------------------------- 
  
    STYLESHEET VOOR VIOE
   
-------------------------------------------------------------- */

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

body { 
  line-height: 1.5em; 
  }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove annoying border on linked images. */
a img { border: none; display: block}


/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100%; }
body { 
  font-size: 75%;
  color: #222; 
  background: #fcfcfc url(/images/layout/top.gif) repeat-x top center;
  font-family: Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,.home .widget h3  {font-family: Georgia, serif; font-weight: normal; color: #111; }

h1 { font-size: 1.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; line-height: 1.33; margin-bottom: 0.75em; }
h3 { font-size: 1.17em; line-height: 1; margin-bottom: 1em; text-transform: uppercase; text-shadow: 1px 1px #fff }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; display: inline; padding-right: 5px; text-transform: uppercase; font-family: Arial, sans-serif}
h6 { font-size: 1em; font-weight: bold; font-family: Arial, sans-serif; display: inline; padding-right: 5px }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

.home h1{font-size: 1.35em; line-height: 1.5em; margin-bottom: 0.5em; color: #383838}
#baseline h1{position:relative; top:120px; width:220px;}

.content h1, .post-header h1 {font-size: 1.83em; line-height: 2em}
h1.overzicht{background: transparent url(/images/layout/brdr-common.png) left bottom repeat-x; margin-right: 20px; margin-top:17px; line-height: 1.2em; padding-bottom:15px}
.projecten h1.overzicht{background: transparent url(/images/layout/brdr-common.png) left bottom repeat-x; margin-right: 0px; margin-top:17px; line-height: 1.2em; padding-bottom:15px}
.publicatie-detail .span-2 h1{padding: 0.5em; line-height: 1.5em}
.content h2{font-size: 1.51em; line-height: 2em; color: #2d2d2d; }
.blog .content h2, .nieuws .content h2, .agenda .content h2{line-height: 1.33em; margin-top:18px; }
.over-vioe h2{margin: 0.75em auto 0; clear:left;}
h4.staticwidget-titel{background-image:url(/images/layout/trans-wit.png); line-height: 44px; height:44px; padding: 0 0 0 5px; margin: -44px 0 0; position: relative; font-size: 1.33em }
.vondst h3{display: none}
.holder .over-vioe h3{font-size: 1.42em; line-height: 1.5em; margin:1em 0 0.5em; color: #383838; text-transform: none; clear: both}
.medewerkers .wrapper .holder h3{margin-top: 20px; font-size: 1.5em; clear: both }
.projecten-info h2{margin: 20px 10px 0 20px; font-size: 1.42em; color: #4e2c09; }
.projecten-info h2 a{border:none }
.publicatie-overview .span-2 h2 { font-size: 1.52em; color: #4e2c09; line-height: 1.3em; padding: 20px 0 0}
.projecten-info h2 a:hover{color: #5b200a}
.horizon h2{font-size: 1.51em; line-height: 1.25em; margin-bottom: 0.5em; padding-top: 0.5em; color: #4e2c09; clear: both; height: 120px}
.publicatie-detail .span-2 h2{padding: 0.5em; line-height: 1.5em; margin-bottom: 0}
h2.medewerker-det{margin: -20px 0 10px}
.horizon h3{font-size: 1.3em; line-height: 1.5em; margin-bottom: 0.5em; color: #383838;}
.twitter h3{font-size:1.42em;letter-spacing: 0.05em; color: #747474; line-height: 80px; padding-left: 68px; background: transparent url(/images/layout/twitter.gif) left top no-repeat}
.opdehoogte-top h3 {font-size: 1.4em; color: #dc6334; font-weight: 100; margin-top: 0.5em}
.nieuwsbrief-box h3{padding:15px; margin-bottom: 0; color: #363636}
.rss-box h3{padding:15px 15px 10px 20px; margin-bottom: 0; color: #363636}
.content-widget h3{font-family: Arial, sans-serif; text-transform: uppercase; font-weight: 800; color:#dc6334;line-height: 2em; clear:both; font-size:1.17em; }
.widget h3{font-family: Arial, sans-serif; text-transform: uppercase; font-weight: 800; color:#dc6334;line-height: 1em }

.publicationtags h3, .projectentags h3{color:#5b5a5a; margin-bottom: 2px }
.medewerker-data h2{margin: 0 0 10px; line-height: 1.5em}
h2 a{border:none}
.projecten abbr{display: none}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height: 1.6em }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
.content p.intro-p  { font-size: 1.38em;font-family: Georgia, serif; font-style: italic; line-height: 1.6em; color: #2d2d2d }

.blog .content p.intro-p, .over-vioe .content p.intro-p { margin-top: 10px }
.content p  { font-family: Georgia, serif; font-size: 1.2em; line-height: 1.7em; color: #2d2d2d }

.rss-box p{line-height: 1.7em; padding: 0 25px 0 20px}
.opdehoogte-top p{margin-bottom: 2em}
.publicatie-detail .span-2 p.intro-p{padding: 0 0.6em 1em; margin-bottom: 0.5em; line-height: 1.5em; background: url(/images/layout/brdr-intrp.png) bottom center no-repeat}
.publicatie-overview .span-2 p.intro-p{font-size: 1em; font-family: Arial, sans-serif; font-style: normal}
p.published-date{ font-size: 0.92em; color:#6f6e6e; margin-top: -5px; font-family: Arial, sans-serif }
p.published-thema{font-size: 0.92em; font-weight: 800; font-family: Arial, sans-serif; margin-left: 5px; display: inline}
.medewerker-data p{margin-bottom: 0; display: inline}
p.flash_succes {padding:10px;border:1px solid green;background-color:#ccffcc;}



a { color: #4e2c09; text-decoration: none;border-bottom: 1px dotted #666; } 

.logo a {display:inline-block; border:none;}

a:hover {color: #000; border-bottom: 1px dotted #000; }
a:active  {color: #000; border-bottom: 1px dotted #666 }

/* Extra links
------------------------------------------------------------- */
.opdehoogte a{color:#1974ae; font-weight: 100 }
.opdehoogte a:hover{color:#125b89; }




blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }





/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th        { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Specific classes
-------------------------------------------------------------- */
.skip {display:none;}

#topcontent{padding-top: 20px; padding-bottom: 20px}
#top{line-height: 45px; height: 45px; padding: 0 }
.langSwitch {float: left; display: block; width: 215px; line-height: 45px; height: 45px;margin-top: 0 !important}
.langSwitch a{border:none; font-size: 0.95em}
#top ul{ float: right; margin-right: 0}
#top ul li{display: block; width: auto; float: left; list-style: none; margin-right: 20px;text-indent: 26px; font-weight:100;}
#top ul li a{border:none}
#top ul li.rss{background: transparent url(/images/layout/icn-rss-top.png) center left no-repeat; }
#top ul li.quest{background: transparent url(/images/layout/icn-quest-top.png) center left no-repeat;}
#top ul li.cont{background: transparent url(/images/layout/icn-cont-top.png) center left no-repeat;}
#top ul li.zoek-item{margin-right:0; text-indent: 0}


.zoek-item form p{margin: 10px 0 0; overflow: hidden}
#zoekLabel{display: none}
#zoek {background:transparent url(/images/layout/zoekBox.png) no-repeat; border:0 none;  float:left; font-size:1em; height:23px; margin:0; padding:4px 4px 0; width:160px;}
#zoekknop{float:left}
p.hide{display: none}



.logo{width:296px; height:92px; float: left; /*display: block*/}

#menuheader{}
#menuheader a:hover{border: none}

.navi{width:664px; height:92px; float: left; display: block}
.navi ul{ list-style: none; height:60px; padding: 22px 0 0; margin: 0}
.navi li{display: block; width: 166px; height:30px; line-height: 30px; float:left; font-family: Georgia, serif; font-size:1.25em; letter-spacing:0.04em; text-transform: uppercase; text-align: right}
.navi li a{color:#522e09; text-shadow: 1px 1px #fff; border:none}
.navi li a:hover{color:#dc6334}

/* where are we? */
.home .navi ul li a.home, 
.materie .navi ul li a.materie,
.projecten .navi ul li a.projecten,
.nieuws .navi ul li a.nieuws,
.over-vioe .navi ul li a.over,
.aanbod .navi ul li a.aanbod,
.blog .navi ul li a.artikels,
.agenda .navi ul li a.agenda { color: #dc6334}

/* submenu */

#submenu ul {margin:0 0 20px; font-size: 1em}
#submenu ul li {border-bottom: 1px solid #c1c1c1; list-style:none ; background: transparent url(/images/layout/sub-menu-bullet.png) no-repeat 1px 22px; padding-left: 13px; display: block}
#submenu ul li a {display: block; border: none; color: #373737; line-height: 50px}
#submenu ul li a:hover, #submenu ul li ul li a:hover {color: #dc6334;}
#submenu ul li.active a, #submenu ul li.parent-active a{font-weight: 100; color:#dc6334;}
#submenu ul li ul {margin:-10px 0 5px; font-size: 1em}
#submenu ul li li {border-bottom: none; list-style: none; background: transparent url(/images/layout/sub-menu-bullet02.png) no-repeat 4px 12px; display: block; /*height: 30px;*/ padding-left: 17px;}
#submenu ul li li a, #submenu ul li.active li a, #submenu ul li.parent-active li a {color: #595959; line-height:30px }
#submenu ul li li.active a, #submenu ul li li.parent-active a{font-weight: 800; color:#595959;}


#baseline{height:294px; overflow: hidden}

.breadcrumbs{border-bottom: solid 1px #c1c1c1; margin-bottom: 0; padding-top: 20px }
/*.aanbod .breadcrumbs, .projecten .breadcrumbs{border-bottom: solid 1px #c1c1c1; margin-bottom: 0; padding-top: 20px }*/
.breadcrumbs p{margin-bottom: 0.75em; text-align: right}
.breadcrumbs p a{font-weight: 800; color:#797470; border:none}
.breadcrumbs p a:hover{font-weight: 800; color:#dc6334;}
.breadcrumbs p em{font-weight: 100; color:#dc6334;}



.projecten-info p{margin:10px 10px 5px 20px }
.projecten-info p span{color:#d35d2e}
.home .projecten-info p.button{position:relative;top:10px}

.projecten-foto{width: 465px; height: 294px; float: left; }
.projecten-info{width: 250px; height: 294px; float: left; background: transparent url(/images/layout/projecten-bg.gif); overflow: hidden  }
.projecten-holder {margin:0; padding: 0; height:240px; width: auto; overflow: hidden; }
.projecten-holder-wrapper{height: 294px}
.link{text-align: right; color: #d35d2e; font-weight: 800}
.link a{border:none}
.tekst .link{text-align: right; color: #d35d2e; font-weight: 100}
.button  {padding: 0 10px 0 0; display: inline-block; height: 30px; line-height: 30px; background: transparent url(/images/layout/butt-right.png) no-repeat top right; float: right; clear: both; margin:0 15px 0 0 !important; margin:0 7px 0 0  }
.button a{padding: 0 0 0 10px; display: inline-block; height: 30px; line-height: 30px; background: transparent url(/images/layout/butt-left.png) no-repeat top left; color: #fff;font-weight: 100; border: none}
.button a:hover{text-shadow: 1px 1px #000; border:none;background: transparent url(/images/layout/butt-left.png) no-repeat top left; color: #fff; }

.content .publicatie-detail .button a{font-family: Arial,sans-serif; color: #fff; text-decoration: none; font-size: 0.92em; border: 0 none;}
.content .publicatie-detail .button a:hover{color: #fff; border: 0 none}

.content p.event-date{background: transparent url(/images/layout/clock_16.png) no-repeat left 5px;
color:#0c0c0c; padding-left:20px; margin-top: -10px}


.content .tekst ul, .content .tekst ol{font-family: Georgia, serif; font-size: 1.2em; line-height: 1.7em}

.publication-tags, .projecten-tags {padding: 0; margin: 0; }
.publication-tags ul, .projecten-tags ul {margin: 0; padding: 0 0 7px; list-style: none;  background: transparent url(/images/layout/brdr-common.png) bottom left repeat-x; height: 34px; overflow: hidden}
.publication-tags li, .projecten-tags li {display: block;line-height: 33px; margin:0;width:auto; float: left; background: transparent url(/images/layout/butt-tags-lft.png) bottom left no-repeat; margin-right: 10px }

.publication-tags li.active, .projecten-tags li.active {background:transparent url(/images/layout/butt-tags-lft.png) top left no-repeat;}

.publication-tags li a, .projecten-tags li a{display: block; float: left; padding: 0 0 0 10px; border: none }
.publication-tags li a:hover, .projecten-tags li a:hover{border: none }
.publication-tags li span.link-of, .projecten-tags li span.link-of{ display: block; float:left; width: auto ; text-align: center; padding: 0;cursor: pointer}
.publication-tags li span.number-of, .projecten-tags li span.number-of{ display: block; float:left; width: 42px ; text-align: center; padding: 0; background: transparent url(/images/layout/butt-tags-rght.png) bottom right; cursor: pointer}

.publication-tags li.active span.number-of, .projecten-tags li.active span.number-of{background: transparent url(/images/layout/butt-tags-rght.png) top right;}

.publication-tags li a,.projecten-tags li a{color:#5f563d }
.publication-tags li.active a,.projecten-tags li.active a{color:#4E2C09 }
.publication-tags li a:hover,.projecten-tags li a:hover{color:#4E2C09;  }

.aanbod .contentWrapper, .projecten .contentWrapper {margin-top: 10px}


.sideBar .widget p.button-alt, .book_contentview .chptr-DL span.button-alt {padding: 0; display: block; height: 30px; line-height: 30px; background: transparent url(/images/layout/but-side.png) no-repeat top center; float: none; margin-bottom: 10px; width: auto; text-align: center; font-size: 1.12em}
.sideBar .widget p.button-alt a:hover{color: #fff; border:none}

.book_contentview .chptr-DL span.button-alt {margin-bottom: 0px}

.aanbod .bestel-box p.button-alt {padding: 0; display: block; height: 30px; line-height: 30px; background: transparent url(/images/layout/but-side-02.png) no-repeat top center; float: none; margin: 10px 0; width: auto; text-align: center}


.sideBar .widget p.button-rss {padding: 0; display: block; height: 30px; line-height: 30px; background: transparent url(/images/layout/but-rss.png) no-repeat top center; float: none; margin-bottom: 10px; width: auto;text-align: center}

.sideBar .widget p.button-alt a, .aanbod .bestel-box p.button-alt a,  .book_contentview .chptr-DL span.button-alt a {color:#fff; font-family: Arial, sans-serif; border: none; line-height: 30px; font-size: 0.92em; height: 30px; display: block; text-align:center;}
.aanbod .bestel-box p.button-alt a:hover,  .book_contentview .chptr-DL span.button-alt a:hover {background-color: transparent; }


.sideBar .widget p.button-rss a {color:#fff}
.sideBar .widget p.button-rss a:hover {color:#fff; border: none}

p.overz-blog-author{margin: -10px 0 10px; font-size: 0.92em}
.overz-blog-foto {overflow: hidden; width:450px }


.blog .button-reageer, .aanbod p.toon-meer{font-family: arial, sans-serif; font-size: 1em; padding: 0 34px 0 0; display: inline-block; height: 36px; line-height: 36px; background: transparent url(/images/layout/but-reageer-right.png) no-repeat top right; float: right; clear: both; margin: 1.5em 0; overflow: hidden}
.blog .button-reageer a,  .aanbod p.toon-meer span {padding: 0 0 0 15px; display: inline-block; height: 36px; line-height: 36px; background: transparent url(/images/layout/but-reageer-left.png) no-repeat top left; color: #5f554a; cursor: pointer}
.blog .button-reageer a:hover,  .aanbod p.toon-meer span:hover {border:none;background: transparent url(/images/layout/but-reageer-left.png) no-repeat top left; color: #dc6334}


.artikelen-heading, .publicaties-heading{font: 1.14em georgia, serif;float: left}
.artikelen-datum, .publicaties-datum{float:right}
.projecten-foto, .publicaties-foto img, .artikelen-foto img, staticwidget-img img {display: block}
.artikelen-info, .publicaties-info{height:173px}

.horizon{background-color: #cccec1; padding: 20px 0 10px; border-top:5px solid #e3e4df; border-bottom: 5px solid #e3e4df; overflow:hidden; clear: both }
.staticwidget-img {height:149px; }

.staticwidget-text{padding: 5px 0; margin-bottom: 0}
.moreinfo{clear: both; height: 35px; line-height: 35px; margin-top: 15px; background: transparent url(/images/layout/more-info-border.png) repeat-x}
.home .widget .moreinfo{background-image: none; margin-top: 0}
.rss{float: left; background: transparent url(/images/layout/icn-rss.png) no-repeat left center; text-indent: 15px; font-weight: 900}
.all-section{float: right}

.wrapper .nieuwsbrief-box{padding-left:10px; margin-right: 0px;}
.rss-box{  background: #f0f3ee url(/images/layout/vertical-div.png) no-repeat top left; padding-left: 10px; height: 115px}

.wrapper .content{margin: 0em 20px 2em 0 !important; margin: 1em 15px 2em 0}
.aanbod .wrapper .content, .projecten .wrapper .content, .over-vioe .wrapper .content, .xtra .wrapper .content{margin: 0 !important; }
.over-vioe .wrapper .content{margin: 0 0 20px!important; }
/*.nieuws .content, .blog .content{margin: 0 20px 2em 0 !important;margin: 0 15px 2em 0 }*/

.aanbod .content .bestel-box p{font-family: Arial,sans-serif}
.aanbod .content .bestel-box p.bestel-alt-text{font-size: 1em; line-height: 1.2em; color:#646464; text-align: center; background: transparent url(/images/layout/brdr-intrp.png) bottom center no-repeat; padding: 10px 5px 15px; margin-bottom: 10px}

.tekst{background: transparent url(/images/layout/content-div-line.png) repeat-x bottom left; overflow: hidden;padding-bottom: 1em; margin-bottom: 0  }
.xtra .tekst, .over-vioe .tekst{background-image: none }

.content-widget{background: transparent url(/images/layout/content-div-line.png) repeat-x bottom left; overflow: hidden;padding: 1.5em 0 1.5em; clear: both; }
.over-vioe .content-widget{background: transparent url(/images/layout/content-div-line.png) repeat-x top left; overflow: hidden;padding: 1em 0 1.5em; clear: both}
.aanbod .content-widget{background: transparent none;}
#project-listing{padding: 0em 0 1.5em; background-image: none}

.widget{background: transparent url(/images/layout/content-div-line.png) repeat-x bottom left; overflow: hidden;padding-bottom: 1em;}
.home .widget{background-image:none}

.holder{background:transparent url(/images/layout/vertical-div.png) no-repeat right 20px; padding-right: 20px; margin-top:10px; }
.over-vioe .holder{background-image: none; padding-right: 0; }

.aanbod .content .holder, .projecten .content .holder, .xtra .holder{background-image: none; padding-right:0}

.post-header {margin-top: 10px}
.post-header .post-info{padding:0; float:right; width:225px; background: none}
.post-header .post-info li strong{text-transform: uppercase}
.post-header .post-info a{color: #1974AE}
.post-header .post-info a:hover{color: #125b89;border-bottom: 1px dotted #666; }

.post-header .no-pic-post-info{padding:0; float:none; width:auto; background: none}
.post-header .no-pic-post-info li strong{text-transform: uppercase}
.post-header .no-pic-post-info a{color: #1974AE}
.post-header .no-pic-post-info a:hover{color: #125b89;border-bottom: 1px dotted #666; }

.header-foto-info img{float:left}

.reactie-box{border-bottom: 1px dotted #dfdfdf; clear: both; overflow: hidden; margin:0 0 1em; background:transparent url(/images/layout/reactie-div-divider.png) repeat-x left bottom; height: auto;}
.reacties .auteur {font-family: arial, sans-serif; font-size: 1.1em; margin-bottom: 0.75em}
.reacties .auteur a {color: #1974AE;}
.reacties .auteur a:hover {color: #125b89;border-bottom: 1px dotted #666;}
.reacties .auteur span {color: #999; font-size: 0.8em}
.reactie-inbox{clear: both; height: 1px;}
.reacties .auteur-pict{ display: block; float:left; margin: 6px 0 0; padding: 0; clear: left; width: 80px; height: auto}
.reacties .reactie {font-family: arial, sans-serif; font-size: 1em; display: block; float: right; clear: right; width: 360px}

.opdehoogte{background-color: #e7e8e2}
.opdehoogte-top{background-color: #fff; padding: 15px 15px 0 15px; border-bottom: 5px solid #888885}

.viewport{overflow: hidden}

.twitter p{font-size:1.15em ;margin-bottom: 1em}
.twitter p a{color:#1974ae;}
.twitter .button a{color:#fff;}
p.twit-when{font-size: 1em; color: #999}
.twitter .button{font-size:1em}

.controller{display: none}
.js .controller{background-image:url(/images/layout/controller-back.png); width: 220px; height: 48px;line-height: 19px; position: relative; color: #fff; margin-top: -48px; display: block; }
.js .projecten-foto .controller{width: 100%; margin-top: -48px; display: block; }
.js .controller-mod{padding-left:20px; display: block}
.js .controller-player{width: 44px; height:19px; display: block; float: left; background: transparent url(/images/layout/play-bg.png) no-repeat; position: relative; top:15px}
.js .controller-player em{display: none}
.js .controller-player .play{width: 17px; height:17px; display: block; float: left; background: url(/images/layout/player-controls.png) no-repeat top left; overflow: hidden; position: relative; left:2px; top:1px; cursor: pointer;}
.js .controller-player .play:hover{background-position: bottom left;}
.js .controller-player .pauze{width: 17px; height:17px; display: block; float: right; background: url(/images/layout/player-controls.png) no-repeat bottom right;  overflow: hidden; position: relative; right:2px; top:1px; cursor: pointer;}
.js .controller-player .pauze:hover{background-position: bottom right;}
.js .controller-numbers {float:left; display: block; width: auto; height: 19px; position: relative; margin-left: 15px;top:16px;}
.js .controller-numbers em{width: 17px; height:17px;margin-right: 5px; float:left; text-align:center; display: block;  cursor: pointer; font-style: normal}
.js .controller-numbers em:hover{background: url(/images/layout/indicator.png) no-repeat; }
.js .controller-numbers em.active{background: url(/images/layout/indicator-active.png) no-repeat; color: #000 }

.content-widget ul, .widget ul{list-style: none; padding: 0; margin: 0;overflow: hidden;   }
.content .content-widget ul{ font-family:Arial,sans-serif; font-size: 1em}
.content-widget ul li,.widget ul li{margin-bottom: 0px}

.content a {color:#1974AE;padding-bottom:0px; }
.content .publicatie-detail a {color:#1974AE; border:none; font-weight: 100}
.content a:hover {color:#125b89 ; border-bottom: 1px dotted #666}
.content .publicatie-detail a:hover {color:#125b89; border-bottom: 1px dotted #666;} 
.content-widget a  {color: #1974AE; border-bottom: none }
.content-widget a:hover{color:#125b89; background: none; border-bottom: 1px dotted #666;}
.content-widget a em, .widget a em{color:#dc6334; font-style: normal }

.content dl{padding: 10px 0; margin: 0 10px 0 0; width: 225px; float: left; font-family: Georgia, serif; font-size: 1.1em}
.content dl.last{ margin: 0; width: 225px}
.content dd{margin: 0}
.content dl dt a{font-weight: 100; text-decoration: none; border-bottom: none}

.content-widget dl{list-style: none; padding: 0; margin: 0 0 15px; width: 50%; float: left; display: block;  }
.content-widget dl dt{float: right; width: 128px; font-weight: 100; font-family: Arial, sans-serif; font-size: 0.96em; padding-right:10px; }
.content-widget dl dt a{margin:0 10px 0 0; color: #1974AE }


.content-widget dl dd{float: left; width: 80px; height: 80px; margin: 0}
.content-widget dl dd a:hover{border-bottom: none}

.medewerker-data-holder {overflow: hidden; margin-bottom: 10px}
.medewerker-data-holder .photo {float:right; overflow:hidden;}
.medewerker-data{width: 325px; float:left}

.content_headerimg{margin-top: 15px}


.wrapper #topcontent .sideBar{padding: 0 0 2em; float: right }
/*.blog .sideBar .widget:first-child{padding: 1.5em 0 1.8em }*/
.sideBar .widget {padding: 3em 0 2.8em }
.sideBar .widget .moreinfo{background: none; margin-top: 0}

.moreinfo a{border:none}
.home .widget a{color:#4E2C09}
.widget a{color:#363636; border:none}
.widget a:hover{color:#000; background: none; border-bottom: 1px dotted #666;}


.widget p.tags {line-height: 2em; margin-bottom: 0}
.widget p.tags a{color:#1974ae}
.widget p.tags a:hover{color:#125b89}

.publicationtags p.tags, .projectentags p.tags{margin-bottom: 20px}


.sideBar .widget p a{color:#1974ae }
.sideBar .widget p a:hover{color:#125b89; border-bottom: 1px dotted #666; }

div.publicaties ul li, .categorieen ul li, .aanbevolen ul li{border-top: 1px dotted #bfbfbf; padding: 8px 0; margin-top: -1px}

.vondst{background: transparent url(/images/content/widgets/vondst.jpg); height: 240px; width: 220px; overflow: hidden}
.vondst-text{background:transparent url(/images/layout/trans-wit02.png); height:120px; padding: 0 10px;margin-top:118px;}
.vondst-text p{padding: 10px 0 0 0}
.vondst-text p.link{padding: 0}

.extra a{display:block; margin-bottom: 20px; border: none}
.extra a:hover{border:none}

.contentWrapper{ width: 715px; overflow: hidden}

.wrapper .publicatie-overview {background-color: #fff; margin: 0 !important}
.aanbod .wrapper .publicatie-overview, .projecten .wrapper .gmap-overview{margin-top: 10px !important}
#gmap-overview{width: 715px; height: 350px}

.wrapper .publicatie-detail{background: #fff url(/images/layout/bg-publ-detail-rght.png); margin: 0 !important;height: auto}
.wrapper .publicatie-detail .span-2{ margin: 0 !important;height: auto; width: 480px}
.wrapper .publicatie-detail .span-1{ float: right }

.aanbod .publicationtags , .projecten .projectentags { padding-bottom:0; padding-top:30px; background:transparent url(/images/layout/brdr-common.png) left top repeat-x ;clear: both;border-top:none !important; border-top: 1px solid #cdcdcd }
.publicationtags p, .projectentags p {font-family: Arial, sans-serif; }
.publicationtags p a, .projectentags p a{border-bottom: none}

.holder .pagination { padding:20px 0; overflow: hidden;clear: both; background:transparent url(/images/layout/brdr-common.png) left top repeat-x !important;background:none; list-style: none; margin: 0}
.pagination li{float: left}
.pagination a{ display: block; height: 40px; border: none; float: left; line-height: 40px; color: #fff; font-size: 1.18em}
.pagination .previous a:hover, .pagination .next a:hover{border: none; color: #dc6334}


.pagination .previous{width: 213px; background: transparent url(/images/layout/butt-page-new.png) no-repeat;  height: 40px; float: right}
.pagination .next{width: 212px; background: transparent url(/images/layout/butt-page-old.png) no-repeat;   height: 40px; float: left}
.pagination .previous a{margin-left: 30px !important; margin-left: 15px}
.pagination .next a{margin-left: 48px !important;margin-left: 24px; border-bottom: none}
.pagination li.here{width: 304px; float: right; text-align: center; line-height: 40px; height: 40px; display:none;}

.nieuws .pagination, .blog .pagination, .agenda .pagination { margin-left: 0; padding-top: 10px; background-image: none !important;list-style: none;}

.blog .pagination li.here, .nieuws .pagination li.here, .agenda .pagination li.here{width: 109px; float: right; text-align: center}

.blog .pagination .previous, .nieuws .pagination .previous, .agenda .pagination .previous{width: 177px; background: transparent url(/images/layout/butt-page-new-2.png) no-repeat;  }
.blog .pagination .next, .nieuws .pagination .next, .agenda .pagination .next{width: 165px; background: transparent url(/images/layout/butt-page-old-2.png) no-repeat;}

.nieuws-block{}
.Nieuws-date{color:#dc6334; font-weight: 800}
.nieuws-block ul{list-style: none; margin-left: 0}
.nieuws-block li{margin-bottom: 7px}
.nieuws-block li a{border:none}
.nieuws-block a em{font-weight: 900; color:#dc6334; font-style: normal }


ul.bestelinfo {list-style: none; margin: 0; padding: 10px;}
ul.bestelinfo li {display: block; margin-bottom: 5px; overflow: hidden; line-height: 28px}
ul.bestelinfo li span {display: block; float: left}
ul.bestelinfo li span.nfo-frst {width:140px; font-family: Georgia, serif;font-weight: 100; text-align: right; font-size: 1.22em; color: #373737}
ul.bestelinfo li span.nfo-scnd {width:10px;padding-left: 5px; color: #a7a099}
ul.bestelinfo li span.nfo-thrd {width:280px; color: #5b5a5a}


.book_contentview{background: transparent url(/images/layout/brdr-common.png) top left repeat-x; clear: both; padding:0;}
.toon-meer-viewport{height: 1px; overflow: hidden; background-image: none}
.book_contentview .chptr-div{color: #554b40; font-weight: 800; background: transparent url(/images/layout/brdr-common.png) bottom left repeat-x;  padding: 10px 0;  margin-bottom: 5px; margin: 0;clear: both; overflow: hidden  }
.book_contentview span.chptr-nmbr{background:transparent none repeat scroll 0 0; width:20px;display: block;float: left; text-align: right; margin: -1px 3px 0 0; font-family: Georgia, serif; font-size: 1.2em  }
.book_contentview span.chptr{background:transparent none repeat scroll 0 0; width:465px;display: block;float: left  }
.book_contentview span.chptr-DL{background:transparent none repeat scroll 0 0;display:block; float: right; height:30px;width:200px ;}

.publicatie-widget p{font-family: Arial, sans-serif; font-size: 1em; margin: 5px 0}
.publicatie-img-thmb{height: 150px; width:225px; overflow: hidden}
.publicatie-img-thmb a.bottom{top:-100px; position:relative;}
.publicatie-img-thmb a.center{top:-50px; position:relative;}
.project-widget h4, .publicatie-widget h4{font-family: Arial, sans-serif; margin: 5px 0 10px; font-weight: 800 }
.project-widget p a, .publicatie-widget p a{color: #4e2c09; font-weight: 800}
.project-widget p.project-date, .publicatie-widget p.published-date{ font-size: 0.92em; color:#6f6e6e; margin-top: -5px }
.project-widget p.project-date span, .publicatie-widget p.published-date span{  color:#343434 }
.project-widget p.project-thema, .publicatie-widget p.published-thema{font-size: 0.92em; font-weight: 800; display: inline}
.project-widget p.project-thema a, .publicatie-widget p.published-thema a{color: #1974ae; font-weight: 100}
.project-widget p.project-thema a:hover, .publicatie-widget p.published-thema a:hover{color: #125b89; }

.project-widget p{font-family: Arial, sans-serif; font-size: 1em; margin: 5px 0}
.project-img-thmb{height: 150px; width:225px; overflow: hidden}
.project-widget p a{color: #4e2c09; font-weight: 800}
.project-widget p.project-date{ font-size: 0.92em; color:#6f6e6e; margin-top: -5px }
.project-widget p.project-date span{  color:#343434 }
.project-widget p.project-thema{font-size: 0.92em; font-weight: 800; margin-top: -5px}
.project-widget p.project-thema a{color: #1974ae; font-weight: 100}
.project-widget p.project-thema a:hover{color: #125b89;}
.project-widget p.project-about{ color:#343434; font-size: 0.92em;margin-top:-3px;}

.sitemap .content .tekst ul, .sitemap .content .holder ul#sitemap, .sitemap .content .holder ul#sitemap li, .sitemap .content .holder ul#sitemap li li, .sitemap .content .holder ul#sitemap li li li, .sitemap .content .holder ul#sitemap li li li li {font-size: 1em; line-height: 2em}


.firstfooter{background: #ced0c3 url(/images/layout/footer-top.gif) repeat-x; padding: 0.8em 0; clear: both; margin-top: 1.5em; overflow: hidden }

/* footer listing */ 
.firstfooter ul{list-style: none; padding: 0; margin: 0; text-shadow: 1px 1px #fff; }
.firstfooter ul a{color:#2f2d2b; font-weight: 900; border: none}
.firstfooter ul a:hover{color:#000; }
.single-listing ul{ }
.single-listing ul li{margin-bottom: 15px}

.double-listing ul{  }
.double-listing ul li{margin:0; padding:0; margin-bottom: 10px; display:inline-block; }
.double-listing ul span{display: block; color: #3e3e3e; margin: 0;line-height:1.5em;}
.column-listing p{color:#3e3e3e; text-shadow: 1px 1px #fff; width: 85%}
.column-listing ul li{margin-bottom: 15px; width: 45%; display: block; float: left}

.secondfooter{background: #362f2e url(/images/layout/footer-bottom.gif) repeat; clear: both; line-height: 58px; height:58px }
.secondfooter p{color: #dfdfdf; margin: 0; font-size: 1em }
.secondfooter p a{color: #dfdfdf; margin: 0; line-height: 58px; border:none }
.secondfooter p a:hover{color: #fff; border:0; text-shadow: 1px 1px #000; }
.secondfooter p.copy{width: auto; float: left; background:url(/images/layout/leo.png) left center no-repeat; text-indent: 50px  }
.secondfooter p.check{width: auto; float: left; padding-left: 100px }
.secondfooter p.check a{background: transparent url(/images/layout/icn-check.png) center left no-repeat; text-indent: 23px; margin-right: 15px; line-height: 58px; display: block; float: left }
.secondfooter p.siteby{width: auto; float: right; background: transparent url(/images/layout/icn-glue.png) center left no-repeat; padding-left: 18px }
.secondfooter p.siteby a{ }

.firstfooter .fb {background: transparent url(/images/layout/icn-facebook.png) top left no-repeat; text-indent: 20px}
.firstfooter .fl {background: transparent url(/images/layout/icn-flickr.png) top left no-repeat; text-indent: 20px}
.firstfooter .de {background: transparent url(/images/layout/icn-delicious.png) top left no-repeat; text-indent: 20px}
.firstfooter .vi {background: transparent url(/images/layout/icn-vimeo.png) top left no-repeat; text-indent: 20px}
.firstfooter .yt {background: transparent url(/images/layout/icn-youtube.png) top left no-repeat; text-indent: 20px}
.firstfooter .li {background: transparent url(/images/layout/icn-linkedin.png) top left no-repeat; text-indent: 20px}
.firstfooter .tw {background: transparent url(/images/layout/icn-twitter.png) top left no-repeat; text-indent: 20px}
.firstfooter .sl {background: transparent url(/images/layout/icn-slideshare.png) top left no-repeat; text-indent: 20px}

#reageer form{clear: both; overflow: hidden}

.medewerkers p{margin-top:-5px}



/* Misc classes
-------------------------------------------------------------- */



.last       { margin-right:0 !important; padding-right:0 !important; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

#gmap-overview div div div{text-align: center}
.gmnoprint h4{font-family: arial, sans-serif; margin-bottom: 10px; }
.gmnoprint h4 a{border:none; padding-bottom: 1px }
.gmnoprint h6{font-family: arial, sans-serif; display: block; padding-top: 10px }
.gmnoprint .project-location, .gmnoprint .project-thema {font-family: Arial, sans-serif; font-size: 0.90em}
.gmnoprint .project-thema {}
.gmnoprint .readmore {font-family: Arial, sans-serif; text-align: right; font-size: 0.95em;margin-bottom:0; }
.gmnoprint .readmore a{border: none}
        .gmnoprint div a img      { }

.wrapper {
  width: 960px;
  margin: 0 auto;
  }
  
#flickr_container {overflow: hidden; width: 228px}
#flickr_container a{float: left}
#flickr_container a:hover{border: none}
#flickr_container a img{border: 1px solid #FCFCFC; border-left: none; border-top: none; }


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4 {
  float: left;
  margin-right: 20px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0 !important;  }

.span-1  { width: 225px; }
.span-2  { width: 470px; }
.aanbod .publicatie-overview .span-2 {width: 450px;}
.span-3  { width: 715px; }
.aanbod .content .span-3, .projecten .content .span-3  { padding-bottom: 5px }
.span-4  { width: 960px; margin-right: 0 !important; padding-top: 30px; clear: both; height: auto; overflow: hidden }





/* Border on right hand side of a column. */
div.border {
  padding-right: 9px;
  margin-right: 10px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 131px;
  margin-right: 133px;
  border-right: 1px solid #eee;
}



/* Misc classes and elements
-------------------------------------------------------------- */





/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}



.clearfix, .wrapper {display: block; clear: both;}
.clear { clear:both; }
div.clearfix{background-color: transparent; height: 1px;font-size: 1px; margin: 0; padding: 0; overflow: hidden}

label       { font-weight: bold; clear: both; display: block; padding-top: 5px }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title, 
textarea, select { 
  background-color:#e7e8e2; 
  border:1px solid #babbb6; /*
  border-right: 1px solid #fff; 
  border-bottom:1px solid #fff; */
}
input[type=text]:focus, input[type=password]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  background-color: #f2f3ee;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea, input , select     {font-family: Arial, sans-serif; width:95%; padding:7px; font-size:1.12em;}
#top input      { width:auto; padding: 0 }
select     {width:99%; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

#send-button, #login_submit, #lostpassbutton{background:transparent url(/images/layout/but-send.png) repeat scroll 0 0;
font-family: Arial, sans-serif;
font-size: larger;
display:block;
height:36px;
padding-right: 20px;
width:132px;
border:0; color: #5F554A; cursor: pointer;outline-style: none; float: right;margin-top: 10px;clear: both}

#send-button span{position:relative;top:-1px;}

#send-button, #login_submit:hover, #lostpassbutton{ color: #dc6334;}

#remove_photo{width: auto !important; height: 26px !important; padding: 0; margin: 0}
textarea#bio{font-size: 11px; line-height: 18px}

#owner_container { line-height: 25px; padding: 10px 0; clear: both}
#owner_container label{ display: inline; float: left; clear: none; padding-top:2px;}
#owner_container input{ display: inline; width: auto; float: left}


/* Success, notice and error boxes
-------------------------------------------------------------- */
span.error,
span.notice, 
span.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd;width:93%;display: block }

span.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
span.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
span.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
span.error a    { color: #8a1f11; }
span.notice a   { color: #514721; }
span.success a  { color: #264409; }

/* Scroller */
.scroller              {position: relative;overflow:hidden;}
.scroller .pics        {position: relative;width:20000em;clear:both;}
.scroller .pics img    {float:left;}

.projecten-foto .scroller           {width:465px;height:294px;}
.projecten-foto .scroller .pics     {height:294px;}
.projecten-foto .scroller .pics img {width:465px;}
.projecten-foto .controller         {/*margin-top:-48px;*/width:465px;}

.artikelen-foto .scroller, .publicaties-foto .scroller                      {width:220px;height:173px;}
.artikelen-foto .scroller .pics, .publicaties-foto .scroller .pics          {height:173px;}
.artikelen-foto .scroller .pics img, .publicaties-foto .scroller .pics img  {width:220px;}
.artikelen-foto .controller, .publicaties-foto .controller                  {margin-top:-48px;width:220px;}

/* 
 * javascript-specefic rules
 */
.js .book_contentview .hide{display:none;}

/*
 * Vondst map
 */
#vondst-map{width:98%;height:250px;}
#display_latlng{display:none;}
.pinpoint_bubble{width:300px;height:auto;}

/*
 * Mijn account
 */
.loginform {margin-top:20px;width:250px;}
.lostpass{margin-top:20px;width:250px;height:121px;clear:right;}
#forgot_password_form {width:250px;}
.lostpasslink {float:right;padding:5px;color:#1974AE;border-bottom:#1974AE 1px dotted; padding:0; display:inline; line-height:28px; cursor:pointer;}
#profileform #send-button, .loginform #send-button {padding: 0}
.content .tekst .lpmsg  ul	{margin:0;font-family:Arial,sans-serif;font-size:1em;}

/* 404 */
.pagenotfound #submenu{display: block; height: 10px}
.pagenotfound .content .holder { background-image:none}