body {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

#container {
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 10px;
}

/*	HEADER	*/

#header {
	height: 195px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#button-ibb {
	background: url(../images/ibb-button.jpg);
	width: 178px;
	height: 37px;
	position: absolute;
	z-index: 1000;
	margin: -40px 0 0 490px;
	text-indent: -10000px;
}

#button-ibb:hover {
	background: url(../images/ibb-button-hover.jpg);
	width: 178px;
	height: 37px;
	cursor: pointer;
}

/*	GENERAL	*/

#content {
	margin: 195px 0 0 0;
	float: left;
}

#content-bottom {
	clear: left;
}

#content-left {
	width: 670px;
	float: left;
}

#beroep .top, #informatie .top {
	background: url(../images/blok_groot_top.jpg) no-repeat;
	font-size: 0;
	width: 670px;
	height: 13px;
}

#beroep .middle, #informatie .middle {
	background: url(../images/blok_groot_middle.jpg) repeat-y;
	width: 657px;
	padding: 0 0 0 13px;
}

#beroep .bottom, #informatie .bottom {
	background: url(../images/blok_groot_bottom.jpg) no-repeat;
	width: 670px;
	height: 13px;
}

#content-right {
	width: 304px;
	padding: 0 0 0 6px;
	float: left;
}

#keuze .top, #bekeken .top {
	background: url(../images/blok_small_top.jpg) no-repeat;
	font-size: 0;
	width: 304px;
	height: 13px;
}

#keuze .middle, #bekeken .middle {
	background: url(../images/blok_small_middle.jpg) repeat-y;
	width: 291px;
	padding: 0 0 0 13px;
}

#keuze .bottom, #bekeken .bottom {
	background: url(../images/blok_small_bottom.jpg) no-repeat;
	width: 304px;
	height: 13px;
}

#beroep .middle .titel, #informatie .middle .titel, #keuze .middle .titel, #bekeken .middle .titel {
	color: #CC071E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 0 0 9px;
	text-transform: uppercase;
}

#keuze .middle .titel, #bekeken .middle .titel {
	padding: 4px 0 0 7px;
}

/*	BEROEP	*/

#beroep {
	margin: 0 0 8px 0;
}

#beroep h1 {
	color: #644592;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin: 0;
	padding: 3px 0 12px 10px;
}

#youtube-video {
	/*background: url(../images/video.jpg) no-repeat;*/
	width: 640px;
	height: 385px;
}

/*	INFORMATIE	*/

#informatie {
	margin: 0 0 8px 0;
}

#informatie ul, #informatie li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#informatie ul {
	background: url(../images/ul_bg.jpg) repeat-x;
	margin: 10px 0 0 0;
	width: 640px;
	height: 22px;
}

#informatie li {
	margin: 0 4px 0 0;
	float: left;
}

#informatie li a {
	background: url(../images/informatie_tab_small.jpg) no-repeat;
	color: #595959;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	padding: 4px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 111px;
}

#informatie li a:hover, #informatie li.active a {
	background: url(../images/informatie_tab_small_hover.jpg) no-repeat;
	color: #FFFFFF;
}

#informatie li.large a, #informatie li.active.large a {
	background: url(../images/informatie_tab_large.jpg) no-repeat;
	width: 216px;
}

#informatie li.large a:hover, #informatie li.active.large a {
	background: url(../images/informatie_tab_large_hover.jpg) no-repeat;
}

#informatie .text {
	background: url(../images/informatie_text_bg.jpg) repeat-x bottom;
	color: #595959;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 341px;
	line-height: 125%;
	margin: 23px 0 0 0;
	overflow: auto;
	padding: 0 8px;
	width: 624px;
}

#informatie .text #tab-beroep-content, #informatie .text #tab-organisatie-content, #informatie .text #tab-opleiding-content, #informatie .text #tab-video-content {
	display: none;
}

#informatie .text #tab-beroep-content.active, #informatie .text #tab-organisatie-content.active, #informatie .text #tab-opleiding-content.active, #informatie .text #tab-video-content.active {
	display: block;
}

#informatie #tab-video-content {
	margin: 0;
	padding: 0;
}

#informatie .text h1 {
	color: #CC071E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: normal;
	margin: 0 0 14px 0;
}

#informatie .text p {
	margin: 0;
	padding: 0 0 17px 0;
}

#informatie .text strong, #informatie .text b {
	color: #644592;
}

#informatie .text input.large {
	width: 100%;
}

#informatie .extra {
	padding: 12px 0 1px 0;
}

#informatie .extra a:hover {
	color: #CC071E;
}

#informatie .extra-left {
	color: #636363;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 11px;
	width: 309px;
	float: left;
}

#informatie .extra-left a {
	color: #636363;
	font-weight: normal;
	text-decoration: none;
}

#informatie .extra-right {
	padding: 0 14px 0 0;
	text-align: right;
	width: 306px;
	float: left;
}

#informatie .extra-right a {
	color: #636363;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

/*	KEUZE + MEEST BEKEKEN	*/

#keuze {
	margin: 0 0 8px 0;
}

#keuze .tab ul, #keuze .tab li, #bekeken .tab ul, #bekeken .tab li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#keuze .tab ul, #bekeken .tab ul {
	background: url(../images/ul_bg.jpg) repeat-x;
	height: 22px;
	margin: 10px 0 0 0;
	width: 252px;
}

#keuze .tab li {
	margin: 0 6px 0 0;
	float: left;
}

#bekeken .tab li {
	margin: 0 8px 0 0;
	float: left;
}

#keuze .tab li.last, #bekeken .tab li.last {
	margin: 0;
}

#keuze .tab li a {
	background: url(../images/tab_right_small.jpg) no-repeat;
	color: #595959;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	height: 18px;
	padding: 4px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 80px;
}

#bekeken .tab li a {
	background: url(../images/tab_right.jpg) no-repeat;
	color: #595959;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	height: 18px;
	padding: 4px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 122px;
}

#keuze .tab li a:hover, #keuze li.active a {
	background: url(../images/tab_right_small_hover.jpg) no-repeat;
	color: #FFFFFF;
}

#bekeken .tab li a:hover, #bekeken li.active a {
	background: url(../images/tab_right_hover.jpg) no-repeat;
	color: #FFFFFF;
}

#keuze #video-content, #keuze #tab-beroepen-content, #keuze #tab-sectoren-content, #keuze #tab-toon-alles-content {
	display: none;
}

#keuze #video-content.active, #keuze #tab-beroepen-content.active, #keuze #tab-sectoren-content.active, #keuze #tab-toon-alles-content.active {
	display: block;
}

#keuze .playlist, #bekeken .playlist {
	clear: left;
	height: 384px;
	margin: 9px 0 0 0;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 277px;
}

#keuze .playlist ul, #keuze .playlist li, #bekeken .playlist ul, #bekeken .playlist li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#keuze .playlist li, #bekeken .playlist li {
	height: 72px;
	margin: 0 0 6px 0;
	width: 252px;
	overflow: hidden;
	float: left;
}

#keuze .playlist li.last, #bekeken .playlist li.last {
	margin: 0;
}

#keuze .playlist li .item, #bekeken .playlist li .item {
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}

#keuze .playlist li .img, #bekeken .playlist li .img {
	height: 72px;
	width: 110px;
	float: left;
}

#keuze .playlist li.active .img a, #bekeken .playlist li.active .img a {
	background: none;
}

#keuze .playlist li .info, #bekeken .playlist li .info {
	background: url(../images/playlist_item_bg.jpg) repeat-x;
	height: 67px;
	padding: 5px 0 0 10px;
	width: 132px;
	float: left;
}

#keuze .playlist li:hover .info, #bekeken .playlist li:hover .info, #keuze .playlist li.active .info, #bekeken .playlist li.active .info {
	background: url(../images/playlist_item_hover_bg.jpg) repeat-x;
}

#keuze .playlist li .titel, #bekeken .playlist li .titel {
	padding: 0 0 3px 0;
}

#keuze .playlist li .titel a, #bekeken .playlist li .titel a {
	background: none;
	color: #644592;
	font-size: 13px;
	height: 36px;
	padding: 0;
	text-decoration: none;
	text-transform: none;
}

#keuze .playlist li .organisatie a, #bekeken .playlist li .organisatie a {
	background: none;
	color: #595959;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#keuze .playlist li .plaats a, #bekeken .playlist li .plaats a {
	background: none;
	color: #595959;
	font-size: 11px;
	margin: -1px 0 0 0;
	text-decoration: none;
}

#keuze .playlist li:hover .titel a, #keuze .playlist li:hover .organisatie a, #keuze .playlist li:hover .plaats a, #bekeken .playlist li:hover .titel a, #bekeken .playlist li:hover .organisatie a, #bekeken .playlist li:hover .plaats a, #keuze .playlist li.active .titel a, #keuze .playlist li.active .organisatie a, #keuze .playlist li.active .plaats a, #bekeken .playlist li.active .titel a, #bekeken .playlist li.active .organisatie a, #bekeken .playlist li.active .plaats a {
	color: #FFFFFF;
}

#keuze #tab-sectoren-content li, #keuze #tab-beroepen-content li {
	background: url(../images/keuze_li_bg.jpg) repeat-x;
	height: auto;
	margin: 0 0 1px 0;
	float: left;
}

#keuze #tab-sectoren-content li a, #keuze #tab-beroepen-content li a {
	background: url(../images/keuze_li_pijl.jpg) no-repeat 7px 3px;
	color: #595959;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	padding: 4px 0 0 33px;
	text-decoration: none;
	width: 219px;
}

#keuze #tab-sectoren-content li a:hover, #keuze #tab-sectoren-content li a.active, #keuze #tab-beroepen-content li a:hover, #keuze #tab-beroepen-content li a.active {
	color: #644592;
}

#keuze #tab-sectoren-content li a.active, #keuze #tab-beroepen-content li a.active {
	font-weight: bold;
}

#bekeken #tab-top10-content, #bekeken #tab-favorieten-content {
	display: none;
}

#bekeken #tab-top10-content.active, #bekeken #tab-favorieten-content.active {
	display: block;
}

/*	BANNER	*/

#content-bottom .banner-extralarge, #content-bottom .banner-large, #content-bottom .banner-small {
	margin: 0 9px 0 0;
	float: left;
}

#content-bottom .banner-extralarge.last, #content-bottom .banner-large.last, #content-bottom .banner-small.last {
	margin: 0;
}

#content-bottom .banner-extralarge .top {
	background: url(../images/banner_extralarge_top.jpg) no-repeat;
	font-size: 0;
	height: 13px;
	width: 303px;
}

#content-bottom .banner-extralarge .middle {
	background: url(../images/banner_extralarge_middle.jpg) repeat-y;
	width: 290px;
	padding: 0 0 0 13px;
}

#content-bottom .banner-extralarge .bottom {
	background: url(../images/banner_extralarge_bottom.jpg) no-repeat;
	height: 13px;
	width: 303px;
}

#content-bottom .banner-large .top {
	background: url(../images/banner_large_top.jpg) no-repeat;
	font-size: 0;
	height: 13px;
	width: 268px;
}

#content-bottom .banner-large .middle {
	background: url(../images/banner_large_middle.jpg) repeat-y;
	width: 255px;
	padding: 0 0 0 13px;
}

#content-bottom .banner-large .bottom {
	background: url(../images/banner_large_bottom.jpg) no-repeat;
	height: 13px;
	width: 268px;
}

#content-bottom .banner-small .top {
	background: url(../images/banner_small_top.jpg) no-repeat;
	font-size: 0;
	height: 13px;
	width: 112px;
}

#content-bottom .banner-small .middle {
	background: url(../images/banner_small_middle.jpg) repeat-y;
	width: 99px;
	padding: 0 0 1px 13px;
}

#content-bottom .banner-small .bottom {
	background: url(../images/banner_small_bottom.jpg) no-repeat;
	height: 13px;
	width: 112px;
}

/*	FOOTER	*/

/*#footer {
	background: url(../images/footer.jpg) no-repeat;
	clear: left;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 24px;
	margin: 0 auto;
	padding: 149px 0 0 0;
	text-align: center;
	width: 1173px;
}*/
#footer {
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	height: 210px;
	left: 0;
	text-align: center;
	top: 0;
	width: 100%;
}

#footer .tekst-top, #footer .tekst-bottom {
	color: #FFFFFF;
	position: absolute;
	width: 100%;
	text-align: center;
}

#footer .tekst-top {
	font-size: 12px;
	font-weight: bold;
	margin: -42px 0 0 0;
}

#footer .tekst-bottom {
	font-size: 11px;
	margin: -25px 0 0 0;
}

#footer .tekst-bottom a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer .tekst-bottom a:hover {
	text-decoration: underline;
}

#footer embed {
	margin: -22px 0 0 0;
}