@charset "utf-8";
@import url(headers.css);
@import url(plaatjes.css);

/* CSS Document */
body, html {
margin: 0px;
padding: 0px;
background: url(../images/background_purple.jpg);
}

img {
border: none;	
}

.container {
margin: 0 auto;
width: 847px;
height: auto;
}

.top {
width: 847px;
height: 91px;
}

.toplinks {
background: url(../images/toplinks.png) no-repeat;
width: 606px;
height: 91px;
float: left;
}

.toprechts {
background: url(../images/toprechts.png) no-repeat;
width: 241px;
height: 91px;	
float: left;
}

.topbutton {
width: 100%;
height: 20px;	
float: left;
text-align: center;
padding-top: 15px;
}

#logo {
margin-left: 49px;
}

.topzoeken {
width: 100%;
height: 44px;	
float: left;
padding: 13px 0 0 13px;
}

.topzoeken input {
border: none;
background: #fff;
font: 12px Arial, Helvetica, sans-serif;
color: #01106c;
}

.menu {
width: 847px;
height: 34px;
}


.links {
background: url(../images/linksboven.png) no-repeat;
width: 72px;
height: 34px;
float: left;
}

.menubuttons {
background: #fff;
width: 716px;
height: 34px;
float: left;
}

.rechts {
background: url(../images/rechtsboven.png) no-repeat;
width: 59px;
height: 34px;
float: left;
}

.content {
width: 847px;
height: auto;
float: left;
}

.keuzes {
background: #fff repeat;
position:relative;
width: 485px;
height: 344px;
float: left;
}

.tekst {
background: #fff repeat-y;
position:relative;
width: 485px;
height: 344px;
float: left;
overflow-x: hidden;
overflow-y: auto;
}

.spacer {
background: #fff;
width: 13px;
height: 344px;
float: left;
}

.uitlijnen_boven {
width: 295px;
height: 330px;
float: left;
}

.plaatje_rechtsonder {
width: 295px;
height: 14px;
float: left;
text-align: right;
}

.content_zijkantlinks {
background: url(../images/content_linkszijkant.png) no-repeat;
width: 29px;
height: 344px;
float: left;
}

.content_zijkant {
background: url(../images/content_rechtszijkant.png) no-repeat;
width: 25px;
height: 344px;
float: left;
}

p {
font: 12px Arial, Helvetica, sans-serif;
color: #01106c;
line-height: 1.5em;
}

p a, a:active, a:visited {
color: #01106c;
text-decoration: underline;
}

p a:hover {
color: #01106c;
text-decoration: underline;	
}

.ptekst {
font: 12px Arial, Helvetica, sans-serif;
color: #01106c;
line-height: 1.5em;
}

.referentietekst {
font: 10px Arial, Helvetica, sans-serif;
color: #01106c;
line-height: 1.5em;
}

h1 {
font: 12px Arial, Helvetica, sans-serif;
color: #01106c;
font-weight: bold;
}

.contentbutton {
background: url(../images/content_buttonklein.png) no-repeat;
width: 491px;
height: 28px;
float: left;
margin-bottom: 10px;
}

.contentbuttonklein {
background: url(../images/content_buttonklein.png) no-repeat;
width: 451px;
height: 28px;
float: left;
margin-bottom: 10px;
}


.header {
width: 847px;
height: 208px;
float: left;
}

.linkszijkant {
background: url(../images/linkszijkant.png) no-repeat;
width: 22px;
height: 208px;
float: left;
}

.linksboven {
text-align: left;
width: 400px;
height: 193px;
float: left;
}

.rechtsboven {
text-align: right;
width: 400px;
height: 193px;
float: left;
}

.golfonder {
width: 800px;
height: 15px;
float: left;
}

.rechtszijkant {
background: url(../images/rechtszijkant.png) no-repeat;
width: 24px;
height: 208px;
float: left;
}

.kop_roze {
background: url(../images/kop_roze.png) no-repeat;
width: 847px;
height: 112px;
float: left;
}

.kop_groen {
background: url(../images/kop_groen.png) no-repeat;
width: 847px;
height: 112px;
float: left;
}

.kop_blauw {
background: url(../images/kop_blauw.png) no-repeat;
width: 847px;
height: 112px;
float: left;
}

.bottom {
background: url(../images/bottom.png) no-repeat;
width: 847px;
height: 24px;
float: left;
font: 12px Arial, Helvetica, sans-serif;
color: #01106c;
text-align: center;
padding-top: 50px;
}

.bottom a, a:active, a:visited {
color: #01106c;
text-decoration: none;	
}

.bottom a:hover {
color: #01106c;
text-decoration: underline;
}

h2 {
color: #cc0063;
font-size: 15px;
padding: 10px;
}

.contentbutton a {
color: #cc0063;
font-size: 15px;
}
.contentbutton a:hover{
	text-decoration:none;
}
.contentbuttonklein a {
color: #cc0063;
font-size: 15px;
}
.contentbuttonklein a:hover{
	text-decoration:none;
}

h1 {
color: #fff;
font-size: 25px;
padding-left: 36px;
padding-top: 50px;
}

h1.roze {
color: #cc0063;
font-size: 12px;
}

h1.groen {
color: #62b047;
font-size: 12px;
}

h1.blauw {
color: #6290c6;
font-size: 12px;
}