/**
 *
 * Werkplein Main CSS File
 * @author tom van oorschot
 * @date  03-11-2006
 *  
 */  
 
body{
	 margin: 0; padding: 0;
	 text-align: center;
	 background-image: url(/editor/images/bg.gif);  
	 font-family: Verdana;
	 font-size: 11px;
	 color: #6C5853;
	 line-height:16px;
}

a:link{
	 font-size: 11px;
	 text-decoration: none;
	 color: #6C5853;
}
a{
	 font-size: 11px;
	 text-decoration: none;
	 color: #6C5853;
}
a:hover{
	 font-size: 11px;
	 text-decoration: underline;
	 color: #DB9100;
}

div#container{
	 text-align:left;
	 margin: 0 auto;  
	 width: 850px;
	 margin-top: 30px;
	 background-color: #FFFFFF;   
	 clear: both;
}

  div#header{
     background-color: yellow;
     height: 237px;
     font-size: 100px;
 }

 div#content{
  
 }
  
 div#contentLeft{
     width: 275px;
     float: left;
     background-color: white;
 }
  
 div#contentMid{
     width: 378px;
     float: left;
     background-color: white;
	 margin:11px 0;
  }
  
  div#contentMid2{
     width: 378px;
     float: left;
     background-color: white;
     padding-left: 10px;
     padding-right: 10px;
  }
  
  
  div#contentRight{
    width: 149px;
    float: left;
    background-color: white;
  }

div#footer{
  /*background-image: url(/editor/images/footer.gif);
  background-repeat: no-repeat;*/
  height: 55px;
}

/**** CLASSES ****/

div.hrule{
  border-top: 2px solid #F7DA00;
  height: 1px;
  width: 100%;
  margin-top:14px;
  padding-top: 7px;
  padding-bottom:4px;
}

/* title h3 */
h3#titel {
	font-size:13px;
 	color:#6C5853;
 	margin-bottom: 0;
	margin-top:-1px;
}



/* YELLOW -> Voor in het linker gedeelte */

div.displayBoxYellow{
	  width: 251px;
	  margin-bottom: 10px;
}
  div.displayBoxYellow .boxHeader{
    width: 238px;
    padding-left: 28px;
    height: 30px;
    padding-top: 12px;
    background-image: url(/editor/images/watiswerkplein_header.gif);
    margin-bottom:11px;
  }
  
  div.displayBoxYellow .boxHeader2{
    width: 247px;
    padding-left: 28px;
    height: 25px;
  }
  
  div.displayBoxYellow .boxContent {
    width: 230px;
    padding-left: 30px;
    padding-right: 21px;    
    background-image: url(/editor/images/left_fill.gif) ;
    background-repeat: repeat-y;
    margin-top:-12px;
    margin-bottom:-12px;
	
  }

  div.displayBoxYellow .boxContent2{
    width: 230px;
    padding-left: 30px;
    padding-right: 21px;
	background-image: url(/editor/images/left_fill2.gif);
 }
   div#displayBoxContent{
    width: 230px;
    padding-left: 30px;
    padding-right: 21px;
	background-image: url(/editor/images/left_fill2.gif);
	display:block;
 }
    div#displayBoxContent img{
	padding-left:4px;
	
	}
   div#displayBoxContent2{
   height:120px;
    width: 230px;
    padding-left: 30px;
    padding-right: 21px;
	background-image: url(/editor/images/left_fill2.gif);
	display:none;
 }
  div#displayBoxFooter{
    height: 30px;
    width: 275px;
    background-image: url(/editor/images/left_footer2.gif);

}
  div#displayBoxFooter2{
    height: 30px;
    width: 275px;
    background-image: url(/editor/images/left_footer.gif);
	background-repeat:no-repeat;
	display:none;
	}
  
  
  div.displayBoxYellow .boxFooter{
    height: 19px;
    width: 275px;
    background-image: url(/editor/images/left_footer.gif);
    margin-top:11px;
 }
  
 div.displayBoxYellow .boxFooter2{
    height: 30px;
    width: 275px;
    background-image: url(/editor/images/left_footer2.gif);

}

/* YELLOW LARGE -> Voor in het content gedeelte */

div.displayBoxYellowLarge{
	width: 378px;
	background-image: url(/editor/images/content_box_bg.jpg);
	background-repeat: repeat-x;
}
  div.displayBoxYellowLarge .boxHeaderUitzend{
    width: 363px;
    padding-left: 10px;
    padding-top: 5px;      
    height: 24px;
    background-image: url(/editor/images/uitzendbureaus_header.gif);
  }
  
  div.displayBoxYellowLarge .boxHeaderReintegratie{
    width: 363px;
    padding-left: 10px;
    padding-top: 5px;      
    height: 24px;
    background-image: url(/editor/images/reintegratie_header.gif);
  }
  
  div.displayBoxYellowLarge .boxHeaderKennis{
    width: 363px;
    padding-left: 10px;
    padding-top: 5px;      
    height: 24px;
    background-image: url(/editor/images/kennisinstituten_header.gif);
  }
  
  
    div.displayBoxYellowLarge .boxHeaderZakelijk{
    width: 378px;
    padding-left: 10px;
    padding-top: 5px;      
    height: 24px;
    background-image: url(/editor/images/zakenlijkeensociale.gif);
  }
    div.displayBoxYellowLarge .boxHeaderGemeenten{
    width: 378px;
    padding-left: 10px;
    padding-top: 5px;      
    height: 24px;
    background-image: url(/editor/images/gemeenten_header.gif);
  }  

  
  div.displayBoxYellowLarge .boxContent{
    width: 348px;
    height: 99px;  
    padding-left: 23px;
    padding-top: 2px;
    background-image: url(/editor/images/content_fill02.gif);
  }
  
  /* bg color donker #DB9000 
     bg color lichtr #F5E2BE
  */
  
  div#boxTekst {
  padding-left:8px;
  }
  
  div#boxTekst ul {
	margin-left: 0;
	padding-left: 15px;
  }
  
  div#boxTekstNews {
  padding-left:4px;
  }
  
  div#boxTekstNews p {
  margin-top:0px;
  margin-bottom:0px;
  }
  
  
  div.displayBoxYellowLarge .boxContent .boxLeft{
    width: 130px;
    float: left;
  }

 .over{
	 border:#DB9000 1px solid;
	 width:122px;
	}
	  
 .normal{
		border:#F5E2BE 1px solid;
		width:122px;
}
  
  
  div.displayBoxYellowLarge .boxContent .boxRight{
    width: 170px;
    float: left;
	
	
  }
  
  div.displayBoxYellowLarge .boxFooter{
    height: 19px;
    background-image: url(/editor/images/contentFooter3.gif);
  }  

/* GRAY -> Voor in het rechter gedeelte */

div.displayBoxGray{
	width: 179px;
	margin-bottom: 16px;
 
}
  div.displayBoxGray .boxHeader{
    padding-left: 14px;
    height: 32px;  
    background-image: url(/editor/images/nieuws_header.gif);
  }
  
  div.displayBoxGray .boxHeader2{
    padding-left: 14px;
    height: 22px;
    padding-top: 7px;
    background-image: url(/editor/images/contact_header.gif);
  }
  
    div.displayBoxGray .boxHeader3{
	margin-top:6px;
    padding-left: 14px;
    height: 40px;
    background-image: url(/editor/images/voegmijtoe.gif);
  }
  
  div.displayBoxGray .boxContent{
    width: 137px;
    padding-left: 14px;
    padding-right: 20px;    
    background-image: url(/editor/images/right_fill.gif);
  }
  
  div.displayBoxGray .boxFooter{
    height: 22px;
    background-image: url(/editor/images/right_footer.gif);
  }


div.flvplayer object{
 margin-left:5px;
 border:1px solid black;
}