html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background: transparent;
	text-decoration:none;
	}

ol, ul {
	list-style-type:none;
	list-style-position:outside;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


html {
	height:100%;
	margin-bottom:1px;
	background:#e9eef3 url(images/bg.gif) top left repeat-x;
	}

/* maintags */

body {
	-x-system-font:none;
	font-family:arial, sans-serif;
	color:#3d4b59;
	font-size:0.8em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.3em;
	margin:0;
	padding:0;
	text-align:left;
	}

h1 {
	font-size:2.0em;
	color:#c60b46;
}


h2 {
	font-size:1.8em;
	padding-bottom:0.3em;
	}

h3 {
	font-size:1.5em;
	color:#c60b46;
	padding-bottom:0.2em;
	}

h4 {
	font-size:1em;
	}


p {
	margin:0 0 1em 0;
	}

a, .box .item_content a.redlink {
	color:#C60B46;
	}

.box, .column {
	position:relative;
	overflow:hidden;
	float:left;
	}

.colpad {
	overflow:hidden;
	padding:15px 15px;
	}

/* wrapper */

#wrapper {
	position:relative;
	overflow:hidden;
	width:996px;
	margin:0;
	text-align:left;
	}
	
/* header */

#header {
	overflow:hidden;
	height:100px;
	}

#logo {
	display:block;
	position:absolute;
	top:19px;
	left:15px;
	width:183px;
	height:60px;
	text-decoration:none;
	}

#logo img {
	margin:0;
	border:none;
	}
	
#logo span {
	position:absolute;
	margin-left:-9999px;
	}

#banner {
	overflow:hidden;
	position:absolute;
	top:19px;
	left:232px;
	width:468px;
	height:60px;
	}

#slidecontainer {
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:468px;
	height:60px;
}

#loginbuttons {
	position:absolute;
	top:40px;
	right:5px;
	color:#C0CEDC;
	font-weight:bold;
	font-size:12px;
}

#loginbuttons a {
	color:#fff;
}

#loginbuttons a:hover {
	text-decoration:underline;
}

#rssbuttons {
	position:absolute;
	height:25px;
	top:10px;
	right:5px;
	color:#C0CEDC;
	line-height:24px;
	font-weight:bold;
	font-size:12px;
}

#rssbuttons a {
	display:block;
	float:left;
	padding-left:30px;
	color:#A8A8A8;
	background:url(images/rss_off.gif) 10px 2px no-repeat;
}

#rssbuttons a:hover {
	color:#fff;
	text-decoration:underline;
}

#rss_news:hover {
	background:url(images/rss1.gif) 10px 2px no-repeat;
}

#rss_seminars:hover {
	background:url(images/rss2.gif) 10px 2px no-repeat;
}

#rss_books:hover {
	background:url(images/rss3.gif) 10px 2px no-repeat;
}

#headerbuttons {
	position:absolute;
	top:67px;
	right:0;
	width:290px;
	}

#headerbuttons ul {
	float:right;
	}

#headerbuttons li {
	display:block;
	float:left;
	}

#headerbuttons a {
	display:block;
	float:left;
	padding:0 5px;
	color:#c0cedc;
	font-weight:bold;
	font-size:13px;
	}

#headerbuttons a:hover {
	text-decoration:underline;
	}

/* navigation */

#navigation {
	position:relative;
	float:left;
	width:816px;
	height:50px;
	z-index:1;
	}
	
#topmenu {
	overflow:visible;
	height:50px;
	}

#topmenu li {
	display:block;
	float:left;
	height:60px;
	background:url(images/menu_bg.gif) 100% 1px no-repeat;
	}

#topmenu li a {
	display:block;
	float:left;
	height:60px;
	font-size:18px;
	color:#112f4b;
	}

#topmenu li a span {
	display:block;
	float:left;
	padding:15px 20px 0 20px;
	height:35px;
	margin-right:1px;
	cursor:pointer;
	}

#topmenu #topmenu_1 a span {
	padding:15px 20px 0 35px;
	background:url(images/home_icon_off.gif) 17% 50% no-repeat;
	}

#topmenu #topmenu_1 a:hover span, #topmenu #topmenu_1.current a span {
	background:#fff url(images/home_icon.gif) 17% 50% no-repeat;
	}

#topmenu li a:hover, #topmenu li.current a {
	color:#c60b46;
	background:transparent url(images/topmenu_on.gif) 50% 50px no-repeat;
	}

#topmenu li a:hover span, #topmenu li.current a span {
	background:#fff;
	}

.soc_link {
        display:block;
        position:absolute;
        bottom:0;
        height:48px;
        text-indent: -9999px;
        }        

#twitter_link {
        width:72px;
        left:636px;
        background:transparent url(images/twitter_big.png) 0 50% no-repeat;
}

#linkedin_link {
        left:723px;
        width:61px;
        background:transparent url(images/linkedin_big.png) 0 55% no-repeat;
}
        
#search {
	position:relative;
	float:left;
	height:50px;
	width:180px;
	background:url(images/search_bg.jpg) 0 9px no-repeat;
	}

#searchinput input {
	display:block;
	position:absolute;
	top:16px;
	left:15px;
	height:20px;
	width:130px;
	border:0;
	}

#searchsubmit input {
	display:block;
	position:absolute;
	top:14px;
	right:5px;
	height:25px;
	width:25px;
	background:none;
	border:0;
	cursor:pointer;
	}

/* content */

#content {
	position:relative;
	clear:both;
	overflow:hidden;
	float:left;
	width:996px;
	padding:15px 0 5px 0;
	_margin-top:-10px; /* ie6 has a different flow */
	background:#000 url(images/content_middle_bg_view.gif) top left repeat-y;
	border-left:1px solid #dee2e6;
	}

#content.home {
	background:#000 url(images/content_middle_bg_home.gif) top left repeat-y;
	}

#bg_top {
	position:absolute;
	top:0;
	left:0;
	height:15px;
	width:996px;
	background:url(images/content_top_bg_view.gif) top left no-repeat;
	}

.home #bg_top {
	background:url(images/content_top_bg_home.gif) top left no-repeat;
	}

#bg_bottom {
	position:absolute;
	bottom:0;
	left:0;
	height:20px;
	width:996px;
	background:url(images/content_bottom_bg_view.gif) bottom left no-repeat;
	}

.home #bg_bottom {
	background:url(images/content_bottom_bg_home.gif) bottom left no-repeat;
	}
	
#leftcolumn {
	width:743px;
	}

#rightcolumn {
	width:252px;
	overflow:visible;
	}

.home #leftcolumn {
	width:498px;
	}

.home #centercolumn {
	width:295px;
	}

.home #rightcolumn {
	width:200px;
	}

#introtekst {
	padding:15px 15px 5px 15px;
	border-bottom:1px solid #dee2e6;
}

/* headings */

#content h1 {
	overflow:hidden;
	padding:15px 0 15px 15px;
	border-bottom:1px solid #dee2e6;
	}
	
#content.home h1 {
	padding:5px 0 15px 15px;
	}

#leftcolumn h1 {
	width:728px; /* 743px - 15px */
	}

#rightcolumn h1 {
	width:237px; /* 252px - 15px */
	}

.home #leftcolumn h1 {
	width:482px;
}

.home #centercolumn h1 {
	width:280px;
}

#content h1 span.title {
        display: block;
        clear: both;
	}

#content h1 .buttons_sort {
        display: block;
        float: right;
        width: auto;
        margin-top: 5px;
} 

/* breadcrumb */

#breadcrumb {
	overflow:hidden;
	float:left;
	width:971px;
	padding:2px 10px 15px 15px;
	font-size:12px;
	background:#fff;
	border-bottom:1px solid #dee2e6;
	}

#breadcrumb span {
	float:left;
}

#breadcrumb ul {
	float:left;
}

#breadcrumb ul li {
	display:block;
	float:left;
	padding-left:20px;
	background:url(images/arrow.gif) 7px 5px no-repeat;
}

#breadcrumb ul li a {
	display:block;
	float:left;
}

/* buttons */

.button {
	float:right;
	display:block;
	height:24px;
	margin-top:1px;
	margin-right:15px;
	padding-right:10px;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	color:#c60b46;
	background:url(images/button_right.gif) top right no-repeat;
	}

.button span {
	float:left;
	display:block;
	height:20px;
	padding-left:25px;
	padding-top:4px;
	cursor:pointer;
	}

.button_more span {
	background:url(images/button_left_more.gif) top left no-repeat;
	}

.button_sort_up span {
	background:url(images/button_left_up.gif) top left no-repeat;
	}

.button_sort_down span {
	background:url(images/button_left_down.gif) top left no-repeat;
	}

.dossierbutton {
	float:left;
	height:60px;
	width:225px;
	margin:10px 0 10px 15px;
	font-size:10px;
	border:1px solid #DEE2E6;
	background:#E9EEF3;
	color:#C60B46;
}

.dossierbutton img {
	width:90px;
	height:60px;
	float:left;
	margin-right:5px;
	border:0;
}

.dossierbutton .buttontitle {
	float:left;
	width:125px;
	margin-top:5px;
	font-weight:bold;
	line-height:10px;
	color:#3D4B59;
}

/* boxes */

.box {
	padding-bottom:10px;
	}

.box .itemlist {
	padding-top:10px;
	}

.box .item {
	padding:5px 10px 15px 15px;
	border-bottom:1px solid #dee2e6;
	margin-bottom:10px;
	}

.box .last {
	border-bottom:0;
}

.box .item_date {
	display:block;
	float:left;
	height:20px;
	line-height:19px;
	padding-left:30px;
	background:url(images/icon_calendar.gif) 0 0 no-repeat;
}

.box .item_info a{
	display:block;
	float:left;
	height:20px;
	line-height:19px;
	padding-left:30px;
	margin-left:15px;
	color:#3d4b59;
	background:url(images/icon_info.gif) 0 1px no-repeat;
}

.box .item_content {
	clear:both;
}

.box .item_title {
	clear:both;
	font-weight:bold;
	padding:5px 0;
}

/*
.box .item_content a {
	color:#3d4b59;
}
*/

.dossierbox {
	border-top:1px solid #DEE2E6;
}

#contentbox, .dossierbox {
	width:713px;
	padding:15px;
	}
	
#contentbox img {
	margin:3px 0;
	}

#contentbox img.left {
	float:left;
	margin-right:10px;
	}

#contentbox img.right {
	float:right;
	margin-left:10px;
	}

#contentbox ul, #contentbox ol {
	list-style-position:outside;
	}

#contentbox ul {
	list-style-type:disc;
	margin-left:1.5em;
	}

#contentbox ol {
	list-style-type:decimal;
	margin-left:2.1em;
	}


#submenubox, #loginbox, #dossiersubmenubox {
	overflow:visible;
}

#submenubox ul li, #loginbox ul li, #dossiersubmenubox ul li{
	display:block;
	float:left;
	border-bottom:1px solid #dee2e6;
	}

#submenubox ul li a, #loginbox ul li a, #dossiersubmenubox ul li a {
	display:block;
	float:left;
	position:relative;
	left:-10px;
	width:212px;
	padding:10px 10px 10px 30px;
	color:#112f4b;
	font-weight:bold;
	font-size:0.95em;
	}

#submenubox ul li a:hover, #submenubox ul li.current a, #loginbox ul li a:hover, #dossiersubmenubox ul li a:hover {
	color:#c60b46;
	background:url(images/submenu_on.gif) 2px 50% no-repeat;
	}

#newsbox .itemlist {
	overflow:hidden;
	height:100px;
	width:270px;
}

#newsbox .itemlist li {
	display:block;
	overflow:hidden;
	height:100px;
	width:270px;
}

#newspager {
	overflow:hidden;
	height:20px;
	padding:15px 0 0 17px;
}

#newspager a {
	display:block;
	float:left;
	width:10px;
	height:10px;
	margin-right:5px;
	text-indent:-9999px;
	background:url(images/bullet_off.gif) 0 0 no-repeat;
}

#newspager a.activeSlide {
	background:url(images/bullet_on.gif) 0 0 no-repeat;
}

#adbox {
	padding-top:10px;
	width:252px;
	text-align:center;
	}

.home #adbox {
	padding-top:0;
	width:200px;
	}

#banner_right {
	position:relative;
	width:150px;
	height:150px;
	overflow:hidden;
	margin:10px 0 0 25px; 
}

.view #banner_right {
	margin:10px 0 0 50px;
}

#slidecontainer_right {
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:150px;
}

.banner_big {
	padding-bottom:10px;
	}

.banner_small {
	overflow:hidden;
	width:180px;
	margin:0 auto;
	}

.banner_small img {
	float:left;
	padding:0 1px 3px 0;
	}

#cycle_bigads {
	position:relative;
	overflow:hidden;
	width:191px;
	height:191px;
	margin:0 auto;
}

#cycle_bigads .banner_big {
	position:absolute;
	top:0;
	left:0;
	width:191px;
	height:191px;
}

#searchlistbox {
	width:743px;
	}
	
#searchlistbox .item_content{
	color:#3d4b59;
	}

#newsletterbox {
	border-bottom:1px solid #dee2e6;
	padding:10px;
	color:#dee2e6;
}

#newsletterbox a:hover {
	text-decoration:underline;
}

#dossierbox {
	border-top:1px solid #dee2e6;
	margin-top:10px;
	padding-top:10px;
}

/* Opleidingen */

#content div.locatie-overzicht ul {
	list-style-position:outside;
	list-style-type:disc;
	margin-left:1.5em;
	margin-bottom:1.5em;
	}

/* searchpage */

.pagerinfo {
	overflow:hidden;
	padding:5px 0 5px 15px;
	border-bottom:1px solid #dee2e6;
	}

.pagerdiv {
	overflow:hidden;
	padding:10px 0 10px 15px;
	}

.Pager {
	overflow:hidden;
	float:left;
	}

.Pager li {
	float:left;
	display:block;
	width:15px;
	height:17px;
	margin:0 3px;
	color:#c60b46;
	text-align:center;
	}

.Pager li a {
	float:left;
	display:block;
	width:15px;
	height:15px;
	line-height:15px;
	color:#c60b46;
	border:1px solid #dee2e6;
	}

.Pager li a:hover {
	color:#c60b46;
	border:1px solid #c60b46;
	}
	
.Pager .PagerActive span {
	float:left;
	display:block;
	width:15px;
	height:15px;
	line-height:15px;
	border:1px solid #c60b46;
	}
	
.PagerPrevLink,.PagerNextLink,.PagerPrevDisabledLink,.PagerNextDisabledLink {
	float:left;
	margin:0 5px;
	}

.PagerPrevDisabledLink,.PagerNextDisabledLink {
	color:#ccc;
	}

.PagerPrevLink:hover,.PagerNextLink:hover {
	text-decoration:underline;
	}

/* footer */

#footer {
	clear:both;
	overflow:hidden;
	height:50px;
	padding: 15px;
}
#footer #social a{
	float: left;
}

#footer a{
	width:30px;
	height:28px;
	display:block;
}
#footer #twitter{
	background: url('images/twitter.png') no-repeat left top;
}
#footer #linkedin{
	background: url('images/linkedin.png') no-repeat left top;
}
#footer #bthlogo{
	float:right;
	
	
	background:url(images/bth.gif) top left no-repeat;
	}

#footer #bthlogo:hover {
	background:url(images/bth.gif) bottom left no-repeat;
	}


