@charset "utf-8";
/* CSS Document */ 

html, body	{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:100%; line-height:16px; overflow:hidden;  } 

a img {
border:none;
}
a {
outline: 0;
color:#000000; 
}

.highlight { background-color: yellow }

#loader { filter: alpha(opacity=10); -moz-opacity: .1;opacity: .1; position:absolute; width:100%;height:100%; }

/* MAP */
/* .mainContainer div { text-align:left; } */
.mainContainer .mapPop { width:263px; height:264px; position:absolute; z-index:200; background-image:url(/gfx/popupBG.png); background-repeat:no-repeat; }
.mainContainer .mapPopSmall { width:297px; height:125px; position:absolute; z-index:200; background-image:url(/gfx/popupBGSmall.png); background-repeat:no-repeat; }
.mainContainer .mapPop .popupContainer { position:absolute; z-index:200; }
.mainContainer .mapPop .popupContainer .closeBut { float:right; cursor:pointer; } 
.mainContainer .mapPop .popupContainer .type { margin-bottom:2px; }
.mainContainer .mapPop .popupContainer .titel { color:#fff; float:left; font-family:Arial; font-size:11px; font-weight:bold; height:18px; line-height:22px; overflow:hidden; padding:3px 7px 7px 9px; width:204px;  }
.mainContainer .mapPop .popupContainer .readOn { margin-bottom:20px; }
.mainContainer .mapPop .popupContainer .readOn a { text-decoration:none; font-weight:bold; color:#000000; }
.mainContainer .mapPop .popupContainer .photo {  width:250px; height:145px; clear:both; background:url(/files/uitgelicht_kaart/100/2/250.jpg) center no-repeat #000; }
.mainContainer .mapPop .popupContainer .photo img { margin-left:60px; margin-top:29px; float:left; }

.mainContainer .mapPopJong  { margin-left:-22px; margin-top:-22px; }
.mainContainer .mapPopJong .popupContainer { margin-left:37px; margin-top:30px; position:absolute; width:208px; z-index:200; } 
.mainContainer .mapPopJong .popupContainer .closeBut { cursor:pointer; float:right; margin-right:-31px; width:22px; } 
.mainContainer .mapPopJong .popupContainer .type { margin-bottom:2px; }
.mainContainer .mapPopJong .popupContainer .titel { font-size:13px; height:35px; }
.mainContainer .mapPopJong .popupContainer .readOn { margin-bottom:20px; }
.mainContainer .mapPopJong .popupContainer .readOn a { text-decoration:none; font-weight:bold; color:#000000; }
.mainContainer .mapPopJong .popupContainer .photo { width:130px; height:91px; margin-left:25px; }
.mainContainer .mapPopJong .popupContainer .photo img { float:left; }




.mainContainer  .popupArrow { position:absolute; left:100px; top:100px; z-index:150; }

.mainContainer .buttons {
	
	height:20px;
	position:absolute;
	right:125px;
	top:135px;
	z-index:3;
}
.mainContainer .buttons div {
float:right;
margin-right:5px;
}

.mainContainer .map {
width:971px;
height:493px;
position:absolute;
top:118px;
left:34px;
}

.mainContainer .mapMenu {
position:absolute;
z-index:3;
left:176px;
top:484px;
height:50px;
}

.mainContainer .mapMenu .legenda {
position:relative;
top:30px;
}
.mainContainer .mapMenu .openLeg {
position:absolute;
top:-156px;
z-index:4;
display:none;
}
.mainContainer .mapMenu .closedLeg .linkLegenda {
position:absolute;
top:17px;
left:21px;
display:block;
width:259px;
height:31px;
/*
filter: alpha(opacity=0); -moz-opacity: .0;opacity: .0;
*/
}
.mainContainer .mapMenu .openLeg .linkLegendaOpen {
position:absolute;
top:17px;
left:21px;
display:block;
width:259px;
height:35px;
/*
filter: alpha(opacity=0); -moz-opacity: .0;opacity: .0;
*/
}
.mainContainer .mapMenu .openLeg .stolpBoerderij {
top:160px;
height:17px;
background-color:#FFFFFF;
filter: alpha(opacity=0); -moz-opacity: .0;opacity: .0;
}

.mainContainer .mapMenu .zoek {
position:absolute;
z-index:5;
}
.mainContainer .mapMenu .openZoek {
position:absolute;
top:-145px;
z-index:10;
display:none;
}
.mainContainer .mapMenu .closedZoek .linkZoek {
position:absolute;
top:15px;
left:21px;
display:block;
width:259px;
height:31px;
background-color: transparent;
cursor: pointer;
}
.mainContainer .mapMenu .openZoek .linkZoekOpen {
position:absolute;
top:9px;
left:21px;
display:block;
width:259px;
height:33px;
cursor: pointer;
/*
filter: alpha(opacity=0); -moz-opacity: .0;opacity: .0;
*/
}
.mainContainer .mapMenu .openZoek .bottom {
top:161px;
}

/* MAIN CONTAINERS */
.posContainer {
text-align:left;
width:100%;
position:absolute;
}


.mainContainer { width:938px; height:646px; text-align:left;padding-left:0px;padding-right:0px; 
position:absolute;
left:50%;
top:2px;
margin-left:-469px;
z-index:0;

}
.containerMenuBar { width:938px; height:113px; background-image:url(/gfx/toolBar.png); left:12px; top:10px; position:absolute; }
.containerContent {  position:relative; }

/* SLIDERS */
.slidersLeft { position:absolute; left:25px; top:111px; z-index:11;}
.slidersRight { height:10px;
left:142px;
position:absolute;
top:111px;
width:772px;
z-index:11;}



.placeSliderRight {float:right;}

.linkLegenda {
	display:block;
background-image:url(/images/legenda.png)!important; 
opacity:100 !important;
}

.gmnoprint { display:none; }
.mainContainer .barContainer {float:left;}
.mainContainer .bar {float:left; cursor:pointer; margin-left:0px; margin-right:-18px; position:relative; z-index:13;}
.mainContainer .bar a { display:block;
width:18px;
height:493px;
position:absolute;
left:9px;
top:7px;
z-index:20;
}
.mainContainer .placeSliderRight .bar {margin-right:-18px; margin-left:0px;}

.slideContent { width:18px; height:506px; float:left; position:relative; overflow:hidden; margin-right:-18px; }

/* zet bars op de juiste laag */
#pos1 {z-index:54;}
#pos2 {z-index:53; }
#pos3 {z-index:52;}
#pos4 {z-index:51;}
#pos5 {z-index:50;margin-right:-19px;}
#pos6 {z-index:49;}
#pos7 {z-index:47;}
#pos8 {z-index:48;}
#pos9 {z-index:49; }
#pos10 {z-index:46; margin-right:-27px;}
/* Pos plaatjes */

#pos1{
background-image:url(/gfx/jong_slideBewarEnBeheren.png);
background-repeat:no-repeat;
width:35px;
height:506px;
}
#pos2{
background-image:url(/gfx/jong_slideVertelEnOntsluiten.png);
background-repeat:no-repeat;
width:35px; margin-left:3px;
height:506px;
}
#pos3{
background-image:url(/gfx/jong_slideLerenEnOntd.png);
background-repeat:no-repeat;
width:35px; margin-left:3px;
height:506px;
}
#pos4{
background-image:url(/gfx/jong_slideDoenEnOntplooi.png);
background-repeat:no-repeat;
width:35px; margin-left:3px;
height:506px;
}
#pos5{
background-image:url(/gfx/jong_slideVerbindenEnProm.png);
background-repeat:no-repeat;
width:35px; margin-left:3px;
height:506px;
}
#pos6{
background-image:url(/gfx/jong_slideOntEnBeleven.png);
background-repeat:no-repeat;
width:35px;margin-left:3px;
height:506px;
}
#pos7{
background-image:url(/gfx/jong_slideCultuurNota.png);
background-repeat:no-repeat;
width:37px;
height:506px;
margin-right:-17px;
}
#pos8{
background-image:url(/gfx/jong_slideSubsidieMoge.png);
background-repeat:no-repeat;
width:38px;
height:506px;
}
#pos9{
background-image:url(/gfx/jong_slideBanners.png);
background-repeat:no-repeat;
width:38px; 
height:506px;
}
#pos10{
background-image:url(/gfx/jong_slideLinks.png);
background-repeat:no-repeat;
width:35px;
height:506px;

}


/* BLOKKEN CONTENT */
.mainContainer .blokkenContainer { width:730px; height:725px; margin-top:-8px; position:absolute; margin-left:-732px;  }
.mainContainer .slidersRight .blokkenContainer {  margin-right:-712px; margin-left:0px;} 

#ContBewarEnBeherenBlokken,
#ContVertelEnOntsluitenBlokken,
#ContLerenEnOntdBlokken,
#ContDoenEnOntplooiBlokken,
#ContVerbindenEnPromBlokken,
#ContOntEnBelevenBlokken
{ background-image:url(/gfx/lamel_bg.png); }


/* CONTENT */

/* POP OVER */
.popOver {display:none; background-color:#000000; } 
.popOver .background {	position: absolute;	top: -500px;left: -500px;	z-index: 90;	width: 3000px;	height: 2000px;	background-color:#FFFFFF;	filter: alpha(opacity=50); -moz-opacity: .50;opacity: .50;  }
.popOver .container {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;}
.popOver .box {position:relative;width: 762px;height:395px;margin: 0 auto;margin-top:40px;}
.sluitpopup,.sluitpopup2 { position: absolute; right:-55px; top:20px; z-index:1; width:30px; height:30px; background-image:url(/gfx/blank.gif); cursor:pointer; }




/* JONGERENKAART */

/*.mainContainer .mapMenu*/ .reactie {
position:relative;
top: 228px;
z-index:3;
}
/*.mainContainer .mapMenu*/ .openReactie {
position:absolute;
top:0px;
z-index:1;
display:none;
}

/* reacties */
#sluitpopup_cultuurervaring { right:-1px;  }
.bekijk_reacties { position:absolute; top:30px; left:35px; z-index:999; font-weight:bold; cursor:pointer; }

#reactie_wrapper textarea,#reactie_form_naam,#reactie_form_email { width:222px; }
#reactie_titel { font-size:17px; }
#reactie_beschrijving { margin-top:10px; font-style:italic; }

.closedReactie {
position:absolute;
top:0px;
left:0px;
display:block;
width:250px;
height:49px;
background-image: url(/gfx/jong_reacties_open.png);
cursor:pointer;
padding-top:30px; padding-left:35px;
font-weight:bold; font-size:12px;
/*
filter: alpha(opacity=0); -moz-opacity: .0;opacity: .0;
*/
}
.openReactie {
background-image: url(/gfx/jong_reacties.png);
height: 242px; width: 280px;
}
/*.mainContainer .mapMenu*/ .openReactie .linkReactieOpen {
position:absolute;
top:17px;
left:21px;
display:block;
width:259px;
height:35px;
background-color: transparent;
z-index:999;

/*
filter: alpha(opacity=0); -moz-opacity: .0;opacity: .0;
*/
}
/*.mainContainer .mapMenu*/ .openReactie .stolpBoerderij {
top:150px;
height:17px;
background-color:#FFFFFF;
filter: alpha(opacity=0); -moz-opacity: .0;opacity: .0;
}

.geefReactie {
	display: block;
	position: absolute;
	left: 20px;
	top: 195px;
	height: 20px;
	width: 100px;
	
}

#reageerPoi .box {
	text-align: center;
	
}

.mainContainer .mapMenu .voegJeEigen {
position:absolute;
z-index:5;
}
.mainContainer .mapMenu .poiButton {
position:absolute;
top:-145px;
z-index:10;
display:none;
}

.mainContainer .mapMenu .voegJeEigen .poiButton {
position:absolute;
top:70px;
left:-50px;
display:block;
width:259px;
height:33px;
background-color: transparent;
cursor: pointer;
/*
filter: alpha(opacity=0); -moz-opacity: .0;opacity: .0;
*/
}
.mainContainer .mapMenu .poiButton .bottom {
}

/* MAP */
.mainContainer .mapPop { width:257px; height:265px; top:-3000px; position:absolute; z-index:200; background-repeat:no-repeat; background-image:url(/gfx/popupBG.png); }
.mainContainer .mapPopJong { top:-3000px; background-image:url(/gfx/popupBGjong.png); background-repeat:no-repeat; height:265px;
position:absolute; width:297px; z-index:200; margin-left:30px; }
.mainContainer .mapPopPijl { background-image:url(/gfx/poi_pijl.png); width:66px; height:70px; position:absolute; margin-left:91px;
margin-top:250px; top:-3000px; }
.mainContainer .popupContainer { position:absolute;  z-index:200; }
.mainContainer .mapPop .popupContainer .closeBut { float:left; height:15px; padding:5px; position:relative; width:15px; cursor:pointer;} 
.mainContainer .mapPop .popupContainer .type { margin-bottom:2px; }
.mainContainer .mapPop .popupContainer .text { width:238px;height:45px; overflow:hidden; font-family:Verdana; line-height:16px; clear:both; padding:5px 11px; }
.descr, .author, .date { color: #808080; }
.comments { margin-top: 2px; margin-bottom:2px;}
.mainContainer .popupContainer .readOn { width:245px; }
.readOn { font-family:Verdana; color:#0099DA; font-weight:bold; font-size:10px; text-decoration:none; text-align:right; display:block; }

.jongerenkaart_leesverder { width:95px; height:15px; font-weight:bold; position:absolute; left:-20px; top:-22px;  }
.mainContainer  .popupArrow { position:absolute; left:100px; top:100px; z-index:150; }
.jong_photo_wrapper { height: 91px; width:165px;margin-left:20px; position:absolute; top:115px; overflow:hidden; }
#reactie_content { width:220px; height:135px; position:absolute; top:55px; left:30px; overflow:auto; }
#plaatsreactie { width:220px; height:20px; position:absolute; top:195px; left:30px; text-decoration:none; color:#000000; font-weight:bold; }
#reactie_content a { color:#000; font-weight:bold; }
.badge { background-image:url(/gfx/jong_badge.png); height:87px; position:absolute; right:680px; top:141px; width:87px;} 
.jongerenkaart_banner { background-image:url(/gfx/plugout_banner.png); display:block; height:103px; left:272px; position:absolute; top:140px;width:155px;}


.mainContainer .mapPopJong  .closeBut { margin-top:-10px; } 
.mainContainer .mapPopJong .popupContainer .type { margin-bottom:2px; }
.mainContainer .mapPopJong .popupContainer .titel { font-size:12px; color:#FFF; font-weight:bold; margin-top:-10px;  }
.mainContainer .mapPopJong .popupContainer .text { height:32px; overflow:hidden;  }




.mainContainer .mapMenu .poiButton .bottom {
}


/* VOEG CULTUURERVARING TOE */
input { border: 1px solid #000; }
#cultuurervaring .addLocation .error { border: 1px solid red; }
#cultuurervaring .box { cursor: default;}
#cultuurervaring .container .closePopOver { width: 15px; height: 15px; position: absolute; right: 36px; top: 24px; cursor: pointer; }
#cultuurervaring .intro { margin-bottom: 20px;}
#cultuurervaring .intro .title {  font-size: 15px; }
#cultuurervaring .intro .text { margin-top:8px;  } 
#cultuurervaring .addLocation { width: 637px; }
#cultuurervaring .addLocation .title { margin-bottom: 15px; font-weight: bold; clear: both;}
#cultuurervaring .addLocation .mapContainer { width: 275px; margin-right: 50px; float: left;}
#cultuurervaring .addLocation .inputContainer { width: 310px; float: left; margin-top: 0px;}
#cultuurervaring .addLocation .inputContainer .verplicht { position: absolute; right: 75px;}
#cultuurervaring .addLocation .inputContainer .formDescription { float: left; clear: left; width:90px; *width:88px; }
#cultuurervaring .addLocation .mapContainer .formDescription { float: left; clear: left; width:55px; }
#cultuurervaring .addLocation .inputContainer .formElement { clear: none; margin-bottom: 5px; }
#cultuurervaring .addLocation .inputContainer .form input { font-size: 10px; width: 210px;}
#cultuurervaring .addLocation .mapContainer .form input { font-size: 10px; width: 180px;}
#cultuurervaring .addLocation .mapContainer .form input#poi_adres { font-size: 10px;  width: 165px; }
#cultuurervaring .addLocation .inputContainer .form input#poi_foto { font-size: 10px; width: 153px;}
#cultuurervaring .addLocation .inputContainer .form .textarea { height: 134px; width:210px; }
#cultuurervaring .addLocation .inputContainer .form input.button { background-color: #fff; width: auto;  margin-left: 5px; }
#cultuurervaring .addLocation .inputContainer .form .button input { background-color: #fff; width: auto;  margin-left: 5px; }
#cultuurervaring .addLocation .inputContainer .form div.button { float: right; }
#cultuurervaring .addLocation .mapContainer .form input.button { background-color: #fff; width: auto;  margin-left: 5px; }
#cultuurervaring .addLocation #addPoiMap { position:relative; width: 274px; height: 250px; margin-top:10px; border: 1px solid #000; }
#cultuurervaring .addLocation .disabled { position:absolute; top: 146px; width: 274px; height: 265px; margin-top:10px; border: 1px solid #fff; background-color: #fff; filter: alpha(opacity=80); -moz-opacity: .80;opacity: .80; }
.cultuurervaringFoto { height:16px; }
.linkZoek { position:absolute; top:555px; left:228px; background-image:url(/gfx/blank.gif); }
#cultuurervaring .addLocation .error { border: 1px solid red; }