/* CSS document */

html,body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #123f70;
	background: url(../../images/bg.png) repeat-y;
	background-position:50%;
}

table {
	border:0px;
}

p#title {
	width: 400px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	left: 300px;
	text-align: center;
	font-size: 60px;
}
div#header h1 {
	width: 400px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 80px;
	left: 300px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: normal;
	color: #0a4092;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
}

img {
	border: none;
}

a:link {
	color: #0a4092;
	text-decoration: none;
}
a:visited {
	color: #0a4092;
	text-decoration: none;
}
a:hover {
	color: #0a4092;
	text-decoration: underline;
}
a:active {
	color: #0a4092;
	text-decoration: none;
}

div#container {
	width: 1000px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;

}
	div#header {
		width: 1000px;
		height: 160px;
		position: relative;
		background: url(../../images/logo.png) 20px 20px no-repeat;
		border-bottom: 1px solid #123f70;
	}
		p#address {
			width: 120px;
			height: 120px;
			position: absolute;
			top: 20px;
			right: 20px;
		}
	div#menubar {
		width: 120px;
		height: auto;
		margin: 20px 0 50px 20px;
		float: left;
	}
		div#menubar ul {
			width: 120px;
			height: auto;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
			div#menubar ul li {
				width: 120px;
				height: 29px;
				margin: 0;
				padding: 0;
				border-bottom: 1px solid #123f70;
			}
			div#menubar ul li.submenu {
				width:100px;
				margin-left:20px;
			}
				div#menubar ul li a {
					width: 110px;
					height: 12px;
					display: block;
					padding: 9px 0 8px 10px;
					background: url(../../images/button_bg.png);
					font-size: 12px;
					color: #123f70;
					text-decoration: none;
				}
				div#menubar ul li a:hover {
					background: url(../../images/button_bg.png) 120px 0;
					color: #123f70;
					text-decoration: none;
				}
	div#contentarea {
		width: 860px;
		height: auto;
		padding: 15px 0 15px 0;
		float: left;
		color:white;
	}
	
	div#contentarea table {
		border:none !important;
	}
		div.boxcontainer_medium {
			width: 860px;
			clear: both;
			padding: 0 5px 0 15px;
		}
			div.contentbox_medium {
				width: 385px;
				padding: 15px;
				float: left;
				background: url(../../images/medium_contentbox_bg.png) repeat-y;
			}
			div.contentbox_medium table {
				border: none !important;
			}
				div.contentbox_medium div.bottom {
					position:relative;
					top:15px;
					right:15px;
					width: 415px;
					height: 25px;
					background: url(../../images/medium_contentbox_bottom.png);
				}
		div.boxcontainer_small {
			width: 860px;
			clear: both;
			padding: 0px 0px 15px 15px;
		}
		div.contentbox_small table {
				border: none !important;
		}
			div.contentbox_small {
				width: 246px;
				padding-right: 15px;
				padding-left: 15px;
				padding-top: 15px;
				float: left;
				background: url(../../images/small_contentbox_bg.png) repeat-y;
				/* background: url(../../images/small_contentbox.png); */
				/* font-size: 10px; */
			}
				div.contentbox_small div.bottom {
					position:relative;
					right:15px;
					width: 276px;
					height: 20px;
					background: url(../../images/small_contentbox_bottom.png) bottom;
				}
				div.contentbox_small h2 {
					margin-bottom: 2px;
					/*font-size: 10px;
					font-weight: bold; */
				}
				div.contentbox_small div#slideshow {
					border:1px solid white;
					width:240px;
					margin-top:30px;
					margin-bottom:20px;
					background-color:#FFFFFF;
				}
				div.center {
					text-align:center;
				}
		div.contentbox_big {
			position:relative;
			top:15px;
			width: 830px;
			margin: 0px 15px 25px 15px;
			clear: both;
			background: url(../../images/big_contentbox_bg.png) repeat-y;
		}
		div.contentbox_big table {
				border: none !important;
		}
			div.contentbox_big div.title {
				width: 800px;
				height: 35px;
				padding: 15px;
				background: url(../../images/big_contentbox_top.png);
			}
				div.contentbox_big div.title h2 {
					margin-left:10px;
					margin-top:5px;
					font-size: 24px;
				}
			div.contentbox_big div.content {
				width: 800px;
				height: auto;
				padding: 0 15px 0 15px;
			}
			div.contentbox_big div.content img {
				border: 1px solid black;
			}
			div.contentbox_big div.bottom {
				width: 830px;
				height: 25px;
				background: url(../../images/big_contentbox_bottom.png);
			}
	div#footer {
		width: 1000px;
		height: 20px;
		clear: both;
		position: relative;
		top:10px;
		border-top: 1px solid #123f70;
		font-size: 11px;
		border-bottom:1px solid #123f70;
	}
		div#footer p {
			width: 960px;
			position: absolute;
			top: 2px;
			left: 20px;
		}
		div#footer p#copyright {
			text-align: left;
		}
		div#footer p#blaakmeer {
			text-align: right;
		}
		

	/* Contactformulier */

fieldset { margin: 0px; padding: 0px; border: none; } 
fieldset ul { margin: 0px 0px 0px 15px; padding: 0px; list-style-type: none; }
fieldset ul li { margin: 0px 0px 5px 0px; padding: 0px; clear: both; }
fieldset ul li.topspacing { padding-top: 20px; }
fieldset ul li label { width: 170px; margin-right: 10px; float: left; }
fieldset ul li img { border: 1px solid #333333;}
fieldset ul li textarea { width: 300px; height: 50px; }
fieldset ul li table { width: 300px; float: left; margin-bottom: 10px; }
fieldset ul li table td { width: 150px; }
fieldset ul li table input { float: left; margin-right: 5px; }
fieldset ul li table label { width: auto; }
ul.errors { list-style-type:none; color:red; position:relative; left:-28px;}

	/* Tooltip */
	
.hint {
    position: absolute;
	margin-left:15px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    background: #ffc url(../../images/pointer.gif) no-repeat -10px 5px;
	font-size:11px;
	color:black;
}

.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../../images/pointer.gif) left top no-repeat;
}