﻿/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}a{outline:none;}


/* ---[ CSS www. boomaplant .nl ]----------------------------------------------- */


html {
	min-height: 100%;
	background: #828382 url("/images/bg.jpg") repeat-x 0 0;	
}


/* ------[ Container ]----------------------------------------------------------- */


#wpr_all {
	width: 940px;
	margin: 0px auto;
}


/* ------[ Breadcrum ]----------------------------------------------------------- */


#wpr_breadcrum {
	width: 940px;
	height: 24px;
	padding-top: 4px;
	font-size: 77%;
	color: #505050;
	font-family: "Century Gothic", sans-serif;
}

#breadcrum ul{ float: right; }
#breadcrum ul li { float: left; }

#breadcrum ul li a {
	text-decoration: none;
	color: #505050;
	margin: 0px 8px;
}

#breadcrum ul li a:hover, #breadcrum ul li a.active {
	text-decoration: underline;
	color: #af003f;
}

#midden {
	float: right;
	margin-left: 10px;
	margin-right: 2px;
}

/* ------[ Breadcrum >> Taal Select ]----------------------------------------------------------------- */

#taal ul {
	behavior: url('js/csshover.htc');
	float: right;
	position: relative;
	cursor: pointer;
}

#taal img {
	margin-left: 5px;
}

#taal ul ul {
	width: 150px;
	background: transparent url("/images/taal_onder.gif") no-repeat bottom left;
	position: absolute;
	left: -30px;
	top: 13px;
	display: none;
	padding: 10px 0px;
}

#taal ul li li a {
	text-decoration: none;
	text-align: left;
	background-color: #fff;
	padding: 6px 0px 6px 7px;
	display: block;
	color: #505050;
}

#taal ul li li a input {
	margin-right: 10px;
}

#taal ul li li a:hover {
	text-decoration: none;
	background-color: #e4e4e4;
}
 
#taal li:hover ul ul {
    display: none;
}
 
#taal li:hover ul, #taal li:hover li:hover ul {
    display: block;
}

/* ------[ Top >> Steek Kaartjes]----------------------------------------------------------------- */


#wpr_top {
	width: 940px;
	height: 219px;
}

#cnr_logo {
	width: 150px;
	height: 166px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	background: transparent url("/images/logo.gif") no-repeat 0 0;
}

#wpr_top ul li {
	width: 109px;
	height: 200px;
	display: block;
	float: right;
	margin: 19px 0px 0px 50px;
	cursor: pointer;
}

#wpr_top ul li a {
	width: 109px;
	height: 200px;
	display: block;
}

li.specials { height: 200px; background: transparent url("/images/kaartjes/knop_specials.png") no-repeat 0 0; }
li.specials:hover, .specialsactive { height: 171px; background: transparent url("/images/kaartjes/knop_specials.png") no-repeat 0px 29px; }

li.dendrobium { height: 200px; background: transparent url("/images/kaartjes/knop_dendrobium.png") no-repeat 0 0; }
li.dendrobium:hover, .dendrobiumactive { height: 171px; background: transparent url("/images/kaartjes/knop_dendrobium.png") no-repeat 0px 29px; }

li.vanda { height: 200px; background: transparent url("/images/kaartjes/knop_vanda.png") no-repeat 0 0; }
li.vanda:hover, .vandaactive { height: 171px; background: transparent url("/images/kaartjes/knop_vanda.png") no-repeat 0px 29px; }

li.cordyline { height: 200px; background: transparent url("/images/kaartjes/knop_cordyline.png") no-repeat 0 0; }
li.cordyline:hover, .cordylineactive { height: 171px; background: transparent url("/images/kaartjes/knop_cordyline.png") no-repeat 0px 29px; }

li.dianthus { height: 200px; background: transparent url("/images/kaartjes/knop_dianthus.png") no-repeat 0 0; }
li.dianthus:hover, .dianthusactive { height: 171px; background: transparent url("/images/kaartjes/knop_dianthus.png") no-repeat 0px 29px; }

li.skimmia { height: 200px; background: transparent url("/images/kaartjes/knop_skimmia.png") no-repeat 0 0; }
li.skimmia:hover, .skimmiaactive { height: 171px; background: transparent url("/images/kaartjes/knop_skimmia.png") no-repeat 0px 29px; }


/* ------[ Menu ]---------------------------------------------------------------- */


#wpr_menu {
	width: 940px;
	height: 30px;
}

#menu_links { width: 9px; height: 30px; background: transparent url("/images/menu_links.gif") no-repeat 0 0; float: left; }
#menu_midden { width: 922px; height: 30px; background: transparent url("/images/menu_midden.gif") repeat-x 0 0; float: left; }
#menu_rechts { width: 9px; height: 30px; background: transparent url("/images/menu_rechts.gif") no-repeat 0 0; float: right; }

#menu_midden ul { margin-top: 1px; }
#menu_midden ul li { float: left; }

#menu_midden ul li a {
	height: 24px;
	display: block;
	float: left;
	padding: 0px 20px;
	padding-top: 4px;
	color: #fff;
	font-size: 85%;
	font-family: "Century Gothic", sans-serif;
	text-decoration: none;
}

#menu_midden ul li a:hover, #menu_midden ul li a.active {
	background: transparent url("/images/menu_hover.gif") repeat-x 0 0;
}


/* ------[ Content ]------------------------------------------------------------- */


#wpr_content {
	min-height: 542px;
	width: 940px;
	background-color: #fff;
}

#cnr_content {
	width: 940px;
	min-height: 282px;
}

#cnr_contentlinks, #cnr_contentrechts, #cnr_geheel {
	width: 429px;
	min-height: 282px;
	float: left;
	padding: 20px 20px 20px 20px;
}

#cnr_geheel { width: 860px; }
#cnr_contentrechts { float: right; }

.item { margin-bottom: 25px; }

#cnr_contentlinks h1, #cnr_contentrechts h1, #cnr_geheel h1 {
	color: #af003f;
	font-size: 85%;
	margin-bottom: 10px;
	font-family: "Century Gothic", sans-serif;
}

#cnr_contentlinks a, #cnr_contentrechts a, #cnr_geheel a {
	color: #af003f;
}

#cnr_contentlinks a:hover, #cnr_contentrechts a:hover, #cnr_geheel a:hover {
	color: #af003f;
	background-color: #f8a2b9;
	padding-right: 0px;
}

#cnr_contentlinks p, #cnr_contentrechts p, #cnr_geheel p, table {
	color: #8b8b8b;
	font-size: 77%;
	line-height: 22px;
	font-family: "Century Gothic", sans-serif;
}

#cnr_contentlinks p label, #cnr_contentrechts p label, #cnr_geheel p label {
	width: 200px;
	display: block;
}

#wpr_ondercontentlinks { height: 22px; width: 940px; background: transparent url("/images/content_linksonder.png") no-repeat left top; }
#ondercontentmidden { height: 22px;	width: 922px; float: right;	background-color: #fff; }
#ondercontentrechts { height: 22px;	width: 9px;	float: right; background: transparent url("/images/content_rechtsonder.png") no-repeat 0 0; }


/* ------[ Submenu Assortiment ]-------------------------------------------------------------- */


#scroller {
	width: 175px;
	float: left;
	margin-top: 13px;
	background: #b7b8b7 url("/images/assortiment/submenu_midden.jpg") repeat-y 0 0;
	text-decoration: none;
	font-size: 77%;
	font-family: "Century Gothic", sans-serif;
}

/*#scroller li a {
	display: block;
	text-decoration: none;
	color: #af003f;
	padding: 14px 0px 0px 22px;
}*/

#scroller li a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 14px 0px 0px 30px;
}

#scroller li a:hover, .scrollerActief {
	text-decoration: underline;
	background: transparent url("/images/assortiment/submenu_pijl.gif") no-repeat 0px 14px;
}

#scrolleronder {
	width: 175px;
	height: 58px;
	background: transparent url("/images/assortiment/submenu_onder.jpg") repeat-y 0 0;
}

#contactonder {
	width: 153px;
	padding-left: 22px;
	line-height: 22px;
	background-color: #fff;
}

#contactonder a { color: #af003f; }
#contactonder a:hover {
	background-color: #f8a2b9;
}


/* ------[ Opbouw Assortiment ]-------------------------------------------------------------- */

/*Overzicht -- MENU*/
#overzicht_menu {
	width: 738px;
	height: 21px;
	float: right;
	margin: 13px 11px 0px 0px;
	background: transparent url("/images/assortiment/overzichtmenu_bg.gif") repeat-x 0 0;
}

#overzicht_menu ul li {
	float: right;
}

#overzicht_menu ul li a {
	height: 23px;
	display: block;
	float: left;
	padding: 2px 20px;
	color: #505050;
	font-size: 77%;
	font-family: "Century Gothic", sans-serif;
	text-decoration: none;
}

#overzicht_menu ul li a:hover, #overzicht_menu ul li a.active {
	background: transparent url("/images/assortiment/overzichtmenu_bghover.gif") repeat-x 0 0;
	color: #fff;
}
/*Einde -- Overzicht -- MENU*/

/*KEUZE*/
.keuzegroep {
	width: 738px;
	float: right;
	margin: 13px 11px 8px 0px;
	font-size: 77%;
	font-family: "Century Gothic", sans-serif;
}

.keuzegroep .kop {
	height: 19px;
	width: 733px;
	float: left;
	padding: 2px 0px 0px 5px;
	background: transparent url("/images/assortiment/thead.gif") repeat-x 0 0;	
	border-bottom: 1px solid #fff;
	color: #fff;
}

.keuzegroep .assortiment_foto {
	width: 201px;
	height: 201px;
	float: left;
}

.keuzegroep li a {
	width: 733px; /*532*/
	min-height: 20px;
	float: right;	
	padding: 2px 0px 0px 5px;
	border-bottom: 1px solid #fff;
	background: #ececec url("/images/assortiment/td_pijl.gif") no-repeat 719px 5px; /*518*/
	color: #505050;
	text-decoration: none;
}

.keuzegroep li.chosenZoek3 {
	width: 733px;
	min-height: 20px;
	float: right;	
	padding: 2px 0px 0px 5px;
	border-bottom: 1px solid #fff;
	background: #e6d6dc;
	color: #505050;
	text-decoration: none;
}

.keuzegroep li.chosenZoek3:hover {
	background: #e6d6dc;		
}

.keuzegroep li a:hover { background: #e6d6dc url("/images/assortiment/td_pijlover.gif") no-repeat 719px 5px; } /*518*/
.keuzegroep li.chosen a { background: #e6d6dc; width: 532px; }
.keuzegroep li.chosen a:hover {	background: #e6d6dc; }
.keuzegroep li.empty a, .keuzegroep li.empty a:hover { background: none; cursor: default; width: 532px; }

.keuzegroep li.chosenZoek a { width: 733px; background: #ececec url("/images/assortiment/td_delete.gif") no-repeat 719px 5px; }
.keuzegroep li.chosenZoek a:hover { width: 733px; background: #e6d6dc url("/images/assortiment/td_deleteover.gif") no-repeat 719px 5px; }

.keuzegroep li.chosenZoek2 a { width: 733px; background: #ececec url("/images/assortiment/td_pijl.gif") no-repeat 719px 5px; }
.keuzegroep li.chosenZoek2 a:hover { width: 733px; background: #e6d6dc url("/images/assortiment/td_pijlover.gif") no-repeat 719px 5px; }

.keuzegroep li span.delete { width: 250px; text-align: right; float: right; padding-right: 25px; }

.keuzegroep li.info {
	width: 532px;
	height: 20px;
	float: right;	
	padding: 2px 0px 0px 5px;
	border-bottom: 1px solid #fff;
	background: none;
	color: #505050;
	text-decoration: none;
}

.keuzegroep li span {
	width: 150px;
	float: left;
}

.keuzegroep p {
	color: #8b8b8b;
	line-height: 22px;
	font-family: "Century Gothic", sans-serif;
}

.assort_clear {
	width: 738px;
	height: 1px;
	clear: both;
}

/*EINDE keuze*/

.cnr_clear {
	width: 10px;
	height: 1px;
	clear: both;
}

/* ------[ Foto overzicht ]-------------------------------------------------------------- */

#foto_overzicht {
	width: 749px;
	float: right;
	margin: 13px 0px 0px 0px;
	font-family: "Century Gothic", sans-serif;
	font-size: 77%;
	color: #fff;
}

#foto_overzicht a {
	width: 115px;
	height: 115px;
	float: left;
	margin: 0px 7px 7px 0px;
	border: 1px solid #af003f;
}

#foto_overzicht a:hover {
	margin: 0px 7px 5px 0px;
	border-bottom: 3px solid #af003f;
}

#foto_overzicht #foto_overzicht_kop {
	height: 19px;
	width: 733px;
	float: left;
	padding: 2px 0px 0px 5px;
	margin-bottom: 6px;
	background: transparent url("/images/thead.gif") repeat-x 0 0;	
}


/* ------[ Fotobalk ]-------------------------------------------------------------- */


#cnr_foto {
	width: 940px;
	height: 220px;
	clear: both;
}

#infoblok {
	min-width: 361px;
	float: right;
	margin-right: 14px;
	margin-top: 14px;
}

#infoblokrechts {
	width: 11px;
	min-height: 173px;
	float: left;
	background: transparent url("/images/info_rechts.png") no-repeat 0 0;
}

#infoblokmidden {
	min-width: 361px;
	min-height: 173px;
	padding-top: 13px;
	float: left;
	background: transparent url("/images/info_midden.png") repeat-x 0 0;
}

#infobloklinks {
	width: 11px;
	min-height: 173px;
	float: left;
	background: transparent url("/images/info_links.png") no-repeat 0 0;
}

#infoblokmidden h2 {
	color: #656565;
	font-size: 87%;
	margin-bottom: 8px;
	font-family: "Century Gothic", sans-serif;
	padding-right: 26px;
	line-height: 14px;
	text-align: right;
	background: transparent url("/images/info_pijl.png") no-repeat top right;
}


/* ------[ Footer ]-------------------------------------------------------------- */


#wpr_footer {
	height: 130px;
	width: 940px;
	background: transparent url("/images/footer_bg.png") no-repeat 0 0;
	color: #fff;
	margin-top: 1px;
	position: relative;
	font-size: 77%;
	font-family: "Century Gothic", sans-serif;
}

#cnr_footermenu {
	position: absolute;
	left: 267px;
	top: 43px;
	float: left;
}

#cnr_footercopy {
	position: absolute;
	left: 342px;
	top: 73px;
	float: left;
}

#cnr_footermenu ul li {
	float: left;
}

#cnr_footermenu ul li a, #cnr_footercopy a {
	text-decoration: none;
	color: #fff;
}

#cnr_footermenu ul li a:hover, #cnr_footermenu ul li a.active, #cnr_footercopy a:hover {
	text-decoration: underline;
}

#cnr_footermenu ul li input {
	height: 18px;
	width: 144px;
	padding: 0px 3px;
	border: 0px;
	color: #505050;
	font-family: "Century Gothic", sans-serif;
}

#cnr_footermenu ul li.input {
	width: 150px;
	height: 31px;
	background: transparent url("/images/footer_onderzoek.png") repeat-x bottom right;
}

#cnr_footermenu ul li.zoek {
	margin-right: 16px;
}


/* ------[ Beheer MENU ]-------------------------------------------------------------- */

.Cmspart {
	width: 429px;
	height: 19px;
	padding: 2px 0px 0px 4px;
	float: left;
	border: 1px solid #ccc;
	background: transparent url("/images/assortiment/overzichtmenu_bg.gif") repeat-x 0 0;
}

.cmspart .

#cnr_contentlinks .Cmspart a:hover, #cnr_contentlinks .Cmspart a:hover, #cnr_contentlinks a.beheer:hover, #cnr_contentrechts a.beheer:hover {
	background-color: #fff;
	padding-right: 0px;
}

.beheerstrook {
	width: 100%; 
	height: 30px; 
	background: #AF003F; 
}

.beheerstrook a {
	color: #fff;
	font-size: 85%;
	font-family: "Century Gothic", sans-serif;
	text-decoration: none;
}

#beheer_menu {
	width: 918px;
	height: 21px;
	float: left;
	margin: 13px 11px 13px 11px;
	background: transparent url("/images/overzichtmenu_bg.gif") repeat-x 0 0;
}

#beheer_menu ul li {
	float: left;
}

#beheer_menu ul li a, #beheer_menu ul li.Hoofd {
	height: 23px;
	display: block;
	float: left;
	padding: 2px 20px;
	color: #505050;
	font-size: 77%;
	font-family: "Century Gothic", sans-serif;
	text-decoration: none;
}

#beheer_menu ul li a:hover, #beheer_menu ul li a.active, #beheer_menu ul li.Hoofd {
	background: transparent url("/images/overzichtmenu_bghover.gif") repeat-x 0 0;
	color: #fff;
}

#cnr_content form input.inputwidth {
	width: 300px;
}


/* ------[ Paging ]-------------------------------------------------------------- */
ul#pagination { float:right; width:733px; clear:both; margin: 30px 11px 0px 0px; border-top:1px solid #af003f; font-family: "Century Gothic", sans-serif; font-size: 77%; color: #af003f; }
ul#pagination li { float: left; }
ul#pagination li a { display: block; float: left; margin: 4px 2px 0px 0px; padding: 1px 5px; color: #af003f; border: 1px solid #ccc; text-decoration: none; }
ul#pagination li a.active, ul#pagination li a:hover { border: 1px solid #af003f; background: #f8a2b9; text-decoration: underline; }

