html,body {
background:url(/media/img/head.jpg) top center no-repeat;
font:85%/20px Georgia;
height:100%;
}

#head {
font-size:1.5em;
height:100px;
margin:0 auto;
max-width:1400px;
min-width: 1000px;
}


h1 {
border-bottom:1px solid #ccc;
font-size:2.5em;
font-style:italic;
font-weight:400;
line-height:1em;
margin-bottom:.5em;
padding-bottom:.5em;
}

a {
color:#fc7202;
text-decoration:none;
}

a:hover,m,#side li li a:hover {
color:#55527D;
}

del {
color:red;
}

/* WRAP */
#wrap {
min-height:100%;
}

/* CART */
#head a,#nav a,#side a {
text-decoration:none;
}

#cart {
left:50%;
margin-left:30px;
padding:20px;
position:absolute;
text-align:right;
width:400px;
}

#cart h3 {
border:0;
font-size:1em;
font-style:italic;
}
#cart img {
padding-left:7px;
position:relative;
top:4px;
}

#cart a {
color:#6B6799;
}

#cart a:hover {
text-decoration: underline;
}

.logo {
float:left;
padding:20px 30px;
}

#nav {
font-size:1.4em;
height:52px;
}

#nav a {
font-style:italic;
}

#info {
left:50%;
margin-left:30px;
position:absolute;
}

#info a {
color:#fff;
display:block;
padding:15px;
}

#about {
left:50%;
margin-left:-240px;
margin-right:50px;
position:absolute;
}

#about a {
color:#916f52;
display:block;
padding:10px;
}

/* CONT */
#cont {
margin:0 auto;
max-width:1400px;
min-width: 1000px;
}

/* SIDE */
#side {
background:url(/media/img/side.jpg) no-repeat right top;
float:left;
padding:0 0 80px 0;
width:25%;
}

#side form {
background:#efefef;
border:1px solid #ccc;
border-top:0;
margin-bottom:30px;
padding:30px;
position:relative;
}

#side fieldset {
height:3.5em;
}

#side input {
border:0;
display:block;
height:20px;
padding:5px .5em 6px;
width:90%;
}

#side #value {
background:url(/media/img/srch_left.jpg);
}

#side #submit {
background:url(/media/img/srch_right.jpg);
height:31px;
margin-top:-31px;
position:absolute;
right:30px;
text-indent:-9999em;
width:31px;
}

#side #collapse input {
border:1px solid #ccc;
float:right;
padding:.2em;
position:static;
width:55%;
}

#side #collapse {
display:none;
height:auto;
margin-top:10px;
}

.collapse {
background:url(/media/img/plus.jpg) no-repeat right;
padding-right:20px;
}

.min {
background:url(/media/img/min.jpg) no-repeat right;
padding-right:20px;
}

#collapse label {
float:left;
font-family:Arial;
width:40%;
}

#collapse div {
clear:left;
min-height:3em;
}

#collapse div div {
float:right;
height:auto;
}

#side ul,#overzicht,#head ul {
list-style:none;
margin-left:0;
}

#side ul {
margin:0 30px;
}

#nav ul {
list-style:none;
}

#side li {
font-size:1.4em;
font-style:italic;
}

#side li a {
border-bottom:1px solid #ccc;
color:#555;
display:block;
padding:.5em 0;
}

#side li a:hover {
color: #6B6799
}

#side li li a {
border-bottom:1px solid #ccc;
color:#fc7202;
display:block;
padding:.5em;
position: relative;
}

#side li li a span {
float: right;
color: #555;
position: absolute;
right: .5em;
}

#side li li.current a {
color: #6B6799
}

#side li li {
font-family:Arial;
font-size:.8em;
font-style:normal;
font-weight:400;
}

#side li ul {
margin:0 0 1.5em;
}

/* TEXT */
#text {
float:right;
padding:30px 3% 80px;
width:69%;
}

h1,h2,h3,h4,h5,h6,dt,legend {
color:#6B6799;
font-family:Georgia;
font-weight:lighter;
}

h2,legend {
font-size:1.4em;
margin-bottom:.5em;
}

h3 {
border-bottom:1px dotted #ccc;
font-size:1.2em;
margin-bottom:.3em;
padding-bottom:.3em;
}

h4 {
font-size:1.1em;
margin-bottom:.3em;
}

h5 {
font-size:1em;
font-weight:700;
margin-bottom:.3em;
}

h6 {
font-size:1em;
margin-bottom:.3em;
}

ul {
list-style-type:square;
margin-bottom:1em;
margin-left:2em;
}

ol {
list-style-type:decimal;
margin-bottom:1em;
margin-left:2em;
}

#text p,#text address {
font-family:arial;
font-style:normal;
margin-bottom:1em;
}

a.external {
background:url(/media/img/external.gif) right 4px no-repeat;
padding-right:16px;
}

table {
border-right:0;
margin-bottom:20px;
width:100%;
}

th,td {
border-bottom:1px solid #ccc;
padding:5px 10px;
text-align:left;
}

thead th {
background:#F97202;
border-bottom:0;
color:#fff;
font-family:Georgia;
font-size:1.4em;
font-weight:lighter;
padding:10px;
}

tfoot td {
font-weight: bold;
}

.contact th,
.contact td {
border: 0;
}

table .col {
width: 30%;
}

#side #collapse .button,
a.bestellen,#text form #submit {
background:#807EA3 url(/media/img/button.jpg) repeat-x;
border:1px solid #32315D;
color:#fff;
cursor:pointer;
display:block;
padding:5px;
width:auto;
}

#collapse .button {
height:30px;
}

#collapse .last {
clear:none;
}

p.button a {
display:inline;
font-family:Georgia;
font-size:2em;
height:auto;
color: #555;
padding: 15px;
float: right;
}

p.button a.bestellen {
color: #fff;
padding: 15px;
float: none;
}

/**/
.visual {
margin-bottom:30px;
overflow-x:hidden;
}
.down {
margin:30px 10px 0 30px;
}
#overzicht h3 {
border:0;
color:#555;
font-size:1.2em;
font-weight:lighter;
margin-bottom:0;
padding-bottom:0;
}

#overzicht li {
float:left;
margin-bottom:30px;
margin-right:5.3%;
overflow:hidden;
cursor: pointer;
width:21%;
position:relative;
}

ul#overzicht li img.clickingimage{
	position:absolute;
	top:52px;
	left:1px;
	width:auto;
	height:auto;
	min-height:0;
}

ul#overzicht li img.clickingimage-subbing{
	position:absolute;
	top:1px;
	left:1px;
	width:auto;
	height:auto;
	min-height:0;
}

#overzicht li p {
color:#999;
}

#overzicht li div {
height:200px;
overflow:hidden;
}

#overzicht img {
display:block;
min-height:150px;
width:100%;
}

#overzicht a {
display:block;
text-decoration:none;
}

#foot a.facebook-link{
	position:absolute;
	right:-15px;
	top:16px;
}

#foot img.facebook{
	float:none;
	padding:0;
}

#overzicht a:hover,
#overzicht li:hover h3,
#overzicht li:hover span {
color:#6B6799;
}

#overzicht a span {
background:url(/media/img/white.png);
border-top:1px solid #fff;
color:#555;
display:block;
font-family:Arial;
font-size:1.2em;
font-weight:700;
height:1.4em;
margin-top:-4.2em;
padding:.7em;
position:relative;
}

#gallery #overzicht a span {
background:url(/media/img/white2.png);
border-top:1px solid #fff;
color:#555;
display:block;
font-family:Arial;
font-size:1.2em;
font-weight:700;
height:1.4em;
margin-top:-4.2em;
padding:.7em;
position:relative;
}

#usp li {
float:left;
margin-right:3.5%;
width:31%;
}

#usp div {
background:#f2f2f2 url(/media/img/graydient.jpg) repeat-x;
border:1px solid #e3e3e3;
padding:10px 10px 10px 70px;
}

#usp img {
margin-left:-55px;
margin-top:-2em;
position:absolute;
}

#usp p {
min-height:3em;
}

#usp p.more {
min-height:1em;
}

/* PAGINATION */
#pagination {
list-style:none;
margin:0;
width:100%;
}

/* CLEARFIX */
#overzicht:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

#pagination a,#pagination .active,#pagination .previous-off,#pagination .next-off {
display:block;
padding:5px 7px;
height: 20px;
border-right: 1px solid #ccc;
}

#pagination a {
background: #efefef;
}

#pagination a:hover {
background: #ccc;
}

#pagination {
border: 1px solid #ccc;
height: 30px;
}

/* PROD PAGE */
#prod_images {
float:left;
overflow:hidden;
width:48%;
height: 400px;
position: relative;
}

#prod_images a span {
position: absolute;
z-index: 100;
bottom: 0;
right: 0;
background: #fff;
display: block;
width: 150px;
height: 35px;
text-indent: -9999em;
background: url(/media/img/enlarge.jpg);
}

#prod_images li {
float:left;
margin-right:5%;
overflow:hidden;
width:30%;
}

#prod_info {
background:#f9dfc9 url(/media/img/cont_bg.jpg);
border:1px solid #EFC9A4;
color:#5F4123;
float:right;
padding:3%;
width:42%;
}

#prod_info form table {
border: 0;
width: 140px;
float: left;
}

#prod_info form table td,
#prod_info form table th {
border: 0;
padding: 0;
}

#text #prod_info form div {
border: 0;
background: none;
padding: 0;
}

#text #prod_info form select {
padding: 2px;
width: auto;
}

#prod_info h1 {
border:0;
margin-bottom:0;
padding-bottom:0;
}

#prod_info h1 span {
color:#5F4123;
display:block;
font-size:.5em;
}

#prod_info form {
background:#fff;
border:1px solid #EFC9A4;
padding:10px;
height: 65px;
}

#prod_info h2 {
display:inline;
float:left;
}

#prod_info p {
margin-top:2em;
}

#prod_info table {
border-top:1px solid #EFC9A4;
}

#prod_info th {
padding:5px 0;
}

#prod_info th,#prod_info td {
border-bottom:1px solid #EFC9A4;
}

/* FOOT */
#foot {/*aangepast*/
background:url(/media/img/foot.jpg) repeat-x;
clear:both;
height:50px;
margin-top:-50px;
padding:0 20px;
}

#foot div {
max-width:1400px;
min-width: 1000px;
margin: 0 auto;
}

#foot p {
float:left;
padding:15px 0;
}

#foot img {/*aangepast*/
float:left;
padding:17px 0px 0px 30px;
}

#foot address {/*aangepast*/
float:right;
padding:17px 40px 0 0;
margin-right: 70px;
margin-top:-36px;
clear:both;
position:relative;
}

#foot .link {
background:url(/media/images/tabbutton.png) no-repeat;
width:380px;
height:50px;
position:relative;
float:right;
margin-top:-50px;
margin-right:-16px;
padding:24px 0px 0px 50px;
}

#foot .link a {
background:url(/media/img/logo-flower-dutchgrown.png) right no-repeat;
color:#131a64;
display:block;
width:280px;
}

#nav li,#pagination li {
float:left;
}

#overzicht li.last,#usp li.last,#prod_images li.last {
margin-right:0;
}

#prod_images>img,#prod_images img {
width:100%;
}

#text label {
display:block;
float:left;
padding:5px;
width:20%;
}

#text form div {
background:#efefef;
border-top:1px solid #ccc;
padding:5px;
}

#text input[type=text],#text select {
border:1px solid #ccc;
padding:5px;
width:40%;
}

#text input[type=text]:focus ,#text select:focus {
border: 1px solid #aaa;
}

#text select {
width:41.5%;
}

#text fieldset {
border-bottom:1px solid #ccc;
margin-bottom:2em;
}

#text fieldset legend {
display:block;
position:relative;
}

#text fieldset.last {
border-bottom:0;
}

#text .submit {
background:none;
}

#text form #submit {
font-family:Georgia;
font-size:1.6em;
height:auto;
margin-left:21%;
margin-top:1em;
}

#text span.error {
color: red;
margin-left: 5px;
}

/* FINALIZE */

#text .finalize div {
padding: 0;
border: 0;
background: none;
margin-top: -20px;
}

body #text form.finalize #submit {
margin-left: 0;
font-size: 2em;
margin-bottom: 1.2em;
}

/* OTHER */

#cart p,#side p a {
color:#555;
}

#nav .current a,#side li.current {
font-weight:700;
}



#side p,#prod_info form div {
text-align:right;
}

p.button a.bestellen {
float: left;
}

.visual img {
float:right;
}

#usp,#prod_images ul {
list-style:none;
margin:0;
}
.aflever{
	display:none;
}

#side .cc-logos {text-align: center;margin-top: 20px;}
.visual {
position: relative;
}
.message {
/*display: none;  DELETE TO SHOW */
position: absolute;
padding: 20px 0;
height: 160px;
overflow-y: hidden;
width: 50%;
margin-right: 50%;
background:url(/media/img/50.png);
}

.message h2,
.message p,
.message ul {
margin: 0 20px;
font-size: 1.2em;
line-height: 1.5em;
}

.message h2 {
line-height: 1;
font-size: 2em;
color: #000;
margin-bottom: 10px;
}

.message a {
color: #242342;
text-decoration: underline;
}

/* new overzicht list */

ul#overzicht li{
	cursor:pointer;
    float:left;
    margin-bottom:30px;
    margin-right:5.3%;
    overflow: hidden;
    width: 21%;
	position:relative;
}

ul#overzicht a {
    display:block;
    text-decoration:none;
}

ul#overzicht li img.clickingimage-subbing {
    height:auto;
    left:1px;
    min-height:0;
    position:absolute;
    top:1px;
    width:auto;
}

ul#overzicht li div{
	height:200px;
	overflow:hidden;
}

ul#overzicht a span {
    background:url("/media/img/white.png") repeat;
    border-top:1px solid #FFFFFF;
    color:#555555;
    display:block;
    font-family:Arial, Verdana, Tahoma;
    font-size:1.2em;
    font-weight:700;
    height:1.4em;
    margin-top: -4.2em;
    padding:0.7em;
    position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
}

.important {
    font-size: 1.4em;
}

