/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; font-family: Verdana; font-size: 11px; color: #434343; }
input, select, textarea { font-family: Verdana; font-size: 11px; color: #434343; }
img { border: 0px; display: block; }
a, input { outline: none; }
h1 { padding-bottom: 10px; font: bold 24px Arial; color: #58307d; }

a.buttonvw { margin-right: 15px; float: left; width: 211px; height: 28px; background: url('../images/button_vw.png') no-repeat; display: block; padding: 15px 0 0 20px; font-size: 14px; font-weight: bold; color: #fabb13; }
a.buttonvw:hover { background: url('../images/button_vw_hover.png') no-repeat; color: #58307d; text-decoration: none; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('../images/bodyBg.png') #fff no-repeat top;}

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 950px; }

	
	/* ### header container ### */
	#headerCntr { position: relative; z-index: 5; width: 950px; height: 92px; }
	#headerCntr h1 { position: absolute; top: 20px; left: 0px; z-index: 10; }
	#headerCntr h1 a { display: block; width: 145px; height: 114px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
    
        #headerCntr #IntranetCntr { position: absolute; top: 20px; right: 0px; float: right; text-align: right; } 
        #headerCntr #IntranetCntr a { color: #58307d; text-decoration: none; }
        #headerCntr #IntranetCntr a:hover { text-decoration: underline; } 
	
		/* ### menu box ### */
		.menuBox { position: absolute; top: 37px; left: 120px; z-index: 20; width: 750px; }
		.menuBox ul { width: 750px; list-style: none; }
		.menuBox li { position: relative; float: left; display: inline; font-size: 12px; }
		.menuBox li a { padding: 0px 15px 0px 15px; display: block; float: left; height: 31px; line-height: 31px; text-decoration: none; color: #58307d; background: #fabb13; }
		.menuBox li a:hover, .menuBox li a.selected, .menuBox li a.active { color: #fff; background: #58307d; }
		.menuBox ul ul { padding: 5px 0px 5px 15px; position: absolute; top: 32px; left: 0px; display: none; z-index: 50; width: 165px; background: url('../images/subBg.png') no-repeat left bottom; }
		.menuBox ul ul li { float: none; display: block; line-height: 28px; }
		.menuBox ul ul li a { padding: 0px; display: inline; float: none; height: auto; line-height: 28px; color: #fff; background: none; }
		.menuBox ul ul li a:hover { color: #fabb13; background: none; }
	
	/* ### content container ### */
	#contentCntr { padding-bottom: 20px; overflow: hidden; width: 950px; }
	
		/* ### left container ### */
		#leftCntr { padding-top: 60px; float: left; width: 150px; }
		
			/* ### nav box ### */
			.navBox { width: 150px; }
			.navBox ul.menu { width: 180px; list-style: none; border-top: 1px solid #aaa; }
			.navBox li { height: 28px; line-height: 28px; border-bottom: 1px solid #aaa; }
			.navBox li a { text-decoration: none; color: #58307d; }
			.navBox li a:hover { text-decoration: underline; }
            
            .navBox ul.submenu { width: 180px; list-style: none; }
            .navBox ul.submenu li { height: 28px; line-height: 28px; border-bottom: 1px solid #aaa;  text-indent: 15px;}
            .navBox ul.submenu li a { text-decoration: none; color: #58307d; }
            .navBox ul.submenu li a:hover { text-decoration: underline; }
		
		/* ### right container ### */
        #rightCntr { float: right; overflow: hidden; width: 750px; }
        #rightCntr a.meernieuws { float: right; padding: 10px; color:#58307d; }
        #rightCntr a.meernieuws:hover { text-decoration: none; }
			/* ### slider box ### */
			.sliderBox { position: relative; overflow: hidden; width: 750px; background: url('../images/sliderBg.gif') repeat-y right; }
			.sliderBox div.left { float: left; width: 559px; }
			.sliderBox div.right { position: absolute; bottom: 10px; right: 10px; width: 170px; color: #fff; }
			.sliderBox span { display: block; font: bold 22px Arial; color: #fabb13; }
			.sliderBox h3 { position: absolute; left: 10px; bottom: 10px; font: bold 36px Arial; color: #fff; }
			
			/* ### intro box ### */
			.introBox { margin-bottom: 10px; padding: 20px 0px 10px 0px; overflow: hidden; width: 750px; border-bottom: 1px solid #58307d; }
			.introBox div.text { padding-right: 10px; float: left; display: inline; width: 265px; }
			.introBox div.buttons { float: right; width: 190px; }
			.introBox h2 { line-height: 24px; font-weight: bold; font-size: 12px; color: #58307d; }
			.introBox p { line-height: 24px; }
			.introBox p a { color: #58307d; }
			.introBox p a:hover { text-decoration: none; }
			.introBox ul { list-style: none; }
			.introBox li { padding-bottom: 10px; }
			.introBox li a { padding-left: 20px; display: block; width: 170px; height: 30px; font: bold 11px/30px Arial; text-decoration: none; color: #fff; background: url('../images/buttonsBg.gif') no-repeat left top; }
			.introBox li a:hover { color: #58307d; background-position: left bottom; }
			
			/* ### visie box ### */
			.visieBox { overflow: hidden; width: 750px; background: #ececec; margin-bottom: 10px;}
			.visieBox div.text { padding: 20px; display: inline; float: left; width: 520px; }
			.visieBox div.pic { float: right; position: relative; width: 190px; overflow: hidden; }
			.visieBox h2 { font-weight: bold; font-size: 12px; line-height: 24px; color: #58307d; }
            .visieBox p { line-height: 24px; color: #58307d; }
            .visieBox ul, .visieBox ol { padding: 20px; }
            .visieBox a { text-decoration: none; color: #58307d; }
            .visieBox a.buttonvw { text-decoration: none; color: #fabb13; }
            .visieBox a.buttonvw:hover { text-decoration: none; color: #58307d; }
			.visieBox a:hover { text-decoration: underline; }
			
            /* ### visie box ### */
            .nieuwsBox { overflow: hidden; width: 750px; background: #ececec; margin-bottom: 10px;}
            .nieuwsBox div.foto { padding: 40px 10px 0 10px; min-width: 150px; float: left; position: relative; } 
            .nieuwsBox div.text { padding: 10px 10px 0 10px; float: left;  position: relative; width: 450px;}
            .nieuwsBox div.text ul { padding-left: 20px; color: #58307d; line-height: 18px; }
            .nieuwsBox div.text2 { padding: 10px 10px 0 10px; float: left;  position: relative; width: 600px;} 
            .nieuwsBox div.datum { float: right; padding: 10px; position: relative; text-align: right;} 
            .nieuwsBox div.datum a:hover { text-decoration: none; }           
            .nieuwsBox h2 { font-weight: bold; font-size: 12px; line-height: 24px; color: #58307d; }
            .nieuwsBox h2 a:hover { text-decoration: none; }  
            .nieuwsBox p { line-height: 24px; color: #58307d; }
            .nieuwsBox a.leesmeer { float: right; padding: 0 10px 10px 0; color: #58307d;}
            .nieuwsBox a.leesmeer:hover { text-decoration: none; }
            .nieuwsBox a.meernieuws { float: right; }
            
			/* ### text box ### */
			.textBox { float: left; width: 415px; }
			.textBox h1 { padding-bottom: 10px; font: bold 24px Arial; color: #58307d; }
			.textBox h3 { line-height: 24px; font-size: 12px; font-weight: bold; color: #58307d; }
			.textBox p { padding-bottom: 15px; line-height: 24px; }
			.textBox a { color: #58307d; }
			.textBox a:hover { text-decoration: none; }
			.textBox ul { padding: 0px 0px 15px 15px; list-style: none; }
			.textBox li { padding-left: 10px; line-height: 24px; background: url('../images/bullit.gif') no-repeat left 10px; }
			
			/* ### info box ### */
            .infoBox { float: right; width: 310px; }
            .infoBox div.buttons { padding: 20px; color: #fff; border-top: 1px solid #fff; background: #58307d; }
            .infoBox div.buttons span { display: block; font: bold 22px Arial; color: #fabb13; }
            .infoBox div.buttons p { padding-left: 10px; }
            .infoBox div.buttons ul { list-style: none; }
            .infoBox div.buttons li { padding-top: 10px; background: url('../images/buttons2Bg.gif') no-repeat; height: 35px;}
            .infoBox div.buttons li a { padding-left: 10px; display: block; width: 267px; line-height: 18px; text-decoration: none; color: #58307d;  }
            .infoBox div.buttons li a:hover { text-decoration: underline; }
            .infoBox div.text { padding: 20px; color: #58307d; border-top: 1px solid #fff; background: #eee; }
            .infoBox div.text h2 { font-size: 12px; font-weight: bold; }
            .infoBox div.text p { line-height: 24px; }
            .infoBox div.text a { color: #58307d; }
            .infoBox div.text a:hover { text-decoration: none; }
            
            .fotosBox { min-height: 300px; }
            .fotosBox ul.fotos { margin: 0; text-align: center; }
            .fotosBox ul.fotos li { display: block; margin: 0px; float: left; }
            .fotosBox ul.fotos li a { background: none;  margin-bottom: 50px; height: 45px; width: 120px;}
            .fotosBox ul.fotos img { display: block; }
            .fotosBox ul.albumbox li a { width: 280px; background: url('../images/buttonsBg_large.gif') no-repeat left top;}
            .fotosBox ul.albumbox li a:hover { color: #58307d; background-position: left bottom;}
            
        #contactCntr { overflow: hidden; width: 430px; }
        #contactCntr h3 { line-height: 24px; font-size: 12px; font-weight: bold; color: #58307d; }    
            
            #contactCntr div.formulier form 
            {
                padding-top: 10px;
                width: 430px;
            }
            
            label   {float:left;width:150px;text-align:left;} 
            input[type="text"] { width: 200px; height: 20px;}
            select { width: 200px; height: 20px;} 
            textarea { width: 250px; height: 100px;}  
            div.padding { padding-top: 10px;}
            div.optioneel {padding-top: 3px;}
            
            input[type="text"].kind { width: 90px; height: 20px;}
            select.kind { width: 75px; height: 20px;} 
            
            input[type="text"].leeftijd { width: 30px; height: 20px;}
            
            #contactCntr div.evaluatieformulier form 
            {
                padding-top: 10px;
                width: 850px;
            }
            div.evaluatieformulier h3 { line-height: 24px; font-size: 12px; font-weight: bold; color: #58307d; } 
            div.evaluatieformulier label   {float:left;width:450px;text-align:left;} 
            div.evaluatieformulier label.klein   {float:left;width:350px;text-align:left;} 
            div.evaluatieformulier input[type="text"] { width: 200px; height: 20px;}
            div.evaluatieformulier input[type="text"].error { border: 2px solid #C80000;}
            div.evaluatieformulier select { width: 200px; height: 20px;} 
            div.evaluatieformulier textarea { width: 250px; height: 100px;}  
            div.evaluatieformulier div.padding { padding-top: 10px;}
            div.evaluatieformulier div.optioneel {padding-top: 3px;}
            div.evaluatieformulier p.error { color: #C80000;}
            div.evaluatieformulier input[type="text"].kind { width: 90px; height: 20px;}
            div.evaluatieformulier select.kind { width: 75px; height: 20px;} 
            #verzorgingshulp, #helpende, #verzorgende, #overige, #commentaaroverige { margin-left: 350px;}
            
            div.evaluatieformulier input[type="text"].leeftijd { width: 30px; height: 20px;}
		
		/* ### side container ### */
		#sideCntr { padding-top: 60px; float: left; width: 230px; }
		
			/* ### small box ### */
			.navBox { width: 230px; }
			.smallBox p { line-height: 24px; color: #58307d; }
			
		/* ### large container ### */
		#largeCntr { float: right; width: 710px; }
			
			/* ### door box ### */
			.doorBox { padding-top: 10px; width: 710px; border-top: 1px solid #58307d; }
			.doorBox ul { overflow: hidden; width: 710px; list-style: none; }
			.doorBox li { padding-right: 10px; float: left; display: inline; }
			.doorBox li.last { padding-right: 0px; }
			.doorBox li a { display: block; float: left; width: 230px; text-decoration: none; font: bold 22px Arial; color: #fff; }
			.doorBox li a img { border-bottom: 1px solid #fff; }
			.doorBox li a strong { padding: 58px 0px 7px 15px; display: block; float: left; cursor: pointer; width: 215px; height: 35px; background: url('../images/doorBg.gif') no-repeat left top; }
			.doorBox li a:hover strong { background-position: left bottom; }
	
	/* ### footer container ### */
	#footerCntr { padding: 10px 0px 10px 0px; overflow: hidden; width: 950px; border-top: 1px solid #58307d; }
	#footerCntr p { float: left; width: 400px; color: #58307d; }
	#footerCntr ul { float: right; overflow: hidden; width: 400px; list-style: none; }
	#footerCntr li { float: right; display: inline; color: #58307d; }
	#footerCntr li.last a { padding-right: 0px; }
	#footerCntr li a { padding: 0px 5px 0px 5px; text-decoration: none; color: #58307d; }
	#footerCntr li a:hover { text-decoration: underline; }