*
{
	border: 0;
	margin: 0;
	padding: 0;
}

body
{
	background-color: #8aa2a4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#template
{
	background-image: url(../img/template_opleiding.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	width: 1000px;
	height: 1200px;
	position: absolute;
	top: 0px;
	left: 325px;
	opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	display: none;
}

#container
{
	background-color: #ffffff;
	color: #61818a;
}

#container a
{
	color: #61818a;
}

#container a:hover
{
	text-decoration: none;
}

#header, #menu, #footer
{
	background-repeat: repeat-x;
}

#header
{
	height: 131px;
	padding-top: 55px;
	height: 76px;
	background-image:url(../img/header_background.gif);
}

#header div
{
	margin-left: auto;
	margin-right: auto;
	width: 736px;
	height: 48px;
}

#header div h1
{
	width: 572px;
	height: 48px;
	background-image: url(../img/header.png);
	background-repeat: no-repeat;
}

#header div h1 span
{
	display: none;
}

/* MENU */

#menu
{
	height: 29px;
	background-image:url(../img/menu_background.gif);
	margin-bottom: 3px;
	overflow: hidden;
}

#menu ul
{
	width: 736px;
	margin-left: auto;
	margin-right: auto;
}

#menu ul li
{
	list-style-type: none;
	display: inline;
}

#menu ul li a, #menu ul li.active
{
	display: block;
	float: left;
	height: 29px;
	background-repeat: no-repeat;
}

#menu ul li a span, #menu ul li.active span
{
	display: none;
}

#menu ul li.home a, #menu ul li.active.home
{
	background-image: url(../img/home_normal.gif);
	width: 63px;
}

#menu ul li.home a:hover, #menu ul li.active.home
{
	background-image: url(../img/home_active.gif);
}

#menu ul li.opleiding a, #menu ul li.active.opleiding
{
	background-image: url(../img/opleiding_normal.gif);
	width: 91px;
}

#menu ul li.opleiding a:hover, #menu ul li.active.opleiding
{
	background-image: url(../img/opleiding_active.gif);
}

#menu ul li.highlights a, #menu ul li.active.highlights
{
	background-image: url(../img/highlights_normal.gif);
	width: 101px;
}

#menu ul li.highlights a:hover, #menu ul li.active.highlights
{
	background-image: url(../img/highlights_active.gif);
}

#menu ul li.contact a, #menu ul li.active.contact
{
	background-image: url(../img/contact_normal.gif);
	width: 83px;
}

#menu ul li.contact a:hover, #menu ul li.active.contact
{
	background-image: url(../img/contact_active.gif);
}

/* CONTENT */

/* HOME */

#content #home div.columns_2, #content #contact div.columns_1, #content #contact div.columns_2
{
	width: 736px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 22px;
}

#content #home div.columns_2 div.column_1, #content #home div.columns_2 div.column_2
{
	float: left;
	overflow: hidden;
}

#content #home div.columns_2 div.column_1
{
	width: 469px;
	margin-right: 5px;
}

#content #home div.columns_2 div.column_2
{
	width: 260px;
}

#content #home div.content
{
	margin-left: 16px;
	margin-right: 5px;
}

#content #home div.title, #content #contact div.title
{
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#content #home div.title span, #content #contact div.title span
{
	display: none;
}

#content #home div.content p, #content #contact div.content p
{
	margin-bottom: 18px;
}

#content #home div.content p.last, #content #contact div.content p.last
{
	margin-bottom: 0px;
}

#content #home div.focus, #content #showcase div.focus, #content #contact div.focus
{
	background-color: #abadae;
	color: #ffffff;
	padding-top: 29px;
	margin-bottom: 17px;
	font-size: 11px;
}

/* override voor twitter icoontje */
#content #home div.columns_2
{
	margin-top: -8px;
}
#content #home div.title
{
	margin-top: 8px;
}

#content #home div.focus a
{
	color: #ffffff;
}

#content #home div.video
{
	width: 458px;
	height: 259px;
	overflow: hidden;
	border-color: #ffffff;
	border-width: 6px;
	border-style: solid;
	background-color: #000000;
}

#content #home div.video embed, #content #home div.video object
{
}

#content #home div.gezocht div.title
{
	width: 262px;
	height: 84px;
	background-image: url(../img/content/gezocht_creatieve_iter.gif);
}

#content #home div.showcase div.title h2
{
	width: 329px;
	padding-left: 15px;
	width: 314px;
	height: 33px;
	padding-top: 8px;
	height: 25px;
	background-image: url(../img/showcase_title_background.gif);
	text-transform: uppercase;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 4px;
}

#content #home div.showcase div.title h3
{
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 25px;
	margin-left: 15px;
}

#content #home div.contacteer div.title, #content #contact div.contacteer div.title
{
	width: 262px;
	height: 33px;
	background-image: url(../img/content/contacteer_ons.gif);
}

#content #home div.infodagen div.title
{
	width: 262px;
	height: 33px;
	background-image: url(../img/content/infodagen.gif);
}

#content #home div.twitter div.title
{
	width: 273px;
	height: 41px;
	margin-top: 0px;
	background-image: url(../img/content/recent_tweets.gif);
}

#content #home div.twitter
{
	width: 273px;
}

#content #home div.twitter .tweet .time
{
	font-size: 0.9em;
}

#content #home div.infodagen h3
{
	font-size: 15px;
	font-weight: normal;
}

#content #home div.infodagen p
{
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 9px;
	margin-top: -2px;
	margin-bottom: 13px;
}

#content #home div.infodagen p.last
{
	margin-bottom: 0px;
}

#content .hyperlinks
{
	margin-top: 20px;
}

#content .hyperlinks li
{
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
}

#content .hyperlinks .facebook
{
	background-image: url(../img/icon_facebook.png);
}

#content .hyperlinks .netlog
{
	background-image: url(../img/icon_netlog.png);
}

/* OPLEIDING */

/*focus 1*/
#content #opleiding div.focus.one
{
	padding-top: 24px;
	background-color: #abadae;
	color: #ffffff;
}

#content #opleiding div.columns_2, #content #opleiding div.columns_3
{
	margin-left: auto;
	margin-right: auto;
	width: 736px;
	padding-bottom: 16px;
}

#content #opleiding div.columns_2 div.column_1, #content #opleiding div.columns_2 div.column_2
{
	float: left;
}

#content #opleiding div.columns_2 div.column_1
{
	width: 346px;
	margin-right: 70px;
}

#content #opleiding div.columns_2 div.column_2
{
	width: 320px;
}

/*focus 2*/
#content #opleiding div.focus.two
{
	/*tmp margin top*/
	margin-top: 2px;
	padding-top: 16px;
	background-color: #797a7a;
	color: #ffffff;
}

#content #opleiding div.columns_3
{
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	padding-bottom: 40px;
}

#content #opleiding div.columns_3 div.column_1, #content #opleiding div.columns_3 div.column_2, #content #opleiding div.columns_3 div.column_3
{
	float: left;
}

#content #opleiding div.columns_3 div.column_1, #content #opleiding div.columns_3 div.column_2
{
	margin-right: 34px;
}

#content #opleiding div.columns_3 div.column_1
{
	width: 214px;
}

#content #opleiding div.columns_3 div.column_2
{
	width: 208px;
}

#content #opleiding div.columns_3 div.column_3
{
	width: 208px;
}

#content #opleiding div.opleidingsschema
{
	padding-top: 36px;
}

#content #opleiding div.opleidingsschema a
{
	text-decoration: none;
}

#content #opleiding div.opleidingsschema table
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
}

#content #opleiding div.opleidingsschema table ul li
{
	list-style-type: none;
}

#content #opleiding div.opleidingsschema table th, #content #opleiding div.opleidingsschema table td
{
	vertical-align: top;
	font-size: 11px;
}

#content #opleiding div.opleidingsschema div.title
{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	height: 33px;
	margin-bottom: 22px;
	background-image: url(../img/content/opleidingsprogramma.gif);
	background-repeat: no-repeat;
	background-position: 237px 0px;
}

#content #opleiding div.opleidingsschema div.title h2, #content #opleiding div.opleidingsschema table th span
{
	display: none;
}

#content #opleiding div.opleidingsschema table th.jaar div
{
	width: 37px;
}

#content #opleiding div.opleidingsschema table .pijler_1 div, #content #opleiding div.opleidingsschema table .pijler_2 div, #content #opleiding div.opleidingsschema table .pijler_3 div
{
	width: 208px;
	padding-left: 13px;
	padding-right: 13px;
	width: 182px;
}

#content #opleiding div.opleidingsschema table th.pijler_1 div, #content #opleiding div.opleidingsschema table th.pijler_2 div, #content #opleiding div.opleidingsschema table th.pijler_3 div
{
	height: 50px;
	background-repeat: no-repeat;
}

#content #opleiding div.opleidingsschema table th.pijler_1 div
{
	background-image: url(../img/content/table_header_multimedia_development.gif);
	margin-right: 19px;
}

#content #opleiding div.opleidingsschema table th.pijler_2 div
{
	/*background-image: url(../img/content/table_header_integration.gif);*/
	background-color: #62828a;
	margin-right: 19px;
}

#content #opleiding div.opleidingsschema table th.pijler_3 div
{
	background-image: url(../img/content/table_header_netwerken_technologie.gif);
}

#content #opleiding div.opleidingsschema table tr.integration th
{
	background-color: #5baece;
}

#content #opleiding div.opleidingsschema table tr.integration th div
{
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}

#content #opleiding div.opleidingsschema table tr.integration th div.interfacing
{
	width: 96px;
	background-image: url(../img/content/table_header_interfacing.gif);
}

#content #opleiding div.opleidingsschema table tr.integration th div.interfacing_innovation
{
	width: 195px;
	background-image: url(../img/content/table_header_interfacing_innovation.gif);
}

#content #opleiding div.opleidingsschema table tr.integration th div.interfacing_innovation_integration
{
	width: 292px;
	background-image: url(../img/content/table_header_interfacing_innovation_integration.gif);
}

#content #opleiding div.opleidingsschema table tr.nmct1 th.jaar div, #content #opleiding div.opleidingsschema table tr.nmct2 th.jaar div, #content #opleiding div.opleidingsschema table tr.nmct3 th.jaar div
{
	width: 37px;
	height: 66px;
	background-repeat: no-repeat;
}

#content #opleiding div.opleidingsschema table tr.nmct1 th.jaar div
{
	background-image: url(../img/content/table_header_1nmct.gif);
}

#content #opleiding div.opleidingsschema table tr.nmct2 th.jaar div
{
	background-image: url(../img/content/table_header_2nmct.gif);
}

#content #opleiding div.opleidingsschema table tr.nmct3 th.jaar div
{
	background-image: url(../img/content/table_header_3nmct.gif);
}

#content #opleiding div.opleidingsschema table td.pijler_1 div
{
	background-color: #cacecf;
	color: #5d7c84;
}

#content #opleiding div.opleidingsschema table td.pijler_1 div a,
#content #opleiding div.opleidingsschema table td.pijler_3 div a
{
	color: #5d7c84;
}

#content #opleiding div.opleidingsschema table td.pijler_2 div a
{
	color: #ffffff;
}

#content #opleiding div.opleidingsschema table td.pijler_2 div
{
	background-color: #62828a;
	color: #ffffff;
}

#content #opleiding div.opleidingsschema table td.pijler_3 div
{
	background-color: #ccd0d1;
	color: #5e7c84;
}

#content #opleiding div.opleidingsschema table tr.nmct1 td div
{
	height: 92px;
	padding-top: 10px;
	height: 82px;
}

#content #opleiding div.opleidingsschema table tr.nmct2 td div
{
	height: 92px;
	padding-top: 10px;
	height: 82px;
}

#content #opleiding div.opleidingsschema table tr.nmct3 td div
{
	height: 108px;
	padding-top: 10px;
	height: 98px;
}

#content #opleiding div.opleidingsschema table td ul li span.modulenaam,
#content #opleiding div.opleidingsschema table td ul li span.studiepunten
{
	display: block;
}

#content #opleiding div.opleidingsschema table td ul li span.modulenaam
{
	margin-top: -18px;
	font-weight: bold;
	width: 150px;
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 9px;
	width: 141px;
}

#content #opleiding div.opleidingsschema table td.pijler_1 ul li span.modulenaam
{
	background-image: url(../img/bullet_bg_cacecf.gif);
}

#content #opleiding div.opleidingsschema table td.pijler_2 ul li span.modulenaam
{
	background-image: url(../img/bullet_bg_62828a.gif);
}

#content #opleiding div.opleidingsschema table td.pijler_3 ul li span.modulenaam
{
	background-image: url(../img/bullet_bg_ccd0d1.gif);
}


#content #opleiding div.opleidingsschema table td ul li span.studiepunten
{
	text-align: right;
	color: #5e6343;
	clear: right;
}

#content #opleiding div.opleidingsschema table td.pijler_2 ul li span.studiepunten
{
	color: #ffffff;
}

/* OVERLAYS */
#shadowbox_container
{
	color: #797a7a;
	line-height: 15px;
}

#shadowbox_container div.moduleinfo
{
	position: relative;
}

#shadowbox_container div.moduleinfo div.close
{
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 11;
}

#shadowbox_container div.moduleinfo div.close a
{
	display: block;
	width: 89px;
	height: 23px;
	background-image: url(../img/terug.gif);
}

#shadowbox_container div.moduleinfo div.close a span
{
	display: none;
}

#shadowbox_container div.moduleinfo div.image
{
	height: 264px;
	background-color: #5d7e87;
	position: relative;
	z-index: 10;
}

#shadowbox_container div.moduleinfo div.image ul.navigation
{
	position: absolute;
	right: 3px;
	bottom: 5px;
	z-index: 11;
}

#shadowbox_container div.moduleinfo div.image ul.navigation li
{
	list-style-type: none;
	display: inline;
}

#shadowbox_container div.moduleinfo div.image ul.navigation li a
{
	display: block;
	width: 20px;
	height: 20px;
	padding-top: 2px;
	height: 18px;
	text-align: center;
	float: left;
	margin-right: 2px;
	background-color: #ccd0d1;
	font-weight: bold;
	font-size: 10px;
	color: #797a7a;
	text-decoration: none;
}

#shadowbox_container div.moduleinfo div.image ul.navigation li a:hover
{
	background-color: #FFFFFF;
}

#shadowbox_container div.moduleinfo div.content
{
	height: 144px;
	overflow: hidden;
}

#shadowbox_container div.moduleinfo h2, #shadowbox_container div.moduleinfo div.columns_2
{
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
}

#shadowbox_container div.moduleinfo h2
{
	background-color: #5baece;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 16px;
	height: 21px;
	padding-top: 3px;
	height: 18px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #ffffff;
	margin-bottom: 3px;
}

#shadowbox_container div.moduleinfo h3
{
	font-size: 12px;
}

#shadowbox_container div.moduleinfo div.columns_2 div.column_1, #shadowbox_container div.moduleinfo div.columns_2 div.column_2
{
	float: left;
	margin: 0;
	padding: 0;
}

#shadowbox_container div.moduleinfo div.columns_2 div.column_1
{
	width: 320px;
	margin-right: 50px;
}

#shadowbox_container div.moduleinfo div.columns_2 div.column_2
{
	width: 319px;
}

/* SHOWCASE */
#content #showcase
{
	background-color: #d4d5d5;
}

#content #showcase .showcases, #content #showcase .focus .content
{
	margin-left: auto;
	margin-right: auto;
	width: 736px;
}

#content #showcase .focus .content
{
	position: relative;
	height: 40px;
}

#content #showcase .focus .content .paging
{
	font-size: 1.2em;
	font-weight: bold;
	position: absolute;
	right: -74px;
	bottom: 0px;
}

#content #showcase .focus .content .paging a
{
	color: #d4d5d5;
	text-decoration: none;
}

#content #showcase .focus .content .paging a:hover
{
	color: #FFFFFF;
}

#content #showcase .focus .content .paging div, #content #showcase .focus .content .paging span
{
	display: block;
	float: left;
	margin-right: 8px;
}

#content #showcase .focus .content .paging span div
{
	margin-right: 0;
}

#content #showcase .showcases
{
	padding-bottom: 16px;
}

#content #showcase .showcaseEntry
{
	width: 814px;
	padding-left: 8px;
	padding-right: 12px;
	width: 794px;
	height: 307px;
	padding-top: 10px;
	padding-bottom: 12px;
	height: 285px;
	overflow: hidden;
	background-image: url(../img/showcase_background.gif);
	background-repeat: no-repeat;
	background-color: #d4d5d5;
}

#content #showcase .showcaseEntry .assets
{
	float: left;
	width: 458px;
	margin-right: 7px;
}

#content #showcase .showcaseEntry .assets .gallery
{
	width: 458px;
	height: 259px;
	overflow: hidden;
	background-color: #FFFFFF;
	margin-bottom: 6px;
}

#content #showcase .showcaseEntry .navigation li
{
	list-style-type: none;
	display: inline;
}

#content #showcase .showcaseEntry .navigation li a
{
	display: block;
	float: left;
	width: 21px;
	height: 12px;
	text-align: center;
	text-decoration: none;
	background-image: url(../img/showcase_navigation_normal.gif);
	font-size: 9px;
}

#content #showcase .showcaseEntry .navigation li a:hover, #content #showcase .showcaseEntry .navigation li.active a
{
	background-image: url(../img/showcase_navigation_active.gif);
	color: #FFFFFF;
}

#content #showcase .showcaseEntry .navigation li a span
{
	display: block;
	margin-top: -2px;
}

#content #showcase .showcaseEntry .info
{
	float: left;
	width: 329px;
}

#content #showcase .showcaseEntry .info .title h2
{
	width: 329px;
	padding-left: 15px;
	width: 314px;
	height: 33px;
	padding-top: 8px;
	height: 25px;
	background-image: url(../img/showcase_title_background.gif);
	text-transform: uppercase;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 4px;
}

#content #showcase .showcaseEntry .info .subtitle h3
{
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 25px;
}

#content #showcase .showcaseEntry .info .subtitle, #content #showcase .showcaseEntry .info .description
{
	margin-left: 18px;
}

#content #showcase .showcaseEntry .info .description
{
	color: #3a9fc7;
	font-size: 0.9em;
}

/* CONTACT */

#content #contact div.focus
{
	margin-bottom: 32px;
}

#content #contact div.focus div.columns_1 div.column_1
{
	margin-left: 10px;
	width: 330px;
}

#content #contact div.columns_2 div.column_1, #content #contact div.columns_2 div.column_2
{
	float: left;
}

#content #contact div.columns_2 div.column_1
{
	width: 375px;
	margin-right: 63px;
}

#content #contact div.columns_2 div.column_2
{
	width: 298px;
}

#content #contact form
{
	margin-top: 18px;
	font-size: 11px;
}

#content #contact form div.input.text
{
	margin-bottom: 18px;	
}

#content #contact form div.input.text label
{
	display: block;
	width: 125px;
}

#content #contact form div.input.text input
{
	font-size: 11px;
	display: block;
	background-color: #d1e1e7;
	width: 250px;
	height: 16px;
	margin-left: 125px;
	margin-top: -16px;
}

#content #contact form div.input.text div.error-message
{
	margin-left: 125px;
}

#content #contact form div.submit
{
	text-align: right;
}

#content #contact form div.submit input
{
	height: 23px;
	background-image: url(../img/knop_next.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #ccd0d1;
	padding-right: 33px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	padding-left: 10px;
	color: #797a7a;
}

/* FOOTER */

#footer
{
	height: 149px;
	background-image:url(../img/footer_background.gif);
}

.clear
{
	clear: both;
	float: none;
	height: 1px;
	margin-top: -1px;
}