/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Trebuchet MS', Trebuchet; font-size: 12px; color: #060f3e; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #6b6b6b; }
body { background: url('../images/bodyGreen.png') #f6f2e7 repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 998px; border-left: 1px solid #b9d58c; border-right: 1px solid #b9d58c; background: url('../images/mainGreen.png') #bdf767 no-repeat top; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 998px; height: 174px; }
	#headerCntr H6 { position: absolute; left: 10px; top: 80px; width: 210px; height: 81px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	#hulp { position: absolute; top: 78px; right: 15px; display: block; width: 158px; height: 86px; text-indent: -9999px;) no-repeat; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding: 10px 0px 0px 120px; width: 600px; }
		#menuCntr ul { overflow: hidden; width: 600px; list-style: none; }
		#menuCntr li { margin-left: 5px; float: left; display: inline; }
		#menuCntr li a { display: block; float: left; width: 106px; height: 31px; line-height: 31px; font-size: 14px; text-align: center; text-decoration: none; color: #fff; background: url('../images/tabBg.png') no-repeat; font-weight:bold;  }
		#menuCntr li a:hover, #menuCntr li.selected a { text-decoration: underline; }
		
		/* ### ICON CONTAINER ### */
		#iconCntr { position: absolute; top: 150px; right: 0px; width: 460px; }
		#iconCntr ul { float: left; overflow: hidden; width: 300px; list-style: none; }
		#iconCntr li { float: left; display: inline; }
		#iconCntr li a { padding: 40px 10px 0px 10px; display: block; float: left; top: 0px; font-size: 12px; text-decoration: none; background: no-repeat top; }
		#iconCntr li a:hover { text-decoration: underline; }
		#iconCntr a { position: relative; top: 27px; font-size: 14px; color: #060f3e; }
		#iconCntr a:hover { text-decoration: none; }
		
		#iconCntr li.home a { background-image: url('../images/home.png'); }
		#iconCntr li.winkel a { background-image: url('../images/winkel.png'); }
		#iconCntr li.sitemap a { background-image: url('../images/sitemap.png'); }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 0px 18px 0px 18px; overflow: hidden; width: 962px; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { margin-right: 28px; padding-top: 35px; float: left; display: inline; width: 156px; }
		#leftCntr div.top { padding-bottom: 15px; background: url('../images/geboorte2Bottom.png') no-repeat bottom; }
		#leftCntr div.bottom { padding-top: 2px; background: url('../images/geboorte2Bg.png') repeat-y; }
		
			/* ### MENU BOX ### */
			.menuBox { padding-top: 49px; width: 156px; background: url('../images/geboorte2Top.png') no-repeat top; }
			.menuBox ul { padding: 2px 0px 10px 0px; list-style: none; }
			.menuBox li { padding-left: 20px; height: 20px; line-height: 20px; font-size: 13px; border-bottom: 2px solid #85dae2; }
			.menuBox li a { text-decoration: none; color: #060f3e; }
			.menuBox li a:hover { text-decoration: underline; }
			
						/* ### LOGIN BOX ### */
			.loginBox { width: 156px; }
			.loginBox h3 { margin-bottom: 4px; padding-left: 20px; height: 47px; line-height: 47px; font-size: 18px; font-weight: normal; background: url('../images/loginH3.gif') no-repeat; }
			.loginBox fieldset { overflow: hidden; width: 156px; border: 0px; }
			.loginBox label { padding: 0px 20px 3px 20px; display: block; }
			.loginBox input.field { margin: 0px 20px 3px 20px; padding: 2px 5px 0px 5px; float: left; width: 100px; height: 16px; border: 1px solid #666; background: #fff; }
			.loginBox fieldset a { display: block; padding-left: 20px; height: 20px; line-height: 20px; font-size: 13px; text-decoration: none; color: #060f3e; border-top: 2px solid #85dae2; border-bottom: 2px solid #85dae2; }
			.loginBox fieldset a:hover { text-decoration: underline; }
			.loginBox input.check { float: left; }
			.loginBox label.small { padding-bottom: 5px; float: left; width: 78px; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 594px; }
		
			/* ### TOP BOX ### */
			.topBox { padding-top: 102px; width: 594px; background: url('../images/topBg.png') no-repeat; }
			.topBox h2 { height: 22px; line-height: 22px; font-size: 14px; text-align: center; font-weight: normal; color: #fff;}
			.topBox ul { overflow: hidden; width: 594px; list-style: none; }
			.topBox li { float: left; display: inline; }
			
			/* ### TEXT BOX ### */
			.textBox { padding-bottom: 20px; width: 594px; background: url('../images/textBottom.png') no-repeat bottom; }
			.textBox div.bottom { padding: 10px 10px 0px 10px; background: url('../images/textBg.gif') repeat-y top; }
			.textBox p { padding-bottom: 11px; line-height: 16px; } 
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { padding-top: 35px; float: right; width: 156px; }
		#rightCntr div.top { padding: 46px 0px 15px 0px; background: url('../images/geboorteBottom.png') no-repeat bottom; }
		#rightCntr div.bottom { padding-top: 2px; background: url('../images/geboorteBg.png') repeat-y; }
		
			/* ### ZOEK BOX ### */
			.zoekBox { margin-bottom: 10px; width: 156px; background: url('../images/geboorteTop.png') no-repeat top; }
			.zoekBox fieldset { padding: 0px 5px 3px 5px; overflow: hidden; width: 146px; border: 0px; }
			.zoekBox input.submit { margin-right: 10px; float: left; }
			.zoekBox input.field { margin-top: 2px; padding: 2px 5px 0px 5px; float: left; width: 100px; height: 16px; border: 1px solid #666; background: #fff; }
			.zoekBox ul { list-style: none; }
			.zoekBox li { padding-left: 20px; height: 20px; line-height: 20px; font-size: 13px; border-top: 2px solid #85dae2; }
			.zoekBox li a { text-decoration: none; color: #060f3e; }
			.zoekBox li a:hover { text-decoration: underline; }
			
			/* ### REACTIE BOX ### */
			.reactieBox { margin-bottom: 10px; width: 156px; background: url('../images/geboorteTop.png') no-repeat top; }
			.reactieBox a { margin: 10px 0px 0px 20px; display: block; width: 119px; height: 115px; text-indent: -9999px; background: url('../images/reacties.png') no-repeat; }
			.reactieBox div.bottom { padding-top: 2px; padding-left: 5px; padding-right: 5px; font-weight:bold; text-align: center;}
			
			/* ### KNUFFEL BOX ### */
			.knuffelBox { width: 156px; background: url('../images/geboorteTop.png') no-repeat top; }
			.knuffelBox img { margin: 10px 0px 0px 10px; }
			
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 20px 0px 10px 0px; width: 998px; }
	#footerCntr ul { margin: 0 auto; overflow: hidden; width: 750px; list-style: none; }
	#footerCntr li { margin-left: 20px; float: left; display: inline; font-size: 14px; }
	#footerCntr li a { color: #23b9e5; }
	#footerCntr li a:hover { text-decoration: none; }
	#footerCntr p { padding-top: 10px; text-align: center; color: #fff; }

/* ### ALGEMENE EN JOOMLA STYLESHEET ### */

H1	{ font-size:18px; }
H1 .componentheading { font-size:18px; }
H2	{ font-size:16px; }
H3	{ font-size:14px; }
H4	{ font-size:12px; }
H5	{ font-size:10px; }
#leading_separator {background: url('../images/textBg.gif') repeat-y top; }

/* ### Error Handeling ### */

label.error {
            color: #FF0000;
        }
input.error {
            border: 1px solid #FF0000;
        }
#error {
            color: #FF0000;
        }