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

* {
	margin:0;
	padding:0;
}
body {
	background-image:url(Custom/Components/FrontEnd/images/images_02.jpg);
	background-repeat: repeat-x;
	background-color: #b0e0e8;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f3f3f;
}


#center {
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
}
#container {
	margin-left: -495px;
	position: absolute;
	left: 50%;
	width: 983px;
	text-align:left;
	padding-top: 72px;

}

#PopupBackground 
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 998;
	overflow: hidden;
}

#background{
	background-image: url(Custom/Components/FrontEnd/images/schaduw%20copy.png);
	padding-left: 11px;
	}


#logo{
	width:375px;
	height: 180px;
	margin-left: 22px !important;
	margin-left: 11px;
	position:absolute;
	top: 12px;
	}

#top{
	margin-left: 12px;
	background-image:url(Custom/Components/FrontEnd/images/top.png);
	background-repeat:repeat-x;
	background-position:bottom;
	height: 157px;
	width:980px;
	margin-left: 11px;
}
#topgroen{
	background-image:url(Custom/Components/FrontEnd/images/groenrechts.png);
	height: 42px;
	float:right;
	width:19px;
	margin-top: 115px;
	margin-right: 0px;
	}

#topborderleft{
	float:left;
	background-image:url(Custom/Components/FrontEnd/images/bordertopleft.png);
	width:7px;
	height:41px;
	margin-top: 115px;
}
	
#topMenu{
	background-image:url(Custom/Components/FrontEnd/images/menubg.png);
	height: 148px;
	background-repeat: repeat-x;
	width: 963px;
	}

#navtop{
	height: 39px;
	width: 963px;
	top: 377px;
	position:absolute;
	overflow:hidden;
	}

#backgroundHolder{
	height: 200px;
	background-image:url(Custom/Components/FrontEnd/images/navtop.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#128abc;
	}



#rowSpacer
{
	width:963px;
	height:39px;
}

#linerow{
	background-image: url(Custom/Components/FrontEnd/images/linerowbg.png);
	background-repeat:repeat-x;
	width: 963px;
	height: 2px;
	overflow:hidden;
	background-position:top;
	}
		
#row2{
	width: 962px;
	background-image: url(Custom/Components/FrontEnd/images/containerbgtop.png);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
}
#footer{
	width: 963px;
	background-color:#4c4c4c;
	height: 25px;
	clear:both;
	top: 0;
	padding-top: 1px;
	margin-top: -4px;
	position: relative;
	color:#FFFFFF;
	font-size: 11px;
	}

#footer p{
	color:#FFFFFF;
	margin-left: 12px;
	margin-top:4px;
	}

#outreach{
	background-image:url(Custom/Components/FrontEnd/images/images_25.jpg);
	background-repeat: no-repeat;
	height: 16px;
	display:block;
	position:absolute;
	right: 0;
	top: 0;
	margin-right: 5px;
	padding-left: 25px;
	margin-top: -20px;
	}

#contentTable{
	background-image:url(Custom/Components/FrontEnd/images/containerbg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	}

#left{
	background-image:url(Custom/Components/FrontEnd/images/left.png);
	background-repeat:repeat-y;
	width: 219px;

	
	}
	
#left ul li{
	background-image:url(Custom/Components/FrontEnd/images/listbackground.png);
	width:164px;
	height: 58px;
	display:block;
	padding-left:18px;
	list-style: none;
	margin-top: 4px;
	}

#left ul li a{
	font-weight: normal;
	height: 38px;
	padding-top: 22px;
	padding-left: 42px;
	display: block;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	
	}

#left ul {
	margin-left: 26px;
	margin-top: 33px;
	margin-bottom:150px;
	}
	
#address{
	position:absolute;
	bottom: 0;
	background-image:url(Custom/Components/FrontEnd/images/images_17.jpg);
	background-repeat:no-repeat;
	margin-bottom: 35px;
	margin-left: 17px;
	}	
address{
	font-style:normal;
	margin-left: 20px;
	padding-left: 7px;
	border-left: 1px solid #b6b6b6;
	overflow: hidden;
	line-height: 18px;
	color:#3f3f3f;
	margin-bottom: 30px!important;
	margin-bottom: 50px;
	}
	
#attractie{
	display:block;
	float:left;
	background-image:url(Custom/Components/FrontEnd/images/attractie.png);
	width:186px;
	height:148px;
	border-right: 1px solid #FFFFFF;
	overflow:hidden;
	margin-left: 132px !important;
	margin-left: 65px;
	}
#ballondruk{
	display:block;
	float:left;
	background-image:url(Custom/Components/FrontEnd/images/feestplein_pand.jpg);
	width: 321px;
	height:148px;
	border-right: 1px solid #FFFFFF;
	overflow:hidden;
	margin-left: 0px !important;

	}
#ballonhelium{
	display:block;
	float:right;
	background-image:url(Custom/Components/FrontEnd/images/ballonhelium.png);
	width: 319px;
	height:148px;
	
	}

#navtop ul{
	list-style:none;
	}

#navtop ul li {
	width: 320px;
	float:left;
	display:block;
	text-align:center;
	list-style:none;
	}

#navtop ul li span{
	color:#FFFFFF;
	font-weight:bold;
	font-size: 12px;
	text-decoration:none;
	text-transform:uppercase;
	margin-top: 10px;
	display:block;
	}

#navtop ul li ul{
	top: 0;
	margin-top: 20px;
	width: 126px;
	margin-left: 100px;
	border-top: 0px solid #9fd1e4;
	text-align:left;
	overflow:hidden;

	}
	
#navtop ul li ul li{
	display:block;
	height: 24px;
	width: 126px;
	text-align:left;
	margin-top: 0px;
	border-top: 1px solid #9fd1e4;
	overflow:hidden;
	margin-bottom: 1px;
	}

#navtop ul li ul li a{
	margin-top: 1px;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
	height: 24px;
	width: 126px;
	display: block;
	padding-top: 4px;
	text-transform:none;
	padding-left: 6px;
	text-decoration:none;
	
	}

#navtop ul li ul li a:hover,
#navtop ul li ul li a.active{
	background-image:url(Custom/Components/FrontEnd/images/liahover.png);
	background-position:top;
	height: 24px;
	width: 120px !important;
	width: 126px;
	background-repeat:repeat-x;
	display: block;
	color:#4f4f4f;
}

#bottle{

	width:319px;
	height: 189px;
	position:absolute;
	top: 0;
	left: 0;
	margin-left: 10px!important;
	margin-top: 229px;
	z-index: 1;
	}

#baloon{
	width:319px;
	height: 189px;
	position:absolute;
	top: 0;
	left: 0;
	margin-left: 330px!important;
	margin-top: 229px;
	z-index: 1;

	}

#baloons{

	width:319px;
	height: 189px;
	position:absolute;
	top: 0;
	left: 0;
	margin-left: 655px!important;
	margin-top: 229px;
	z-index: 1;
}
#content {
	width: 383px;
	float:left;
	border-left: 1px solid #b6b6b6;
	overflow:hidden;
	margin-left: 61px !important;
	margin-left: 30px;
	margin-top: 20px;
	padding-left: 25px;
	padding-bottom: 40px;
	min-height: 300px;
	color: #6a6a6a;
}

#content2 {
	width: 645px;
	float:left;
	border-left: 1px solid #b6b6b6;
	overflow:hidden;
	margin-left: 61px !important;
	margin-left: 30px;
	margin-top: 20px;
	padding-left: 25px;
	padding-bottom: 40px;
	min-height: 300px;
	color: #6a6a6a;
}

#content3 {
	width: 600px;
	float:left;
	border-left: 1px solid #b6b6b6;
	overflow:hidden;
	margin-left: 61px !important;
	margin-left: 30px;
	margin-top: 20px;
	padding-left: 25px;
	padding-bottom: 40px;
	min-height: 300px;
	color: #6a6a6a;
}

#right {
	width: 230px;
	float:right;
	margin-top: 20px;
	border-left: 1px solid #b6b6b6;
	overflow:hidden;
}
	
#right h1{
	font-size: 17px;	
	margin:0 0 15px 14px;
}

#right a.heliumshop 
{
    margin-left: 14px;	
    display:block;
    height:75px;
    width:205px;
    background: url(Custom/Components/FrontEnd/images/helliumshop.png) no-repeat;    
    overflow:hidden;
    text-indent:-9000px;    
	padding-bottom:40px;
}

#right a.confettie 
{    
	margin-left: 14px;	
    display:block;
    height:75px;
    width:205px;
    background: url(Custom/Components/FrontEnd/images/confettixl.png) no-repeat;
    overflow:hidden;
    text-indent:-9000px;
}

h1
{
	color:#1c86bb;
	font-weight:bold;
	margin: 0px;
	margin-bottom: 22px;
	}
h1 a{	
	color:#1c86bb;
	font-size: 20px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 22px;
	}



p { 
	line-height: 18px;
	color: #6a6a6a; 
	margin:0 0 .7em 0;
	}

#footer p a{
	color:#FFFFFF;
	text-decoration:none;
	}

#footer p a:hover{
	text-decoration:underline;
	}

#bottom{
	background-image: url(Custom/Components/FrontEnd/images/bottom.jpg);
	height: 4px;
	background-repeat:no-repeat;
	background-position:top;
	margin-left: 10px;
	width: 966px;
	margin-bottom: 20px;
	}
	
#content a,
#right a,
#content p a,
#right p a
{
text-decoration:underline;
color:#6a6a6a;
}

a{
color:#ab320f;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}	
	
#content p a:hover,
#content a:hover,
#right a:hover,
#right p a:hover
{
    color: #993300;
}

#line{
	float:left; 
	margin-left: 112px; 
	margin-top: -17px;
}

#content ol,
#content ul,
#popUp ol,
#popUp ul {
	padding-left: 15px; 
	}

#content ul li,
#popUp ul li 
{
	list-style: url(Custom/Components/FrontEnd/images/li.gif);
}
#content li,
#popUp li 
{
	margin-top: 4px; 
}	

.productlist{
	width: 190px;
	background-image:url(Custom/Components/FrontEnd/images/divbg.png);
	background-repeat:repeat-x;
	height: 203px;
	float:left;
	text-align:center;
	margin-right: 25px;
	margin-bottom: 25px;
	}

.productlist img.afbeelding{
	/*width: 150px;*/
	border: 1px solid #7f8581;
	margin-top: 10px;
	overflow:hidden;
	}
	

.leesmeer{
	background-image:url(Custom/Components/FrontEnd/images/leesmeer.png);
	background-position: center left;
	background-repeat:no-repeat;
	padding-left: 12px;
	color:#333333;
	text-decoration:none;
	font-weight: normal;
	display: inline-block;
	margin-top: 5px;
	width: 80px;
	text-align:center;
	}

.leesmeer:hover{
	text-decoration: underline;
	}	
h3{
	color:#1c86bb;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	
	}
	
/* Banners */


.banner{
	background-image:url(Custom/Components/FrontEnd/images/bannerbg.png);
	background-repeat:repeat-x;
	width: 200px;
	background-position:top left;
	float:left;
	margin-bottom: 23px;
	}

.bannerBG{
	background-image:url(Custom/Components/FrontEnd/images/BannerBodyLeft.png);
	background-repeat:repeat-y;
	background-position:top right;
	margin-top: 28px;
	margin-left:20px!important;
	margin-left: 10px;
	width:170px;
	float:left;
	padding-top: 5px;
	margin-bottom: 23px;
	}

.bannerBody{
	text-align:left;
	width: 160px;
	border: 1px solid #d7d9db;
	overflow: hidden;
	float:left;
	margin-top: -5px;
	background-color:#f7f6f5;
	}

.bannerBody h3{
	background-color:#4c4c4c;
	color:#FFFFFF;
}

.bannerBody .link{
	background-image:url(Custom/Components/FrontEnd/images/BannerBodyLi.png);
	padding-left: 12px;
	background-position:left center;
	background-repeat:no-repeat;
	color:#3f3f3f;
	text-decoration:none;
	display:block;
	width: 70px;
	float:left;
	margin-top: 28px;
	}

.link:hover{
color: #ab320f;
}

.bannerBody img{
	float:left;
	/*width: 68px;*/
	border: none;
	 }

/* Contact */

.plus{
	background-image: url(Custom/Components/FrontEnd/images/plus.gif);
	background-position:top right;
	background-repeat: no-repeat;
	color:#1c86bb;
	}

.min{
	background-image: url(Custom/Components/FrontEnd/images/min.gif);
	background-position:top right;
	background-repeat: no-repeat;	
	color:#1c86bb;
	}

.min:hover,
.plus:hover
	{
	text-decoration:none;
	}

#content h2,
#content h2 a{
	display: block;
	font-size: 12px;
	width: 410px;
	height: 20px;
	font-weight: normal;
	color:#1c86bb;
	text-decoration:none;
	margin:0;
	margin-bottom:10px;
	}

#content h2 a:hover{
	color:#1c86bb;
	}


#Route{
	border-top: 1px solid #b6b6b6;
	overflow:hidden;
	margin-top: 10px;
	padding-top: 10px;
	}

.naam{
	width: 82px;
	margin-right: 5px;
	}
	
.textBlok{
	width: 155px;
	background-color: #fff;
	border: 1px solid #b6b6b6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.textBlokFocus{
	width: 155px;
	background-color: #e8e8e8;
	border: 1px solid #b6b6b6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}


.textArea{
	width: 260px;
	border: 1px solid #b6b6b6;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.textAreaFocus{
	border: 1px solid #b6b6b6;
	width: 260px;
	background-color: #e8e8e8;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.space{
	width: 1px;
	}

#googleMaps img{
	height: 198px;
	width: 345px;
	border: 1px solid #b6b6b6;
	margin-top: 30px;
	margin-left: 2px;	
	}

#popUp,
#imagePopUp
{
	z-index:1000;
	position: absolute;
	background-image: url(Custom/Components/FrontEnd/images/popUpBg.png);
	background-repeat:repeat-x;
	background-color: #e3e2e2;
	padding-left: 14px;
	padding-top: 16px;
}

#imagePopUp
{
	width: auto;
}

#imagePopUp img.afbeelding
{
	padding-bottom: 20px;
	padding-right: 60px;
}

#productFilm 
{
    width:340px;
    height:295px    
}

#popUpReserveer{
	background-image:url(Custom/Components/FrontEnd/images/formbg.png);
	background-repeat:repeat-x;
	height:0px;
	clear:both;
	overflow:hidden;
	padding-top: 0px;
	margin-left: -14px;
	width: 614px;
	
	}
#popUpReserveer form{
	margin-top: 5px;
	}
	
.box{
	background-image:url(Custom/Components/FrontEnd/images/prijs.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#666666;
	height: 88px !important;
	width: 194px;
	float:left;
	margin-right: 18px !important;
	margin-right: 5px;
	float:left;
	margin-top: 14px;
	}

#hoogtefix{
	width: 400px;
	float:left;
	height: 14px !important;
	height: 0px;
	overflow:hidden;

}
#popUp img.afbeelding{
	float:left;
	border: 1px solid #000000;
	overflow:hidden;
	}

.inhoud{
	width: 560px;
	float:left;
	margin-left: 18px;
	color: #3f3f3f;
	line-height: 18px;
	}

.inhoud h3{
	text-align:left;
	font-size: 15px;
	font-weight:bolder;
	margin-bottom: 14px;
	}
	

.box h6{
	display:block;
	width: 180px;
	font-size: 12px;
	color:#FFFFFF;
	height: 21px!important;
	height: 21px;
	background-image:url(Custom/Components/FrontEnd/images/h6.png);
	padding-left: 14px;
	padding-top: 5px;
	font-weight:bold;
	}

.close{
	background-image:url(Custom/Components/FrontEnd/images/close.png);
	width: 26px;
	height:24px;
	position:absolute;
	right: 0;
	top: 0;
	margin-right: 15px;
	margin-top: 15px;
	}
	
.reserveer{
	background-image:url(Custom/Components/FrontEnd/images/reserveernu.png);
	width: 150px;
	height: 43px;
	display:block;
	float:right;
	margin-right: 18px;
	margin-top: 14px;
	margin-bottom: 10px;
	}

.prijs{
	margin-top: 17px;
	margin-left: 14px;
	color: #3f3f3f
	}

.afmetingen{
	margin-top: 17px;
	margin-left: 14px;
	color: #3f3f3f
	}

.naam2{
	width: auto;
	height: 30px;
	padding-left: 10px;
	}

.textBlok2{
	width: 154px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#reserveerForm{
	width: 530px;
	}

.textArea2{
	height: 66px;
	width: 200px;
	border: 1px solid #b6b6b6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.textAreaFocus2{
	height:66px;
	width: 200px;
	background-color: #e8e8e8;
	border: 1px solid #b6b6b6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#Verzenden{
	background-image:url(Custom/Components/FrontEnd/images/verzenden.png);
	width: 80px;
	height: 25px;
	display:block;
	border: none;
}

#HelpTekst {
	position:absolute;
	width:212px;
	font-size: 11px;
	display:none;
	z-index:2000;
}

#HelpLinks {
	background-image:url(Custom/Components/FrontEnd/images/helplinks.gif);
	width:12px;
	background-repeat:no-repeat;
	background-position:top left;
	height:12px;
	float:left;
}
#HelpTekstTarget 
{
    margin-left:12px;
	padding:10px;
	width:200px;
	background-color:#eceef1;
}

.totaalPrijs
{
    font-size:14px; 
    height:18px; 
    width:160px; 
    padding:1px 0 0 1px; 
    border: 1px solid #000000;
}