@import url("reset.css");

body {
	background: #8d0707;
	font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
	font-size: 82.5%;
	}

a { color: #AA2222; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
h1, h2, h3, h4 { margin: 0 0 10px; line-height: normal; }
h1 { color: #bd403a; font-size: 24px; }
h2.zwart { color: #282828; font-size: 18px; width: 300px; }
h2.rood { color: #bd403a; font-size: 18px; }
h4 { font-weight: normal; text-decoration: underline; }
h4.bold { font-weight: bold; }
#content p { margin: 0 0 24px; }
form { margin: 0 0 20px; }

#bgwrapper { background: url(../img/bg/bgbody.jpg) repeat-x #fff; }
#wrapper { margin: 0 auto; width: 972px; }

#headerl { background: url(../img/bg/bgheaderlr.jpg); float: left; height: 98px; margin: 36px 0 0; width: 6px; }
#headerr { background: url(../img/bg/bgheaderlr.jpg) right; float: left; height: 98px; margin: 36px 0 0; width: 6px; }
#header { background: url(../img/bg/bgheader.jpg) bottom repeat-x #fff; float: left; height: 194px; width: 960px; }
#logo { background: url(../img/bg/divider.jpg) right no-repeat; float: left; height: 148px; width: 375px; padding: 46px 0 0 0 ; } 
#kids {
	background: url(../img/content/KPC_01.jpg) no-repeat;
	float: right;
	height: 194px;
	width: 513px;
	padding-right: 40px;
}

#content { background: url(../img/bg/content.gif) repeat-y right; line-height: 24px; margin: 0 auto; width: 960px; overflow: hidden; padding: 36px 0 0; }
	.kolom { float: left; margin: 0 10px; }
		.een { margin: 0 0 0 30px; }
		.twee { width: 600px; }
		.een img { border: 1px solid #c7c7c7; padding: 4px; background: #fff; margin: 0 0 30px 20px; }
#content ul.opsomming {
	list-style-type: none;
	padding: 0 0 0 20px;
	list-style-image: url(../img/icons/link.png);
}
#content ul.opsomming li {
	border-bottom: 1px solid #ddd;
	margin: 0 0 8px 0;
	padding: 0 0 8px;
	list-style-image: url(../img/icons/link.png);
}

#content ul.uitop {
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0 0 0 20px;
}
#content ul.uitop strong { color: #aa2222; }
#content ul.uitop ul {
	font-size: 85%;
	list-style-type: none;
	padding: 0 0 10px 20px;
	list-style-image: url(../img/icons/pen.png);
}


#content ul.bullet {
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	list-style-image: url(../img/icons/pen.png);
}
#content ul.bullet strong { color: #aa2222; }
#content ul.bullet ul { font-size: 85%; list-style-type: circle; padding: 0 0 10px 20px; }

ul#specialist { background: url(../img/bg/pijlgroot.jpg) no-repeat bottom; font: 100% Verdana; font-style: italic; font-weight: bold; list-style-type: none; padding: 0 0 20px 0;}
ul#specialist li a { background: url(../img/bg/pijl.gif) no-repeat 10px 15px; border-bottom: 1px solid #e6e6e6; display: block; height: 27px; padding: 10px 0 0 46px; width: 250px; }
ul#specialist li a:hover { background: url(../img/bg/pijl.gif) no-repeat 12px 15px #fafafa; border-bottom: 1px solid #ccc; color: #3e3a3b; }
ul#wieiswie { font: 100% Verdana; font-style: italic; font-weight: bold; list-style-type: none; padding: 0 0 50px 0; }
ul#wieiswie li a { background: url(../img/bg/pijl.gif) no-repeat 10px 15px; border-bottom: 1px solid #e6e6e6; display: block; height: 27px; padding: 10px 0 0 46px; width: 250px; }
ul#wieiswie li a:hover { background: url(../img/bg/pijl.gif) no-repeat 12px 15px #fafafa; border-bottom: 1px solid #ccc; color: #3e3a3b; }

#footer { background: #bc1011; color: #fff; font-size: 85%; height: 26px; margin: 0 auto; overflow: hidden; padding: 15px 0 0; width: 100%; }
	#footer a { color: #eacdcd; }
	#footer a:hover { color: #fff; }
	#footer p { padding: 0 10px; }
#footerbottom { background: #8d0707; height: 5px; overflow: hidden; }
.fl { float: left; }
	img.fl { background: #fff; border: 1px solid #c7c7c7; margin: 16px 30px 16px 0; padding: 4px; }
	img.fr { background: #fff; border: 1px solid #c7c7c7; margin: 16px 0 16px 30px; padding: 4px; }
.fr { float: right; }
.clear { clear: both; }

/* Contact */
label{ float: left; width: 130px; font-weight: bold;}
input, textarea{ width: 160px; margin-bottom: 5px; border: 1px solid #bbb; padding: 3px; font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; font-size: 100%; }
textarea{ width: 320px; height: 160px; }
#verplicht { margin-left: 130px; margin-top: 5px; width: 90px; }
#submitbutton{ margin-left: 130px; margin-top: 5px; width: 90px; }
input:focus, textarea:focus { background-color: #f4f4f4; }

/* Type */
.rood { color: #aa2222; }
.groter { font-size: 110%; }
.groot { font-size: 125%; }
.klein { font-size: 75%; }
.lhklein { line-height: 20px; }
.normal { font-weight: normal; }

/* span */
span.type {width:200px; float:left; clear:both; }
span.value {width:380px; float:left;  }