@CHARSET "ISO-8859-1";

/*============================================================
RESET CSS
==============================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, hr, iframe, a {  
	    margin:0; 
	    padding:0; 
	    outline: none;
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img, hr {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	}

strong {
	font-weight: bold;
}

a {
	outline: none;
	border: none;
	text-decoration: none;
	color: #fff;
}

body {
	font-family: "Trebuchet MS", trebuchet, arial, helvetica;
	font-size: 13px;
	color: #6b6b6b;
	background-color: #cfd0d1;
	background-image: url("pics/layout/bg_body.jpg");
	background-repeat: repeat-x;
	color: #fff;
}

/**************************************************************
BLOKKEN
**************************************************************/
#main_container {
	width: 995px;
	margin: 0 auto;
}

#top_container {
	height: 116px;
	position: relative;	
}

#menu_container {
	position: absolute;
	bottom: 0px;
	right: 38px;
	height: 30px;
}

#mid_container {
	position: relative;
	width: 995px;
	height: 389px;
	background-image: url("pics/layout/bg_mid.png");
	margin-bottom: 17px;
}

#mid_voorpagina_1, #mid_voorpagina_2 {
	position: absolute;
	width: 990px;
	height: 384px;
	top: 0px;
	left: 0px;
	background-color: #b9babc;
}

#mid_voorpagina_1 {
	z-index: 10;
}

#mid_voorpagina_2 {
	z-index: 0;
}

#bottom_container {
	width: 995px;
	height: 167px;
	background-image: url("pics/layout/bg_bottom.png");
}

/**************************************************************
MENU & LOGO
**************************************************************/
#logo {
	position: absolute;
	top: 32px;
	left: 24px;
}

#top_menu {
	font-size: 14px;
	font-weight: bold;
}

#top_menu li {
	height: 30px;
	color: #f00;
	float: left;
	position: relative;
	margin-left: 3px;
}

.menu_tl {
	height: 4px;
	width: 4px;
	background-image: url("pics/layout/menu_tl.png");
	position: absolute;
	top: 0px;
	left: 0px;
}

.menu_tr {
	height: 4px;
	width: 4px;
	background-image: url("pics/layout/menu_tr.png");
	position: absolute;
	top: 0px;
	right: 0px;
}

#top_menu a {
	background-image: url("pics/layout/top_menu_red.jpg");
	background-repeat: repeat-x;
	padding: 0 18px;
	display: block;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
}

#top_menu a:HOVER, #top_menu a.active {
	background-image: url("pics/layout/top_menu_gray.png");
}

#top_menu img {
	margin-top: 7px;
}

/**************************************************************
MIDDEN
**************************************************************/
#mid_content_wrapper {
	width: 933px;
	height: 333px;
	margin: 20px 38px 26px 24px;
	/*background-color: #f00;*/
	position: absolute;
}

/*om een paragraaf iets te laten zakken, zonder dat het streepje rechts meeschuift...*/
.top_room {
	height: 1px; 
	margin-top: 10px;
}


/**************************************************************
FOOTER
**************************************************************/
#bottom_container h2 {
	font-size: 16px;
	margin-bottom: 4px;
}

#bottom_container br {
	clear: both;
} 

#bottom_container p, #bottom_container table {
	line-height: 22px;
}
	

#bot_left, #bot_right {
	width: 338px;
	height: 163px;
	float: left;
}

#bot_mid {
	width: 314px;
	height: 163px;
	float: left;
}

#bot_left .content, #bot_mid .content, #bot_right .content {
	padding: 27px 24px;
	font-size: 12px;
}

div.sn_link {
	float: left;
	height: 27px;
	line-height: 27px;
	margin: 0 5px 0 0;
}

#sn_container p {
	line-height: 27px;
}

#sn_container a {
	display: block;
	float: left;
	height: 27px;
	line-height: 27px;
	margin-right: 3px;
}


#created_by {
	margin-top: 10px;
	color: #545454;
	text-indent: 24px;
	font-size: 10px;
}

#created_by a {
	color:#545454;
}

#created_by a:hover {
	color: #fff;
}

#bottom_container a:hover {
	color: #545454;
}



/**************************************************************
VOORPAGINA
**************************************************************/
#voorkant_overlay {
	width: 526px;
	height: 227px;
	background-image: url("pics/layout/voorkant_overlay.png");
	position: absolute;
	top: 64px;
	left: 0px;
	color: #fff;
	z-index: 10;
}

#voorkant_overlay #content {
	margin: 30px 25px;
}

#voorkant_overlay h1 {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: bold;
}

#voorkant_overlay p {
	font-size: 16px!important;
	font-weight: normal;
	line-height: 20px;
	margin: 10px 0;
}

/**************************************************************
MIDDEN
**************************************************************/
#mid_container a {
	color: #e2007a;
}

#mid_container a:hover {
	color: #545454;
}

#mid_container h1 {
	font-size: 22px;
	font-weight: bold;
}

#mid_container h2 {
	font-size: 18px;
	font-weight: bold;
	color: #545454;
	margin-bottom: 10px;
}

#mid_container h5 {
	font-size: 12px;
	color: #fff;
	margin-top: -10px;
	margin-bottom: 10px;
}

#mid_container p {
	font-size: 13px;
	line-height: 22px;
	margin: 0 0 10px 0;
	/*font-weight: bold;*/
}

#mid_container #sidefoto {
	position: absolute;
	top: 0px;
	left: 0px;
}

.mid_header_div {
	height: 25px;
	padding-right: 19px;
	color: #545454;
	font-weight: bold;
}

.mid_content_div {
	height: 311px;
	background-image: url("pics/layout/lijn_vert.png");
	/*background-repeat: repeat-y;*/
	background-repeat: no-repeat;
	background-position: 100%;
	padding-right: 19px;
	margin-top:5px;
}

.mid_content_div.no_bg {
	background: none;
}

/*company*/
#overons_company_text {
	position: absolute;
	left: 380px;
	top: 0px;
	width: 368px;
}

/*
#overons_company_text p {
	font-weight: bold;
}
*/

#overons_company_text br {
	height: 22px;
}

/*team*/
#overons_team_left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 297px;
}

#overons_team_mid {
	position: absolute;
	left: 320px;
	top: 0px;
	width: 482px;
}

#overons_team_mid img {
	float: left;
	clear: both;
}

#overons_team_mid a img {
	clear: none;
}

.team_file {
	overflow: hidden;
	margin-bottom: 35px;
}

.team_details {
	float: left;
	margin: 0 0 0 27px;
	width: 250px;
}

p.team_name {
	color: #565656;
}

/*
partners
*/

#overons_partners_left {
	position: absolute;
	width: 208px;
	left: 0px;
	top: 0px;
}

#overons_partners_mid {
	position: absolute;
	width: 509px;
	left: 231px;
	top: 0px;
}

#overons_partners_left a, #overons_partners_mid a {
	height: 21px;
	/*font-weight: bold;*/
	color: #fff!important;
}

#overons_partners_left a:HOVER, #overons_partners_left a.active,
#overons_partners_mid a:HOVER, #overons_partners_mid a.active
	 {
	color: #e2007a!important;	
}
	
#overons_partners_left td, #overons_partners_mid td {
	line-height: 21px;
}

/**************************************************************
OVERONS MENU
**************************************************************/
#overons_menu_wrapper {
	width: 110px;
	height: 100%;
	/*background-color: #0f0;*/
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}

#overons_menu_wrapper p {
	font-size: 12px;
	font-weight: normal;
}

#overons_menu_wrapper a {
	height: 21px;
	font-weight: bold;
	color: #fff;
}

#overons_menu_wrapper a:HOVER, #overons_menu_wrapper a.active {
	color: #e2007a;	
}
	
	
/**************************************************************
NIEUWS
**************************************************************/
#nieuws_left {
	width: 748px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-weight: normal;
}

.nieuws_item {
	overflow: hidden;
	margin-bottom: 24px;
}

#nieuws_left img {
	margin-bottom: 27px;
}

.nieuws_fotos {
	width: 350px;
/*	width: 231px;*/
	float: left;
}

.nieuws_inhoud {
/*	width: 450px;*/
	width: 350px;
	float: left;
}

#nieuws_right {
	position: absolute;
	left: 760px;
	top: 0px;
	width: 173px;
	font-size: 12px;
}

#nieuws_right p {
	font-size: 12px!important;
}	

.nieuws_kalender_item {
	margin-bottom: 10px;
	text-align: right;
}

.nieuws_kalender_item a {
	height: 21px;
	font-weight: bold;
	color: #fff!important;
}

.nieuws_kalender_item a:HOVER, .nieuws_kalender_item a.active {
	color: #e2007a!important;	
}