body
{
    padding: 0;
    margin: 0;
    font: 100% verdana, Sans-Serif;
    color: #000;
    font-size: .8em;
    line-height: 130%;
}

img
{
    border: 0;
}

.clear_fix
{
    clear:both;
}

a
{
    text-decoration: none;
    outline: none;
    width: auto;
    padding: 0;
    color: #643e16;
}

a:hover
{
    color: #d34f18;
}

#content-container a, #content .text-left ul a, #content .text-left .list a, .table-style a
{
    border-bottom: 1px dotted #d34f18;
    color: #643e16;
}

#content-container a:hover, #content .text-left .list a:hover, #content .text-left ul a:hover, #content .img-gallery .list ul a:hover, .table-style a:hover
{
    text-decoration: none;
    color: #d34f18;
}

p
{
    margin: 0 0 20px 0;
    padding: 0;
}

h1, h2
{
    color: #d34f18;
    font-size: 120%;
    margin: 0 0 10px 0;
    padding: 0;
}

h3, h4
{
    font-size: 100%;
    color: #CF3030;
    margin: 0;
    padding: 0;
}

h4
{
    font-weight: normal;
}

.search-results ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-results ul span.highlight
{
    background: #f49f20;
    padding: 0 3px;
}

.search-results ul li
{
    margin: 0;
}

.hidden
{
    display: none;
}

/********* Special styles ***********/


/************************************/
#wrapper
{
    margin: 0 auto;
    padding: 0;
    width: 965px;
}

#container
{
    float: left;
    width: 945px;
    padding: 0 0 0 22px;
    background: url(/images/RvB/body-bg.gif) repeat-y 0 0;
}

#header
{
    float: left;
    height: 93px;
    width: 920px;
    padding: 15px 0 0 0;
    margin: 0;
    background: #fff;
}

#header img
{
    border: none;
    float: left;
}

#header #toplinks
{
    float: right;
    margin: 0;
    width: 400px;
    height: 30px;
    text-align: right;
}

#header #toplinks a
{
    color: #d34f18;
    font-weight: bold;
    font-size: 80%;
    padding: 0 10px;
    border: none;
}

#header #toplinks a img
{
    float: none;
    margin: 10px 25px 0 0;
}

#toplinks a:hover
{
    text-decoration: underline;
}

#toplinks a.line
{
    border-right: 1px solid #000;
}

#top-menu
{
    float: left;
    width: 710px;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 10px;
}

#top-menu ul.top-menu
{
    width: 720px;
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#top-menu ul.top-menu li
{
    float: left;
    margin: 0 10px;
    padding: 0;
    text-align: center;
}

#top-menu ul.top-menu li a
{
    float: left;
    margin: 0;
    padding: 0 2px;
    border-bottom: 2px solid #ffdd01;
    color: #74512d;
    font-size: 85%;
}

#top-menu ul.top-menu li a:hover
{
    border-bottom: 2px solid #d34f18;
}

#top-menu ul.top-menu li a.active
{
    color: #000;
    border-bottom: 2px solid #d34f18;
}

#left-top
{
    float: left;
    width: 200px;
    height: 142px;
}

#left-column
{
    float: left;
    width: 165px;
    background: url(/images/RvB/left-top-img.jpg) no-repeat left top;
}

#left-column img
{
    float: left;
    margin: 10px 0 0 20px;
}

#left-column #search
{
    width: 165px;
    float: left;
    margin-bottom: 30px;
}

#left-column #search a
{
    border: none;
}

#left-column #search a:hover
{
    text-decoration: underline;
}

#left-column #search span
{
    float: right;
    text-align: right;
    font-style: italic;
    font-size: 80%;
    margin: 4px 9px 0 0;
}

#left-column #search span a
{
    color: #000;
}

#left-column #search .search
{
    width: 120px;
    border: 1px solid #000;
    background: #fff no-repeat 100% 0; /*url(/images/RvB/zoeken.gif)*/
    float: left;
    padding: 1px 2px;
    margin: 0 0 0 5px;
}

#left-column #search .search-button
{
    width: 20px;
    height: 20px;
    border: 1px solid #000;
    background: #e0d8d0 url(/images/RvB/search.gif) no-repeat left top;
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

#left-column ul#left-menu
{
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    float: right;
}

#left-column ul#left-menu li
{
    margin: 0;
    padding: 0 5px 0 0;
    float: left;
}

#left-column ul#left-menu li a
{
    float: left;
    width: 155px;
    margin: 0;
    padding: 2px 20px 2px 0;
    font-weight: bold;
    font-size: 80%;
    color: #000;
    text-align: right;
    border: none;
}

#left-column ul#left-menu li a:hover
{
    background: #fff;
    font-size: 100%;
}

/*#left-column ul#left-menu li a.active-tab{
	background:#fff url(/images/RvB/arrow.gif) no-repeat 165px 0;
	font-size:100%;
}
#left-column ul#left-menu li a.active-page{
	background:#fff url(/images/RvB/arrow.gif) no-repeat 165px 0;
	font-size:100%;
}
#left-column ul#left-menu li ul li a.active-page{
	background:#fff; 
	font-size:80%; 
	color:#CF3030;
}*/

#left-column ul#left-menu li ul
{
    display: none;
    float: left;
    position: absolute;
    margin: 0 0 0 175px;
    padding: 0;
    width: 180px;
    background: #fff;
    border: 1px solid #000;
    border-bottom: none;
    list-style: none;
}

#left-column ul#left-menu li ul li
{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

#left-column ul#left-menu li ul li a
{
    float: left;
    width: 160px;
    padding: 2px 10px;
    margin: 0;
    border-bottom: 1px solid #000;
    text-align: left;
}

#left-column ul#left-menu li ul li a:hover
{
    font-size: 80%;
    text-decoration: underline;
    background: #fff;
}

#breadcrumbs
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #74512d;
    font-size: 85%;
    font-style: italic;
}

#breadcrumbs a
{
    color: #74512d;
    font-style: normal;
}

#breadcrumbs a:hover
{
    color: #d34f18;
}

#content
{
    float: right;
    width: 650px;
    margin-right: 30px;
    padding: 0 40px 0 20px;
    color: #643e16;
    font-size: 85%;
}

#content p.intro
{
    font-weight: bold;
}

#content p img
{
    float: left;
    margin: 6px 10px 3px 0;
}

#content #content-container
{
    float: left;
    min-height: 600px;
    width: 660px;
}

#content .img-gallery .list a.active
{
    color: #d34f18;
    font-weight: bold;
}

#content .text-left
{
    float: left;
    width: 425px;
}

.contact-page
{
    width: 600px;
}

#content .text-left .list
{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

#content .img-gallery
{
    float: right;
    width: 220px;
    min-height: 200px;
    padding: 0 0 0 5px;
}

#content .img-gallery .list
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#content .img-gallery .list ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#content .img-gallery .list ul li
{
    margin: 0;
    padding: 0;
}

#content .text-left .list ul
{
    margin: 0 0 10px;
    padding: 0;
}

#content .text-left .list ul li
{
    margin: 0 0 0 15px;
    padding: 0;
}

#content .text-left .list a.free-space
{
    padding-top: 20px;
}

#content .img-gallery .images
{
    float: left;
    margin-bottom: 10px;
    width: 215px;
}

#content .img-gallery .images p.intro
{
    margin-bottom: 10px;
}

#content .img-gallery .images ul
{
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

#content .img-gallery .images ul li
{
    float: left;
    width: 95px;
    margin: 0 10px 10px 0;
    padding: 0;
}

.person-name
{
    font-size: 80%;
    font-weight: bold;
}

#content .img-gallery .images ul li img
{
    margin: 0;
    padding: 0;
}

#wrapper-column-left
{
    width: 325px;
    float: left;
    padding: 0 10px 0 0;
    margin: 0 0 20px 0;
}

.item-column-left, .item-column-right
{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

#wrapper-column-right
{
    width: 325px;
    float: left;
    padding: 0;
    margin: 0 0 20px 0;
}

#content .item-column-left .text
{
    width: 95%;
    float: left;
}

#content #nieuws .text
{
    width: 330px;
    float: left;
}

#content .text p
{
    margin-bottom: 10px;
}

#content .text p a
{
    font-weight: normal;
}

#content .text p span a
{
    float: left;
    width: auto; /*padding:15px 0 0 0;*/
    font-size: 85%;
    font-weight: bold;
    border: none;
}

.item-column-left .text a
{
    font-size: 100%;
    color: #998466;
}

.item-column-left .text a:hover
{
    text-decoration: underline;
}

.item-column-left .text span
{
    margin-right: 20px;
}

#content .image
{
    float: right;
    width: 325px;
}

#content .image h2 a
{
    color: #d34f18;
    margin: 0 0 10px 0;
    padding: 0;
}

#bottom-text
{
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ef871e;
    margin: 10px 0 40px 0;
}

#bottom-text h3
{
    font-size: 115%;
    margin: 8px 0 0 0;
    color: #643e16;
    padding: 0;
}

ul.gallery
{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 500px;
}

ul.gallery img
{
    border: none;
}

ul.gallery li
{
    width: 155px;
    height: 105px;
    padding: 0;
    margin: 5px;
    float: left;
}

ul.gallery li img
{
    padding: 3px;
    border: 1px solid #ccc;
}

div.pages
{
    float: left;
    width: 100%;
}

/************** Nieuws Overvieuw ***************/
div#nieuws
{
    float: left;
    line-height: 130%;
    width: 100%;
}

h3
{
    font-size: 120%;
    color: #643e16;
}

.overvieuw
{
    margin: -30px 0 0 0;
}

div.datum
{
    font-size: 90%;
}

div#nieuws p a:hover
{
    text-decoration: underline;
}

div#nieuws #timeline
{
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px 0;
}

div#nieuws #timeline a.rss
{
    float: right;
    width: 20px;
    height: 20px;
    background: url(/images/RvB/rss.gif) no-repeat 100% 0;
}

div#nieuws #timeline ul.years
{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 30px;
    width: 600px;
    float: left;
}

div#nieuws #timeline ul.years li
{
    float: left;
    display: block;
    width: 70px;
    padding-top: 5px;
}

div#nieuws #timeline ul.years li a
{
    color: #999;
    text-decoration: none;
    font-size: 12pt;
    font-weight: bold;
}

div.item
{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    min-height: 100px;
}

div.item .text
{
    float: left;
    width: 300px;
    min-height: 100px;
}

div.item img
{
    float: left;
    margin-right: 15px;
    margin-top: 4px;
}

div.item p
{
    margin: 0;
}

div.item span a
{
    font-style: italic;
    color: #998466;
    padding-left: 10px;
    background: url(/images/a_light.gif) no-repeat 0 4px;
    text-decoration: none;
}

div.item span a:hover
{
    text-decoration: underline;
}

div.item span
{
    font-size: 95%;
}

div#nieuws .full
{
    width: 500px;
    float: left;
}

div.full p
{
    margin: 0 0 10px 0;
}

/***************** Contact ********************/
div#input_wrapper
{
    float: left;
    width: 100%;
}

p.example
{
    margin-bottom: 10px;
    color: #74512d;
    font-size: 85%;
    font-style: italic;
    float: left;
    width: 100%;
}

input#search
{
    width: 300px;
    float: left;
    margin-top: 1px;
    height: 17px;
}

input#btnsearch
{
    margin-left: 1px;
    float: left;
    width: 100px;
    height: 25px;
    padding-bottom: 10px;
}

div#map_canvas
{
    float: left;
    width: 100%;
    height: 400px;
}

div.googledir
{
    margin: 0 0 0 -5px;
    float: left;
}

div.googledir table
{
    width: 660px;
}

div.googledir table tr
{
    width: 100%;
    margin: 0;
    padding: 0;
}

/***************** Employee *******************/
div#employee
{
    float: left;
}

div#employee-info
{
    float: left;
    width: 105px;
    font-size: 85%;
}

div#employee-info img
{
    display: block;
}

div#employee-info p
{
    float: left;
}

div#employee img
{
    padding: 5px 25px 5px 0;
    float: left;
}

/****************** Project **********************/
h1.table-style
{
    margin-bottom: 20px;
}

table.table-style
{
    width: 98%;
    margin: 0;
    padding: 0;
}

table.table-style td
{
    padding-right: 14px;
    padding: 10px 10px 10px 0;
    vertical-align: top;
    border-top: 1px dashed #ccc;
    font-weight: bold;
}

table.table-style td.column-right
{
    font-weight: normal;
    padding-left: 25px;
}

table.table-style span
{
    display: block;
    font-weight: normal;
    padding-top: 14px;
}

#container img.align-right
{
    float: right;
    padding-left: 5px;
}

#content .width-resize
{
    width: 100%;
    padding-right: 30px;
}

/************** Search results ***************/
div.search-container
{
    width: 640px;
    float: left;
}

div.basic-search
{
    width: 100%;
    background: #eee;
    float: left;
    padding: 10px 0 10px 10px;
    clear: both;
}

span.img-space input
{
    float: left;
    margin-right: 30px;
}

span.img-space
{
    float: left;
}

.pro
{
    float: left;
    background: url(/images/RvB/project.gif) no-repeat 25px 2px;
}

.both
{
    float: left;
    background: url(/images/RvB/same-size.gif) no-repeat 25px 0px;
}

.pub
{
    background: url(/images/RvB/publication.gif) no-repeat 25px 2px;
}

div.advanced-search
{
    float: left;
    padding: 10px 0 10px 10px;
    background: #eee;
    width: 100%;
    margin-top: 10px;
}

div.advanced-search div.left-items
{
    float: left;
    width: 180px;
}

div.results ul
{
    float: left;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    width: 100%;
}

div.results ul li
{
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

div.results ul li div
{
    width: 20px;
    text-align: right;
    float: left;
    margin: 0px 5px 0 0;
}

div.results ul li img
{
    vertical-align: middle;
    margin: 3px 0 0 0;
}

div.results div
{
    float: left;
    width: 100%;
}

div.err-notfound
{
    padding-top: 10px;
}