/* Stylesheet (the unique combination of images,
colors, sizes, typography, and positioning) is copyright of Andarr B.V.
and may not be reproduced. 

Build by Whoooz! Webmedia (c) sep. 2007
=============================================================*/


body 
        {
        font:76%/140% Verdana, Helvetica, Arial, sans-serif; 
        font-size: 11px; 
        color: #666; 
        margin: 0; 
        padding: 0;
        }

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix
{
	height: 1%;
}

.clear 
        {
        clear: both;
        }

a 
        {
        text-decoration:none; 
        cursor: pointer; 
        cursor: hand; 
        color: #2f3550; 
        text-align: left;}

a:hover 
        {
        color: #001a51;
        }

#column a:hover 
        {
        color: #001a51; 
        text-decoration: underline;}

a:focus 
        {
        outline:0;
        }

.readmore 
        {
        display:block; 
        margin: -5px 0 15px 0px;
        padding-left: 10px;
        background: url(../images/bullet_smallbox.jpg) no-repeat left +5px; 
        }
        
.readmore a{
        color: #17233a;
}

.readmore a:hover 
        {
        color: #17233a;
        padding-right: 20px; 
        background: url(../images/readmore.jpg) no-repeat right center; 
}

#content img 
        {
        padding: 2px; 
        border: 1px #cccccc solid;
        }

img.left 
        {
        float: left; 
        margin: 4px 10px 0px 0;
        }

.threecol img.left 
        {
        float: left; 
        margin: 4px 5px 0px 0;
        }
        
img.right 
        {
        float: right; 
        margin: 4px 0px 0px 10px;
        }

ul.bullets {
		margin-bottom:10px;
}

ul.bullets li{
		margin-left: 25px;
        padding-left: 10px;
        background: url(../images/bullet_smallbox.jpg) no-repeat left +5px;
}

/* Global Layout 
=============================================================*/

#container 
        {
        margin: 0 auto; 
        text-align: left; 
        width: 850px;
        }

#header 
        {
        height: 135px; 
        padding-top: 10px; 
        width: 850px;
        }

#slideshow 
        {
        display:block;
        width: 850px; 
        height: 215px; 
        margin: 0 0 15px 0;
        overflow:hidden;
        }

#slideshow img 
        {
        padding: 0; 
        border: none;
        }

#beeldmerk 
        {
        height:120px; 
        width:85px; 
        float:left;
        }

#wrapper 
        {
        width: 850px; 
        background-color: #FFFFFF; 
        display: inline
        }

#content 
        {
        width: 850px;
        }



/* Top Navigatie
=============================================================*/

#topnavbox {
width: 760px;
float:right;
height: 102px;
margin:0;
}
#topnav 
        {
        color: #e5e4e1; 
        float:right; 
        font-size: 10px;
        width:760px;
        text-align: right;
        }

#topnav a 
        {
        color: #A09E94; 
        padding-left: 5px;
        
        
        }
        
#searchform {
		clear:both;
		float:right;  
	    z-index: 100; 
        visibility: visible;
        margin-top: 15px;}

#searchform input.textfield {  
        border: 1px #a09e94 dashed;
        font-size: 12px; 
        color: #b1b0a7;
        width:150px; 
        vertical-align: top;}

/* Navbar
=============================================================*/

#navbar 
        {
        font:76%/140% Verdana, Helvetica, Arial, sans-serif; 
        float:right; 
        font-size: 11px; 
        font-weight: bold; 
        text-align: right; 
        background-color: #ffffff; 
        margin:0; 
        padding: 0px; 
        width: 760px; 
        color: #f36e18; 
        text-transform: uppercase; 
        }

#navbar ul li a:link, #navbar ul li a:visited 
        {
        color: #f36e18; 
        text-decoration: none; 
        padding-left: 12px; 
        display: inline;
        }

#navbar ul li a:hover, #navbar ul li a.current 
        {
        text-decoration: overline;
        }

#navbar ul li 
        {
        margin: 0px; 
        padding: 0px; 
        list-style-type: none; 
        display: inline;
        }

#navbar ul 
        {
        margin: 0px; 
        padding: 0px;
        }

#footer 
        {
        background: #fff; 
        color: #e5e4e1; 
        background-position: center top; 
        clear: both; 
        height: 57px; 
        width: 850px; 
        margin: auto;
        }

/* Two column page
=============================================================*/

.twocol #contenttop{
width: 850px;
        border-top: 1px solid #e5e4e1; 
        border-bottom: 1px solid #e5e4e1; 
        margin: 0 0 15px 0; 
        padding: 0px; 
        height: 60px;
}


.twocol #column 
        {
        float:right; 
        padding: 0 28px 0 0; 
        margin-right: 0px; 
        width: 610px; 
        position: relative; 
        display:inline;
        text-align: justify;
        clear:none;
        }
 

/* Three column page
=============================================================*/

.threecol #column 
        {
        float:right; 
        padding: 0 18px 0 0; 
        margin-right: 0px; 
        width: 300px; 
        position: relative; 
        text-align: justify; 
        }

/* Sidebar
=============================================================*/

#sidebar 
        {
        float: right; 
        width: 210px; 
        font-size: 10px;
        }

* html #sidebar 
        {
        float: right; 
        width: 195px; 
        font-size: 10px;
        }

#nieuws, #vacatures, #businessunits, #breadcrumbs, #relatedcontent, #sidebar_box, #overandarr, #sidebar_box_extended, #test
        {
        padding-bottom: 15px;
        }
        
#diensten 
        {
        margin-top: 15px;
        }

#sidebar #nieuws .item 
        {
        width:210px;
        display:block;
        }

#sidebar #nieuws h3 
        {
        width:190px;
        display:block;
        height:24px;
        float:left;
        position:relative;
        }

#sidebar #nieuws .rssfeed 
        {
        display:block;
        width:16px;
        height:16px;
        margin: 4px 0;
  background-image: url(../images/rss-icon.jpg); 
  background-repeat: no-repeat;
  position:relative;
  float:left;
  }

#sidebar #nieuws .item span.date 
        {
        color: #f36e18;  
        width: 40px;
        float:left; 
        }

#sidebar #nieuws .item a 
        {
        display:block; 
        padding: 0 5px; 
        width: 160px;
        float:left;    
        }

#sidebar #nieuws .item a:hover 
        {
        background-color: #ffe3cb;
        }

#sidebar #vacatures ul li a 
        {
        display:block; 
        padding-left: 15px; 
        background: url(../images/bullet_arrows.jpg) no-repeat left +5px;
        }

#sidebar #vacatures ul li a:hover 
        {
        color: #f36e18;
        }

#sidebar #businessunits ul li a 
        {
        display:block; 
        padding-left: 15px; 
        background: url(../images/bullet_box.jpg) no-repeat left center;
        }

#sidebar #businessunits ul li a:hover 
        {
        color: #f36e18;
        }
        
#sidebar #overandarr ul li a 
        {
        display:block; 
        padding-left: 15px; 
        background: url(../images/bullet_box.jpg) no-repeat left center;
        }

#sidebar #overandarr ul li a:hover 
        {
        color: #f36e18;
        }

#sidebar #relatedcontent ul li a 
        {
        display:block; 
        padding-left: 15px; 
        background: url(../images/bullet_arrows.jpg) no-repeat left +5px;
        }

#sidebar #relatedcontent ul li a:hover 
        {
        color: #f36e18;
        }
        
#sidebar #sidebar_box ul li a, #sidebar #sidebar_box_extended ul li a 
        {
        display:block; 
        padding-left: 15px; 
        background: url(../images/bullet_arrows.jpg) no-repeat left +5px;
        }

#sidebar #sidebar_box ul li a:hover, #sidebar #sidebar_box_extended ul li a:hover 
        {
        color: #f36e18;
        }
        
#sidebar #breadcrumbs{

}

/* Page Titles
=============================================================*/

#contenttop h1, #contenttop h1 a 
        {
        color:#000000; 
        font-size:28px; 
        font-weight:normal; 
        margin: 0; 
        padding: 32px 0 15px 0; 
        text-decoration: none;
        }


/* Entries
=============================================================*/

.newsitem
        {
        margin: 0 0 10px 0; 
        }
        
p 
        {
        margin: 0 0 10px 0; 
        }

.quote 
        {
        font-size: 12px;
        margin: 0 0 10px 0; 
        font-family: Arial, sans-serif; 
        line-height: 20px; }
        
div.colofon{
padding: 10px;
background-color: #ffe2c8;  
}

/* Zoekresultaten
=============================================================*/
        
#column.searchresults .entry h4 {
margin: 0 0 10px 0;
padding: 0 0 0 15px;
background: url(../images/bullet_box.jpg) no-repeat left 5px;}

#column.searchresults .entry .resulttext {
margin: 0 0 10px 25px;}



/* Publicaties
=============================================================*/

.publicaties 
        {
        margin: 5px -2px; 
        padding: 0; 
        width: 620px; 
        float: left;
        }


.publicaties .itemcontent 
        {
        border-top: none; 
        padding: 0; 
        width: 620px; 
        float: left; 
        background-color: #e5e4e1;
        }

.publicaties .itemcontent .left 
        {
        padding-left: 5px; 
        float: left;
        }

.publicaties .itemcontent .right 
        {
        padding-right: 5px; 
        float: right;
        }

.publicaties .summary 
        {
        padding: 18px 0 0 0; 
        width: 434px; 
        w\idth: 432px;
        }

.publicaties h4 
        {
        border: none; 
        color: #000000; 
        font-family: "Arial Narrow", Arial; 
        font-size: 18px;
        line-height: 24px; 
        font-weight: normal; 
        height: auto; 
        margin: 0 0 7px 0; 
        padding: 0; 
        width: 400px
        }

.publicaties h4 span 
        {
        float: none; 
        color: #f36e18;
        }

.publicaties h4 span.split 
        {
        color: #555; 
        float: none; 
        font-size: 18px; 
        margin: 0px 8px;
        }

.publicaties .summary p
        {
	padding-right: 15px;
        }

.publicaties .summary p span 
        {
        color: #818181; 
        float: none;
        }

.publicaties .summary a 
        {
        float: none; 
        }

.publicaties .image 
        {
        padding: 15px 0 15px 5px; 
        height: 107px; 
        width: 156px; 
        w\idth: 156px; 
        overflow: hidden;
        }

.publicaties .imagecontainer 
        {
        height: 107px; 
        width: 150px; 
        text-align: center;
        }

.publicaties .imagecontainer a 
        {
        height: 107px; 
        width: 150px;
        }

.publicaties .imagecontainer a:hover 
        {
        display: block;
        }

.publicaties .imagecontainer img 
        {
        border:none;
        overflow:hidden; 
        float: none;
        }

.publicaties .imagecontainer a:hover img 
        {
        opacity: .3; 
        -moz-opacity: .3; 
        filter: alpha(opacity=30);
        }

/* Headings
=============================================================*/

h3 
        {
        font: normal 16px/24px Arial,Helvetica,sans-serif; 
        letter-spacing: 0px; 
        margin: 0 0 5px 0; 
        border-bottom: 1px #f2c9ad dashed;
        }

#column h3 
        {
		color: #f36e18;
        }

h3 a, h3 a:hover 
        {
        color: #f36e18;
        }

/* Forms
=============================================================*/

div.form p{
margin:0 0 4px 0;
}

span.label{
display:inline-block;
width: 120px;}

input.verplicht{ 
        background-color: #ecd3be;}


/* Footer
=============================================================*/

#footer a 
        {
        color: #A09E94; 
        padding-left: 5px;
        }

#footer .linksleft 
        {
        float: left; 
        height: 57px; 
        width: 425px; 
        padding-top: 20px; 
        border-top: 1px solid;
        }

#footer .linksright 
        {
        float: right; 
        height: 57px; 
        width: 425px; 
        padding-top: 20px; 
        border-top: 1px solid;
        }

#footer div.linksleft span 
        {
        height: 57px;  
        padding: 0; 
        text-align: left; 
        width: 450px; 
        }

#footer div.linksright span 
        {
        float: right; 
        height: 57px;  
        padding: 0; 
        text-align: right; 
        width: 300px; 
        }
        
        
.editbox 
        {
        float: left; 
        position: relative; 
        top: -50px;
        }
        
* html #sidebar #vacatures ul li a{
display:inline;
}

* html #sidebar #nieuws ul li a{
display:inline;
}

* html #sidebar #overandarr ul li a{
display:inline;
}

* html #sidebar #businessunits ul li a{
display:inline;
}

* html #sidebar #sidebar_box ul li a{
display:inline;
}

* html #sidebar #sidebar_box_extended ul li a{
display:inline;
}