
/* BEGIN GENERAL */
html, body { height:100%; }
img{ border: 0;}
*
{
	padding:0;
	margin:0;
}

body
{
    padding:0;
    margin:0;  
    font-size:11px;
    color:#58585a;  
    font-family: Calibri;  
    background: #686868 url("/images/project/bground.png.v=1") top center repeat-y;
}

form 
{ 

}

input, select, textarea
{

}

textarea 
{ 
	
}

/* END GENERAL */

/* BEGIN FOOTER */
div#footer  
{
    margin-left: 10px;
    margin-top: 10px;    
    padding-top: 7px;
    margin-right: 10px;
    height: 50px;
}

div#innerfooter
{
    margin-left: 160px;
    border-top:1px solid #b1bcc8;
    padding-top: 5px;
    width: 540px;
}

div#footer a:link,div#footer a:visited
{
    color: #58585a;
    text-decoration: none;
}

div#footer a:hover
{

}

div#footer a:active
{

}
div#innerFooterLeft {
    float: left;
}
div#innerFooterRight {
    float: right;
}
/* END FOOTER */

/* BEGIN HEADERS */
h1 {font-size:22px;color:#657a92;font-weight: normal;font-style:normal;padding:0;margin:0 0 16px 0; }
h2 {font-size:18px;color:#1A171B;font-weight: normal;font-style:normal;padding:0;margin:12px 0 12px 0;font-family: Calibri;}
h3 {font-size:18px;color:#657a92;font-weight: normal;font-style:normal;padding:0;margin:8px 0 8px 0; }
h4 {font-size:15px;color:#1A171B;font-weight: normal;font-style:normal;padding:0;margin:6px 0 6px 0; font-family: Calibri;}
h5 {font-size:15px;color:#657a92;font-weight: normal;font-style:normal;padding:0;margin:4px 0 4px 0; }
/* END HEADERS */

/* BEGIN TEKST */
p
{
	margin-top:0px;
    margin-bottom:15px;
    line-height:15px;
}

td p
{
	margin-top:0px;
    margin-bottom:15px;
    line-height:15px;
}

a:link, a:visited
{
    color: #006f8b;
    font-size: 11px;
    font-family: Calibri; 
    text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

a:active, a:visited, a:active
{
	color: #006f8b;
    font-size: 11px;
    font-family: Calibri;
}
/* END TEKST */
#wrapper {
    width: 960px; 
    margin: 0 auto;
    background-color: #ffffff;
    padding: 0 10px;
}
.footerShadow {
    width: 980px; 
    margin: 0 auto;
    background:url("/images/project/footerBground.png.v=1") left bottom no-repeat;
    height:10px;
}
#divTopMenu {    
    float: left;
    margin-top: 13px;
}
#divTalen {
    float: right;
    width: 47px;
}
.talen {
    float: right;
}
#header {
    height: 106px;
    width: 940px;
    margin-left: 10px;
    margin-right: 10px;
}
.divLogo {
    float: left;
    width: 160px;
    padding-top: 17px;
}
#headerRight {
    float:right;
    width:780px;
}
#headerRightTop 
{
    float: right;
    width: 495px;
}
#headerBottom 
{
    margin-top: 48px;
    height: 27px;
}
#headerBottomLeft{
    border-top:1px solid #b1bcc8;    
    width:435px;
    float:left;
    padding-top: 3px;
}

.Taal a:link{
    width:20px;
    height:19px;
    display: block;
    font-family: Calibri;
    color: #657a92;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 3px;
    text-decoration: none;
}

.Taal a:visited, .Taal a:active{
    color: #657a92;
}

.TaalSelected, .Taal a:hover {
    background: url("/images/project/taalbg.png") right top no-repeat;
    width:21px;
    height:22px;
    display: block;
    font-family: Calibri;
    color: #FFFFFF;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 3px;
    text-decoration: none;
}
/*home*/
#boxTop 
{
    margin-left: 10px;
    width:940px;
	height:330px;
    position: relative;
}
#boxTopLeft{
	width:800px;
	height:330px;
    display: block;
}
#boxTopSubmenu{
	width:120px;
	height:312px;
	background:url("/images/project/rightMenuRepeat.png") left top repeat-y;	
    padding-left: 20px;
    padding-top:18px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
}

#boxTopSubmenu a {
    color: #666666;
    font-size: 12px;
    text-decoration: none;
    display: block;
    margin-bottom: 6px;
    font-family: Calibri;
}
#boxTopSubmenu a:hover {
    color: #009bb5;
    font-size: 12px;
    cursor: pointer;
    background: url("/images/project/menuSelected.png.v=1") left center no-repeat;
    margin-left: -10px;
    padding-left: 10px;
}

#middleBoxes {
    margin-top: 20px;
}
.middlebox {
    width:220px;
    height: 49px;    
    float: left;
    display: block;
    margin-left: 20px;
}

.middlebox:first-child {
    width:220px;
    height: 49px;    
    float: left;
    display: block;
    margin-left: 10px;
}

.menuHoverItem {
    cursor: pointer;
}
#bottomBoxes {
    width: 940px;
    height: 170px;
    margin: 10px;
    margin-top: 20px;
}
#nieuwsBox 
{    
    width: 700px;  
    min-height: 170px;    
    float: left;
    border: 1px solid #8b9bad;
    background-color: #f6f6f6;
}
#nieuwsBoxInner
{
    width: 700px;       
    min-height: 170px;
    background: url("/images/project/nieuwsboxcorner.png.v=1") right bottom no-repeat;
    padding-right: 1px;
    margin-bottom: -1px;
    padding-bottom: 10px;
}
#snelsurfenBox 
{
    float: right;    
    border: 1px solid #8b9bad;
    width: 220px;  
    min-height: 170px;
    background-color: #f6f6f6;    
}
#snelsurfenBox a:link, #snelsurfenBox a:visited, #snelsurfenBox a:active{
    color: #006F8B;
    font-family: Calibri;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    text-decoration: underline;
}
#snelsurfenBoxInner
{    
    background: url("/images/project/nieuwsboxcorner.png.v=1") right bottom no-repeat;
    width: 220px;
    min-height: 170px;
    padding-right: 1px;    
    margin-bottom: -1px;
    padding-bottom: 10px;    
}
#snelSurfenBoxContent 
{
    padding-left: 15px;
}

*>#bottomBoxes {
    height:auto;
}
*>#nieuwsBox{
	height:auto;
}
*>#nieuwsBoxInner{
	height:auto;
}
*>#snelsurfenBox{
	height:auto;
}
*>#snelsurfenBoxInner{
	height:auto;
}
/*nieuwsbox*/
#nieuwsBoxNav {
    margin:0px; 
	padding:0px; 
	background: url("/images/project/nieuwsboxnav.png.v=1") left top no-repeat;
    height: 24px;
}
#nieuwsBoxInnerContent {
    margin-left: 15px;
}
#nieuwsBoxNav li:first-child
{
    list-style-type:none;
    float: left;    
    width: 240px;
    height: 20px;
    margin-top: 4px;
}

#nieuwsBoxNav li
{
    list-style-type:none;
    float: left;    
    width: 230px;
    height: 20px;
    margin-top: 4px;
}

#nieuwsBoxNav a:hover, #nieuwsBoxNav .selected
{
    background: url("/images/project/nbNavSelected.png.v=1") center bottom no-repeat;  
}

#nieuwsBoxNav > li:first-child a{        
    margin-left: 0px;
}
#nieuwsBoxNav a:link,  #nieuwsBoxNav a:visited, #nieuwsBoxNav a:active
{
    display:block;
    font-size:13px;
    font-family: Calibri;
    color: #ffffff;
    text-decoration: none;
    height: 20px;
    padding-left: 15px;
}
#snelsurfenBoxHeader
{
    display:block;
    font-size:13px;
    font-family: Calibri;
    color: #ffffff;
    text-decoration: none;
    padding-left: 15px;
    background: url("/images/project/snelsurfenBoxHeader.png.v=1") left top no-repeat;
    height: 20px;
    padding-top: 4px;
}

#boxTopSubmenu .selected {
    color: #009bb5;
    font-size: 12px;
    cursor: pointer;
    background: url("/images/project/menuSelected.png.v=1") left center no-repeat;
    margin-left: -10px;
    padding-left: 10px;
}

.boxTopLeftWide {
    background: url("/images/project/homeGreyBox.png.v=1") left top no-repeat;
    width: 940px;
    height: 330px;
}

.iconBlock {
    margin-left: 132px;
    padding-left: 38px;
    padding-top: 25px;
}
.iconBlock h2 {
    padding: 0px;
    margin: 0px;
}
.content {
    margin-left: 10px;
    margin-right: 10px;
}
#contentLeft {
    width:160px;
    float: left;
    min-height: 1px;
}

.leftmenu ul{
    list-style-type: none;
}
.leftmenu ul li{
    margin-bottom: 10px;
}
.leftmenu ul li a{
    color: #666666;
    text-decoration: none;
    font-size: 12px;
}
.leftmenu ul li a:hover {
    color: #009bb5;
    text-decoration: none;
    cursor: pointer;
    background: url("/images/project/menuSelected.png.v=1") left center no-repeat;
    margin-left: -10px;
    padding-left: 10px;
}
.leftmenu ul li span {
    color: #009bb5;
    text-decoration: none;
    cursor: pointer;
    background: url("/images/project/menuSelected.png.v=1") left center no-repeat;
    margin-left: -10px;
    padding-left: 10px;
    font-size: 12px;
}
.leftmenu a.selected {
    color: #009bb5;
    text-decoration: none;
    cursor: pointer;
    background: url("/images/project/menuSelected.png.v=1") left center no-repeat;
    margin-left: -10px;
    padding-left: 10px;
    font-size: 12px;
}
#contentMiddle {
    width: 540px;
    float: left;
}
#contentRight {
    width: 220px;
    margin-left: 20px;
    float: left;
}
#contentLeftWide {
    width:540px;
    padding-left: 160px;
    float: left;
}
#contentLeftWideDownload {
    width:544px;
    padding-left: 156px;
    float: left;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.breadcrumbs {    
    width: 780px;
    height: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 25px;
    padding-left: 160px;
    padding-bottom: 2px;
    border-bottom: 1px #eaeef2 solid;
    font-size: 10px;
}

.breadcrumbs img
{
    margin-top: 1px;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
}

.breadcrumbs img:first-child
{
    margin-top: 1px;
    margin-bottom: -7px;
    display: inline-block;
    padding-right: 10px;
    padding-left: 0px;
}

.breadcrumbs a:link,.breadcrumbs a:hover,.breadcrumbs a:visited
{
    text-decoration: none;
    color: #059db6;
    font-size: 10px;
}
.meerHome
{
    background: url("/images/project/newsline.png.v=1") left top no-repeat;
    display: block;    
    width: 650px;
    text-align: left;
    margin-top: 5px;
    padding-top: 5px;
}
.contentBlock {
    background: url("/images/project/paragraafBg.png.v=1") left top no-repeat;
    width: 540px;
    height: 85px;
    margin-bottom: 10px;
}
.contentBlockImage {
    width: 78px;
    height: 80px;
    float: left;
    padding-top: 2px;
    padding-left: 2px;
}
.contentBlockImageSmallRightTop {
    float: left;
    height: 72px;
    padding-left: 48px;
    padding-top: 13px;
    width: 32px;
}
.contentBlockImageEmpty {
    width: 78px;
    height: 78px;
    float: left;    
    padding-top:2px;
    padding-left: 1px;
}
.contentBlockContent 
{
    margin-top: 13px;
    height: 72px;
    width: 450px;
    float: left;
    margin-left: 10px;
}
/*higher*/
.contentBlockHigher {
    background: url("/images/project/partnerBox.png.v=1") left top no-repeat;
    width: 540px;
    height: 92px;
    margin-bottom: 10px;
}
/**/
.contentBlockTitle
{
       font-size: 13px;
    color: #58585a;
    font-weight: bold;
    text-decoration: none;
}

.contentBlockTitle a:link, a:visited
{
    font-size: 13px;
    color: #58585a;
    font-weight: bold;
    text-decoration: none;
}
.contentBlockTitle a:hover
{
    font-size: 13px;
    color: #58585a;
    font-weight: bold;
    text-decoration: underline;
}
.contentBlockMeer a:link, .contentBlockMeer a:visited, .contentBlockMeer a:active{
    color: #006f8b;
}
#contactinfoblock {
    margin-top: 14px;
    margin-bottom: 14px;
    width: 240px;
    font-weight: bold;
    color: #58585a;
    font-size: 13px;
}
#contactinfoblock a:link, #contactinfoblock a:visited, #contactinfoblock a:active {
    text-decoration: none;
    font-size: 13px;
}
#contactinfoblock a:hover{
    text-decoration: underline;    
}
#contactinfoblock table tr{
    height: 20px;
}
.divVorigeVolgende {
     position: relative;
    background: url("/images/project/vorigevolgende.png.v=1") left top no-repeat;
    width:79px;
    height: 15px;
    margin-top: -25px;
    right: 0;
    margin-left:461px;
    padding-left: 5px;
    padding-top: 3px;
}
.vorigevolgendenav {
    padding-left: 8px;
    padding-right: 8px;   
    display: block;
}
#persBlock{
    background: url("/images/project/realisatiebox.png.v=1") left top no-repeat;
}
#tabsuccesverhalen, #tabhistoires-de-reussite {
    margin-top: 10px;
}
#tabnieuwsbrief, #tabbulletin-d-information {
    margin-top: 10px;
}

#tabnieuwsbrief strong, #tabbulletin-d-information strong{
    color: #1A171B;
    font-weight: bold;
}
.partnerlogos
{
    margin-top: 9px;
    list-style-type: none;
}
.partnerlogos li{
    float: left;
    margin-right: 5px;
}
#homeTxtWide {
    margin-left: 10px;
    margin-right: 10px;
}
#lnkRemoteSupport {
    margin-left: 2px;
}
.loginLink {
    width:60px;
    text-align:right;
    display:inline-block;
}
.linkDisabled 
{    
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
    -moz-opacity:0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.homeBoxContent {
    margin-left: 120px;
    padding:10px 10px 10px 0px;
}
.homeBoxContentNoLeft {
    margin-left: 160px;
    padding:10px 10px 10px 0px;
    width: 560px;
}
.homeBoxContentText 
{
    margin-bottom: 10px;
}
.homeBoxContentLeft {
    float: left;
    width: 40px;
}
.homeboxContentRight {
    float: left;
    width: 750px;
}
.homeBoxContentBlock {
    float:left;
    width:140px;
}
.homeBoxContentBlockSmall {
    width: 90px;
    height: 90px;
    padding: 10px;
    float: left;
    text-align: center;
}
.homeBoxContentBlock a:hover, .homeBoxContentBlock a:visited, .homeBoxContentBlock a:active {
    color: #006F8B;
}

strong {
    font-weight: bold;
}
.homeBoxContentBlock .title {
    font-size: 10px;
    font-family: Calibri;
    font-weight: bold;
}
.homeBoxContentTitle {
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
}
.homeBoxContentIcon {
    float: left;
}
.homeBoxContentText h1 {
    margin-top: 5px;
}
.plusGreen {
    font-size: 14px;
    color: #009bb5;
    font-family: Calibri;
    margin-left: 3px;
}
