body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td, iframe {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a {outline: none;}

/* main blocks ---------------------------------------------- */

body {
	font: 76% "Helvetica Neue","Lucida Sans Unicode", Helvetica,sans-serif;
	text-align: center;
	background: #fff url(http://www.khadans.be/images/uploads/top_bg.png) top left repeat-x;
}

#container {
	width: 968px;
	margin: 0 auto;
	text-align: left
}

#header {
	width: 968px;
	height: 196px;
	background-color: #000000;
	position: relative;
}

#header h1 {
	height: 55px;
	width: 415px;
	position: absolute;
	top: 10px;
	right: 20px;
	color: #ffffff;
	text-indent: -6000px;
	background: #000000 url(http://www.khadans.be/images/uploads/logo_header.png) top left no-repeat;
}

#footer {
	clear: left;
	width: 100%;
	background: transparent url(http://www.khadans.be/images/uploads/wrapper_bg.png) top center repeat-y;
	padding: 20px 0 100px 0;
	position: relative;
}

#wrapper {
	float: left;
	width: 968px;
	background: transparent url(http://www.khadans.be/images/uploads/wrapper_bg.png) top center repeat-y;
	min-height: 500px;
}

#content {
	margin: 20px 240px 20px 240px;
	background: transparent url(http://www.khadans.be/images/uploads/white_stripe.png) 455px top repeat-y;
}

#navigation {
	float: left;
	width: 240px;
	margin-left: -968px;
}

#extra {
	float: left;
	width: 240px;
	margin-left: -240px;
	margin-top: 24px;
	background-color: transparent;
}


/* navigation styles ------------------------------------------*/

#navigation dl {
	margin: 30px 20px 20px 20px;
	border-right: 1px solid #fafafa;
	padding-bottom: 20px;
}

#navigation dl dt {
	font-family: "Lucida Grande","Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 1.6em;
	color: #252525;
	letter-spacing: -1px;
}

#navigation dl dd {
	margin: 5px 0 0 0;
}

#navigation dl dd+dt {
	margin-top: 20px;
}

#navigation dl dd a, #navigation dl dt a:visited {
	color: #676767;
	background: transparent url(http://www.khadans.be/images/uploads/arrow.png) top left no-repeat;
	padding: 0 0 0 16px;
	text-decoration: none;
	display: block;
}

#navigation dl dd a:hover, #navigation dl dd a.current {
	background: transparent url(http://www.khadans.be/images/uploads/arrow_black.png) top left no-repeat;
	color: #222222;
	margin: 0 0 0 2px;
}

#stripe {
	display: block;
}

/* text styles -----------------------------------------------*/

p, ul, #footer dl, form label {
	font-size: 1em;
	line-height: 1.5em;
	color: #414140;
}

p+p {
	margin-top: 1.5em;
}

ul {
	margin: 1.5em 0 2em 2.5em;
	list-style-type: disc;
}

#content a:link, #extra a:link, #content a:visited, #extra a:visited, #footer a:link, #footer a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
	color: #000000;
}

#content a:hover, #footer a:hover, #extra a:hover {
	text-decoration: none;
	border-bottom: 1px solid #7D0538;
	color: #7D0538;
}

h2, h3, fieldset legend {
	font: 1.7em/1.8em "Lucida Grande","Lucida Sans Unicode" ,Helvetica, sans-serif;
	letter-spacing: -1px;
	margin-bottom: 0.75em;
}

h2, h3 {line-height: 1.1em;margin: 1.2em 0 0.5em 0;}

#content p, #content h2, #content h3, #content ul, #content dl {
	margin-right: 60px;
}

#extra p, #extra h2, #extra h3, #extra ul {
	margin-right: 20px;
}

p+h3, ul+h3 {margin-top:1.5em;}

h3+p {margin-top:0.75em;}


/* image styles -------------------------------------------*/

img.fr {
	display: block;
	margin: 0 0 10px 10px;
	float: right;
	padding: 5px;
	border: 1px solid #fafafa;
	border-width: 1px 0;
}

img.fl {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #fafafa;
	border-width: 1px 0;
}

img.center {
	display: block;
	margin: 20px 0;
	padding: 5px 0;
	border: 1px solid #fafafa;
	border-width: 1px 0;
}

.clearall {
	clear: both;
}
/* general table styles --------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1em;
	width: 90%;
}

table, th, td {
	border: 1px solid #3E3E40;
}

th {
	font-weight: bold;
	color: #fff;
	background-color: #3E3E40;
	line-height: normal;
	padding: 0.5em 1em;
	text-align: left;
}

td {
	padding: 0.5em 1em;
	text-align: left;
	vertical-align: top;
	color: #414140;
}

/* download links ------------------------------------------ */

a.pdf {
	background: transparent url(http://www.khadans.be/images/uploads/pdf.gif) top right no-repeat;
	padding: 0 18px 2px 0;
}

a.ms_word {
	background: transparent url(http://www.khadans.be/images/uploads/linkimg-word.gif) top right no-repeat;
	padding: 0 18px 2px 0;
}

/* footer ------------------------------------------ */

#footer p {width: 90%; margin: 1em auto;border-top: 1px solid #fafafa;padding-top: 24px;}

#antwerpen, #wilrijk {position: absolute; top: 57px;}
#antwerpen {left: 240px;}
#wilrijk {left: 475px;}

#footer dl dt {font-weight: bold;}
#credit {position: absolute; bottom: 10px; right: 20px;}


/* form styles for the contact page -------------------------- */

fieldset {
	display: block;
	width: 420px;
	margin: 0 1em 3em 0;
	padding: 1em 0 1em 1em;
	border: 1px solid #fafafa;
}

input {
	display: block;
	width: 18em;
	margin-bottom: 0.5em;
background-color:#fafafa;
}

textarea {background-color: #fafafa;}

label {
	display: block;
	margin-bottom: 1em;
}

input.submit {
	text-align: center;
	width: 8em;
}

fieldset legend {margin-bottom:  0.25em;}

/* linklist styles -------------------------- */

#content dl.linklist {
	margin: 1em 0;
	padding: 0;
	border: 0;
	width: 90%;
}

#content dl.linklist dt {
	font-size: 1.4em;
	border-bottom: 1px solid #476678;
	margin: 0 2em 0.5em 0;
}

#content dl.linklist dd {
	padding: 0;
}

#content dl.linklist dd a:link, #content dl.linklist dd a:visited {
	display: block;
	color: #676767;
	padding: 0.5em 0 0.5em 1em;
	margin-right: 3em;
	font-size: 1.1em;
	text-decoration: none;
	border: 0;
}

#content dl.linklist dd a:hover {
	background-color: #000000;
	color:  #ffffff;
	text-decoration: none;
	border: 0;
}


/* -----styles for the oudleerlingen -------------------*/

dl.stud {
	padding: 0;
	margin: 10px;
	width: 410px;
	border: 1px solid #fafafa;
	padding-bottom: 15px;
}

dl.stud dt {
	font-weight: bold;
	color: #525252;
	width: 230px;
	margin-left: 15px;
	margin-top: 10px;
}

dl.stud dd {
	margin-left: 25px;
	color: #414140;

}

dl.stud dt.name {
	font: 1.7em/1.8em "Lucida Grande","Lucida Sans Unicode", Helvetica, sans-serif;
	letter-spacing: -1px;
	width: 100%;
	color: #000000;
	padding: 8px 0;
	margin-left: 0;
	text-indent: 15px;

}

dl.stud dd img {
	float: left;
}

dl.stud dd.photo {
	float: right;
	width: 150px;
	margin-left: 15px;
	margin-top: -45px;
}


/* -----styles for the docenten -------------------*/

#docenten dl dt {margin: 0 0 5px 0;font-weight: bold;font-size: 1.2em;color: #222222;}
#docenten dl dd {margin: 5px 0 5px 0;color: #414140;}
#docenten dl dd+dt {margin: 12px 0 0 0;}
#docenten dl+h3 {margin: 20px 0 1.333em 0;}


/* extra styles when needed ---------------------- */

#summer_2007, #summer_2007 li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}

#summer_2007 li {
	padding: 10px 0;
}

#summer_2007 img {
	display: block;
	float:  left;
	margin:  20px 25px 0 0;
}

#summer_2007 li p {
	margin-left: 110px;
	margin-right: 25px;
	font-size: 1em;
}

#summer_2007 li h3 {
	font-size: 1.2em;
	margin-left: 109px;
}

h3.post_date {color: #525252; font-size: 1em; margin-top: 0;}
.hr hr {display:  none;}
.hr {display: block; margin: 40px 0 30px 0; width: 90%; height: 1px;border: 1px solid #fafafa; border-width: 1px 0 0 0;}

.iframe iframe {width: 430px; height: 520px;display: block;border: 0;}

#parents {
	position: absolute;
	top: 150px;
	right: 52px;
	color: #b3b3b3;
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;	
}

#parents a:link, #parents a:visited {color: #b3b3b3;text-decoration: none;}
#parents a:hover {color: #eeeeee;border-bottom: 1px dotted #eeeeee;}

dl.staff {
	font-size: 1em;
	line-height: 1.5em;
	color: #414140;
	margin: 0 0 20px 0;
}

dl.staff dt {
	font-weight: bold;
	margin: 10px 0 0 0;
}

dl.summary {
margin: 0 0 25px 0;
}

dl.summary dt {
	font-weight: bold;
	font-size: 1.2em;
	color: #525252;
	margin:  0 0 5px 0;
}

dl.summary dd {
	color: #414140;
	font-size: 1em;
	margin: 0 0 15px 0;
	font-size: 1em;
	line-height: 1.5em;
	color: #414140;
	font-family: "Gill Sans", Helvetica, Arial, sans-serif;	
}

#vrienden {margin: 30px 0 0 0;}