/* CSS Document */

html, body 
{
	margin: 0; 
	padding: 0; 
	border: 0;
}

body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#wrapper 
{
	margin: 0 auto;
	width: 1004px;
	text-align: left;
}

.headerfooter 
{
	font-size: 110%;
	color: #FFFFFF;
	background-color: #21528C;
	float: left;
	width: 100%;
	overflow: hidden;
}

.headerfooter ul 
{
	margin-left: 325px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.headerfooter li 
{
	display: inline;
	margin: 0 5px; /* adds space to the left and right of each list item */
}

.headerfooter a, 
.headerfooter a:link, 
.headerfooter a:visited, 
.headerfooter a:active
{
	text-decoration: none; /* no underline */
	color: #FFFFFF;
}

.headerfooter a:hover {
	text-decoration: none;
	color: #80AE2A;
}

#main
{
	float: left;
	width: 100%;
	background-color: #21528C;
}

.title
{
	font-weight: bold;
	font-size: 127%;
}

.top
{
	height: 200px;
}

#mainleft
{
	float: left;
	width: 365px;
	color: #FFFFFF;
}

#mainlefttop
{
	float: left;
	width: 100%;
}

#logo
{
	float: left;
	margin-top: 20px;
	margin-left: 1px;
}

#titleleft
{
	float: right;
	margin-top: 30px;
	margin-right: 35px;
}

#mainleftinhoud
{
	float: left;
	width: 100%;
}

.imageleft
{
	height: 150px;
	width: 150px;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}

#imagetitle
{
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

#mainright
{
	float: left;
	width: 639px;
	background-color:#FFFFFF;
	color: #21528C;
}

#mainright a:link, a:visited, a:active
{
	color: #1D4F8A;
}

#mainright a:hover
{
	color: #80AE2A;
}

#mainrighttop
{
	float: left;
	width: 100%;
}

#mainrighttopleft
{
	position: relative;
	float: left;
	width: 335px;
}

#titleright
{
	float: left;
	position: absolute;
	top: 30px;
	left: 35px;
}

#menu
{
	float: left;
	position: absolute;
	top: 60px;
	left: 35px;
	font-size: 115%;
	font-weight: bold;
}

#menu li
{
	display: inline;
}

#menu a
{
	text-decoration: none;
}

#mainrighttopright
{
	position: relative;
	float: right;
	width: 304px;
}

.menuimage
{
	height: 80px;
	width: 80px;
	float: right;
	margin-left: 3px;
	margin-top: 20px;
}

#contactinfo
{
	float: right;
	width: 100%;
	margin-top: 10px;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}

#contactinfo a
{
	text-decoration: none;
}

#pluslogo
{
	position: absolute;
	top: 150px;
	left: 250px;
}

#mainrightinhoud
{
	float: left;
	width: 100%;
}

#mainrightinhoudleftleft
{
	float: left;
	width: 30px;
	height: 363px;
}

#linetop
{
	float: left;
	height: 2px;
	margin-top: -9px;
}

#linebottom
{
	float: left;
	height: 2px;
	margin-top: 292px;
}

#mainrightinhoudleft
{
	float: left;
	width: 280px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

#mainrightinhoudlefttop
{
	float: left;
	height: 303px;
}

#mainrightinhoudleftbottom
{
	float: left;
}

#mainrightinhoudright
{
	float: right;
	width: 280px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.marktext 
{
	background-color: #EDFBFC;
}

#mk-links
{
	font-size: 125%;
	color: #21528C;
}

#mk-links li
{
	display: inline;
}

#mk-links a
{
	text-decoration: none;
}

#mk-links a:link, 
#mk-links a:visited, 
#mk-links a:active
{
	color: #21528C;
}

#mk-links a:hover {
	color: #80AE2A;
}

/* alleen voor test */