@charset "utf-8";

/************************************************************
Title:     Main  - 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;
}

em, i { font-style: italic; }
strong, b { 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;}

/* Layout 3 cols /////////////////////////////////////////////*/
html {
	font: normal 80%/1.5em Arial, Helvetica, sans-serif;
}

body {
	background: url(/fileadmin/templates/img/Edukans/background.png) #8794B2 repeat-x left bottom;
	color: #001B5C;
	margin: 0px;
	padding: 0px;
}

p { margin-bottom: 1em;}
a { color: #001B5C;}
a img { border: none;}

a:hover { text-decoration:none; color:#FC7613;}
	
ul, ol {
	margin-left: 1.3em;
	margin-bottom: 1.3em;
	padding-left: 1.3em;
}

ul li { list-style: square;}
ul li li { list-style: disc; }
ul li li li { list-style: circle; }
ol li { list-style: decimal;}

.mlcat input {	border: none;}


h2, h3, h4 { line-height:normal; margin-bottom:2px; font-weight:bold; color:#FC7613;}
h2 a, h3 a, h4 a { text-decoration: none; color: #FC7613;}
h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: underline;}
 
h2 { font-size: 17px;}
h3 { font-size: 14px;}
h4 { font-size: 12px;}

hr {
	background: #001B5C;
	color: #001B5C;
	height: 1px;
	border: 0;
}

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

#bread, #main, #left, #left-content, #right, #logo, #center, #header, #footer, #footer-content, #flex-cont, #content-bottom-bg,
#navigatie-balk, #footer-merklogo, #foto-header, #rechterblok-top, #bottom {
	float: left;
	display: inline;
}

#container, #main, #header, #footer, #footer-content {	width: 968px;}
#container {	margin: auto;	position: relative;}
#main {	background: url(/fileadmin/templates/img/Edukans/main-bg.gif) #8794B2 repeat-y left top; padding-bottom: 20px;}

#header {
	width: 968px;
	height: 174px;
	display: block;
	background: url(/fileadmin/templates/img/Edukans/header-bg.gif) repeat-y left top;
}

#logo a {
	background: url(/fileadmin/templates/img/Edukans/Edukans-logo.gif) #FFFFFF no-repeat left top;
	width: 192px;
	height: 44px;
	margin-left: 15px;
	margin-top: 50px;
	display: block;
	
	/* tijdelijk */
	background: url(/fileadmin/templates/img/Edukans/edukans-10jaar.png) #FFFFFF no-repeat left top;
	height: 76px;
}

#foto-header {
    background:url(../../img/Edukans/header.jpg) no-repeat left top;
	width: 550px;
	height: 138px;
	display: block;
}

#rechterblok-top {
	width: 206px;
	height: 169px;
	display: block;
}

#rechts-top-banner {
	margin-left: 19px;
	margin-top: 4px;
	display: block;
	height: 73px;
	width: 175px;
}

#navigatie-balk { width: 960px;}
#searchbox {
	top: 140px;
	left: 13px;
	display: block;
	position: absolute;
}
	
#left, #right {	margin: 5px 0 0 0;}
#left {
	width: 195px;
	min-height: 420px;
	height: auto !important;
	height: 420px;
	margin-left: 12px;
	padding-bottom: 30px;
}

#right { width: 187px;	margin-left: 16px; }
#right-elements { margin-bottom:40px; }
#center, #content { width:552px; }
#content { float:left; margin:1em 0; }

#vier_blokken a { text-decoration:none; }

#naima span#myIMG {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);	
	background:url(/fileadmin/templates/img/Edukans/bg-trans.png); 
	
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	zoom:1;
	/* For IE 8*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
	/* For IE 5.5 - 7*/
	-background: transparent;
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
	
	left:0; top:0; position:absolute; z-index:1000;
	height:900px; width:100%; padding-top:50px;
	display:block; text-align:center;
}
#naima span#myIMG.link { 
	background: none;
	filter: none;	
	color:#FFF; font-size:14px;
	left:0; top:0; position:absolute; z-index:1100;
	height:90px; width:100%; margin-top:480px;
	text-align:center; text-decoration:none;
	/*text-indent:-9999px;*/
}

/* Frames /////////////////////////////////////////*/
.schoolbord { 
	background:#FFF;
	float:left;
	margin-bottom:1.5em;
	height:1%; 
	width:508px; 
}
.schoolbord * { color:#FFFFFF;  font-family:"Comic Sans MS"; }
.schoolbord .hd, .colWrapper-gray bd, .colWrapper-gray .ft { float:left; display:block; width:100%; height:1%;}

.schoolbord .hd  { background:url(/fileadmin/templates/img/Edukans/schoolbord/border.jpg) no-repeat top left; height:12px; width:508px;}
.schoolbord .ft { background:url(/fileadmin/templates/img/Edukans/schoolbord/border.jpg) no-repeat bottom left; height:15px; width:508px;}

.schoolbord .bd { background:url(/fileadmin/templates/img/Edukans/schoolbord/background.jpg) repeat-y 9px 0;  }
.schoolbord .bd .cc { background:url(/fileadmin/templates/img/Edukans/schoolbord/left.jpg) repeat-y -1px center; }
.schoolbord .bd .c { background:url(/fileadmin/templates/img/Edukans/schoolbord/right.jpg) repeat-y right; padding:20px;}



.oranje, .blauw, .rose, .groen, .lblauw, .rood {
	width: 164px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	background: url(/fileadmin/templates/img/Edukans/accordion/accordion-bg_01.png) no-repeat left bottom;
}
	
.oranje h3, .blauw h3, .rose h3, .groen h3, .lblauw h3, .rood h3, .video h4, .rss h3, .purple h3, .yellow h3 {
	background: url(/fileadmin/templates/img/Edukans/oranje_header.png) no-repeat left top;
	border: none;
	color: #FFFFFF;
	font-size: 12px;
	width: 172px;
	height: 27px;
	line-height: 29px;
	margin: 0;
	padding: 0;
	padding-left: 8px;
	margin-left: -8px;
	margin-bottom: 8px;
}



.blauw h3, .rss h3 { background: url(/fileadmin/templates/img/Edukans/blauwe_header.png) no-repeat left top;}
.rose h3  { background: url(/fileadmin/templates/img/Edukans/rose_header.png) no-repeat left top;}
.groen h3  { background: url(/fileadmin/templates/img/Edukans/groen_header.png) no-repeat left top; }
.lblauw h3  { background: url(/fileadmin/templates/img/Edukans/lblauw_header.png) no-repeat left top; }
.rood h3  { background: url(/fileadmin/templates/img/Edukans/rood_header.png) no-repeat left top; }
.yellow h3  { background: url(/fileadmin/templates/img/Edukans/yellow_header.png) no-repeat left top; }
.purple h3  { background: url(/fileadmin/templates/img/Edukans/purple_header.png) no-repeat left top; }


.video h4 { margin-left: 0px; margin-bottom: 0px;}

.projecten h2 { background: url(../../img/Edukans/projecten-h2.png) no-repeat left top; height: 30px; padding-top: 15px;}
.projecten h2, .projecten p, .projecten ul, .projecten ol, .projecten .csc-menu { padding-left: 15px; padding-right: 15px;}

.tx-itawyoutoubeembed-pi1 {
	margin-left: -7px;
	margin-top: -8px;
	margin-bottom: -8px;
	background: none;
}

#flex-cont {
	width: 552px;
	min-height: 420px;
	height: auto !important;
	height: 420px;
	background: url(/fileadmin/templates/img/Edukans/content-bg.png) no-repeat left top;
}

#inhoud {
	padding: 10px;
	padding-left: 3px;
	min-height: 420px;
	height: auto !important;
	height: 420px;
        position: relative;
}

#content-bottom-bg {
	background: url(/fileadmin/templates/img/Edukans/content-bottom-bg.png) no-repeat left bottom;
    border-top: 1px solid #001B5C;
    padding-top: 10px;
	width: 550px;
	height: 50px;
}

#content-bottom-bg .print {
	width: 250px;
	display: inline;
	float: right;
	margin-right: 10px;
}
   
#content-bottom-bg .print img {
	border: none;
	margin-bottom: 5px;
}
     
#footer {
	background: url(/fileadmin/templates/img/Edukans/footer-bg.gif) no-repeat left top;
	height: 22px;
	font-size: 0.8em;
}

#footer-merklogo {
	background: url(/fileadmin/templates/img/Edukans/cbf-keurmerk.gif) no-repeat left top;
	width: 39px;
	height: 54px;
	margin-top: -50px;
	margin-left: 18px;
	display: block;
	z-index: 0;
	position: absolute;
}

#footer-merklogo2 {
	width: 180px;
	height: 54px;
	margin-top: -50px;
	margin-left: 770px;
	display: block;
	z-index: 0;
	position: absolute;
}

#footer-content {
	margin-top: 18px;
	color: #001B5C;
	height: 130px;
}

#footer-content a { color: #001B5C;	text-decoration: none;}
#footer-content a:hover { color: #FC7613;}


/* Quotes ////////////////////////////////////*/
#citaat-oranje, #citaat-dorange, #citaat-blauw, #citaat-dgroen, #citaat-lgroen, #citaat-geel {
background: url(/fileadmin/templates/img/Edukans/quote-orange.gif) no-repeat left top;
height: 88px;
width: 480px;
overflow: hidden;
color: #FFF;
line-height: 18px;
font-style: italic;
font-size: 18px;
font-size: 14px;
padding: 12px;
padding-top: 8px;
padding-right: 60px;
clear: both;
}

#citaat-dorange {background: url(/fileadmin/templates/img/Edukans/quote-dorange.gif) no-repeat left top; }
#citaat-blauw {background: url(/fileadmin/templates/img/Edukans/quote-blauw.gif) no-repeat left top; }
#citaat-dgroen {background: url(/fileadmin/templates/img/Edukans/quote-dgroen.gif) no-repeat left top; }
#citaat-lgroen {background: url(/fileadmin/templates/img/Edukans/quote-lgroen.gif) no-repeat left top; }
#citaat-geel {background: url(/fileadmin/templates/img/Edukans/quote-geel.gif) no-repeat left top; }

/* ==============================  */
/*           RTE Styles            */
/* ==============================  */
.align-left { text-align: left;}
.align-center { text-align: center;}
.align-right { text-align: right;}