﻿/*quotes*/
.textBig { font-size:14px; font-weight:bold; color:#40BFE1;}
div.quote
{

    width       :   370px;
    line-height :   16px;
    position    :   absolute;
    float       :   right;
    margin-left:550px;
    text-align:right;
   
}

div.quote div.text{ padding:20px 1px 8px 0px; color:#40BFE1; font-size:12px; font-weight:bold; line-height:14px; height:100%;}
div.quote div.name{color:#40BFE1; font-size:10px; font-weight:normal; line-height:16px; padding-top:3px;}
/*quotes*/

#blueSeparator
{
    width:920px;
    background-color:#40BFE1;
    height:3px;
}
*html #blueSeparator
{
    width:920px;
    background-color:#40BFE1;
    height:1px;
}
.middle-splash{ width:980px; padding:0;float:left; margin-top:30px; }
.middle{ width:920px; padding:0;float:left; margin-top:30px; 
         background-image:url('images/bg-lightblue.gif');
         background-position:left top;
         background-repeat:repeat-y;}
  #navcontainer
        {
        margin: 0px;
        padding: 0px;        
        }

        #navcontainer ul
        {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: left;
        }

        #navcontainer ul li { float: left; }        
        #navcontainer ul li.separator
        {
        text-decoration: none;
        background: url(images/splash-nav-divider.gif) no-repeat top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 1px;        
        }
        #navcontainer ul li.separator2
        {
        text-decoration: none;
        background: url(images/1px-splash.gif) repeat-x top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 1px;        
        } 
        
        #navcontainer ul li.search
        {
        text-decoration: none;
        background: url(images/language.gif) no-repeat top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 220px;        
        } 
        
        #navcontainer ul li.home a
        {
        text-decoration: none;
        background: url(images/splash-nav-home-active.gif) no-repeat top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 64px;        
        }
        #navcontainer ul li.home a:hover
        {       
        background: url(images/splash-nav-home-active.gif) no-repeat top left;        
        }
        
        #navcontainer ul li.company a
        {
        text-decoration: none;
        background: url(images/splash-nav-bedrijven.gif) no-repeat top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 130px;        
        }
        #navcontainer ul li.company a:hover
        {
        background: url(images/splash-nav-bedrijven-active.gif) no-repeat top left;           
        }
        
        #navcontainer ul li.private a
        {
        text-decoration: none;
        background: url(images/splash-nav-particulier.gif) no-repeat top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 135px;        
        }
        #navcontainer ul li.private a:hover
        {
        background: url(images/splash-nav-particulier-active.gif) no-repeat top left;            
        }
        
        #navcontainer ul li.child a
        {
        text-decoration: none;
        background: url(images/1px-splash.gif) repeat-x top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 126px;        
        }
        #navcontainer ul li.child a:hover
        {
        background: url(images/1px-splash.gif) repeat-x top left;      
        }
        
        #navcontainer ul li.mynet a
        {
        text-decoration: none;
        background: url(images/splash-nav-myn4k.gif) no-repeat top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 148px;        
        }
        #navcontainer ul li.mynet a:hover
        {
        text-decoration: none;
        background: url(images/splash-nav-myn4k-active.gif) no-repeat top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 148px;        
        }
        
        #navcontainer ul li.pers a
        {
        text-decoration: none;
        background: url(images/1px-splash.gif) repeat-x top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 91px;        
        }
        #navcontainer ul li.pers a:hover
        {
        text-decoration: none;
        background: url(images/1px-splash.gif) repeat-x top left;
        float: left;
        margin: 0px;
        height: 39px;
        width: 91px;        
        } 

.buttonBoxPrivate{float:right; width:110px; height:25px; margin-top:113px; margin-right:10px;}
.buttonBoxPrivate a
{text-decoration: none;
 background: url(images/btn-particulier.gif) no-repeat top left;
 float: left;
 margin: 0px;
 height: 25px;
 width: 110px; }
 .buttonBoxPrivate a:hover
{text-decoration: none;
 background: url(images/btn-particulier-active.gif) no-repeat top left;
 float: left;
 margin: 0px;
 height: 25px;
 width: 110px; }

.buttonBoxChild{float:right; width:110px; height:25px; margin-top:113px; margin-right:10px;}
.buttonBoxChild a
{text-decoration: none;
 background: url(images/btn-kinderen.gif) no-repeat top left;
 float: left;
 margin: 0px;
 height: 25px;
 width: 110px; 
  cursor:pointer;}
 .buttonBoxChild a:hover
{text-decoration: none;
 background: url(images/btn-kinderen-active.gif) no-repeat top left;
 float: left;
 margin: 0px;
 height: 25px;
 width: 110px; 
  cursor:pointer;}
 
.buttonBoxMynet{float:right; width:110px; height:25px; margin-top:15px; margin-right:10px;}
*:first-child+html .buttonBoxMynet{float:right; height:25px; margin-top:15px; margin-right:10px; width:110px;}
* html .buttonBoxMynet{float:right; height:25px; margin-top:9px; margin-right:4px; width:110px;}
.buttonBoxMynet input
{text-decoration: none;
 background: url(images/btn-myn4k.gif) no-repeat top left;
 float: left;
 margin: 0px;
 height: 25px;
 width: 110px; border:0; }
 .buttonBoxMynet input:hover
{text-decoration: none;
 background: url(images/btn-myn4k-active.gif) no-repeat top left;
 float: left;
 margin: 0px;
 height: 25px;
 width: 110px; border:0;}


.buttonBoxComp{float:right; width:170px; height:25px; margin-top:15px; margin-right:10px;}
.buttonBoxComp a
{text-decoration: none;
 background: url(images/btn-bedrijven.gif) no-repeat top left;
 float: right;
 margin: 0px;
 height: 25px;
 width: 110px; }
 .buttonBoxComp a:hover
{text-decoration: none;
 background: url(images/btn-bedrijven-active.gif) no-repeat top left;
 float: right;
 margin: 0px;
 height: 25px;
 width: 110px; }
 
 /*DDL Languange*/
div.ddl{width:220px; height:39px; float:left; background-image:url('images/language.gif'); background-repeat:no-repeat;}
div.ddl div.control{float:left; width:170px; margin-top:10px; margin-left:42px; border:0;}
*html div.ddl div.control{float:right; width:168px; border:0; margin-right:5px;}
.dropdown{height:20px; border-color:White; width:169px;}
*html .dropdown{height:17px; border-color:White; width:168px;}
 
.buttonMynet4kids{float:right; height:25px; margin-top:15px; margin-right:10px;}
*:first-child+html .buttonMynet4kids{float:right; height:25px; margin-top:15px; margin-right:10px;}
* html .buttonMynet4kids{float:right; height:25px; margin-top:9px; margin-right:4px;}

/*footer   border-top:solid 1px #e1e1e1;*/
div.footer{float:left; background-image:url('images/footerline-repeater.gif'); background-position:top; background-repeat:repeat-x; padding:10px 5px 10px 5px; margin-top:20px; color:#828282; font-family:Arial; font-size:11px;  text-align:left; width:911px; height:40px;}
div.footer div.tellafriend{ float:left; width:115px; margin-right:10px; border-right:solid 1px gray;  text-decoration:underline;}
div.footer div.contact{ float:left; width:45px; margin-right:10px; border-right:solid 1px gray; text-decoration:underline;}
div.footer div.colophon{ float:left; width:45px; margin-right:10px; border-right:solid 1px gray; text-decoration:underline;}
div.footer div.terms{ float:left; width:125px; margin-right:10px; border-right:solid 1px gray;  text-decoration:underline;}
div.footer div.copyright{ float:right; width:125px; text-align:right; text-decoration:none;}
div.footer a{color:#828282;}

/* Box 3*/
div.box3{ width:521px; float:left;}
div.box3 a{color:#5e5e5e;font-weight:bold; text-decoration:underline;}
* html div.box3 {width:521px; float:left; margin-bottom:13px;} /*IE6*/
div.box3  div.header{width:100%;}
div.box3  div.header2{width:100%; background-color:#5E5E5E;}
div.box3  div.header h1{font-size:13px; line-height:13px; color:#40BFE1; padding:5px 15px 5px 0px; border-bottom:solid 1px #e1e1e1; line-height:20px; width:505px;}/*margin-bottom:10px;*/
div.box3  div.header h2{font-size:13px; color:#1368a1; padding:5px 15px 5px 0px;}
div.box3  div.header2 h1{font-size:13px; line-height:13px; color:#FFFFFF; padding:5px 15px 5px 5px; line-height:20px; width:505px;}/*border-bottom:solid 1px #e1e1e1;*/
div.box3 div.content{background-color:#FFFFFF; color:#5e5e5e; font-size:12px; width:450px; padding:10px 8px 5px 0px; line-height:14px; float:left; }
div.box3 div.content1{background-color:#FFFFFF;padding:10px 0px 15px 0px; color:#5e5e5e; line-height:14px;  font-size:12px; width:400px; }
div.box3 div.content2{background-color:#FFFFFF;padding:1px 1px 0px 0px; color:#5e5e5e; line-height:14px;  font-size:12px; float:left; width:500px; } /* using in intro news (with picture)*/
div.box3 div.content3{background-color:#FFFFFF;padding:0px 0px 0px 0px; color:#5e5e5e; line-height:14px;  font-size:12px; width:400px;}
div.box3 div.content4{background-color:#FFFFFF; border-top:0px; border:solid 1px #e1e1e1; color:#5e5e5e; font-size:12px; width:506px; padding:10px 8px 5px 5px; line-height:14px; }
div.box3 + div.box3 {width:521px; float:left;  margin-top:13px;}

/* left navigation */
/* active -> background:url('images/bedr-subnav-active.gif') no-repeat top left; 
   active:hover -> background:url('images/bedr-subnav-active.gif') no-repeat top left;
   link -> background:url('images/bedr-nav.gif') no-repeat top left;
   link:hover -> background:url('images/bedr-nav.gif') no-repeat top left; */
   
.tab {border-right:solid 1px #FFFFFF; float:left; font: 13px arial; margin-top:1px; color:#FFFFFF; width:180px; height:28px; }
.tab + .tab {border:0;}
A.activeLink
{color:#FFFFFF; cursor:pointer; font-weight:bold; float:left; text-decoration:none; padding:9px 0px 0px 10px; 
  width:180px; height:28px;background:url('images/overig-subnav-active.gif') no-repeat top left; }
A.activeLink:hover
{background-color:Transparent; font-weight:bold; float:left; color:#FFFFFF; padding:9px 0px 0px 10px; text-decoration:none; 
  width:180px; height:28px;background:url('images/overig-subnav-active.gif') no-repeat top left; }
A.link
{ color:#FFFFFF; cursor:pointer; float:left; text-decoration:none; padding:9px 0px 0px 10px; 
   width:180px; height:28px;}
A.link:hover
{ background-color:Transparent; float:left; color:#FFFFFF; padding:9px 0px 0px 10px; text-decoration:none;width:180px; height:28px;}
.subTabChild
{ background-color:#fcfcfc; width:178px; float:left; font: 12px arial; border-top:solid 1px #e1e1e1; border-left:solid 1px #e1e1e1; 
  border-right:solid 1px #e1e1e1;}
A.child 
{ background-color:Transparent; color:#5e5e5e; cursor:pointer; padding:6px 0px 0px 13px; width:170px; line-height:21px; 
  text-decoration:none;}
A.child:hover { color:#0C78C1; padding:6px 0px 0px 13px;  text-decoration:none;}
A.childActive
{background:url('images/bullet-subsubnav.gif') no-repeat 13px 9px; font-weight:bold; color:#1368a1; cursor:pointer; width:170px; 
 padding:6px 0px 0px 20px; line-height:21px; text-decoration:none;}
A.childActive:hover { color:#0C78C1; font-weight:bold; padding:6px 0px 0px 23px;  text-decoration:none;}
div.leftNavigation
{
    float:left;
    background-color:Transparent;
    width:180px;
    height:100%;
}
.leftNavigationPic
{
    float:left;
    background:url('images/subnav-image.jpg') no-repeat top left;
    background-color:#e3f4f4;
    width:180px;
    height:113px;
}

/* snelZoeken */
div.snelZoekenContainer
{
    width:180px;float:right;
}
div.snelZoeken 
{ 
     height:130px; float:left; width:180px;
    
}

.snelZoekenText
{ 
    padding-left:2px; font-size:11px; 
    background-color:Transparent; padding-bottom:4px; cursor:pointer;
    display:block; width:127px; 
}
.snelZoekenText:hover{ font-weight:bold; text-decoration:none;}        

* html .snelZoekenText
{ 
    padding-left:2px; font-size:11px; 
    background-color:Transparent; padding-bottom:4px; cursor:pointer;
    display:block; width:127px;
} 

div.snelZoeken div.head
{ 
    font-size:13px; 
    color:#5e5e5e; 
    /*border:solid 1px #e1e1e1;*/  
    height:18px; 
    background:url('images/header-right.gif') no-repeat top left; 
    font-weight:bold; 
    padding-top:6px; 
    padding-left:13px; 

 }    

div.snelZoeken .category 
{
    background: #FFFFFF url('images/dropdown-zoekproj.gif'); 
    font-size:11px; line-height:14px; color:#40BFE1;
    background-position:10px 10px; background-repeat:no-repeat; width:129px;
    padding-left:27px; padding-top:8px;
    cursor:pointer; 
    border:solid 1px #e1e1e1;
    border-top:0px;
    width:151px;
    height:25px; 
}

.snelZoekenPanel
{ 
    border-left:dotted 1px #e1e1e1;  border-right:dotted 1px #e1e1e1; border-bottom:dotted 1px #e1e1e1; background-color:#FFFFFF; width:150px;
}
a.lnkSnelZoeken{margin:0px 0 0px 0px;
	display: block;
	color: #5e5e5e;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 0px 4px 20px;
	white-space: nowrap;
	background-color:#FFFFFF;
	width:130px;
	}
a.lnkSnelZoeken:hover{ font-weight:bold; cursor:pointer; text-decoration:none;}
* html a.lnkSnelZoeken:hover{ text-decoration:none; font-weight:bold; cursor:pointer; background-color:#FFFFFF;}

/*map*/

div.mapPicture
{
    width:180px;float:right;height:123px;
}
div.mapPicture a
{
    background:url('images/map.jpg') no-repeat top left;
    width:180px;float:right;height:123px;
    text-decoration:none;
}
div.head
{
    font-size:13px; 
    color:#5e5e5e;      
    height:18px; 
    background:url('images/header-right.gif') no-repeat top left; 
    font-weight:bold; 
    padding-top:6px; 
    padding-left:13px; 
}
div.rightContent
{
    float:left;
    background-color:#FFFFFF;
    /*width:740px;*/
    height:100%;
}

div.innerLeftContent{width:550px; float:left; padding:0px 0px 17px 10px; font-size:24px; height:100%;}/*margin-left:10px; margin-right:10px;*/

/*Form*/
.inputForm{width:250px; font-size:11px; font-family:Arial; padding:0 5px 0 2px; border:solid 1px #e1e1e1;}
.form{ vertical-align:top; width:100%;}
.formHeader{width:100px; padding:5px 5px 0 0px; height:25px; float:left;}
.formItem{ width:300px; float:right; height:30px; padding-left:10px;}
.loginlabel{ background-color:#d5bed8; text-align: left;}
.statusLabel{width:240px;float:left;text-align:left;height:25px; font-weight:bold; color:#DD1821; padding-left:10px;}
.formHeaderPwdRec{width:70px; padding: 5px 5px 0px 0px; height:25px; float:left;}
*:first-child+html .formHeaderPwdRec{width:70px; padding:6px 5px 0px 2px; height:25px; float:left;}
.formItemPwdRec{ width:400px; float:left; height:30px; padding-left:10px; padding-top:8px;}
*:first-child+html .formItemPwdRec{ width:400px; float:left; height:30px; padding-left:10px; padding-top:6px;}
.pnlSent{float:left; margin-bottom:4px;}
*:first-child+html .pnlSent{float:left; padding:0px 0px 4px 10px; margin-top:0px; height:15px;}
.forgotEmailLbl{ width:350px; float:left; padding-left:4px; margin-bottom:8px;}
*:first-child+html .forgotEmailLbl{ width:350px; height:15px; float:left; padding-left:4px; padding-bottom:8px;}

.inputForm {
border:1px solid #E1E1E1;
font-family:Arial;
font-size:11px;
padding:0 5px 0 2px;
width:250px;
