﻿*{padding:0; margin:0;}

div.breadcrumb
{
    width:920px;float:left; background-color:White; height:25px; padding-top:5px; 
}
.panelSentText
{
    float:left;
    text-align:left;
    height:20px;
    line-height:17px;
    width:100%;
}
.left-anbi
{
    float:left;
    padding:10px 20px 10px 25px;
    margin-top:10px;
    height:113px;
    width:140px;
}
a.pdflink{float:left;text-decoration:underline;color:#5E5E5E;cursor:pointer;}
/*form*/
.inputForm{width:250px; color:#5E5E5E; font-family:Arial; font-size:12px;line-height:14px; height:17px; padding:0 5px 0 2px; border:solid 1px #5e5e5e;}
.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:#87579d; 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;}


/*footer   border-top:solid 1px #e1e1e1;*/
div.footer{float:left; background-image:url('../images/front/common/footerline-repeater.gif'); background-position:top; background-repeat:repeat-x; padding:10px 5px 10px 5px; 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;}

/* General styles */

a.node
{
    color:#787878; font-size:11px; text-decoration:underline; font-family:Arial;
}
a.node:hover
{
    color:#787878; font-size:11px; font-weight:bold; text-decoration:none; font-family:Arial;
}
a.lastNode
{
    color:#b0b0b0; font-size:11px; text-decoration:none; font-family:Arial;
}

body 
{
    /*background-color:#FFFFFF;*/
    color:#000000;
    font-family:Arial;
    font-size:11px;
    line-height:14px;
    background-image:url('../images/front/version4/bg-repeater.jpg');
    background-position:top;
    background-repeat:repeat-x;     
}
#wrapper
{
  width: 920px;   
  background-image:url('../images/front/version4/bg.gif'); 
  background-repeat:no-repeat;
  margin:0 auto;
  height:100%;
}
* html #wrapper
{
  width: 920px;
  background-repeat:no-repeat;   
  margin:0 auto;
  height:100%;
  background-image:url('../images/front/version4/bg.gif');
  background-repeat:no-repeat;
}
div.topHeader
 {

  height:94px;
  background-color:Transparent;
  padding:0; margin:0; border:0px;
  width:1024px;
  margin-right:150px;
}
*:first-child+html div.topHeader
 {

  height:94px;
  background-color:Transparent;
  padding:0; margin:0; border:0px;
  width:920px;
}
* html div.topHeader
 {

  height:94px;
  background-color:Transparent;
  padding:0; margin:0; border:0px;
  width:920px;
}
.topHeader_left
{
    background-color:Transparent; 
    padding:0px;
    width:225px; 
    height:94px;
    float:left;
    position:absolute;
    border:0;
}
.topHeader_left a
{   
    width:225px; 
    height:94px;
    float:left;
    text-decoration:none;
    background-image:none;    
}
.mynetLoginHeader
{
    width:165px; float:right; font-family:Arial; font-size:12px; height:16px; font-weight:bold; margin-right:5px; text-align:left; color:#5e5e5e;
}
.mynetUpperTb
{
    float:left; margin-left:7px; margin-top:6px; height:20px; width:165px;
}
.mynetLowerTb
{
    float:left; margin-left:7px; margin-top:5px; height:25px; width:165px; height:20px;
}
*:first-child+html div.mynetUpperTb
{
    float:left; margin-left:3px; margin-top:6px; height:20px; width:165px;
}
*:first-child+html div.mynetLowerTb
{
    float:left; margin-left:3px; margin-top:5px; height:25px; width:165px; height:20px;
}
*html div.mynetUpperTb
{
    float:left; margin-left:3px; margin-top:6px; height:20px; width:165px;
}
*html div.mynetLowerTb
{
    float:left; margin-left:3px; height:25px; margin-top:3px; width:165px; height:20px;
}
.mynetHyper
{
 float:left; margin-right:5px; font-family:Arial; font-weight:bold; font-size:12px; text-align:right; margin-top:5px; height:13px; width:165px;
}
.mynetHyper a
{
    color:#86579d;
   
}
a.mynet-home
{
    color:#87579D!important;font-weight:bold;text-decoration:underline!important;font-size:13px!important;
    /*color:#87579D;font-weight:bold;text-decoration:underline;font-size:13px;*/
}
a.mynet-home:hover
{
    /*color:#87579D;font-weight:bold;text-decoration:none;font-size:13px!important;*/
    color:#87579D;font-weight:bold;font-size:13px;
}

#subTabs{width:920px; float:left; height:20px;}
*html #subTabs{width:925px; float:left; height:20px;}

div.upperLeft{width:363px; height:249px; border:solid 1px #e1e1e1; float:left; margin-right:5px;}
div.upperLeft div.text{ float:left; width:342px; text-align:left; font-family:Arial; margin:0px 0px 0px 9px; color:#5e5e5e; font-size:12px;}
div.upperLeft div.text p{margin-bottom:5px;}
div.upperLeft h1{ font-family:Arial; font-size:16px; height:22px; width:310px; color:#5e5e5e; padding:9px 0px 0px 9px;}
*:first-child+html div.upperLeft h1{ font-family:Arial; font-size:16px; height:14px; width:300px; color:#5e5e5e;padding: 9px 0px 7px 8px}
div.upperRight{ width:550px; height:251px; background-image:url('../images/front/version4/image.jpg'); float:left;}
div.upperRight div.text{width:500px; float:left; text-align:left; margin-top:210px; margin-left:9px; color:#ffffff; font-family:Arial; line-height:14px; font-size:15px;}
*:first-child+html div.upperRight div.text{width:500px;  float:left; text-align:left; padding:3px 0px 0px 0px; color:#ffffff; font-family:Arial; line-height:16px; height:33px; font-size:15px;}
* html div.upperRight div.text{width:500px;  float:left; text-align:left; padding:3px 0px 0px 0px; color:#ffffff; font-family:Arial; line-height:18px; height:33px; font-size:15px;}

/*middle content*/
div.midContent{float:left; margin-top:3px; width:925px;}
div.midContent a{font-family:Arial; font-size:15px; font-weight:bold; color:White; text-decoration:none;}
div.midContent div.company{width:365px; height:227px; background-image:url('../images/front/version4/box-bedrijven.jpg'); background-repeat:no-repeat; float:left; margin-top:3px; margin-right:5px;}
div.midContent div.textBoxL{float:right; clear:both; width:197px; height:140px; font-family:Arial; font-size:12px; color:#5e5e5e; margin-top:5px; margin-right:5px;}
*:first-child+html div.midContent div.textBoxL{float:right; clear:both; width:177px; height:140px; font-family:Arial; font-size:12px; color:#5e5e5e; margin-top:5px; margin-right:9px;}
div.midContent div.textBoxS{float:left; width:155px; height:43px; font-family:Arial; font-size:12px; color:#5e5e5e; margin-left:10px; margin-top:5px;}
*html div.midContent div.textBoxS{float:left; width:155px; height:43px; font-family:Arial; font-size:12px; color:#5e5e5e; margin-left:5px; margin-top:5px;}
div.midContent  h1{ padding:9px 0px 9px 10px; font-family:Arial; font-size:15px; font-weight:bold; color:White;}
div.midContent div.private{width:180px; height:227px; background-image:url('../images/front/version4/box-particulier.jpg');background-repeat:no-repeat; float:left; margin-top:3px; margin-right:5px;}
div.midContent div.children{width:180px; height:227px; background-image:url('../images/front/version4/box-kinderen.jpg');background-repeat:no-repeat; float:left; margin-top:3px; margin-right:5px;}
div.midContent div.mynet4kids{width:180px; height:227px; background-image:url('../images/front/version4/box-myn4k.jpg');background-repeat:no-repeat; float:left; margin-top:3px; }

/*logo*/
div.logoBox{float:left; border:solid 1px #e1e1e1; height:50px; width:918px; margin-top:5px;color:#5e5e5e; font-family:Arial; font-size:12px; font-weight:bold;}
div.logoBox div.text{float:left; width:100px; padding:20px 0px 20px 11px;}
div.logoBox div.images{float:left; width:65px; padding:10px 0px 20px 0px; margin-right:37px;}
div.logoBox div.lastImages{float:left; width:65px; padding:10px 0px 20px 0px;}



#tabMaster
{
    line-height: 1px;
    font-size: 1px;
    float: left; 
    width:700px;
    
}
*html #tabMaster
{
    line-height: 1px;
    font-size: 1px;
    float: left; 
    width:700px;
}
/**:first-child+html#tabMaster{content: ".";display: block;line-height: 1px;font-size: 1px;clear: both;width:700px;}*/
/**:first-child+html #tabMaster a{color:inherit; clear:both;}*/
#tabMaster img{border:0;}



.panelHide
{
    position    :   absolute;
    display     :   none; 
    visibility  :   hidden;
}

/*Middle content*/


/*Banner*/
.pnlBanner
{
    float:right; width:180px; margin-top:10px;
}
.pnlBanner a{float:right; width:180px; border:0; margin-bottom:10px;}

div.innerRight
{
    float:right; width:180px; margin:0px; padding:3px 0px 0px 0px; background-color:#FFFFFF; height:100%;margin-bottom:17px; 
}
div.list 
{
    float:left;
    font-size:12px;
    line-height:14px;
    margin-bottom:8px;
    overflow:visible;
    width:513px;
}

div.list div.text
{
    float:left;
    height:100%;
    line-height:14px;
    overflow:visible;
    padding-left:0;
    width:334px;
}

.cartFooter{ border-top:solid 1px #E1E1E1; padding:1px 3px 2px 3px; vertical-align:middle;}
.cartFooter input{background:url('../images/front/nl/bijwerken.gif') no-repeat top left;width:86px; height:17px;}
.cartFooter input:hover{background:url('../images/front/nl/bijwerken-overstate.gif') no-repeat top left;width:86px; height:17px;}
.cartHeader{ color:#FFFFFF; background-color:#5e5e5e; text-align:left; padding-left:2px;margin-bottom:5px;}
.cartItem{ margin-top:5px;}
.cartItem-pad{ margin-top:5px; padding-bottom:5px;}

.cartSubItem{width:100%; height:20px; vertical-align:bottom;}

/*Box Cart*/
div.boxCart{ width:540px; float:left;}
div.boxCart a{color:#5e5e5e;font-weight:bold; text-decoration:underline;}
* html div.boxCart {width:544px; float:left; margin-bottom:13px;} /*IE6*/
div.boxCart  div.header{width:100%;}
div.boxCart  div.header2{width:100%; background-color:#5E5E5E;}
div.boxCart  div.header h1{font-size:13px; line-height:13px; color:#1368a1; padding:5px 15px 5px 0px; border-bottom:solid 1px #e1e1e1; line-height:20px; width:505px;}/*margin-bottom:10px;*/
div.boxCart  div.header h2{font-size:13px; color:#1368a1; padding:5px 15px 5px 0px;}
div.boxCart  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.boxCart div.content{background-color:#FFFFFF; color:#5e5e5e; font-size:12px; width:450px; padding:10px 8px 5px 0px; line-height:14px; float:left; }
div.boxCart div.content1{background-color:#FFFFFF;padding:10px 0px 15px 0px; color:#5e5e5e; line-height:14px;  font-size:12px; width:400px; }
div.boxCart 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.boxCart div.content3{background-color:#FFFFFF;padding:0px 0px 0px 0px; color:#5e5e5e; line-height:14px;  font-size:12px; width:400px;}
div.boxCart div.content4{background-color:#FFFFFF; border-top:0px; border:solid 1px #e1e1e1; color:#5e5e5e; font-size:12px; width:525px; padding:10px 8px 5px 5px; line-height:14px; }
div.boxCart + div.boxCart {width:521px; float:left;  margin-top:13px;}
  
div.btnDelete{width:25px; height:17px; margin-top:18px;}
div.btnDelete input{width:25px; height:17px;background:url('../images/front/nl/btn-verwijderen.gif') no-repeat 5px 0px;}
div.btnDelete input:hover{width:25px; height:17px;background:url('../images/front/nl/btn-verwijderen-overstate.gif') no-repeat 5px 0px;}

/*div.boxCart + div.boxCart {width:521px; float:left;  margin-top:13px;}*/
.intro_text{ float:left; width:310px; padding:10px 5px 8px 7px; }
.intro_text a{color:#5e5e5e;font-weight:bold;text-decoration:underline;}
.intro_image{float:right; width:165px;}
div.tekst {width:513px; font-size:12px; color:#5e5e5e; line-height:14px; padding:10px 0px 15px 0px; }
.lineSeparator { float:left; width:502px; margin-top:15px; height:5px; border-top:solid 1px #e1e1e1;}
*html .lineSeparator { float:left; width:500px; margin-top:15px; height:5px; border-top:solid 1px #e1e1e1;}
.lineSeparator2 { float:left; width:502px; margin-top:5px; height:5px; border-top:solid 1px #e1e1e1;}
.lineSeparator3 { float:left; width:100%; margin-top:20px; height:5px; border-top:solid 1px #e1e1e1;}
.pnlSeparate{float:left;width:100%;height:10px;}


div.btnSend{text-align:right;float:right; width:100%; height:25px; margin-top:10px; margin-bottom:10px;}
div.btnSend input{text-align:right;float:right;width:120px; height:25px;background:url('../images/front/nl/verstuur.gif') no-repeat top left;}
div.btnSend input:hover{text-align:right;float:right;width:120px; height:25px;background:url('../images/front/nl/verstuur-overstate.gif')no-repeat top left;}


/*DDL*/
.projectDDL{ background-color:#FFFFFF; margin:2px 10px 2px 0px; font-size:11px; color:#5E5E5E; line-height:18px;}
.dropdown{height:20px; border-color:White; width:169px;font-size:11px; color:#5E5E5E;}
*html .dropdown{height:17px; border-color:White; width:168px;font-size:11px; color:#5E5E5E;}

div.emptySpace
{
    float:left;
    background-color:Transparent;
    width:180px;
    height:30px;
}

/* News */
div.news {background-color:#FFFFFF; float:left; width:100%; margin-bottom:8px; }
*:first-child+html div.news{background-color:#FFFFFF; float:left; width:100%; margin-bottom:8px;}
* html div.news{background-color:#FFFFFF; line-height:14px; height:100%; float:left; width:100%; margin-bottom:5px;} /*IE 6*/

div.news div.date{float:left; width:120px; overflow:visible;} /*FF */
*:first-child+html div.news div.date {float:left; width:120px; overflow:visible; padding:0; } /*IE7*/
* html div.news div.date {float:left; width:120px; overflow:visible; padding:0; } /*IE6*/

div.news div.title{width:325px; float:left; overflow:visible; line-height:14px; padding:0px 0 0px 0px;} /*FF*/
*:first-child+html div.news div.title{width:330px; float:left; overflow:visible; line-height:14px; padding:0px 0 0px 0px;cursor:pointer;} /*IE7*/
* html div.news div.title{ width:330px; float:left; line-height:14px; padding:0; height:100%; cursor:pointer;} /*IE 6*/
* html div.news div.title a:hover{ text-decoration:underline; cursor:pointer; display:block;} /*IE 6*/
* html div.news div.title a{ text-decoration:none; cursor:pointer; display:block;} /*IE 6*/


.newsText{ background-color:#FFFFFF; 
    height:520px; overflow:auto; width:700px; padding:5px 5px 8px 5px; border:dotted 1px #DD1821; 
     }
.newsHide{ display:none;}
.newsClose{ width:680px; height:8px; background-color:Transparent; float:left; text-align:right; vertical-align:top;}

div.newsBack { height:13px; width:88px; padding-right:15px; float:right;text-align:right;}
*html div.newsBack { height:13px; width:78px; float:right;text-align:right;}
div.newsBack input{height:13px; width:73px; float:right;background:url('../images/front/version4/btn-terug.gif') no-repeat top left;}
div.newsBack input:hover{height:13px; width:73px; float:right;background:url('../images/front/version4/btn-terug-overstate.gif') no-repeat top left;}
.newsDetailTitle { font-weight:bold; color:#000000; font-size:12px;}

div.newsBack-inside { height:13px; width:88px; float:right;}
*html div.newsBack-inside { height:13px; width:78px; float:right;}
div.newsBack-inside input{height:13px; width:73px; float:right;background:url('../images/front/version4/btn-terug.gif') no-repeat top left;}
div.newsBack-inside input:hover{height:13px; width:73px; float:right;background:url('../images/front/version4/btn-terug-overstate.gif') no-repeat top left;}

.modalBackground
{
    background-color:#6e6c6c; 
	filter              :   alpha(opacity=70);
	opacity             :   0.7;
}
table.mynetpnl_login
{
    width:180px;
    height:100%;
    margin-bottom:10px;
    border:solid 1px # #E1E1E1;
    background-image:url('../images/front/common/paars.gif');
    background-repeat:repeat-y;
    background-position:top left;     
}
table.mynetpnl_login td
{
   padding:0;
   height:28px;
   width:180px;    
}
table.mynetpnl_login td .error_login
{
    color:#86579d;
    font:bold 11px Arial;
      
}
table.mynetpnl_login td a
{
    color:#86579d;
    font:bold 12px Arial;
    text-decoration:underline;
    height:12px;
}
table.mynetpnl_login_splash
{
    float:left;
    width:180px;
    height:auto;
    margin-bottom:10px;
    border:solid 1px # #E1E1E1;
    background-image:url('../images/front/common/paars.gif');
    background-repeat:repeat-y;
    background-position:top left;
}
table.mynetpnl_login_splash td
{
   padding:0;
   height:28px;
   width:180px;
}
table.mynetpnl_login_splash td a
{
    color:#86579d;
    font:bold 12px Arial;
    text-decoration:underline;
    height:12px;
}
table.mynetpnl_login_splash td .error_login
{
    color:#86579d;
    font:bold 11px Arial;    
    height:10px;        
}

.textbox_login
{
    width:160px;
    Height:20px;    
    border:solid 1px #E1E1E1;
    font-size:11px;
    color: #828282;
    margin-left:7px; 
     
}
.header_login
{
    background:url('../images/front/common/header-right.gif') no-repeat top left;
    width:180px;
    height:24px;   
    padding:5px 0px 0px 10px;
    font: bold 13px Arial;
    color:#5e5e5e;
}
div.controlBox_login
{    
    width:178px;
    height:100%;
    border: solid 1px #e1e1e1;
}
input.mynet4kids
{
    text-decoration: none;
    background: url(../images/front/nl/btn-myn4k.gif) no-repeat top left;
    float: left;
    margin-left: 60px;
    height: 25px;
    width: 110px; border:0;
    cursor:pointer;
}
input.mynet4kids:hover
{
    text-decoration: none;
    background: url(../images/front/nl/btn-myn4k-active.gif) no-repeat top left;
    float: left;
    margin-left: 60px;
    height: 25px;
    width: 110px; border:0;
    cursor:pointer;
    
}

.pnl_loggedIn
{
    height:100px;
    font:bold 13px Arial;
    float:right;
}
.watermarked_psw
{
    color: White;
    height:20px;
    width:160px;
    margin-left:8px;

    font-family: Tahoma;
    font-size: 11px;
    
    text-indent:2px;
    border:solid 1px #E1E1E1;
    

    vertical-align:middle;
    text-align:right;

    background-image:url(../images/front/common/image-wachtwoord.gif);
    background-repeat:no-repeat;
    background-color:White;
}
*:first-child+html .watermarked_psw
{
    color: White;
    height:20px;
    width:160px;
    margin-left:6px;

    font-family: Tahoma;
    font-size: 11px;

    border: solid 1px #E1E1E1;
    text-indent:2px;

    vertical-align:middle;
    text-align:right;

    background-image:url(../images/front/common/image-wachtwoord.gif);
    background-repeat:no-repeat;
    background-color:White;
}