/*porfolioButtons*/

div#boxPortfolio {
width:560px;
}

div.butSelect {
float:left;
display:block;
height:150px;
width:124px;
background-image:url(../afbeeldingen/butSelectBg.jpg);
background-repeat:no-repeat;
background-position:0px 0px;
padding:0px 8px 10px 8px;
}

div.butSelect a {
display:block;
height:150px;
width:124px;
font-size:7.05pt;
text-transform:uppercase;
color:#666!important;
text-decoration:none!important;
font-weight:bold;
}

div.butSelect a:hover {
color:#222!important;
}

div.butSelect img {
border:0;
margin:0px -3px 3px -3px;
}




/*text-styles*/


.kop {
margin: 20px 0px 0px 52px;
}


#content p {
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 130%;
}

#content h1 {
font:100 18px Arial, Helvetica, sans-serif;
line-height:22px;
letter-spacing: 0.03em;
margin:0px;
padding:0px;
}

#content h2 {
font:normal 13px Arial, Helvetica, sans-serif;
letter-spacing: 0.05em;
color: #183DB0;
margin-bottom: -9px;
padding-top: 10px;
}

#content h3 {
font: bold 11px verdana, tahoma, arial, helvetica, sans;
line-height:13px;
margin-bottom: -6px;

}

h4 {
font: 15px verdana, tahoma, arial, helvetica, sans;
}

h5 {
font: normal 10px verdana, tahoma, arial, helvetica, sans;
line-height:13px;
color:#222;
}

h6 {
font: italic 9px georgia, times, times new roman, serif;
}

#content a { 
color: #EB5F17;
text-decoration: none;
}

#content a:hover { 
text-decoration: underline;
color: #EB5F17; 
}

#content ul {
padding:0px!important;
margin:0 0 0.75em!important;
list-style-type:none!important;
}

#content ul li {
padding-left:0;
margin-left:20px;
list-style-type:disc;
}



a.lees-verder,
.lees-verder a {
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
display: block;
height: 20px;
background: url(../afbeeldingen/pijl-oranje.gif) no-repeat;
background-position:0px -1px;
padding: 0px 0px 0px 20px;
margin: -5px 0px 3px 237px;
}
*:first-child+html .lees-verder a{
padding: 0px 0px 0px 21px;
margin: 8px 0px 0px 235px;
}
*html .lees-verder a{
padding: 0px 0px 0px 21px;
margin: 8px 0px 0px 235px;
}


/*sidebar*/
#sidebar p {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height:15px;
color:#666;
padding:0px 5px;
margin-bottom:-5px;
 }
 
#sidebar a {
color:#444;
text-decoration: none;
}

#sidebar a:hover{
text-decoration: underline;
}


/*footer*/
#footer p {
font: normal 9px verdana, tahoma, arial, helvetica, sans;
}

#footer a {
font: normal 9px verdana, tahoma, arial, helvetica, sans;
color: #555;
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}



.pdf-download {
background: url(../afbeeldingen/pdf-icon.jpg) no-repeat left;
background-color: #EEE;
padding-left: 52px;
padding-top: 10px;
padding-bottom: 20px;
margin-top: 10px;
}

.line {
border-top: #999 dotted 1px;
margin:10px 0 0;
}

.line-top {
border-bottom: #999 dotted 1px;
padding-top: 15px;}

.image_right {
margin: 5px 0px 10px 12px;
}

.image_left {
float:left;
margin: 5px 12px 5px 0px;
}

.clearLeft {
clear:left;
}


#image-box img {
margin-right: 10px;
margin-bottom: 10px;
}



/*tables*/

#content table {
font: normal 11px verdana, tahoma, arial, helvetica, sans;
line-height: 108%;
color: #555; 
border: 0;
}

.tableLines table {
font: normal 11px verdana, tahoma, arial, helvetica, sans;
line-height: 108%;
color: #555; 
border: 0;
margin-top: 20px;
}

.tableLines th {
color: #FFF;
background-color: #AAA;
text-align: left;
border-bottom: 2px solid #777;
padding: 3px;
}

.tableLines td {
padding: 3px 3px 13px 3px;
border-bottom: 1px solid #999;
}

/*sidebar-buttons*/

.but-vacatures a {
display:block;
width:270px;
height:70px;
background:url(../afbeeldingen/sidebarBannersVacatures.png) no-repeat 0 0;
}

.but-vacatures a:hover {
background-position: 0 -66px;
}

.but-presentatie a {
display:block;
width:270px;
height:70px;
background-image:url(../afbeeldingen/banner-presentatie_01.gif);
background-repeat:no-repeat;
}

.but-presentatie a:hover {
background-image:url(../afbeeldingen/banner-presentatie_01-over.gif);
background-repeat:no-repeat;
}
.but-cg a {
display:block;
width:270px;
height:70px;
background-image:url(../afbeeldingen/banner-creatiefgezien.jpg);
background-repeat:no-repeat;
}

.but-cg a:hover {
background-image:url(../afbeeldingen/banner-creatiefgezien-over.jpg);
background-repeat:no-repeat;
}

.but-contour a {
display:block;
width:270px;
height:70px;
background:url(../afbeeldingen/sidebarBannersContour.png) no-repeat 0 0;
}

.but-mobpromo a {
display:block;
width:270px;
height:70px;
background:url(../afbeeldingen/sidebarBannersMobPromo.png) no-repeat 0 0;
}

.but-contour a:hover,
.but-mobpromo a:hover {
background-position: 0 -66px;

}

.but-ph-hee a {
display:block;
width:270px;
height:70px;
background:url(../afbeeldingen/sidebarBannersBallon.png) no-repeat 0 0;

}

.but-ph-hee a:hover {
background-position: 0 -66px;

}

/*vorig-volgende button*/
.vvBut ul {
list-style:none;
}

.vvBut li {
display:inline;
}
.vvBut li a {
width:50px;
height:17px;
background-image:url(../afbeeldingen/vorig-volgen-bg.jpg);
background-repeat:repeat-x;
background-position:0px 0px;
padding:2px 20px 3px 20px;
text-align:center;
color:#444 !important;
font:normal 10px Arial, Helvetica, sans-serif;
text-decoration:none;
font-variant:small-caps;
letter-spacing:0.05em;
}

.vvBut li a:hover {
background-position:0px -17px;
color:#FFF !important;
text-decoration:none !important;
}

/*portfolio-button*/
.butPortfolio a {
display:block;
height:60px;
width:150px;
float:right;
background-image:url(../afbeeldingen/portfolio.jpg);
background-repeat:no-repeat;
background-position:center;
}

.butPortfolio a:hover {
background-image:url(../afbeeldingen/portfolio-over.jpg);
}

/*tag-cloud*/

div#tagCloud {
margin-bottom:40px;
}

div#tagCloud a {
color: #555; 
text-decoration: none;
padding:0 3px;
}

div#tagCloud a:hover {
color:#FFF;
background-color:#555;
text-decoration: none;
}

div#tagCloud .tag01 {
font-size:10.95pt;
}

div#tagCloud .tag02 {
font-size:9.65pt;
}

div#tagCloud .tag03 {
font-size:8.5pt;
}


/*volg ons*/

a.twitter {
display:block;
height:50px;
width:132px;
float:left;
background: url(../afbeeldingen/volgonsTwitter.png) no-repeat 0 0;
margin-left:1px;
}

a.twitter:hover {
background-position: 0 -49px;
}

a.hyves {
display:block;
height:50px;
width:132px;
float:left;
background: url(../afbeeldingen/volgonsHyves.png) no-repeat 0 0;
margin-left:2px;
}

a.hyves:hover {
background-position: 0 -49px;
}

/*persberichten*/

p.datum {
float:right;
background:#EB5F17;
color:#F9DBCD;
padding:1px 5px 2px;
margin:3px 0 0;
}

a.downloadlink {
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
display: block;
height: 20px;
background: url(../afbeeldingen/pijl-oranje.gif) no-repeat;
background-position:0px -1px;
padding: 0px 0px 0px 20px;
}




