* 
{
  -moz-box-sizing: border-box; 
}
iframe
{
  position:relative;
  z-index:0;
}

.placeholder {
  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden;
}
body, td, select, div {
  font-family:verdana;
  font-size:12px;  
}
body {   
  background-color:#000000;
  color:#FFFFFF;
  overflow:hidden;
}
.blackblock {
  height:30px;
  background-color:#000000;
}
#state {
  height:100%;  
}
* html #state {
  height:577px;
  position: relative;
}
* html #state.zoek {
  height:100%;  
}

#home_left {
  background-color:#FFFFFF;
  color:#000000;
}
#home_right {
  background-color:#DEDDC9;
  color:#000000;
}
#home_left A {
  color:#999999;
  text-decoration:none;
}
#home_left A:hover {
  color:#CC0000;
}
#zoek {
  height:100%;
  left:345px; /* 327 */
  position:absolute;  
  padding-top:30px;
  z-index:10;  
}
#zoekframe 
{
  width:25px;
  height:100%;
  border:none;
}
#balk_links {
  background:#000000 url("/img/cu_balk_links.jpg") repeat-y;
}
#balk_rechts {
  background:#000000 url("/img/cu_balk_rechts.jpg") repeat-y 3px top;
}


/* panelen */

#home_panels {
  height: 511px;
  width:637px; 
  background: #deddc9;
  position: absolute; 
  top: 30px; 
  left:162px;
  border-left: 2px solid #ffffff;
  z-index: 1000;
}

#home_panels
{
  display:none;
}

.home #home_panels
{
  display:block;
}

.zoek #home_logo2 {
  top: 40px;
}

#home_haken {
  background: url("/img/cu_home_haken.gif"); 
  position: absolute; 
  top: 12px; 
  left:-37px;
  width: 128px;
  height: 491px;
  z-index: 2;
}
#home_logo2 {
  background: url("/img/cu_home_logo.gif"); 
  position: absolute; 
  top: 59px; 
  left:11px;
  width:34px;
  height:280px;
}
#home_donkerebalk {
  height: 511px;
  width: 27px;
  background: url("/img/cu_home_donkerebalk.gif"); 
  position: absolute; 
  top: 0px; 
  left:53px;
}
#panel_verhalen {
  height: 511px; 
  width: 186px; 
  background: #cc0000 url("/img/cu_home_schaduw_oprood.gif") repeat-y top right;
  position: absolute; 
  top: 0px; 
  left:80px;
  padding: 40px 18px 10px;
}
#paneltitel_verhalen {
  width:150px; 
  height: 55px; 
  background: url("/img/cu_home_lees_tit.gif"); 
  display: block; 
}
#paneltitel_verhalen:hover {
  background: url("/img/cu_home_lees_tit_o.gif"); 
}
#panel_objecten {
  height: 511px; 
  width: 186px; 
  background: #deddc9 url("/img/cu_home_schaduw_opzand.gif") repeat-y top right;
  position: absolute; 
  top: 0px; 
  left:266px; 
  padding: 40px 18px 10px;
}
#paneltitel_objecten {
  width:150px; 
  height: 55px; 
  background: url("/img/cu_home_bekijk_tit.gif"); 
  display: block;
}
#paneltitel_objecten:hover {
  background: url("/img/cu_home_bekijk_tit_o.gif"); 
}
#panel_instellingen {
  height: 511px; 
  width: 186px; 
  background: #ffffff;
  position: absolute; 
  top: 0px; 
  left:452px; 
  padding: 40px 18px 10px;
}
#paneltitel_instellingen {
  width:150px; 
  height: 55px; 
  background: url("/img/cu_home_bezoek_tit.gif");
  display: block;
}
#paneltitel_instellingen:hover {
  background: url("/img/cu_home_bezoek_tit_o.gif"); 
}

.kopje_zoals {
  color: #02004e;
  font-weight: bold;
  text-decoration: none;
  font-size: 10px;
}

#home_panels .panel_titel {
  color: #cc0000;
  font-weight: bold;
  font-size: 13px;
  line-height:20px;
  margin: 2px 0px 4px;
}
#home_panels .panel_titel a {
  color: #cc0000;
  text-decoration: none;
}
#panel_verhalen .panel_titel {
  color: #ffffff;
}
#panel_verhalen .panel_titel a {
  color: #ffffff;
}

#home_panels .panel_paragraph {
  color: #000000;
  font-weight: bold;
  font-size: 11px;
  margin-bottom: 3px;
}
#home_panels .panel_paragraph p{
  padding: 0px;
  margin: 0px;  
}
#home_panels .panel_paragraph .tekst{
  font-size: 11px;
  line-height:17px;
}

#panel_verhalen .panel_paragraph {
  color: #deddc9;
}

a.panel_link_onder {
  color: #cc0000;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
}

#panel_verhalen a.panel_link_onder:hover {
  color: #ffffff;
}

#panel_verhalen a.panel_link_onder, a.panel_link_onder:hover {
  color: #02004e;
}

.panelImage {
  border: 0px;
  margin: 15px 0px;
}

#onderbalk {
  font-family:"Trebuchet MS";
  color:#cc0000; 
  text-align: center; 
  font-style: italic; 
  height: 36px; 
  line-height: 36px; 
  background: #000000;
  letter-spacing:0.1px;
  font-size: 20px;
}

.zoek #onderbalk {
  display: none;
}

#home_top div{
  width: 750px;
  margin: auto;
}
#home_top
{
  text-align: center;
}

#state {text-align: center; height:577px; overflow:hidden}
.zoek #state {height: 100%}

.home_content_height {height: 541px}
.zoek .home_content_height {height: 100%}

html, body {height: 100%}

#zoek #zoekframe {width:1px}

/* home instellingen */


#verhalen 
{
  cursor: pointer;
  position:absolute;
  right:85px;
  top:30px;
  width:151px;
  height:34px;  
  background-image:url("/img/cu_home_verhaal.gif");  
  background-repeat: no-repeat;
  background-position: top right;
}
#verhalen.over {
  background-image:url("/img/cu_home_verhaal_o.gif");  
}
#verhalenperthema {
  position:absolute;
  right:85px;
  top:64px;
  width:81px;
  height:19px;
  background-image:url("/img/cu_zoek_thema.gif");
  background-repeat: no-repeat;
  background-position: top right;
}
#verhalenperthema.over,
#verhalenperthema:hover {
  background-image:url("/img/cu_zoek_thema_o.gif"); 
}
#verhalenperplaats {
  position:absolute;
  right:85px;
  top:83px;
  width:81px;
  height:18px;
  background-image:url("/img/cu_zoek_plaats.gif");  
  background-repeat: no-repeat;
  background-position: top right;
}
#verhalenperplaats:hover {
  background-image:url("/img/cu_zoek_plaats_o.gif");  
}
#collectiesperplaats {
  position:absolute;
  right: 85px;
  top: 107px;
  width: 142px;
  height: 52px;
  background-repeat: no-repeat;
  background-position: top right;
  background-image:url("/img/cu_home_collectiespp.gif");
}
#collectiesperplaats:hover {
  background-image:url("/img/cu_home_collectiespp_o.gif");
}

#bezoekadressen 
{
  position:absolute;
  right:85px;
  top:154px;
  width:197px;
  height:27px;
  background-image:url("/img/cu_home_adressen.gif"); 
  background-repeat: no-repeat;
  background-position: top right;
}
#bezoekadressen.over,
#bezoekadressen:hover
{  background-image:url("/img/cu_home_adressen_o.gif"); }
#bezoekadressenalfabetisch
{
  position:absolute;
  right:85px;
  top:186px;
  width:83px;
  height:10px;
  background-image:url("/img/cu_zoek_bezalf.gif"); 
  background-repeat: no-repeat;
  background-position: top right;
}
#bezoekadressenalfabetisch:hover,
#bezoekadressenalfabetisch.over
{  background-image:url("/img/cu_zoek_bezalf_o.gif");  }
#bezoekadressenperplaats
{
  position:absolute;
  right:85px;
  top:200px;
  width:81px;
  height:18px;
  background-image:url("/img/cu_zoek_plaats.gif"); 
  background-repeat: no-repeat;
  background-position: top right;
}
#bezoekadressenperplaats:hover
{  background-image:url("/img/cu_zoek_plaats_o.gif");  }


#vrijzoeken {
  position:absolute;
  right:85px;
  top:218px;
  width:105px;
  height:41px;
  background-image:url("/img/cu_home_vrij.gif");
  background-repeat: no-repeat;
  background-position: top right;
}
#vrijzoeken:hover {
  background-image:url("/img/cu_home_vrij_o.gif");  
}
#middenbalk {
  position:absolute;
  left:310px;  
  top:30px;  
  z-index:20;  
}
html>body #middenbalk {
  height:100%;
}
#balk_bg {
  width:130px;
  height:100%;
  background-image:url("/img/balk_bg.gif");
}
#home_logo {
  position:absolute;
  left:65px;
  top:60px;
  width:34px;
  height:280px;
  background-image:url("/img/cu_home_logo.gif");
}
#home_intro {
  position:absolute;
  left:130px;
  top:65px;
  width:215px;
  z-index:999;
}
#home_intro .titel {
  font-size:17px;
  font-weight:bold;
  color:#715D93;
  line-height:31px;
}
#home_intro .tekst {
  margin-top:10px;
  font-size:11px;
  font-weight:bold;
  color:#000000;
  line-height:24px;
  letter-spacing:0px;
  position:relative;  
}
#voetjes {
  position:absolute;
  left:95px;
  top:340px;
}
#verhalen_intro,
#vrijzoeken_intro {
  position:absolute;
  left:-275px;
  top:21px;
  padding:25px 0 0 22px;
  width:200px;
  background-image:url("/img/cu_titelbol_verhaal.gif");
  background-position:0 10px;
  background-repeat:no-repeat;
}
#verhalen_intro .titel,
#vrijzoeken_intro .titel {
  font-size:13px;
  font-weight:bold;
  color:#CC0000;
  line-height:18px;
}
#verhalen_intro .tekst,
#vrijzoeken_intro .tekst {
  font-size:11px;
  color:#000000;
  line-height:18px;
  margin-bottom:15px;
}

/* copy of zoek */

#verhalen {
  right:250px;
  top:41px;
  width:100px;
  height:22px;  
  background-image:url("/img/cu_zoek_verhaal.gif");  
  background-position: top right;
  background-repeat: no-repeat;
}
#verhalen.over,
.verhalenperthema #verhalen,  
.verhalenperplaats #verhalen {
  background-image:url("/img/cu_zoek_verhaal_o.gif");
}
#verhalenperthema {
  right:250px;
  top:66px;
  width:81px;
  height:19px;
  background-image:url("/img/cu_zoek_thema.gif");  
  background-position: top right;
  background-repeat: no-repeat;
}
#verhalenperthema:hover,
.verhalenperthema #verhalenperthema {  
  background-image:url("/img/cu_zoek_thema_o.gif");  
}
#verhalenperplaats {
  right:250px;
  top:84px;
  width:81px;
  height:18px;
  background-image:url("/img/cu_zoek_plaats.gif");  
  background-position: top right;
  background-repeat: no-repeat;
}
#verhalenperplaats:hover,
.verhalenperplaats #verhalenperplaats {  
  background-image:url("/img/cu_zoek_plaats_o.gif");  
}


#bezoekadressen {
  right:250px;
  top:178px;
  width:118px;
  height:22px;
  background-image:url("/img/cu_zoek_bezadr.gif");
  background-position: top right;
  background-repeat: no-repeat;
}
#bezoekadressen.over,
#bezoekadressen:hover,
.bezoekadressenalfabetisch #bezoekadressen,  
.bezoekadressenperplaats #bezoekadressen {
  background-image:url("/img/cu_zoek_bezadr_o.gif");  
}
#bezoekadressenalfabetisch {
  right:250px;
  top:203px;
  width:83px;
  height:19px;
  background-image:url("/img/cu_zoek_bezalf.gif");  
  background-position: top right;
  background-repeat: no-repeat;
}
#bezoekadressenalfabetisch:hover,
#bezoekadressenalfabetisch.over,
.bezoekadressenalfabetisch #bezoekadressenalfabetisch {  
  background-image:url("/img/cu_zoek_bezalf_o.gif");  
}
#bezoekadressenperplaats {
  right:250px;
  top:221px;
  width:81px;
  height:18px;
  background-image:url("/img/cu_zoek_plaats.gif");  
  background-position: top right;
  background-repeat: no-repeat;
}
#bezoekadressenperplaats:hover,
#bezoekadressenperplaats.over,
.bezoekadressenperplaats #bezoekadressenperplaats {  
  background-image:url("/img/cu_zoek_plaats_o.gif");  
}

#collectiesperplaats {
  right:250px;
  top:118px;
  width:90px;
  height:39px;
  background-image:url("/img/cu_zoek_collectiesperplaats.gif");
  background-position: top right;
  background-repeat: no-repeat;
}
#collectiesperplaats:hover,
.collectiesperplaats #collectiesperplaats {  
  background-image:url("/img/cu_zoek_collectiesperplaats_o.gif");  
}
#vrijzoeken {
  right:250px;
  top:256px;
  width:84px;
  height:34px;
  background-image:url("/img/cu_zoek_vrij.gif");
  background-position: top right;
  background-repeat: no-repeat;
}
#vrijzoeken:hover,
.vrijzoeken #vrijzoeken {  
  background-image:url("/img/cu_zoek_vrij_o.gif");  
}
#home_teaser {
  top:600px;
  right:700px;
}
#home_logo {
  left:330px;
  top:40px;
}
#home_intro {
  left:400px;
}
#voetjes {
  top:600px;
}
.verhalenperthema #verhalen_intro,
.vrijzoeken #vrijzoeken_intro {
  left:75px;
}
#zoek {  
  left:137px;
}
#zoek #zoekframe {
  width:243px;
}
#zoek #kaartframe {
  width:243px;
  display:block;
}
#zoek #zoekframe.expand,
.bezoekadressenperplaats #zoek #zoekframe,
.bezoekadressenalfabetisch #zoek #zoekframe,
.verhalenperplaats #zoek #zoekframe,
.collectiesperplaats #zoek #zoekframe 
{
  width:495px;
}
#bewaar {
  position:absolute;
  left:283px;
  top:-20px;
  width:75px;
  height:22px;
  color:#9A9B9A;
  font-weight:bold;
  font-size:10px;
  text-decoration:none;
  letter-spacing:1px;
  padding-top:5px;
  background-image:url("/img/cu_bewaar.gif");
  background-position:50px -8px;
  background-repeat:no-repeat;  
}
#bewaar:hover {
  color:#000000;
  background-image:url("/img/cu_bewaar_o.gif");
}
#bewaar {
  top:10px;
}
#bewaar.nocaption
{
  color:#DEDDC9;
}
#bewaar {
  position:absolute;
  left:283px;
  top:-20px;
  width:75px;
  height:22px;
  color:#9A9B9A;
  font-weight:bold;
  font-size:10px;
  text-decoration:none;
  letter-spacing:1px;
  padding-top:5px;
  background-image:url("/img/cu_bewaar.gif");
  background-position:50px -8px;
  background-repeat:no-repeat;  
}
#bewaar:hover {
  color:#000000;
  background-image:url("/img/cu_bewaar_o.gif");
}
.zoek #bewaar {
  top:10px;
}
.zoek #bewaar.nocaption
{
  color:#DEDDC9;
}


/* editable elements */
.titel span
{
  width:100%;
  border:dotted #000000 1px;
}
.tekst span
{
  width:100%;
  border-left:dotted #000000 1px;
  border-right:dotted #000000 1px;
  border-bottom:dotted #000000 1px;
}

/* hyperlinks in zoek */
.tekst span
{
  width:100%;
  border-left:dotted #000000 1px;
  border-right:dotted #000000 1px;
  border-bottom:dotted #000000 1px;
}
.tekst A
{
  color:#CC0000;
  font-weight:bold;
  text-decoration:none;
}
.tekst A:hover
{
  text-decoration:underline;
}
#leesverder
{
  font-weight:bold;
  font-size:11px;
  color:#999999;
  position:absolute;
  margin:65px 0 0 170px;
}
.over #leesverder
{
  text-decoration:underline;
}
#zoekframe-container
{
  height:100%;
}
.home #zoek #zoekframe
{
  width: 0px;
  _display:none;
}