*{padding:0; margin:0;}


/* General styles */
body 
{
    background-color:#40BFE1;
    color:#000000;
    font-family:Arial;
    font-size:11px;
    line-height:14px; 
}

#wrapper
{
  width: 920px;   
  background-color:#FFFFFF; 
  margin:0 auto;
  height:100%;
}


A{color:#DD1821; text-decoration:none; background-color:Transparent;}
A:hover{text-decoration:underline; background-color:Transparent; cursor:pointer;}

div.topHeader
 {
  width:500;
  height:140px;
  background-color:#FFFFFF;
  padding:0; margin:0; border:0px;
}

.topHeader_left
{
    background-color:#FFFFFF; 
    padding:0px;
    width:225px; 
    height:142px;
    float:left;
    position:absolute;
}

div.quote
{
    /*width:350px;*/
    /*padding:10px 10px 10px 0px;
    margin:50px 0px 0px 0px;*/
    width       :   425px;
    line-height :   16px;
    position    :   absolute;
    float       :   left;
    margin-left:224px;
}
div.quote div.text{ padding:50px 5px 8px 0px; color:#40BFE1; font-size:14px; font-weight:bold; line-height:16px; height:100%;}
div.quote div.name{color:#40BFE1; font-size:10px; font-weight:normal; line-height:16px; padding-top:4px;}


.inputForm{width:250px; font-size:11px; font-family:Arial; padding:0 5px 0 2px; border:solid 1px #40BFE1;}
.errorTextbox
{
    width:250px; font-size:11px; font-family:Arial; padding:0 5px 0 2px; border:solid 1px #DD1821; 
    }
.button{}
.pulldown{ background-color:#FFFFFF; margin:2px 10px 2px 0px; font-size:11px; color:#000000; line-height:18px;}
.errorInput{background-color:#DD1821;}
.DDLLanguage{width:102px; color:#000000; font-size:11px; line-height:18px; 
}
.minitext{ font-size:9px;}
.errorText{color:#DD1821;}

/*Profile */    
    /*total width = 169px (width+padding)*/
.home {height: 20px; background-color:#DD1821; width:161px;  float:left;}
.home:hover{background-color:#DD1821; font-weight:bold;}
A.home { padding-left:8px;}

.children { height: 20px; background-color:#89C235; width:161px;float:left;}
.children:hover{background-color:#89C235; font-weight:bold;}
A.children { padding-left:8px;}

.company {height: 20px; background-color:#0C78C1; width:161px; float:left; } 
.company:hover{background-color:#0C78C1; font-weight:bold;}
A.company { padding-left:8px;}

.mynet4kids
{
    height: 20px;
    background-color: #87579d;
    width: 161px;
    float: left;
}
.mynet4kids:hover{background-color:#744389; font-weight:bold;}
A.mynet4kids {padding-left:8px;}

.kerst {height: 20px; background-color:#205f0d; width:161px; float:left; } 
.kerst:hover{background-color:#205f0d; font-weight:bold;}
A.kerst { padding-left:8px;}



/* Accordion */
.headerAccordion
{
    font-weight:bold;
    text-decoration:none;
    background-color:#40BFE1;
    color:#FFFFFF;
    font-size:12px;
    height:21px;
    padding:5px 5px 0px 5px;  
    margin:5px 0px 0px 0px;
    cursor:pointer;
    background-image:url('../images/front/common/ic_arrowUpDown.gif');
    background-position:right center;
    background-repeat:no-repeat;
}
.headerAccordion a{ color:#FFFFFF; text-decoration:none; }
.headerAccordion a:hover { background-color:Transparent;  color:#FFFFFF;}

/*.contentAccordion{border:solid 1px #40BFE1; color:#000000;margin:0px 0px 17px 0px;line-height:14px; font-weight:normal; background-color:#FFFFFF; padding:10px 15px 15px 10px; font-family:Arial; font-size:11px; font-style:normal; background-color:Maroon;}*/
.contentAccordion{border:solid 1px #40BFE1; 
    color:#000000;margin:0px 0px 17px 0px;
    line-height:14px; font-weight:normal; background-color:#FFFFFF; padding:0px 0px 5px 10px; font-family:Arial; font-size:11px; font-style:normal;}
* html div.contentAccordion { height:100%; background-color:Transparent;} /*IE6 */
.contentAccordion h1{ float:left; width:347px; font-weight:bold; height:15px; padding-top:5px; font-size:11px; height:100%;}

.contentAccordion li{margin-left:20px; font-weight:normal; font-size:11px; font-style:normal;}
.contentAccordion ul{margin-left:5px; background-color:#FFFFFF; font-size:11px; font-style:normal; }

    
.contentAccordion1{border:solid 1px #40BFE1; color:#000000;margin:0px 0px 17px 0px;line-height:14px; font-weight:normal; background-color:#FFFFFF;padding:0px; font-family:Arial; font-size:11px; font-style:normal;}
.contentAccordionNews{border:solid 1px #40BFE1; color:#000000;margin:0px 0px 17px 0px;line-height:14px; font-weight:normal; background-color:#FFFFFF;padding:0px; font-family:Arial; font-size:11px; font-style:normal; padding:10px 8px 15px 10px;}
* html div.contentAccordionNews div.newsContent{width:100%; height:100%;} /*IE 6*/


/*.contentAccordion > .tableclass {background-color:Transparent;margin:-10px -15px -15px -10px ! important; width:538px; font-size:11px; font-style:normal; font-family:Arial;}
*/

table.tableclass{width:528px; padding:0; margin:0; background-color:#FFFFFF; border:0;}

.tdclass2{padding:0px 0px 0px 0px; vertical-align:top; background-color:#FFFFFF; font-size:11px; font-style:normal; font-family:Arial; border:0;}

/*.tdclass{padding:10px 0px 15px 10px; vertical-align:top; background-color:blue; font-size:11px; font-style:normal; font-family:Arial;}*/
.tdclass1{ padding:4px 0px 15px 0px; vertical-align:top;font-size:11px; font-style:normal; font-family:Arial; text-align:left; border:0;}

.tdclass > p{padding:0px 0px 0px 0px; margin:0px 0px 1px 10px; vertical-align:top; text-align:right; background-color:Transparent; font-size:11px; font-style:normal; font-family:Arial;}
.tdclass[valign]{ padding:0px;}
   

  


/*  box Type II       */
div.box2{ width:538px; float:left; }
div.box2 div.header{width:100%;height:20px; background-color:#FFFFFF;}
div.box2 div.header h1{font-size:14px; color:#DD1821; padding:3px 15px 0px 3px; font-weight:bold;}
/*div.box2 div.content{background-color:#c0c0c0;
    padding:10px 8px 15px 10px; border:solid 1px #40BFE0; line-height:14px;}*/

/*fix the div width: default value to 527 */
div.box2 div.content
{
    background-color: #FFFFFF;
    padding: 7px 1px 0px 10px;
    border: solid 1px #40BFE0;
    line-height: 14px;
    float: left;
    width: 527px;
}
/*fix the div width: default value to 527 */
* html div.box2 div.content
{
    background-color: #FFFFFF;
    padding: 10px 1px 10px 10px;
    border: solid 1px #40BFE0;
    line-height: 14px;
    width: 527px;
}
        
div.box2 + div.box2 {width:538px; float:left;  margin-top:13px;}

/*div.box2 > div.header> div.content > .tableclass{background-color:Transparent;margin:-10px -15px -15px -10px ! important; width:525px;}*/
.content > p{padding:10px 8px 15px 0px; background-color:#FFFFFF;}

/*the table will inherit the default width value of div*/
.content > .tableclass
{
    background-color: Transparent;
    width: inherit;
}

*html .p {padding:10px 8px 15px 10px; background-color:Transparent;}
*html .content {padding: 10px 8px 0 10px; background-color:Transparent;}
*html .box2{ margin-bottom:10px; padding:10px 8px 15px 0px;}

/*  box Type III      */
div.box3{ width:538px; float:left; border:solid 1px #40BFE0;}
* html div.box3 {width:538px; float:left; border:solid 1px #40BFE0;  margin-bottom:13px;} /*IE6*/
div.box3  div.header{width:100%;height:21px; background-color:#40BFE0; }
div.box3  div.header h1{font-size:12px; color:#FFFFFF; padding:5px 15px 0px 5px;}
div.box3  div.header h2{font-size:12px; color:#FFFFFF; padding:5px 15px 0px 8px;}
div.box3 div.content{background-color:#FFFFFF;padding:10px 8px 15px 10px; line-height:14px; }
div.box3 div.content1{background-color:#FFFFFF;padding:10px 0px 15px 0px; line-height:14px; }
div.box3 div.content2{background-color:#FFFFFF;padding:1px 1px 0px 0px; line-height:14px; } /* using in intro news (with picture)*/
div.box3 div.content3{background-color:#FFFFFF;padding:0px 0px 0px 0px; line-height:14px;}

div.box3 + div.box3 {width:538px; float:left;  margin-top:13px;}

/* box type IV height:140px;*/

.box4{width:170px; height:80px; float:left; margin-bottom:3px; background-color:#d5bed8;}
.box4 header{font-size:11px; color:Black; font-weight:bold; background-color:#d5bed8;}
.box4 content
{
    border-left-style:none;
    background-color:#d5bed8;
    padding: 5px 5px 5px 5px;
    text-indent:0px;
    font-size:11px;    
    margin-bottom:2px;
    line-height:0px;
    text-align:left;
    line-height: 14px;
    float: left;
    width: 160px;
}

*html .box4 content
{
    border-left-style:none;
     background-color:#d5bed8;
    padding: 8px 5px 5px 5px;
    text-indent:0px;
    font-size:11px;    
    margin-bottom:2px;
    line-height:0px;
    text-align:left;
    line-height: 14px;
    width: 160px;
}

.box4 + .box4{width:165px; float:left; margin-top:8px;} 

/* box type V */

div.box5{width:160px; height:100px; float:left; margin-top:3px;}
*html div.box5{width:160px; height:100px; float:left; margin-bottom:3px;}
*:first-child+html div.box5{width:160px; height:100px; float:left; margin-bottom:3px;}
div.box5 div.header{font-size:11px; color:Black; font-weight:bold; background-color:#d5bed8;}
div.box5 div.content
{
    border-left-style:none;
    background-color:#d5bed8;
    padding:4px 5px 5px 5px;
    text-indent:0px;
    font-size:11px;    
    margin-bottom:2px;
    line-height:0px;
    text-align:left;
    line-height: 14px;
    float: left;
    width: 160px;
    height:92px;
}

*html div.box5 div.content
{
    border-left-style:none;
     background-color:#d5bed8;
    padding: 4px 5px 5px 5px;
    text-indent:0px; 
    font-size:11px;    
    margin-bottom:2px;
    line-height:0px;
    text-align:left;
    line-height: 14px;
    width: 160px;
    height:92px
}

div.box5 + div.box5{width:158px; float:left; margin-top:8px;}

/*login panel*/ 
.panel{ width:170px; float:right; height:100px; margin-top:3px; margin-bottom:3px; background-color:#d5bed8}
*html panel{width:129px; height:103px; margin-top:3px;margin-bottom:3px;}
.panel content{ padding:3px 0px 0px 0px; height:100px;}
*html panel content{padding:3px 0px 0px 0px; height:100px;}
*:first-child+html .panel content{padding:3px 0px 0px 0px; height:100px;}
*:first-child+html .panel{width:129; float:right; height:104px; float:left; margin-top:3px; margin-bottom:0px;}

.failPanel{ width:170px; height:150px; margin-top:5px; margin-bottom:3px; background-color:#d5bed8}

/* intro box */
/* e.g. ---> news float:left; padding-left:15px; width:538px; */
div.box6{ width:540px; float:left; border:solid 1px #40BFE0;}
* html div.box6 {width:538px; float:left; border:solid 1px #40BFE0;  margin-bottom:13px;} /*IE6*/
div.box6  div.header{width:100%;height:21px; background-color:#40BFE0; }
div.box6 div.content2{background-color:#FFFFFF;padding:1px 1px 0px 0px; line-height:14px; }
div.box6 div.content{background-color:#FFFFFF;padding:10px 8px 15px 10px; line-height:14px; }
div.box6  div.header h1{font-size:12px; color:#FFFFFF; padding:5px 15px 0px 5px;}
.sponsorNewsContent{ float:left; padding-left:7px; margin-top:0px; margin-bottom:3px;  width:530px;}
*:first-child+html .sponsorNewsContent{ float:left; padding-left:7px; margin-top:0px; margin-bottom:3px; width:530px;}
.sponsorNewsContent .tdclass1{ padding:4px 0px 15px 20px; vertical-align:top;font-size:11px; font-style:normal; font-family:Arial; text-align:left; border:0;}
*:first-child+html .sponsorNewsContent .tdclass1{ padding:4px 3px 15px 20px; vertical-align:top;font-size:11px; font-style:normal; font-family:Arial; text-align:left; border:0;}

.showRecentReports
{
    width:169px;
    height:auto;
    background-color:#D5BED8;
    color:Black;
    float:left;
    margin-bottom:5px;
    margin-top:1px;
}
.showRecentReports .header{width:160px;float:left;height:55px;background-color:inherit;}
.showRecentReports .header h1{ font-size:12px; font-weight:bold; color:Black;padding:5px 15px 0px 2px;}

.intro_text{ float:left; width:310px; padding:10px 5px 8px 7px; }
.intro_header{float:left; width:310px; padding:5px 5px 8px 10px;}
.intro_image{float:right; width:165px;}

.report{float:left; width:310px;}
.reportKind{float:left; width:310px; height:20px; margin-bottom:3px;}
.ReportText{float:left; margin-bottom:3px; width:95px; padding-top:3px;}
.ReportTextLine {float:left; margin-bottom:3px; width:200px; text-align:left; padding-top:3px;}
*:first-child+html .report{float:left; width:310px;}
*:first-child+html .ReportText{float:left; margin-bottom:3px; width:95px; padding-top:3px;}
*:first-child+html .ReportTextLine {float:left; margin-bottom:3px; width:200px; text-align:left; padding-top:3px;}


/* project need */
div.Need{width:100%; margin-bottom:5px;}
div.Need h1{ float:left; width:100%; font-weight:bold; text-align:left; height:15px; padding-top:5px; font-size:11px; height:100%;}
div.Need div.inhoud{ float:left; width:100%; line-height:14px; margin-bottom:1px;}
div.sponsoringNeed{width:100%; margin-bottom:18px;}
div.sponsoringNeed h1{ float:left; width:100%; font-weight:bold; text-align:left; height:15px; padding-top:5px; font-size:11px; height:100%;}
div.sponsoringNeed div.price{float:right; width:113px; font-weight:bold; text-align:right; padding-right:20px; height:15px; padding-top:5px;}
div.sponsoringNeed div.text{ float:left; width:347px; line-height:14px;}
div.sponsoringNeed div.inhoud{ float:left; width:100%; line-height:14px; margin-bottom:1px;}
*:first-child+html div.sponsoringNeed div.inhoud{ float:left; width:100%; line-height:14px; margin-bottom:1px;}
div.sponsoringNeed div.sponsor{float:right; width:133px; height:17px; padding-top:5px;}
div.sponsoringNeed div.sponsorContainer{float:left; width:500px;}
*:first-child+html div.sponsoringNeed div.sponsorContainer{float:left; width:500px;}
div.sponsoringNeed div.sponsorSideContainer{float:right; width:250px;}
*:first-child+html div.sponsoringNeed div.sponsorSideContainer{float:right; width:275px;}
div.sponsoringNeed div.sponsorDetail{float:right; text-align:right; width:250px; height:17px; padding-top:5px;}
*:first-child+html div.sponsoringNeed div.sponsorDetail{float:right; text-align:right; width:275px; height:17px; padding-top:5px;}
.totalNeed { font-size:12px; font-weight:bold; color:#000000;}
.subtotalNeed {font-size:12px; font-weight:bold; color:#40BFE0; 
    border-bottom:solid 1px #40BFE0;
    width:100%;  float:left; padding-bottom:4px;
  }
.separator2 {font-size:12px; font-weight:bold; color:#40BFE0; 
    border-bottom:solid 1px #40BFE0;
    width:100%;  float:left; padding-bottom:4px;
  }

    /*width : 538px*/
div.project { width:513px; font-size:11px; line-height:14px; overflow:visible; margin:5px 0px 5px 0px; }
div.project div.title{font-size:11px; font-weight:bold; height:100%; margin-left:0px; padding:5px 5px 3px 0xp; width:325px; line-height:14px;}
div.project div.title a{ padding-left:0px; }
div.project div.desc{line-height:14px; float:left; width:335px; padding:5px 0px 5px 0px;overflow:visible;}
div.project div.pic{float:right; width:165px; text-align:right; vertical-align:top; overflow:visible;}

div.project div.need{width:100%; float:left;}
div.project div.need div.text{ float:left; width:240px; height:19px; padding:3px 5px 0px 0px; height:100%;}
div.project div.need div.money{ float:left; width:65px; height:19px; padding:3px 5px 0px 0px;}
div.project div.need div.sponsor{ float:right; width:160px; height:19px;padding:3px 0px 0px 0px; text-align:right;}

.pdflink{ width:240px; float:left; margin:5px 0px 0px 0px;}


div.separator{float:left; width:100%; height:10px;}
div.separator3{float:left; width:100%; height:10px;}
/**:first-child+html  div.separator3{float:left; width:100%; height:150px;}*/
.textBig { font-size:14px; font-weight:bold; color:#40BFE0;}
.lineSeparator { float:left; width:100%; margin-top:5px; height:5px; border-top:solid 1px #40BFE0;}

div.list{ float:left; margin-bottom:8px; width:513px; font-size:11px; line-height:14px; overflow:visible;}
div.list h1{font-size:11px; font-weight:bold;padding:0; width:334px; height:100%;}
div.list div.text{line-height:14px; float:left; width:334px; padding-left:0px; overflow:visible; height:100%; }
div.list div.pic{float:right; width:176px; text-align:right; vertical-align:top; overflow:visible; padding:0; margin:0; max-width:176px;}
div.list-separator{ height:10px;}

div.tekst {width:513px; font-size:11px; line-height:14px; padding:10px 0px 15px 0px; font-size:11px; }

.panelHide
{
    position    :   absolute;
    display     :   none; 
    visibility  :   hidden;
}

.img{padding:5px; border:solid 1px #000000;}


/* Shoppingcart */
.cartHeader{background-color:#40BFE0; height:20px; color:#FFFFFF; text-align:left; padding-left:2px;}
.cartItem {height:20px; line-height:14px; padding:1px 3px 2px 3px;}
.cartFooter{ border-top:solid 1px #40BFE0; padding:1px 3px 2px 3px; vertical-align:middle;}



/* form */
.form{ vertical-align:top; width:100%;}
.formHeader{width:150px; padding:5px 5px 0 5px; 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;}



/* 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; padding:0px 0 0px 5px;} /*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:395px; float:left; overflow:visible; line-height:14px; padding:0px 0 0px 0px;} /*FF*/
*:first-child+html div.news div.title{width:400px; float:left; overflow:visible; line-height:14px; padding:0px 0 0px 0px;} /*IE7*/
* html div.news div.title{ width:400px; 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;}

.newsBack { height:20px; width:50px; padding-right:5px; float:right;}
.newsDetailTitle { font-weight:bold; color:#000000; font-size:12px;}

.modalBackground
{
    background-color:#6e6c6c; 
	filter              :   alpha(opacity=70);
	opacity             :   0.7;
}


/* etc */

.cursorNotActive{ cursor:text; color:#000000; text-decoration:none;}
A:hover.cursorNotActive { cursor:text; color:#000000; text-decoration:none; }
A.cursorNotActive { cursor:text; color:#000000; text-decoration:none;}

.loadingImg { width:100%; text-align:center; float:left; }
.headerColumn{ font-size:14px; color:#DD1821; font-weight:bold; margin-bottom:12px; float:left;}
.cursorClick{ cursor:pointer;}
.confirm{ width:250px; float:left; height:100%; background-color:#FFFFFF;  padding:20px 50px 50px 150px; color:#40BFE0; 
    font-size:11px;}
    
/* right column */
div.snelZoeken div.head{ font-size:13px; color:#DD1821; font-weight:bold; padding-left:10px; margin-bottom:10px;}    

.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; }
/*
a.lnkSnelZoeken{margin:0px 0 0px 21px;
	display: block;
	color: #DD1821;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 0px 4px 22px;
	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;}
*/

a.lnkSnelZoeken{margin:0px 0 0px 0px;
	display: block;
	color: #DD1821;
	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;}



.snelZoekenPanel{ border-left:dotted 1px #DD1821;  border-right:dotted 1px #DD1821; border-bottom:dotted 1px #DD1821; background-color:#FFFFFF; width:150px;
    }



/* Max Money*/
div.maxmoneySponsor{ background-color:#FFFFFF; width:520px; float:left; margin:5px 0px 5px 0px;}
div.maxmoneySponsor div.column1{ background-color:#FFFFFF; width:250px; float:left;}
div.maxmoneySponsor div.column2{ background-color:#FFFFFF; width:130px; float:left;}
div.maxmoneySponsor div.column3{ background-color:#FFFFFF; width:140px; float:right; text-align:right;}