* {
margin: 0;
padding: 0;
}


#funHeaderSmall {
position: relative;
float: left;
width: 540px;
top: -20px;
left: 10px;

}


#rightContent a {
position: relative;
z-index: 99999;
}

#fun #sideNavigation, #downloads #sideNavigation {
height: 450px !important;
}

.nav_ {
height: 450px !important;
}


.white {
color: white;
}

.no_decoration {
text-decoration: none;
}


/* ------ imagebox 
---- */ 
#imagebox {
height:240px;
width:540px;
position: relative;
left: -10px;
}

#imagebox a img {
border: none;
}

#right {
float: left;
height: 100px;
}


#imagebox #voeding {
position: relative;
float: left;
top: -3px;
left: -5px;
}


#imagebox #substraat {
position: relative;
top: -7px;
float: left;
left: -5px;
}

#imagebox #toevoeging {
position: relative;
top: -165px;
z-index: 9999;
float: left;
width: 129px;
left: -5px;
}




/* ------ einde imagebox 
---- */ 

body {
font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
background: #000;
color: #3E3F3F;
}
.kweekschema h2 {
padding: 10px 0 0 0 !important;
}

.kweekschema .entry {
border-bottom: none !important;
}

#wrapper
{
	left:0;
	overflow:auto !important;
	position:absolute;
	top:0;
	z-index:70;
}


html,body,#bgImg,#bgImg table,#bgImg td,#wrapper
{
	height:100%;
	overflow:hidden;
	width:100%;
}

#bgImg div
{
	height:200%;
	left:-50%;
	position:absolute;
	top:-50%;
	width:200%;
}

#bgImg td
{
	text-align:center;
	vertical-align:middle;
}

#bgImg img
{
	margin:0 auto;
	min-height:50%;
	min-width:50%;
}

body a, #languageSelect select {
color: #6B5681;
}

#container {
width: 735px;
margin: 0 auto 0 auto;
background-image: url(http://www.cellmax.nl/images/assets/bg_container.png);
min-height:550px;
  height:auto !important;
  height:550px;
}

#img_header {
float: right;
}

#container #top {
height: 120px;
background-image: url(http://www.cellmax.nl/images/assets/header_bg.png);
}


#container #top #subnav {
padding: 5px 0 0 0;
}

#container #top #subnav ul {
text-align: right;
margin: 0px 5px 0 0;
}

#container #top #subnav ul li {
display: inline;
margin: 0 10px 0 0;
list-style-type: none;
}

#container #top #subnav ul li a {
text-decoration: none;
text-transform: uppercase;
font-size: 9px;
color: #55777B;
}

#container #top #logo {
background: transparent url(/images/assets/logo.png) 10px 20px no-repeat;
position: relative;
}

#container #top #logo a{
display: block;
height: 100px;
width: 300px;
}

#logo img{
position: absolute;
top: 0px;
left: 270px;
}

#container #top #logo a span{
display: none;
}



#container #top #languageSelect {
position: relative;
top: -33px;
float: left;
left: 545px;
clear: both;
}

#container #top #languageSelect select{
width: 180px;
text-align: right;
border: 1px solid #bdc2c9;
}


#container #content {
border-top: solid 2px #000;
height: 100% !important;
width: 100%;
background: url(http://www.cellmax.nl/images/assets/bgTop.png) no-repeat;
}

#container #content #navigation{
width: 707px;
clear: both;
background: #000;
position: relative;
top: -8px;
margin: 0 0 0 10px;
height: 24px;
padding: 0px 0 0 8px;
}

#container #content #navigation a{
text-transform: uppercase;
text-decoration: none;
color: #FFF;
font-size: 10px;
}

#container #content #navigation .current a {
background: #fff;
color: #000;
padding: 1px 0px 1px 0px;
}

#container #content #navigation .current a:hover {
color: #fff;
}

#container #content #navigation ul#nav a {
padding: 1px 5px 1px 3px;
}

#container #content #navigation ul#nav a:hover{
background: #fff;
background: #333;
}

#container #content #navigation ul#nav{
float: left;
padding: 4px 0 0 0;
}

#container #content #navigation ul#nav li{
display: inline;
list-style-type: none;
}


#container #content #navigation ul#navWebshop{
float: right;
width: 180px;
height: 17px;
padding: 4px 0 3px 0;
border-left: solid 1px #fff;
list-style-type: none;
background: url(/images/assets/iconCart.gif) no-repeat 20px 3px;
}

#container #content #navigation ul#navWebshop li h3 a {
margin: 0 0 0 60px;
font-size: 16px;
color: #5C9195;
position: relative;
top: -2px;
letter-spacing: .8px;
}

#container  hr {
position: relative;
top: 0;
left: 10px;
width: 715px;
border: none;
clear: both;
border-bottom: dashed 1px #727272;
}

#container #header {
width: 700px;
clear: both;
background: transparent url(/images/assets/bgHeader.png) 10px -50px no-repeat;
padding: 35px 15px 20px 15px;
}

#container #header h2{
color: #6B5681;
font-size: 18px;
font-weight: normal;
}

#container #header p{
line-height: 18px;
width: 380px;
color: #505050;
}

#container #content #boxWrapper {
width: 715px;
clear: both;
margin: 20px 0 0 10px;
min-height: 145px;
}

#container #content #boxWrapper .contentBox{
width: 232px;
float: left;
cursor: pointer;
background: url(/images/assets/productBoxBg.png) center bottom;
margin: 0 9px 30px 0;
position: relative;
}

#container #content #boxWrapper #coco .contentBox {
margin: 0 !important;
}


#container #content #boxWrapper .contentBox img{
position: absolute;
left: 165px;
z-index: 99999;
top: -5px;
}


#container #content #boxWrapper .contentBox .contentBoxHead{
color: #fff;
padding: 8px 0 8px 10px;
}

#container #content #boxWrapper .contentBox .contentBoxHead h2{
font-weight: normal;
text-transform: uppercase;
font-size: 13px;
}

#container #content #boxWrapper .contentBox .contentBoxContent{
padding: 10px 0 10px 10px;
}

#container #content #boxWrapper .contentBoxContent h3{
font-size: 18px;
}

#container #content #boxWrapper .contentBoxContent h3 a{
text-decoration: none;
color: #000;
}

#container #content #boxWrapper .contentBoxContent p{
font-size: 11px;
width: 220px;
margin: 0 0 10px 0;
line-height: 14px;
}

#container #content #boxWrapper  h4{
text-transform: uppercase;
margin: 0 0 5px 0;
font-size: 11px;
}


#container #content #boxWrapper #bio .contentBoxHead{
background: #37931F;
}

#container #content #boxWrapper #bio h4{
color: #37931F;
}

#container #content #boxWrapper #hydro .contentBoxHead{
background: #196BB9;
}


#container #content #boxWrapper #hydro {
width: 233px;
}

#container #content #boxWrapper #hydro h4{
color: #196BB9;
}

#container #content #boxWrapper #coco {
margin: 0;
}

#container #content #boxWrapper #coco .contentBoxHead{
background: #EB830C;
}

#container #content #boxWrapper #coco h4{
color: #EB830C;
}

#producten #container #content #boxWrapper .contentBox .contentBoxContent {
height: 40px;
}

#container #productFooter {
width: 700px;
height: 125px;
clear: both;
margin: 20px 0 10px 25px;
}


#container #productFooter h3 {
font-size: 15px;
text-transform: uppercase;
color: #3F6569;

}

.anythingSliderFooter .wrapper img {
width: 105px;
float: left;
}

#container #productFooter h3 a{
text-decoration: none;
}


#container #footer {
background: #FFF;
width: 715px;
padding: 7px 10px 7px 10px;
}

#container #footer ul {
float: left;
width: 625px;
}

#container #footer ul li {
display: inline;
list-style-type: none;
}

#container #footer ul li a {
text-decoration: none;
text-transform: uppercase;
font-size: 9px;
color: #9485A6;
}

#container #footer #copyright {
text-transform: uppercase;
font-size: 9px;
color: #9485A6;
}


/* -- products -- */

#sideNavigation #sublevel {
margin: 0 0 0 8px;
}

#sideNavigation #sublevel a{
margin: 3px 0 0 0;
}

#sideNavigation ul.bio_growing li.current a, #sideNavigation ul.bio_growing li.current #sublevel li.current a {
background: #00891C;
color: #fff;
}

.bio_level a:hover {
background: #00891C !important;
color: #fff !important;
}


.hydro_level a:hover {
background: #0072C1 !important;
color: #fff !important;
}

.coco_level a:hover {
background: #F37900 !important;
color: #fff !important;
}

.main_level a:hover {
background: #000 !important;
color: #fff !important;
}


#sideNavigation ul.bio_growing li.current #sublevel a, #sideNavigation ul.hydro_growing li.current #sublevel a, #sideNavigation ul.coco_growing li.current #sublevel a{
background: none;
color: #585857;
}



#sideNavigation ul.hydro_growing li.current a, #sideNavigation ul.hydro_growing li.current #sublevel li.current a{
background: #0072C1;
color: #fff;
}


#sideNavigation ul.coco_growing li.current a, #sideNavigation ul.coco_growing li.current #sublevel li.current a{
background: #F37900;
color: #fff;
}

#sideNavigation ul.specials li.current a, #sideNavigation ul.overig li.current a {
background: #000;
color: #fff;
}




#sideNavigation {
width: 165px;
font-size: 10px;
line-height: 18px;
margin: 0 0 0 10px;
padding: 35px 0 0 0;
min-height: 450px;
float: left;
}

.nav_bio_growing {
background: url(/images/assets/nav_bg_bio.png);
}

.nav_coco_growing {
background: url(/images/assets/nav_bg_coco.png);
}

.nav_hydro_growing {
background: url(/images/assets/nav_bg_hydro.png);
}

.nav_, .nav_specials, .nav_overig  {
background: url(/images/assets/nav_bg_main.png);
}

#sideNavigation ul li {
list-style-type: none;
}

#sideNavigation ul li a {
text-transform: uppercase;
text-decoration: none;
color: #585857;
padding: 0 0 0 5px;
display: block;
font-weight: bold;
}

#rightContent {
width: 620px;
margin: 35px 20px 0 15px;
}

#producten #rightContent{
float: right;
width: 530px;
margin: 10px 10px 0 15px;
}

#rightCollumn {
height: 100% !important;
width: 540px;
float: left;
}

#producten #rightCollumn p.feature span {
font-weight: bold;
}

#producten #rightContent img.header{
position: relative;
left: -10px;
 }

#producten .contentBox {
background-position: -7px -65px !important;
}

#producten .no_border {
border: none !important;
}

#rightContent h2 {
color: #6B5681;
}

#rightContent h2.title {
margin: 0 0 20px 0;
width: 460px;
}

#rightCollumn .title a {
text-decoration: none;
}

#rightContent p {
line-height: 145%;
}



#nieuws #content .current a, #fun #content .current a, #downloads #content .current a{
background: #000;
color: #fff;
}


#fun #rightContent, #downloads #rightContent {
width: 710px;
}

#fun .entry, #downloads .entry {
width: 540px;
float: right;
border: none;
border-bottom: dashed 1px #727272;
padding: 20px 0 0 0;
}

 #downloads .first {
padding: 0;
}

#fun #downloadList {
position: relative;
left: 15px;
}

#fun .first {
border-top: dashed 1px #727272;
}

#fun  .entry .preview, #downloads .entry .preview {
float: left;
margin: 0 30px 0 20px;
}

img.preview {
border: none;
}

#fun .entry h2 {
margin: 0 0 15px 0;
}

#downloads #bttn_download {
float: right;
position: relative;
top: 0px;
left: 0px;
border: 0;
}

#downloads #formLeft {
float: left;
}

#downloads #formRight {
width: 150px;
float: left;
position: relative;
top: 0px;
left: 30px;
}

/*
---------------------
*/

#fun_header {
float: left;
width: 500px;
margin: 5px 0 5px 20px;
}


#contact #rightContent {
margin: 50px 0 0 70px;
}


#contact #contactForm .formRow {
margin: 0 0 10px 0;
}

#contactForm {
margin: 20px 0 100px 0;
}


#contact #contactForm #email, #contact #contactForm #opmerking {
padding: 3px;
width: 220px;
}

#contact #contactForm #email {
width: 216px;
}


#contact form label{
display: block;
float: left;
width: 150px;
}

#contact #contactContent {
float: right;
background: url(/images/assets/gradient_contact.png) no-repeat;
font-weight: bold;
position: relative;
padding: 10px 0 0 15px;
top: -200px;
color: #3E3D54;
line-height: 150%;
left: -40px;
}



#producten .entry {
width: 530px;
float: right;
margin: 0 10px 0 0;
border: none;
border-bottom: dashed 1px #727272;
}

#producten .first {
border-top: none;
margin: 20px 10px 0 0;
}

#producten .last {
border-bottom: none;
padding: 0 0 20px 0;
}

#producten .entry .preview {
float: left;
margin: 0 30px 0 20px;
}

#producten .entry #bttn_buy{
border: 0;
float: right;
}

#producten #boxWrapper {
top: 20px;
left: -20px;
width: 500px !important;
position: relative;
}

#producten .index {
border: none;
}

#producten #boxWrapper h2{
color: #fff;
}

#resellers #rightContent {
margin: 0 0 0 70px;
}

#resellers #rightContent h2{
text-align: center;
width: 400px;
margin: 30px 0 30px 0;
}

#resellers #resellerTable {
margin: 20px 0 20px 15px;
width: 710px;
font-weight: bold;
line-height: 155%;
background: #E0DCE3;
}

#resellers #resellerTable a{
font-weight: normal;
}

#resellers #resellerTable span {
display: block;
width: 105px;
float: left;
}

#resellers #resellerTable .resellerTableHead {
background: #C9C2D1;
}

td {
padding: 0 5px 0 5px;
}

#resellers #resellerTable tr {
height: 30px;
}

























#container #content #productFooter .productFooterBox {
width: 233px;
margin: 0;
padding: 0;
float: left;
}

#container #content #productFooter .productFooterBox p span, p.price{
text-transform: uppercase;
display: block;
float: left;
width: 55px;
font-size: 9px;
color: #3E3F3F;
}

#container #content #productFooter .productFooterBox p a {
position: relative;
top: 20px;
color: #837194;
}

#container #content #productFooter .productFooterBox .productFooterPrice, p.price span{
color: #3F6569;
font-weight: bold;
font-size: 13px;
}



#container #content #productFooter .productFooterBox .productFooterPrice span{
font-weight: normal;
}

#container #content #productFooter .productFooterBox .productFooterInhoud, .inhoud span{
color: #6B5681;
font-weight: bold;
font-size: 13px;
}

#container #content #productFooter .productFooterBox .productFooterInhoud span{
font-weight: normal;
}



#container #content #productFooter img{
margin: 0;
padding: 0;
float: left;
border: none;
}

.anythingSlider {
width: 755px;
left: -10px;
margin: 0;
height: 125px;
position:relative;
}

.anythingSlider .wrapper {
width: 700px;
height: 125px;
overflow:auto;
position:absolute;
top:0;
left:0;
}

.anythingSlider .wrapper ul {
width:9999px;
list-style:none;
position:absolute;
top:0;
left:0;
margin:0;
}

.anythingSlider ul li {
display:block;
float:left;
height:125px;
width:700px;
padding:0;
margin: 0;
}

.anythingSlider .arrow {
display:block;
height:60px;
width:15px;
text-indent:-9999px;
position:absolute;
top:35px;
cursor:pointer;
}

.anythingSlider .forward {
background: url(http://www.cellmax.nl/images/assets/bttn_slide_next.png) no-repeat center;
right: -15px;
}

.anythingSlider .back {
background: url(http://www.cellmax.nl/images/assets/bttn_slide_prev.png) no-repeat center;
left: -10px;
}

.anythingSlider .forward:hover {

}

.anythingSlider .back:hover {

}

#start-stop {
display: none;
}

.anythingSlider .wrapper ul ul {
position:static;
background:none;
overflow:visible;
width:auto;
border:0;
margin:0;
}

.anythingSlider .wrapper ul ul li {
float:none;
height:auto;
width:auto;
background:none;
}

#boxWrapper #bio .contentBoxHead{
background: url(http://www.cellmax.nl/images/assets/bg-bio-topbox.jpg) !important;
}

#boxWrapper #hydro .contentBoxHead{
background: url(http://www.cellmax.nl/images/assets/bg-hydro-topbox.jpg) !important;
}

#boxWrapper #coco .contentBoxHead{
background: url(http://www.cellmax.nl/images/assets/bg-coco-topbox.jpg) !important;
}

#thumbNav a:hover,#start-stop:hover {background-image:none;}

.currentnavitem {
background: black;
color: white !important;
}