@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5D5155;
}


.titel {
	font-size:22px;
	color:#094FA3;
}

a:link, a:visited
{
	text-decoration: none;
	color:#094FA3;
	font-weight:bold;
}	

a:hover, a:active
{
	text-decoration: underline;
	color:#094FA3;
	font-weight:bold;
}

input {
	border:1px solid #06438D;
	font-size:11px;
}

select {
	background-color:#06438D;
	color:#FFF;
	font-size:11px;
}

img {
	border:none;
}

/* ====================================== opbouw van de website in div's ===============================================*/

#maindiv {
 	width:852px;
	margin:auto;
}

#menu {
	margin:0px;
	background-color:#094FA3;
	height:30px;
}


#header {
	 background:url(images/header.jpg) no-repeat left;
	 height:214px;
	 padding-top:3px;
}

#content {
	padding:10px 15px 20px 20px;
	border-left:1px solid #000;
	position:relative;
	background:url(images/punt.jpg) repeat-y 638px top;
	width:830px;
}

#footer {
	background-color:#094FA3;
	height:22px;
	padding-top:4px;
	padding-left:20px;
	color:#FFF;
}

#footer1 {
	background:url(images/footer.jpg) no-repeat left top;
	height:15px;
}

#logo_odyssee {
	background:url(images/logo_odyssee.jpg) no-repeat left top;
	height:51px;
	width:424px;
	float:right;
}

#logo {
	background:url(images/logo.jpg) no-repeat left top;
	height:96px;
}

#nieuws {
	background:url(images/bg_submenu.jpg) no-repeat left top;
	float:right;
	width:196px;
	padding-left:15px;
	padding-top:10px;
}

#nieuwsbrief {
	background:url(images/bg_kleuren.jpg) left top no-repeat;
	position:relative;
	width:211px;
	left:640px;
	padding-top:30px;
}

#kamminga {
	height:51px;
	width:200px;
	float:left;
	padding-left: 15px;
	padding-top: 10px;
}

/* menu (opgeroepen met cms2 module) */


#bg_menu ul {
	margin:0;
	padding:0;
}

#bg_menu li {
	display: inline; 
	list-style:none;
}


#bg_menu li a {
	background:url(images/bg_menu_punt.jpg) no-repeat 15px 12px;
	padding: 8px 10px 8px 20px;
	color: #FFF;
	text-decoration: none;
	float: left;	
}	

#bg_menu li a:hover {
	background:url(images/bg_menu_punt_over.jpg) no-repeat 15px 12px;
	color: #F4D53E;
	padding: 8px 10px 8px 20px;
}


#submenu {
	background:url(images/bg_menu.jpg) no-repeat left top;
	width:211px;
	position:relative;
	left:642px;
	height:211px;
}

#submenu ul {
	margin:auto;
	padding:0;
	padding-left:15px;
	padding-top:15px;
}

#submenu li {
	list-style:none;
	padding-top:2px;
	height:16px;
}


#submenu li a {
	color: #FFF;
	text-decoration: none;
	padding:0px;
	font-weight:normal;
}	

#submenu li a:hover {
	color: #FFF;
	padding-left:15px;
	background:url(images/bg_punt.jpg) no-repeat left bottom;
	font-weight:normal;
}