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

body {
	background-color: #000;
}

#wrapper{
	width: 950px;
	height:950px;/*hoog laten ivm lengte scrolltekst*/
	left: 50%;
	top: 0px;
	text-align: left;
	margin-top: -0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -475px; /* half */
	position: absolute;
	/* background-color: #F1E4C2;*/
/* background: url(http://www.linkclub.nl/images/back-metal.jpg);*/
	/*background-repeat:repeat-y;*/
	z-index:5;

}

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

.wit {color:#fff;
font-weight:bold;}

.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: 97px;
	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: 211px;
	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: 321px;
	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:116px;
	height:87px;
	z-index:55;
	left: 7px;
	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;}



#nav-workshops {
	font-family:"Arial", "Lucida Sans Unicode";
	font-size:11px;
	position:absolute;
	line-height:20px;
	letter-spacing: 2.0px;
	width:300px;
	height:87px;
	z-index:200;
	left: 445px;
	top: 320px;
}
#nav-workshops ul {margin: 0;padding: 0;list-style-type: none;text-align: left;}
#nav-workshops ul li { display: block;}
#nav-workshops ul li a {text-decoration: none;font-weight:normal;color: #ffffff;/*background-color: #036;*/}
#nav-workshops ul li a:hover {color: #f39500;}









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

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

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


#but-twitter {
		position:absolute;
		width:129px;
		height:97px;
		left:145px;
	top:750px;
	z-index:56;
}
		
	











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

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: 425px;
	top: 102px;
	background-color: #99cbdc;
}
#vlak-paars {
	position:absolute;
	width:530px;
	height:106px;
	z-index:55;
	left: 425px;
	top: 102px;
	background-color: #c10076;
}
#logo {
	position:absolute;
	width:480px;
	height:102px;
	z-index:10;
	left: 442px;
	top: 0px;
	background-image:url(http://www.bloeiers.nl/images/logo.jpg)
}
#deze-week {
	position:absolute;
	width:199px;
	height:65px;
	z-index:60;
	left: 750px;
	top: 109px;
}

#but-nieuwsbrief {
	position:absolute;
	width:138px;
	height:135px;
	z-index:100;
	left: 850px;
	top: 375px;
}



#hoofdstuk {
	position:absolute;
	width:501px;
	height:25px;
	z-index:61;
	left: 445px;
	top: 177px;
}
#box1 {
	position:absolute;
	width:476px;
	height:279px;
	z-index:62;
	left: 445px;
	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:506px;
left:385px;
	z-index:100;
}

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









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



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}



.lightbox-nav-btnPrev-bgblank{
	background: transparent url(http://www.ewijcksluis.nl/images/lightbox-blank.gif) no-repeat;
}

.lightbox-nav-btnPrev-bgbutton{
    background: url(images/lightbox-btn-prev.gif) left 15% no-repeat;
}





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;}
		
		
		#album1 {
	position:absolute;
	width:88px;
	height:90px;
	z-index:100;
	left: 444px;
	top: 230px;
}

	#album2 {
	position:absolute;
	width:88px;
	height:90px;
	z-index:100;
	left: 600px;
	top: 230px;
}

	#album3 {
	position:absolute;
	width:88px;
	height:90px;
	z-index:100;
	left: 444px;
	top: 330px;
}

#album4 {
	position:absolute;
	width:88px;
	height:90px;
	z-index:100;
	left: 600px;
	top: 330px;
}

#tweet-box{
	
	position:absolute;
	width:160px;
	height:90px;
	z-index:100;
	left: 145px;
	top: 780px;
	
}
	
	.tweet, .query {
  font-family: Arial;
  font-size: 10.5px;
  color: #fff; line-height:17px; letter-spacing: 1.0px;}
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*background-color: #8ADEE2; */}
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: .5em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #fff;
		line-height:17px;letter-spacing: 1.0px; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
     /* background-color: #fff;*/ }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }