body {
	background-image: url(images/background.jpg);
	background-color: #585f5b; 
	background-repeat: repeat-x; 
	background-position: left top;
	text-align:center;
}
subheader {
	PADDING-RIGHT: 20pt; FONT-FAMILY: Paprika; COLOR: #b90303; FONT-SIZE: 12pt; FONT-WEIGHT: bold
}
A.subheader:link {
	COLOR: #b90303; TEXT-DECORATION: none
}
A.subheader:hover {
	COLOR: #0b752e; TEXT-DECORATION: none
}
.tekstblok {
	BACKGROUND-IMAGE: url(../images/content-shadow.gif); BACKGROUND-COLOR: #ffffff; BACKGROUND-REPEAT: repeat-x
}

.tekst {
	PADDING-LEFT: 20pt;
	PADDING-RIGHT: 20pt;
	FONT-FAMILY: Arial;
	FLOAT: left;
	COLOR: #595f5b;
	FONT-SIZE: 12px;
	TEXT-DECORATION: none;
}

A.tekst:link {
	COLOR: #c60; TEXT-DECORATION: none
}
A.tekst:hover {
	COLOR: #ff9900; TEXT-DECORATION: underline
}

.tekstlinks {
	PADDING-LEFT: 20pt; WIDTH: 390px; PADDING-RIGHT: 10pt; FONT-FAMILY: Arial; FLOAT: left; COLOR: #595f5b; FONT-SIZE: 15px; TEXT-DECORATION: none
}
.tekstrechts {
	PADDING-LEFT: 20pt; WIDTH: 390px; PADDING-RIGHT: 10pt; FONT-FAMILY: Arial; FLOAT: right; COLOR: #595f5b; FONT-SIZE: 12px; TEXT-DECORATION: none
}
.link {
	FONT-FAMILY: Arial; COLOR: #c60; FONT-SIZE: 12px; TEXT-DECORATION: none
}
A.link:link {
	COLOR: #c60; TEXT-DECORATION: none
}
A.link:hover {
	COLOR: #ff9900; TEXT-DECORATION: underline
}
.footer {
	FONT-FAMILY: Calibri, Arial; COLOR: #ffffff; FONT-SIZE: 20pt; TEXT-DECORATION: none
}
A.footer:link {
	FONT-FAMILY: Calibri, Arial; COLOR: #ffffff; FONT-SIZE: 20pt; TEXT-DECORATION: none
}
A.footer:hover {
	COLOR: #009933; TEXT-DECORATION: underline
}
.header_title {
	height: 100px;
	width: 900px;
	margin-left: auto;
  	margin-right: auto;
	font-weight: bold;
}
.header_menu {
	height: 70px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
        text-transform: uppercase;
	color: #FFFFFF;
	font-size: 13pt;
	padding-top: 0px;
        font-family:Paprika, sans-serif; 
        
}

.header_menu a:link {
    text-decoration: none;
	color: #000000;
}
.header_menu a:visited {
    text-decoration: none;
	color: #000000;
}
.header_menu a:hover {
    text-decoration: none;
	color: #ffc100;
}
.header_menu a:active {
    text-decoration: none;
	color: #ffc100;
}

.header_image {
	height: 185px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding-top: 25px;
}

.header {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	height: 35px;
	width: 900px;
	text-align: right;
	font-family:Merriweather,ital','Paprika, Georgia,Times New Roman,Times, cursive;
	color: #955f23;
        font-size: 30pt;
	padding-top: 25px;
	padding-right: 15px;
}
/*-- footer  -----------*/

.clearfooter {width: 100%; height:50px; clear:both;}

.footer {font-family:Merriweather, ital;	
	width:500px;
	height:72px;
	margin:0 auto 0 auto;
	color: #fff;
	text-align:center;
	font-size:12px;
	padding-top:6px;
	background: transparent url(img/footer.png) no-repeat center top;
}
.footer a {color: #fff ! important; text-decoration:none;}


.block_text {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	text-align: left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	clear:both;
}


@media only screen and (max-width: 680px) 
{
		/* Hier de css voor schermen kleiner dan 680px. 
		Dit overrulet alle vorige css */
body {margin:20px; font-size:200%;}
}

/* stijlregels voor alle schermen kleiner dan 320px breed */

@media only screen and (min-width: 320px) {

    /* stijlregels voor browserschermen > 320px en < 720px */

}

@media only screen and (min-width: 720px) {

    /* stijlregels voor browserschermen > 720px en < 1024px */

}

@media only screen and (min-width:1024px) {

    /* stijlregels voor browserschermen ≥ 1024px */

}

img {
    height: auto;
    max-width: 100%;
}