@charset "utf-8";
body {
	background-color: #8ACADA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 10px 0 0;
	padding: 0;
}

a, a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
	outline:none
}
a, a:visited{
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	font-size: 13px;
	color: #246373;
	text-decoration: none;
}
caption {
	font-size: 12px;
	color: #333333;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #18434E;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #18434E;
}
.klein {
	font-size: 14px;
	font-weight: bold;
	color: #18434E;
}
.groot {
	font-size: 16px;
	font-weight: bold;
	color: #18434E;
}
hr{
	background: #FFF;
	border: none;
	height: 1px;
}
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 960px;
	margin: 0 auto;
	border: 2px solid #555;
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	height: 135px;

}
.taal{
	float: right;
	width: 154px;
	margin-top: 70px;
	margin-bottom: 15px;
}
.header-logo{
	margin-top: 20px;
	margin-left: 60px;
	width: 300px;
	float: left;
	padding-left: 2px;
}
.nav{
	margin-left: 20px;
	height: 26px;
	border-left: 1px solid #BBE0EA;
}


.content {
	padding: 15px 0;
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background: #CCC49F;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
