/*	ALGEMEEN */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background-image: url(/eduvision/template/images/container_top_bg.gif);
	background-repeat: repeat-x;
}
a:hover,
a:hover * {
	cursor: pointer;
}

/*	CONTAINER */
#container {
	height: 100%;
	width: 100%;
	border-spacing: 0;
	background-image: url(/eduvision/template/images/container_bottom_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#container td {
	padding: 0;
}
#container_top {
	vertical-align: top;
}
#container_bottom {
	height: 109px;
	vertical-align: bottom;
}


/*	MAIN */
#cont_main {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}


/*	HEADER */
#header {
	position: relative;
	height: 216px;
}
#logo {
	position: absolute;
	top: 44px;
	left: -4px;
	width: 200px;
	height: 70px;
}
#header_bg {
	position: absolute;
	top: 11px;
	left: 210px;
	width: 750px;
	height: 140px;
	background-image: url(/eduvision/template/images/header_bg.jpg);
	background-repeat: no-repeat;
}
#header_bg.banner span {
	background-image: url(/eduvision/template/images/banner_bg_r.png);
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	float: right;
	height: 98px;
	margin: 6px;
}
#header_bg.banner span span {
	background-image: url(/eduvision/template/images/banner_bg_l.png);
	background-position: left;
	height: 90px;
	margin: 0 5px 0 0;
	padding: 4px 0 4px 5px;
}
#header_bg.banner span span * {
	border: 0;
	padding: 0;
	margin: 0;
}
/*	navigatie */
#cont_nav {
	position: absolute;
	top: 111px;
	left: 0;
	width: 960px;
	height: 70px;
}

 
/*	CONTENTBANNER */
.contentbanner {
	background-image: url(/eduvision/template/images/kaders/cntb_breed_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 5px 0 0;
	margin-bottom: 10px;
}
.contentbanner div {
	background-image: url(/eduvision/template/images/kaders/cntb_breed_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 0 5px;
}
.contentbanner div div {
	background-image: none;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #ecece6;
	padding: 6px 11px 6px;
}
.contentbanner div div div {
	border: 0;
}
.contentbanner img {
	display: block;
	margin: 0 auto;
}
/*	links */
.links .contentbanner {
	background-image: url(/eduvision/template/images/kaders/cntb_left_top.gif);
}
.links .contentbanner div {
	background-image: url(/eduvision/template/images/kaders/cntb_left_bottom.gif);
}
.links .contentbanner div div {
	background-image: none;
}
/*	rechts */
.rechts .contentbanner {
	background-image: url(/eduvision/template/images/kaders/cntb_right_top.gif);
}
.rechts .contentbanner div {
	background-image: url(/eduvision/template/images/kaders/cntb_right_bottom.gif);
}
.rechts .contentbanner div div {
	background-image: none;
}


/*	CONTENTMENU */
div#content div.contentmenu {
	background-image: url(/eduvision/template/images/kaders/cntm_breed_top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 0 0;
}
.contentmenu div {
	background-image: url(/eduvision/template/images/kaders/cntm_breed_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 0 20px;
}
.contentmenu div div {
	background-image: none;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #ecece6;
	padding: 0;
}
.contentmenu div div div {
	border: 0;
}
/*	links */
.links .contentmenu {
	background-image: url(/eduvision/template/images/kaders/cntm_left_top.gif);
}
.links .contentmenu div {
	background-image: url(/eduvision/template/images/kaders/cntm_left_bottom.gif);
}
.links .contentmenu div div {
	background-image: none;
}
/*	rechts */
.rechts .contentmenu {
	background-image: url(/eduvision/template/images/kaders/cntm_right_top.gif);
}
.rechts .contentmenu div {
	background-image: url(/eduvision/template/images/kaders/cntm_right_bottom.gif);
}
.rechts .contentmenu div div {
	background-image: none;
}


/*	CONTENT */
#cont_content {
	width: 770px;
	float: left;
	position: relative;
}
#content_ie6hack {
	clear: both;
	width: 770px;
}
#content_links {
	width: 470px;
	float: left;
	margin-bottom: 5px;
}
#content_rechts {
	width: 290px;
	float: right;
	margin-bottom: 5px;
}
#content_linksrev {
	width: 290px;
	float: left;
	margin-top: 22px;
	margin-bottom: 5px;
}
#content_rechtsrev {
	width: 470px;
	float: right;
	margin-bottom: 5px;
}
#content_breed {
	clear: both;
	width: 770px;
	background-image: url(/eduvision/template/images/lijn_kruis7.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
}
#content_breedeerst {
	clear: both;
	width: 770px;
}

/* YOUTUBE EMBED */
#embedvid {
	display: none;
}

/*	TABS */
#tab {
	position: relative;
	background-image: url(/eduvision/template/images/tab_bg.gif);
	border-bottom: 1px solid #bba;
	margin: 0 0 20px;
}
#tab_top {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 1px;
	background-image: url(/eduvision/template/images/tab_bg_top.gif);
	height: 28px;
	width: 768px;
	padding: 0;
	margin:0;
}
#tabsubnav, #tab_content {
	position: relative;
	z-index: 1;
}
#tab_content {
	clear: left;
	width: 100%;
	overflow: auto;
}
#tab_content_links {
	width: 460px;
	margin: 0 0 12px 10px;
	float: left;
}
#tab_content_rechts {
	width: 280px;
	margin: 12px 0 12px 10px;
	float: left;
}

#tab_content_breed {
	width: 750px;
	margin: 12px 10 12px 10px;
	float: left;
}

/*	SIDEBAR */
#sidebar {
	width: 180px;
	float: right;
}


/*	FOOTER */
#cont_footer {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	height: 109px;
	vertical-align: top;
}
#foot_eduvision {
	position: relative;
	width: 100%;
	height: 86px;
}
#foot_edusites {
	height: 21px;
	padding: 0;
}
#extra_foot {
	width: 100%;
	height: 30px;
	background-color: #223333;
}

/* EXTRA KNOPPEN */
#extra_knoppen {
	position: absolute;
	top: 30%;
	left: 0px;
	height: 111px;
	width: 20px;
	margin: 0px;
	padding: 0px;
}

@media screen {
	body>ul#extra_knoppen {
		position: fixed;
	}
}

#extra_layer {
	display: none;
	position:fixed;
	left:0px;
	bottom:0px;
	width: 100%;
	height: 65px;
	background-image: url(/eduvision/template/images/kaders/kadertje_o280_top.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #ffdb71;
	border: 1px solid #fc3;
	z-index: 999;
}

#extra_layer #extra_zoek {
	float: left;
}