body {
  margin: 0px;
  padding: 0px;
  background-color:#FFFFFF;
  font-family: arial;
  color:#000000;
  font-size:100%;
  line-height: 1.4em;
  text-align:center;
  text-decoration: none;
}


/* img - font - spatie  */
a img {border:none;}
.img-100 {width:100%; max-width:100px;}
.img-150kl {width:100%; max-width:116px;}
.img-150 {width:100%; max-width:150px;}
.img-200 {width:100%; max-width:200px;}
.img-220 {width:100%; max-width:220px;}
.img-400 {width:100%; max-width:540px;} 
.img-500 {width:100%; max-width:500px;} 
.img-600 {width:100%; max-width:600px;} 


.xx-klein {font-size:66%;}
.x-klein {font-size:88%;}
.klein { font-size:90%;}
.groot{ font-size:125%; font-weight:bold; line-height: 2.4em;}
.zwart { background-color:#000000;}


#spatie-klein {width:100%; clear:both; height:1.6em;}
#spatie-groot {width:100%; clear:both; height:2.8em;}
	

/*   links navigatie- en hoofdblad   */
.navigatie-link a {  
  color:#FFFFFF;
  background-color:#000000;
  text-align:center;
  font-size:95%;
  font-weight:bold;
  text-decoration: none;
  display:block;
}

.navigatie-tekst-hoofdblad a {
  color:#FFFFFF;
  text-decoration:none;
  display:block;
}

.navigatie-nieuwsbrief a {  
  color:#FFFFFF;
  background-color:#000000;
  text-align:center;
  font-size:115%;
  font-weight:bold;
  text-decoration: underline;
  display:block;
}


/*   titelbalk   */
#titelbalk {width:100%; max-width:1160px; clear:both; margin:0px auto;}
#titel-saga {width:46%; float:left; margin:0.8em 0 0.8em 4%; font-family: Times New Roman; text-align:left; font-weight:bold; font-size:300%;}
#titel-image {width:49%; float:left; padding-right:1%; text-align:right;}


/*   linkbalk   */
#linkbalk {width:100%; max-width:1160px; clear:both; margin:0px auto;}
#menu-nieuw {width:29%; float:left; padding-top:0.2em; padding-bottom:0.2em; background-color:#000000; font-weight:bold; line-height: 1.8em;}
#menu-binnenkort {width:34%; float:left; padding-top:0.2em; padding-bottom:0.2em; background-color:#000000; font-weight:bold; line-height: 1.8em;}
#menu-catalogus {width:33%; float:left; padding-top:0.2em; padding-bottom:0.2em; background-color:#000000; font-weight:bold; line-height: 1.8em;}
#menu-spatie-2 {width:2%; float:left; padding-top:0.2em; padding-bottom:0.2em; background-color:#000000; font-weight:bold; line-height: 1.8em;}


/*   hoofdblad   */
#hoofdblad {width:100%; max-width:1160px; clear:both; margin:0px auto;}
#maand {width:96%; float:left; margin:0.2em 2% 0.6em 2%; text-align:left; font-size:140%; line-height: 1.8em;}
#zweef-cover {width:30%; float:left; margin:0 1% 2em 2%; line-height: 2em; color:#FFFFFF; background-color:#000000;}

#nieuwsbrief {width:96%; float:left; margin:0.2em 2% 0.6em 2%; text-align:center; font-size:115%;}
#verstuur {text-align:center; border:none;}
#verstuur input {font-size:115%;}
#nieuwsbrief-blok {width:76%; float:left; margin:2em 12% 2em 12%; background-color:#000000;}
#nieuwsbrief-1 {width:40%; float:left; margin:0.5em 0 0.5em 0;}
#nieuwsbrief-2 {width:52%; float:left; margin:0.5em 6% 0.5em 2%; line-height: 2em; color:#FFFFFF;}

/*   onderbalk   */
#onderbalk {width:100%; max-width:1160px; clear:both; margin:0px auto;}
#onderbalk-email {width:50%; float:left; text-align:left; background-color:#000000;}
#onderbalk-privacy {width:50%; float:left; text-align:right; background-color:#000000;}


/*   deel hieronder specifiek voor PREVIEW   */
#preview-titel {width: 96%; margin:1em 2% 0.5em 2%; font-size:160%; font-weight:bold;}
#preview-subtitel {width: 96%; margin:0 2% 2em 2%;}
#preview-tekst {width: 96%; margin:0 2% 0 2%; text-align:left; font-size:92%;}

#cover { float:left; width:38%; margin:0 4% 0 8%; text-align:right;}

#preview-gegevens-blok {float:left; width:1%; margin:2em 2% 0 2%; background-color:#000000; font-size:92%; }
#preview-gegevens {float:left; width: 45%; margin:2em 0 0 0; text-align:left; font-size:92%;}

#preview {width:50%; float:left; margin:1em 0 1em 0;}


/*   deel hieronder specifiek voor CATALOGUS   */
.catalogus-link a {
   	color:#000000;
	text-align:left;
  	text-decoration: none;
  	display:block;
}

#catalogus1 {width: 30%; float:left; margin:1em 2% 0 2%;text-align:left;}
#catalogus2 {width: 30%; float:left; margin:1em 2% 0 3%;text-align:left;}
#catalogus3a {width: 28%; float:left; margin:1em 0% 0 3%;text-align:left;}
#catalogus3b {width: 28%; float:left; margin:0 0% 0 3%;text-align:left;}
#catalogus3c {width: 28%; float:left; margin:0 0% 0 3%;text-align:left;}

#zweef-album {width:32%; float:left; margin:0 0% 2em 1%; text-align:center;}
#cat-titel {padding-bottom:0.5em; font-size:105%; font-weight:bold;}
#cat-albums {text-align:left; font-size:88%;}
#cat-img {padding:0.5em 0 0.5em 0; text-align:left;}




/* MEDIA QUERIES */
@media screen and (max-width: 1000px){


#spatie-klein {width:100%; clear:both; height:1em;}

/*   hoofdblad   */
#maand {margin:0.2em 0% 0.6em 4%;}
#zweef-cover {width:42%; margin:0 4% 3em 4%;}
}




/* MEDIA QUERIES */
@media screen and (max-width: 700px){


body {
  font-size:92%;
}

.klein{ font-size:100%;}
.groot{ font-size:128%;}


.img-150 {width:100%; max-width:95px;}


/*   titelbalk   */
#titel-saga {width:92%; margin:0.8em 0 1em 4%; text-align:center; font-size:220%;}
#titel-image {width:0%; padding-right:0%;}


/*   hoofdblad   */
#maand {width:90%; float:left; margin:0.2em 0% 0.6em 10%;}
#zweef-cover {width:80%; float:left; margin:0 10% 3em 10%;}

#nieuwsbrief {width:96%; float:left; margin:0.2em 2% 0.6em 2%; text-align:center; font-size:100%;}
#verstuur {text-align:center; border:none;}
#verstuur input {font-size:105%;}
#nieuwsbrief-blok {width:100%; float:left; margin:2em 0 2em 0; background-color:#000000;}
#nieuwsbrief-1 {width:36%; float:left; margin:0.5em 2% 0.5em 2%;}
#nieuwsbrief-2 {width:52%; float:left; margin:0.5em 6% 0.5em 2%; line-height: 2em; color:#FFFFFF; font-size:92%;}


/*   deel hieronder specifiek voor PREVIEW   */
#preview-titel {font-size:150%;}

#cover {width:36%; margin:0 2% 0 2%;}

#preview-gegevens-blok {margin:2em 2% 0 1%;}
#preview-gegevens {width: 55%;}

#preview {width:100%; float:left; margin:1em 0 1em 0;}


/*   deel hieronder specifiek voor CATALOGUS   */

#catalogus1 {width: 52%; margin:1em 1% 1em 1%;}
#catalogus2 {width: 44%; margin:1em 1% 1em 1%;}
#catalogus3a {width: 100%; margin:1em 0% 0 3%;}
#catalogus3b {width: 47%; margin:0 0% 1em 3%;}
#catalogus3c {width: 47%; margin:0 0% 1em 3%;}

#zweef-album {width:92%; float:left; margin:0 4% 1em 4%; text-align:center; color:#000000;}
#cat-titel {margin-top:1em; font-size:125%;}
#cat-albums { font-size:92%;}

}