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

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

#left {
	position:absolute;
	left:0px;
	top:0px;
	width:432px;
	height:115px;
	z-index:10;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height: 25px;
letter-spacing: 0.05em
 }
 
 
 
 #navcontainer {
	font-family:"Arial";
	font-size:14px;
	position:absolute;
	letter-spacing: 0.07em;
	width:719px;
	height:20px;
	z-index:50;
	left: 482px;
	top: 434px;
}
#navcontainer ul {margin: 0;padding: 0;list-style-type: none;text-align: left;}
#navcontainer ul li { display: inline;}
#navcontainer ul li a {text-decoration: none;
font-weight:normal;color: #000000;
/*background-color: #036;*/}
#navcontainer ul li a:hover {color: #ab020f;}
 
 #home {
	position:absolute;
	width:42px;
	height:20px;
	z-index:50;
	left: 30px;
}
#over-ons {
	position:absolute;
	width:70px;
	height:20px;
	z-index:50;
	left: 108px;
	top: 0px;
}
#assortiment {
	position:absolute;
	width:110px;
	height:20px;
	z-index:50;
	left: 213px;
	top: 0px;
}
#aanbiedingen {
	position:absolute;
	width:50px;
	height:20px;
	z-index:50;
	left: 352px;
}
#recepten {
	position:absolute;
	width:51px;
	height:20px;
	z-index:50;
	left: 501px;
	top: 0px;
}
#contact {
	position:absolute;
	width:54px;
	height:20px;
	z-index:50;
	left: 618px;
}
 
 
.Container {
	position: absolute;
	top: 577px;
	left: 514px;
	width: 600x;
	height: 335px;
	/*background: #FFF url(images/container_background.gif) no-repeat;*/
  z-index: 150;
}
#Scroller-1 {
	position: absolute;
	overflow:hidden;
	width: 650px;
	height: 335px;
	z-index: 150;
}
#Scroller-1 p {
  margin: 0px; padding: 0px 0px;
font-family:Arial, Helvetica, sans-serif;
  font-size: 12px; 
   
color:#222222;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height: 25px;
letter-spacing: 0.05em;
    z-index: 150;
   
   
   
   
}



.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
  width:650px;
}









#Scrollbar-Container {
  position: absolute;
  top: 40px; left: 60px;
   z-index: 150;
}
.Scrollbar-Up {
	cursor: pointer;
	position: absolute;
	left: 1153px;
	top: 444px;
	z-index: 100;
}
.Scrollbar-Track {
	width: 63px;
	height: 339px;
	position: absolute;
	top: 517px;
	left: 1136px;
	background: transparent url(http://www.bocado.nl/images/scrolltrack.png) no-repeat center center;
	z-index: 100;
}
.Scrollbar-Handle {
  position: absolute;
  width: 63px; height: 77px;
}
.Scrollbar-Down {
	cursor: pointer;
	position: absolute;
	top: 911px;
	left: 1158px;
	z-index: 100;
}


.opm15 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height: 25px;
letter-spacing: 0.05em
}

.opm20{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height: 25px;
letter-spacing: 0.05em
}


.opm18 {
font-family:Arial, Helvetica, sans-serif;
color:#7c6931;
font-size:18px;
font-style:normal;
font-weight:bold;
text-align:left;
line-height: 25px;
letter-spacing: 0.05em
}

.opm19 {
font-family:Arial, Helvetica, sans-serif;
color:#c40c30;
font-size:18px;
font-style:normal;
font-weight:bold;
text-align:left;
line-height: 25px;
letter-spacing: 0.05em
}

.opm21 {
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
padding-left: 5px;
padding-top: 5px;
font-size:18px;
font-style:normal;
font-weight:normal;
text-align:left;
line-height: 25px;
letter-spacing: 0.05em
}

.opm22 {
font-family:Arial, Helvetica, sans-serif;
color:#656f37;
padding-left: 0px;
padding-top: 0px;
font-size:14px;
font-style:normal;
font-weight:bold;
text-align:left;
line-height: 25px;
letter-spacing: 0.05em
}

.opm23 {
font-family:Arial, Helvetica, sans-serif;
color:#c40c30;
padding-left: 0px;
padding-top: 0px;
font-size:14px;
font-style:normal;
font-weight:bold;
text-align:left;
line-height: 25px;
letter-spacing: 0.05em
}










span.email a:link{font-family: Verdana, Arial, Helvetica, sans-serif;
color:#222222;
font-size:11px;
font-weight:normal;
text-decoration:none;

}


span.email a:visited{font-family: Verdana, Arial, Helvetica, sans-serif;
color:#222222;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
/*voorbeeld hoe je de email link kan stylen*/
span.email a:hover {
	color: #78434f;}


a.link1:link {  font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:10px;
font-weight:normal;
line-height: 15px;
text-decoration:none;}
a.link1:visited { font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:10px;
font-weight:normal;
line-height: 15px;
text-decoration:none;}
a.link1:hover {  font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:10px;
font-weight:bold;
line-height: 15px;
text-decoration:none; }
a.link1:active {  font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:10px;
font-weight:normal;
line-height: 15px;
text-decoration:none; }


a.link4:link {  font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
font-weight:normal;
line-height: 15px;
text-decoration:none;}
a.link4:visited { font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
font-weight:normal;
line-height: 15px;
text-decoration:none;}
a.link4:hover {  font-family: Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:10px;
font-weight:bold;
line-height: 15px;
text-decoration:none; }
a.link4:active {  font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
font-weight:normal;
line-height: 15px;
text-decoration:none; }


a.link5:link {  font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ab020f;
font-size:12px;
font-weight:bold;
line-height: 15px;
text-decoration:none;}
a.link5:visited { font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ab020f;
font-size:12px;
font-weight:bold;
line-height: 15px;
text-decoration:none;}
a.link5:hover {  font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
font-weight:bold;
line-height: 15px;
text-decoration:none; }
a.link5:active {  font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ab020f;
font-size:12px;
font-weight:bold;
line-height: 15px;
text-decoration:none; }














#mid-top {
	position:absolute;
	left:431px;
	top:0px;
	width:826px;
	height:427px;
	z-index:11;
}
#mid-main {
	position:absolute;
	left:431px;
	top:427px;
	width:841px;
	
	height:591px;
	z-index:12;
}
#rechts{
	position:absolute;
	left:1257px;
	top:0px;
	width:470px;
	height:1019px;
	z-index:13;
}








#scrollbox1{
	position:absolute;
	top:0px;
	left:0px;
	width:281px;
	height:2000px;
	z-index:3;
}

#scrollbox2{
	position:absolute;
	top:0px;
	left:350px;
	width:281px;
	height:2000px;
	z-index:3;
}
#hoofdstuk {
	position:absolute;
	left:512px;
	top:535px;
	width:278px;
	height:35px;
	z-index:500;
}
#kop-txtbox2 {
	position:absolute;
	width:278px;
	height:27px;
	z-index:50;
	background-color: #656f37;
}


#colofon {
	position:absolute;
	width:114px;
	height:23px;
	z-index:200;
	left: 1074px;
	top: 965px;
}