/************************************************************
Title:     Main | Emile - Netcreators.com
************************************************************/
/* Global reset */

* { 	
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	border:0;
}

em { font-style: italic; }
strong { font-weight: bold; }
table {	border-collapse: collapse; border-spacing: 0; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: "";}
blockquote, q { quotes: "" "";}
caption, th, td { font-weight:normal; text-align:left; }
ol,  ul { list-style:none;}

blockquote {padding-left:30px;}

table.contenttable {
	border-collapse:separate;
	border-spacing:5px;
	}

body {  
	background: #FFF url(/fileadmin/templates/img/kleuropschool/kleur2/bg-body.gif) repeat-y left top;
	color:#007089;
	font: normal 76%/1.5em Tahoma, Arial, Helvetica, sans-serif; /*line-height is 1.5 times the font size*/
	margin: 0px;
	padding: 0px;
}

p { margin-bottom:2em;}
 	
a { color:#40AE49; text-decoration:underline;}
a:hover { color:#ED1C24; }
a img { text-decoration:none;}

ul, ol {margin: 1em 0; padding-left: 2em;}
ul li {list-style: square;}
ul li li {list-style: circle;}
ol li {list-style: decimal;}

.hidden, #page-description, #logo span, .hide {display:none;}

hr {
	clear: both;
	border:0;
	border-bottom:1px dotted #40AE49;
	height:0px;
	margin: auto;
	margin-top:1em;
	margin-bottom:1em;
	width:90%;
}


#main, #left, #flex-cont, #footer, #footer-logo, #footer-content-bg, #footer-content {
	float: left;
	display: inline;
}

#container {
	left:0px;
	top:177px;
	position:absolute;
	z-index:4;
	}

#main { 
	background:url(/fileadmin/templates/img/kleuropschool/kleur2/bg-main.gif) no-repeat 235px top;
	width:938px; 
}

#header {
	background:url(/fileadmin/templates/img/kleuropschool/kleur2/bg-header.gif) repeat-x left top;
	height:177px;
	width:100%; 
	top:0;
	left:0;
	position:absolute;
	z-index:1;
}

#website-logo .title { display:none; }
#website-logo a {
	background:url(/fileadmin/templates/img/kleuropschool/kleur2/logo.gif) no-repeat left top;
	width:860px;
	height:177px;
	top:0px;
	left:0px;
	display:block;
	position:absolute;
	z-index:2;
	}

/* slogan */
.sIFR-active #website-logo .slogan { 
	visibility: hidden;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
   	line-height: 1em;
}	

#website-logo .slogan {
	left:260px;
	top:7px;
	color:#FFF;
	font-size:22px;
	width:500px;
	position:absolute;
	z-index:10;
	overflow:hidden;
	}
	
	
#left { 
	background:url(/fileadmin/templates/img/kleuropschool/kleur2/bg-left.gif) no-repeat left top;
	width:235px; 
}

#fotoshow_ondermenu { margin-left:19px; margin-top:20px; }	
#logo-linkerkolom { margin-top:70px; }
#logo-linkerkolom a img { border:none; }
	
#bread {
	font-size:0.9em;
	display:block;
	top:1px;
	left:263px;
	position:absolute;
	z-index:3;
	}

#bread a { padding-left:3px; }

#flex-cont {
	width:662px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	padding:20px;
	padding-top:0;
	margin-top:40px;
	border-right:1px dotted #40AE49;
	}

#footer {
	margin-top:25px;
	height:95px;	
	font-size:0.8em;
}
	
#footer-logo {
	margin-left:17px;
	display:block;
}
	
#footer-logo a img {
	border:none;
	margin-top:24px;
}

#footer-content-bg {
	width:680px;
	margin-left:36px;
}

#footer-content {
	margin-left:20px;
	width:660px;
	margin-top:35px;
	margin-bottom:15px;
	}
	
#footer-content p { margin-bottom:0; }

h2, h3, h4 {
	font-family: Garamond, Georgia, serif;
	font-style:  italic;
	line-height: 1em;
	margin-bottom:0.5em;
	color: #40AE49;
	font-weight:bold;
}

h2 a, h3 a, h4 a { text-decoration:none; }
h2 a:hover, h3 a:hover, h4 a:hover { text-decoration:underline;} 
h2 { font-size:2.2em; }
h3 { font-size:1.7em; color:#00A9A7;}
h4 {  font-size:1.5em;	color:#007089;}


/* ==============================  */
/*           RTE Styles            */
/* ==============================  */

.align-left { text-align:left; }
.align-center { text-align:center;}
.align-right { text-align:right;}