body {
  background-color:#fff;
  font-size:11px;
  font-family: "Courier New", Courier, mono;
  font-size: 12px;
  line-height: 16px;
  color: #000000;
}

.imageGenCustomKop {padding:5px;}
/* MAIN CONTENT CONTAINER ------------------------------------------------------------ */

#mainContainer {
  display:block;
  width:930px;
  height:477px;
  background-position:left top;
  background-repeat:no-repeat;
}
#mainContentTitle { position:absolute; left:20px; top:0px; z-index:3; }
#mainContentTitle td.left, #mainContentTitle td.right {width:11px; height:21px; background-repeat:no-repeat;}
#mainContentTitle td.content {height:21px; padding:0px; background-repeat:repeat-x;} 
#mainContentTitle td.content img { margin:0px; padding:0px;}

#mainContainer #mainContent {
  padding:30px 15px 15px 15px;
  width:880px;
  height:417px;
}

#mainContainer #mainContent p {
  margin-top:10px;
}
#mainContainer #mainContent p img {
  margin:5px;
}

#home { 
  background-image:url("/templates/images/templateBackgrounds/default.jpg");
  background-repeat:no-repeat;  
}

/* CAT: HOME*/
#mainContainer.home { background-image:url("/templates/images/templateBackgrounds/default.jpg");}
#mainContentTitle.home td.left { background-image:url("/templates/images/titleBar/cornerLeftHome.png");}
#mainContentTitle.home td.content { background-image:url("/templates/images/titleBar/centerHome.png");}
#mainContentTitle.home td.right { background-image:url("/templates/images/titleBar/cornerRightHome.png");}
/* CAT: NOORDJE */
#mainContainer.noordje { background-image:url("/templates/images/templateBackgrounds/educatie.jpg");}
#mainContentTitle.noordje td.left { background-image:url("/templates/images/titleBar/cornerLeftNoordje.png");}
#mainContentTitle.noordje td.content { background-image:url("/templates/images/titleBar/centerNoordje.png");}
#mainContentTitle.noordje td.right { background-image:url("/templates/images/titleBar/cornerRightNoordje.png");}
/* CAT: EDUCATIE */
#mainContainer.educatie { background-image:url("/templates/images/templateBackgrounds/educatie.jpg");}
#mainContentTitle.educatie td.left { background-image:url("/templates/images/titleBar/cornerLeftEducatie.png");}
#mainContentTitle.educatie td.content{ background-image:url("/templates/images/titleBar/centerEducatie.png");}
#mainContentTitle.educatie td.right { background-image:url("/templates/images/titleBar/cornerRightEducatie.png");}
/* CAT: NOORDJEOPWIELEN */
#mainContainer.noordjeopwielen {  background-image:url("/templates/images/templateBackgrounds/noordjeopwielen.jpg");}
#mainContentTitle.noordjeopwielen td.left { background-image:url("/templates/images/titleBar/cornerLeftNoordjeOpWielen.png");}
#mainContentTitle.noordjeopwielen td.content { background-image:url("/templates/images/titleBar/centerNoordjeOpWielen.png");}
#mainContentTitle.noordjeopwielen td.right { background-image:url("/templates/images/titleBar/cornerRightNoordjeOpWielen.png");}
/* CAT: PROJECTEN */
#mainContainer.projecten { background-image:url("/templates/images/templateBackgrounds/projecten.jpg");}
#mainContentTitle.projecten td.left { background-image:url("/templates/images/titleBar/cornerLeftProjecten.png");}
#mainContentTitle.projecten td.content { background-image:url("/templates/images/titleBar/centerProjecten.png");}
#mainContentTitle.projecten td.right{ background-image:url("/templates/images/titleBar/cornerRightProjecten.png");}

/* HOME HOTSPOTS */
#hotspotEducatie { display:block; position:absolute; left:258px; top:260px; width:73px; height:47px; text-decoration:none; }
#hotspotEducatie a { display:block; height:47px; width:73px; text-decoration:none; }
#hotspotNoordje { display:block; position:absolute; left:446px; top:328px; width:73px; height:41px; text-decoration:none; }
#hotspotNoordje a {display:block; width:73px; height:41px; text-decoraton:none;}
#hotspotNoordjeOpWielen { display:block; position:absolute; left:655px; top:313px; width:74px; height:58px; text-decoration:none; }
#hotspotNoordjeOpWielen a {display:block; width:74px; height:58px; text-decoraton:none;}
#hotspotTentoonstellingen { display:block; position:absolute; left:620px; Top:112px; width:73px; height:69px; text-decoration:none; }
#hotspotTentoonstellingen a {display:block; width:73px; height:69px; text-decoraton:none;}

#socialLinksContainer { position:absolute; left:27px; display:block; width:200px;}
#socialLinksContainer a, #socialLinksContainer a:link, #socialLinksContainer a:visited, #socialLinksContainer a:hover {
  display:block; float:left; margin-right:10px;
} 


/* MAIN MENU CONTAINER ------------------------------------------------------------ */

#menuContainer {
  display:table-cell;
  width:930px;
  padding-bottom:48px;
  background-image:url("/templates/images/menu/menuFooterBg.jpg");
  background-repeat:no-repeat;
  background-position:bottom left;
}

#menuLogoImg {
  display:table-cell;
  float:left;
  width:116px;
  height:187px;
}

#menuMainNav {
  display:table-cell;
  float:left;
  width:800px;  
}

.tblMainMenu {width:100%;}

.navItemRoot{
  display:block;
  padding: 4px 10px 3px 10px;
  vertical-align:middle;
  border-bottom:3px solid black;
}

.navItemLevel2{
  display:block;  
  padding:0 0 0 5px;
  height:18px;
}

/* RANDOM HOVER COLORS FOR THE MENU */
.navColor1:hover, .navColor1Active { background-color:#ED8391; }
.navColor2:hover, .navColor2Active { background-color:#ACDAE8; }
.navColor3:hover, .navColor3Active { background-color:#A8C354; }
.navColor4:hover, .navColor4Active { background-color:#FED80B; }
.navColor5:hover, .navColor5Active { background-color:#E1CCC1; }
.navColor6:hover, .navColor6Active { background-color:#F7D75F; }
.navColor7:hover, .navColor7Active { background-color:#F5A92D; }
.navColor8:hover, .navColor8Active { background-color:#CC991C; }



/* CONTENT CONTAINERS ------------------------------------------------------------------- */
#vriendjeForm p { padding:5px !important; background-color:white; margin-bottom:2px !important; }
#vriendjeForm label { width:250px !important; display:block; }
#vriendjeForm .umbracoAutoFormValidationSummary { display:none;}
#vriendjeForm .umbEditorTextField, #vriendjeForm input { width:250px !important;}
#vriendjeForm button {margin-left:80px !important;}


#shoutBoxContainer {
  position:absolute;
  left:18px;
  top:172px;
  height:271px;
  overflow:hidden;
  background-color:transparent;
  width:168px;}

#shoutBoxContainer #shoutBoxForm { width:150px; height:137px; margin-top:10px; margin-left:10px;}
#shoutBoxform .umbracoAutoForm { width:130px; height:107px; overflow:hidden;}
#shoutBoxForm.umbracoAutoForm label, #shoutBoxForm .umbracoAutoForm input, #shoutBoxForm .umbracoAutoForm textarea { width:100px; }
#shoutBoxForm fieldset, #shoutBoxForm p { margin:0px !important; padding:0px !important;}
#shoutBoxForm .umbEditorTextField {width:140px !important;}
#shoutBoxForm .umbEditorTextFieldMultiple {height:35px !important; width:140px;}
#shoutBoxContainer #shoutBoxContent { width:150px; height:110px; background-color:transparent; line-height:10px; overflow:auto; margin-top:7px; margin-left:10px;}

#frontpageNewsContainer {
  position:absolute;
  left:780px;
  top:230px;
  padding-top:10px;
  height:180px;
  overflow:hidden;
  width:112px;
}

#frontpageNewsContainer a:link, #frontpageNewsContainer a:visited, #frontpageNewsContainer a:active { 
  display:block; color:white; font-family:verdana; font-size:11px; line-height:11px; font-weight:bold; margin-bottom:5px; 
}
#frontpageNewsContainer a:hover { color:#FFFF00;}

#frontpageActueelContainer {
  position:absolute;
  left:767px;
  top:60px;
  width:130px;
  height:130px;
  background-color:transparent;
}


.articleContainer {
  width:500px;
  height:400px;
  display:block;
  overflow-y:auto;
  float:left;
  padding:5px;
}

.articleSubNavContainer {
  width:300px;
  height:350px;
  overflow-y:auto;
  display:block;
  float:left;
  margin-left:10px;
  background-color:white;
  padding:5px;
}


.containerRoundedCorner {
  display:block;
  float:left;
  background-color:transparent;
  background-position:top left;
  background-repeat:no-repeat;
  margin:0px 10px 10px 0px;
  
}

.containerRoundedCorner400 {
  width:400px;
  background-image:url("/templates/images/containers/headerContainerRoundedCorner400.png");  
}

.containerRoundedCorner220 {
  width:220px;
  background-image:url("/templates/images/containers/headerContainerRoundedCorner220.png");
}

.containerRoundedCorner210 {
  width:210px;
  background-image:url("/templates/images/containers/headerContainerRoundedCorner210.png");
}

.containerRoundedCorner400 .containerContent, .containerRoundedCorner220 .containerContent, .containerRoundedCorner210 .containerContent {
  margin-top:10px;
  padding:0px 10px 10px 10px;
  background-color:white;  
}


































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */