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

body {
	background-color: #000;
}


p {
	font-family:"Arial", "sans-serif";
	font-size:12px;
	position:absolute;
	color:#000;
	line-height:20px;
	letter-spacing: 1.0px;
	
	
	
}

.wit {color:#FFF}

.opm4 {
	font-family:"Arial", "sans-serif";
	font-size:12px;
	color:#000;
	letter-spacing: 1.0px;
	line-height: 20px;
	
	
}

.opm5 {
font-family:"Arial";
color:#ffffff;
font-size:10px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height: 20px;
letter-spacing: 1.0px;
}

.opm6 {
font-family:"Arial";
color:#f39500;
font-size:10px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height: 20px;
letter-spacing: 1.0px;
}


.opm15 {
font-family:"Arial";
color:#ffffff;
font-size:18px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height: 25px;
letter-spacing: 1.0px;
}

.opm18 {
font-family:"Arial";
color:#c10076;
font-size:18px;
font-style:normal;
font-weight:bold;
text-align:left;
line-height: 25px;
letter-spacing: 1.0px;
}





#vlak-groen {
	position:absolute;
	width:100%;
	height:425px;
	z-index:1;
	left: 0px;
	top: 102px;
	background-color: #84c100;
}

#nav1 {
	font-family:"Arial", "Lucida Sans Unicode";
	font-size:9px;
	position:absolute;
	line-height:20px;
	letter-spacing: 2.0px;
	width:95px;
	height:87px;
	z-index:55;
	left: 472px;
	top:33px;
}
#nav1 ul {margin: 0;padding: 0;list-style-type: none;text-align: right;}
#nav1 ul li { display: block;}
#nav1 ul li a {text-decoration: none;
font-weight:normal;color: #ffffff;/*background-color: #036;*/}
#nav1 ul li a:hover {color: #f39500;}

#nav2 {
	font-family:"Arial", "Lucida Sans Unicode";
	font-size:9px;
	position:absolute;
	line-height:20px;
	letter-spacing: 2.0px;
	width:95px;
	height:87px;
	z-index:55;
	left: 586px;
	top: 33px;
}
#nav2 ul {margin: 0;padding: 0;list-style-type: none;text-align: right;}
#nav2 ul li { display: block;}
#nav2 ul li a {text-decoration: none;font-weight:normal;color: #ffffff;/*background-color: #036;*/}
#nav2 ul li a:hover {color: #f39500;}

#nav3 {
	font-family:"Arial", "Lucida Sans Unicode";
	font-size:9px;
	position:absolute;
	line-height:20px;
	letter-spacing: 2.0px;
	width:95px;
	height:87px;
	z-index:55;
	left: 696px;
	top: 33px;
}
#nav3 ul {margin: 0;padding: 0;list-style-type: none;text-align: right;}
#nav3 ul li { display: block;}
#nav3 ul li a {text-decoration: none;font-weight:normal;color: #ffffff;/*background-color: #036;*/}
#nav3 ul li a:hover {color: #f39500;}

#nav4 {
font-family:"Arial", "Lucida Sans Unicode";
	font-size:9px;
	position:absolute;
	line-height:20px;
	letter-spacing: 2.0px;
	width:155px;
	height:87px;
	z-index:55;
	left: 299px;
	top: 550px;
}
#nav4 ul {margin: 0;padding: 0;list-style-type: none;text-align: right;}
#nav4 ul li { display: block;}
#nav4 ul li a {text-decoration: none;font-weight:normal;color: #ffffff;/*background-color: #036;*/}
#nav4 ul li a:hover {color: #f39500;}













#devider1 {
	position:absolute;
	width:2px;
	height:80px;
	z-index:56;
	left:576px;
	top:16px;
	background-color: #303133;
}
#devider2 {
	position:absolute;
	width:2px;
	height:80px;
	z-index:56;
	left:691px;
	top:16px;
	background-color: #303133;
}
#devider3 {
	position:absolute;
	width:2px;
	height:80px;
	z-index:56;
	left:802px;
	top:16px;
	background-color: #303133;
}

#devider4 {
	position:absolute;
	width:2px;
	height:120px;
	z-index:56;
	left:465px;
	top:550px;
	background-color: #303133;
}

#devider5 {
	position:absolute;
	width:2px;
	height:120px;
	z-index:56;
	left:691px;
	top:550px;
	background-color: #303133;
}














#viewer {
	position:absolute;
	width:425px;
	height:425px;
	z-index:50;
	left: 370px;
	top: 94px;
}

div#viewer {
   position: relative;
   display: block;
   width: 425px;
   height: 425px;
   overflow: hidden; 
}
div#viewer br { 
   display: none;
}











#vlak-blauw {
	position:absolute;
	width:530px;
	height:1500px;
	z-index:50;
	left: 802px;
	top: 102px;
	background-color: #99cbdc;
}
#vlak-paars {
	position:absolute;
	width:530px;
	height:106px;
	z-index:55;
	left: 802px;
	top: 102px;
	background-color: #c10076;
}
#logo {
	position:absolute;
	width:480px;
	height:102px;
	z-index:10;
	left: 817px;
	top: 0px;
	background-image:url(http://www.bloeiers.nl/images/logo.jpg)
}
#deze-week {
	position:absolute;
	width:199px;
	height:65px;
	z-index:60;
	left: 1120px;
	top: 109px;
}
#hoofdstuk {
	position:absolute;
	width:501px;
	height:25px;
	z-index:61;
	left: 820px;
	top: 177px;
}
#box1 {
	position:absolute;
	width:476px;
	height:279px;
	z-index:62;
	left: 820px;
	top: 225px;
}




.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 0px;
    background: #f39500;
  /*  border: 1px solid #346F97;*/
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 450px;/*breedte-carousel*/
    padding: 10px 40px;
	
}

/*.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}*/

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  440px;
    height: 120px;
	margin-left:5px;
	margin-top:10px;
}

/*.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}*/

.jcarousel-skin-tango .jcarousel-item {
    width: 100px; /*breedte-fotos*/
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

/*.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}*/

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 23px;
    right: 5px;
    width: 32px;
    height: 120px;
    cursor: pointer;
    background: transparent url(http://www.bloeiers.nl/images/but-pijl-right.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(http://www.bloeiers.nl/images/but-pijl-right.jpg);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    /*background-position: -32px 0;*/

    background-image: url(http://www.bloeiers.nl/images/but-pijl-right.jpg);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    /*background-position: -64px 0;*/
	   background-image: url(http://www.bloeiers.nl/images/but-pijl-right.jpg);
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 23px;
    left: 5px;
    width: 32px;
    height: 120px;
    cursor: pointer;
    background: transparent url(http://www.bloeiers.nl/images/but-pijl-left.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(http://www.bloeiers.nl/images/but-pijl-left.jpg);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    /*background-position: -32px 0;*/
	   background-image: url(http://www.bloeiers.nl/images/but-pijl-left.jpg);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    /*background-position: -64px 0;*/
	   background-image: url(http://www.bloeiers.nl/images/but-pijl-left.jpg);
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}



#carousel {
	position:absolute;
    color: #404040;
	display:block;
    /*margin: 0 12%;*/
    margin: 20px 40px;
	top:507px;
left:762px;
	z-index:100;
}

#box2 {
	position:absolute;
	width:473px;
	height:523px;
	z-index:63;
	left: 821px;
	top: 700px;
}









#hfdstuk2 {
	position:absolute;
	width:473px;
	height:30px;
	z-index:64;
	left: 819px;
	top: 498px;
}
#openingstijden {
	position:absolute;
	width:182px;
	height:260px;
	z-index:50;
	left: 488px;
	top: 550px;
}

#hfdstuk2 {
	position:absolute;
	width:473px;
	height:30px;
	z-index:64;
	left: 819px;
	top: 495px;
}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(http://www.bloeiers.nl/images/sbloading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(http://www.bloeiers.nl/images/sbprev.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(http://www.bloeiers.nl/images/sbnext.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(http://www.bloeiers.nl/images/sbclose.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}




span.email a:link{
font-family:"Arial", "sans-serif";
	font-size:12px;
	position:absolute;
	color:#000;
	line-height:20px;
	letter-spacing: 1.0px;
	font-weight:normal;
text-decoration:none;

}


span.email a:visited{
font-family:"Arial", "sans-serif";
	font-size:12px;
	position:absolute;
	color:#000;
	line-height:20px;
	letter-spacing: 1.0px;
	font-weight:normal;
text-decoration:none;
}
/*voorbeeld hoe je de email link kan stylen*/
span.email a:hover {
	color: #666666;}