﻿html { background: #fff url(../images/background.png) repeat-x 0 0; overflow-x: visible; }
body { margin: 0; padding: 0; font: 80%/130% Arial, Helvetica, sans-serif; color: #666; position: relative; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, fieldset { margin: 0 0 1.4em 0; padding: 0; }
dd, blockquote { margin-left: 1em; }

/*FORM CONTROLS*/
form label { cursor: pointer; }
fieldset, img { border: none; vertical-align: middle; }
img { border: 0;}
div#content img {margin-right:10px;}
input, select, textarea { font: normal 100% Arial, Helvetica, Verdana; border: 1px solid #6F6E6E; padding: 2px 4px; }
input[type="checkbox"], input[type="radio"] { padding: 0; border: none; }

/*FOR IE6 CSS PROBLEMS*/
.input_checkbox, .input_radio { padding: 0; border: none; }
.input_submit { overflow: visible; padding: 0; }

textarea { overflow: auto; }

a { color: #f00; text-decoration: none; overflow: hidden; }
a:hover, a:focus { text-decoration: underline; }

h1 { font: normal 2em/1em Arial, Helvetica, sans-serif; color: #0d2b88; margin-bottom: 0.8em; }
.column_one h1 { font: normal 1.4em/1em Arial, Helvetica, sans-serif; color: #0d2b88; margin-bottom: 0em; }

h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a { font: bold 1em/1.4em Arial, Helvetica, sans-serif; }
.column_one h2, .column_one h2 { font: bold 0.8em/1.4em Arial, Helvetica, sans-serif; margin-bottom: 0em; margin:0.5em 0; }
.event_title h2 { font: bold 0.8em/1.4em Arial, Helvetica, sans-serif; margin: 0em; margin: -1.5em 0; }

h2 { font-size: 1.3em; color: #0d2b88; }
h2 a { color: #0d2b88; }

.column_one .main_links a { padding-bottom: 20px; display: block; }

/*Overlink*/
.overLink { display: inline-block; text-indent: -9999em; position: absolute; top: 0; left: 0; height:88px; width: 259px; background: #fff; filter:alpha(opacity=01); -moz-opacity:0.01; opacity: 0.01;}
.overLink { display: block; }


/*LOGO*/
#logo { float: left; width: 260px; height: 103px; overflow: hidden; background: #fff; margin: 0; }
#logo a { float: left; width: 260px; height: 103px; overflow: hidden; }

/*NAVIGATION*/
#nav { background: #e0e4eb; color: #ed171f; border: solid white; border-width: 44px 0 8px 0; height: 2.6em; line-height: 2.6em; text-transform: uppercase; font-size: 0.95em; margin: 0; }
#nav li { display: inline; list-style: none; position: relative; left: 1em; }
#nav li:before { content: ' | '; }
#nav li:first-child:before { content: ''; }
#nav a { color: #0d2b88; }
#nav a:hover, #nav li.active a { color: #ed171f; text-decoration: none; }

/*MIDDLE*/
#middle { width: 1020px; clear: both; }

/*LEFT*/
#left { float: left; display: inline; clear: left; width: 252px; margin-right: 8px; background: #dbdfe8; }

/*LEFTNAV*/
#leftNav { background: url(../images/leftnav.gif) no-repeat right bottom; padding-bottom: 30px; border-bottom: 8px solid #fff; }
#left h2 { padding: 12px 18px; margin: 0; }
#leftNav ul { width: 206px; margin: 0; font-size: 0.9em; }
#leftNav li { list-style: none; display: inline-block; }
#leftNav li { display: block; }
#leftNav ul a { display: block; background: url(../images/arrow.gif) no-repeat 18px center; padding-left: 32px; line-height: 1.75em; font-size: 0.95em; color: #0d2b88; }
#leftNav ul a:hover { background: #c4cbdd url(../images/arrow_down.gif) no-repeat 16px center; text-decoration: none; }
#leftNav ul li.active { background-color: #c4cbdd; text-decoration: none; }

#leftNav h3 { padding: 0 18px; margin: 0; }
#leftNav h3 a { color: #0d2b88; }
#leftNav h3 span { font-weight: normal; font-size: 0.9em; }
#leftNav p { padding: 0 18px; margin: 0; }
#leftNav p.more { margin-bottom: 1em; }
#leftNav p.more a { background: url(../images/arrow.gif) no-repeat left center; padding-left: 10px; }

/*OFFER*/
#offer { background: #0d2b88; color: #fff; font-size: 0.9em; display: inline-block; border-bottom: 8px solid #fff; position: relative; height: 88px; }
.offerrollover { background: #2152e9!important; }
#offer { display: block; }
#offer:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
#offer h2 { color: #fff; margin: 0; padding: 8px 0 0 0; }
#offer img { float: left; display: inline; margin-right: 14px; }
#offer p { margin-bottom: 0; }
#offer .more { text-align: right; }
#offer .more a { color: #fff; padding-right: 7px; }

/*CONTACT*/
#contact ul { padding: 0 6px; margin: 0; color: #0d2b88; font-weight: bold; font-size: 0.95em; }
#contact ul li { background: #f1f2f6 url(../images/arrow.gif) no-repeat 7px center; padding-left: 18px; margin-bottom: 10px; line-height: 2em; }
#contact ul a { color: #0d2b88; }

/*CONTENTAREA*/
#contentArea { margin-right: 2em; }
#contentArea h1 { margin-top: 1em; }

/*HEADRER*/
#header { height: 81px; overflow: hidden; }
#home #header { height: 168px; }
#flash { float: left; width: 441px; overflow: hidden; display: inline; margin-right: 8px; }
#tagline { background: url(../images/tagline.gif) no-repeat 0 0; text-indent: -9999em; width: 259px; height: 81px; float: left; }

/*NEWSLETTER*/
.tx-tdnewsletter-pi1{ height: 49px; position: relative; float: left; padding-top: 38px; _padding-top: 22px; }

#newsletter, #specialLogin {margin-top: 0px;}
#newsletter legend, #specialLogin legend { }
#newsletter legend span, #specialLogin legend span { background: #0d2b88; color: #fff; text-transform: uppercase; display: block; width: 259px; text-align: center; padding: 0.5em 0; position: absolute; top: 0; left: 0; }
#newsletter label, #specialLogin label { float: left; width: 109px; overflow: hidden; font-size: 0.9em;}
#newsletter label.lerr, #specialLogin label.lerr { width: 259px; }
#newsletter label.email, #specialLogin label.email { width: 129px; }
#newsletter label.email input, #specialLogin label.email input { width: 118px; }
#newsletter label input, #specialLogin label input { background: #dbdfe8; border: 0; width: 98px; }
#newsletter input.submit, #specialLogin input.submit { background: url(../images/send.gif) no-repeat 0 0; border: 0; height: 20px; width: 20px; padding: 0; margin-top: 16px; cursor: pointer; }

/*CONTENT*/
#content { width: 425px; padding: 0 8px; float: left; display: inline; margin-right: 8px; }
#content h1 { margin-top: 0; }
#home #content h1 { margin-top: 1em; }
#breadcrumbs ul { padding: 5px 0!important; }
#content ul { padding: -5px 0; }
#content ul li { background: url(../images/arrow.gif) no-repeat 3px center; padding-left: 25px; list-style: none; }

#content div#galList ul li { background: url(none); padding-left: 0px; list-style: none; }

/*CONTENT SHOP*/
#webshop #content { width: 700px; height: 600px; padding: 0 8px; float: left; display: inline; margin-right: 8px; }

/*BREADCRUMBS*/
#breadcrumbs { color: #888; font-size: 0.9em; padding: 0px!important;}
#breadcrumbs li { display: inline; padding-right: 10px; padding-left: 0px!important; background: none!important;  }
#breadcrumbs li a { background: url(../images/arrow.gif) no-repeat left center; padding-left: 10px; color: #0d2b88; }
#breadcrumbs li span { background: url(../images/arrow_down.gif) no-repeat left center; padding-left: 14px; }

/*ADDITIONAL*/
#additional { float: left; width: 259px; color: #fff; padding-top: 8px; }
#additional li { list-style: none; background: #0d2b88; display: inline-block; margin-bottom: 8px; position: relative; }
#additional li.specialLogin { background-color: #fff !important; height:49px; padding-top:38px; position:relative; display: block; color: #666;}
#additional li { display: block; }
#additional .normalrollover { list-style: none; background: #2152e9; display: inline-block; margin-bottom: 8px; position: relative; }
#additional .invertrollover { list-style: none; background: #2152e9; display: inline-block; margin-bottom: 8px; position: relative; }
#additional li:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
#additional .img { float: right; width: 130px; overflow: hidden; }
#additional .txt { float: left; width: 129px; height: 88px; overflow: hidden; position: relative; }
#additional .txt h3 { padding: 23px 12px 0 12px; margin: 0; text-transform: uppercase; }
#additional .txt a { position: absolute; right: 9px; bottom: 9px; width: 100px; text-align: right; }
#additional a { color: #fff; }

#additional .invert .img { float: left; }
#additional .invert .txt { float: right; }
#additional .invertrollover .img { float: left; }
#additional .invertrollover .txt { float: right; }

/*GALLERY*/
#gallery #content { width: 708px; margin: 0; }

#galNav { float: left; width: 275px; background: #dbdfe8; text-align: center; color: #039; font-size: 0.9em; }
#galNav li { height: 25px; list-style: none; padding: 4px 0; }
ul#galNav li { background: url(none); padding-left:0!important; }
ul#galNav li span {padding:0; margin:0;}
#galNav .prev { float: left; width: 33px; background: #039 url(../images/previous.gif) no-repeat 0 0; padding: 0; height: 33px; }
#galNav .next { float: right; width: 33px; background: #039 url(../images/next.gif) no-repeat 0 0; padding: 0; height: 33px; }
#galNav .next a, #galNav .prev a { display: block; height: 33px; width: 33px; text-indent: -9999em; }

#galSingle { float: left; width: 275px; overflow: hidden; clear: left; position: relative; height: 300px; }
#galSingle a { }
#galSingle a.thickbox { position: relative; z-index: 5; }

#galList { float: right; width: 425px; }
#galList h1 { color: #039; background: #dbdfe8; height: 33px; line-height: 33px; font-size: 1.4em; padding: 0 11px; }
#galList li { float: left; list-style: none; border: 1px solid #039; display: inline; margin-right: 8px; margin-bottom: 8px; width: 72px; height: 72px; overflow: hidden; }

/*TABLE*/
table { width: 100%; font-size: 0.95em; margin-bottom: 25px; }
table tr { left: -9999em; }
table td, table th  { padding: 0px; }
table thead td { background: #0d2b88; color: #fff; }
table.tfoot td { background: #0d2b88; color: #fff; padding: 5px; }
table.tfoot td.totalfield { width: 485px; }
table tbody {  }
table tbody .overview  td { background: #eeeff2; }
table .aantal { text-align: center; }
table .spacer { width: 40px; }
table .sub { width: 160px; }
table .special { background: #edecf0; }
table .subtotal { border-top: 1px solid #c4c9dd; margin-top: 4px; }

.em { color: #f00; }
.empty { width: 110px; }
.delete { float: left; display: inline; width: 7px; height: 8px; background: url(../images/delete.gif) no-repeat 0 0; text-indent: -9999em; margin: 4px 3px; }
.edit { float: left; display: inline; width: 13px; height: 11px; background: url(../images/edit.gif) no-repeat 0 0; text-indent: -9999em; margin: 2px 3px; }
.aright { text-align:right; }

/*table client list*/
.list th { text-align: left; font-weight: normal; font-style: italic; font-size: 0.90em; padding-bottom: 2em; }
.list td { padding-top: 0; padding-bottom: 0; }

/*toggle*/
table td.toggleTable { text-align: right; }
table td.toggleTable i { float: left; width: 9px; height: 9px; background: url(../images/plus.gif) no-repeat 0 0; display: inline; margin: 3px 8px 0 4px; cursor: pointer; }
table td.toggleTable i.minus { background: url(../images/minus.gif) no-repeat 0 0; }


/*INTRANET*/
#intranet #content { width: 708px; }
#intranet #content h2 { background: #dbdfe8; color: #0d2b88; font-weight: normal; padding: 2px 10px; font-size: 1.2em; }
#intranet #content h2 a { float: right; color: #f00; font-weight: normal; font-size: 0.8em; margin-top: 0.2em; }

.cols { display: inline-block; margin-bottom: 1em; }
.cols { display: block; }
.cols:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; margin-bottom: 1em; }
.cols div { float: left; }
.cols .col_a1 { width: 30%; }
.cols .col_a2 { width: 70%; }
.cols .col_b1 { width: 60%; }
.cols .col_b2 { width: 40%; }
.cols .left h2  { margin-right: 10px; }
.cols p, .cols fieldset { padding: 0 10px; }
.cols label { padding-right: 10px; }
.cols textarea { width: 95%; height: 10em; }

.col_b2 table h2 { margin-bottom: 0.4em; text-align: left; }
.col_b2 table th { padding: 0; }
.col_b2 table td { background: #f0f1f5; padding: 2px 0 2px 10px; }

.cols .submit { background: #fff; color: #0d2b88; border: 0; font-weight: bold; cursor: pointer; }

.multiple { clear: both; }
.multiple label { float: left; width: 95px; padding-right: 10px; font-weight: bold; color: #0d2b88; }
.multiple p { margin-bottom: 0.5em; }
.multiple input { width: 3em; text-align: center; }
.multiple textarea { width: 260px; }

/*FORM*/

form label { cursor: pointer; }
.form { clear: both; }
.form label, .form p, .csc-mailform-field { clear: both; display: inline-block; margin-bottom: 5px; }
.form label, .form p, .csc-mailform-field  { display: block; }
.form label:after, .form p:after, .csc-mailform-field:after  { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }
.form label span, .form p span, .csc-mailform-field label { float: left; width: 150px; padding-right: 10px; text-align: right; font-weight: bold; }
.form p label { display: inline; margin: 0; }
.form label em { margin-left: 10px; font-style: normal; font-size: 0.9em; color: #6F6E6E; }
.form label img { margin-left: 10px; }
.csc-mailform-submit { float: left; display: block; margin-left: 160px; border: 0px; color: #fff; background-color: #666; } 

.submit { text-align: center; } 
.submit a, .submit input { background: #0d2b88; color: #fff; padding: 2px 20px; border: 0; cursor: pointer; overflow: visible; }
.submit .sleft { float: left; }
.sCenter { padding-left: 150px; }
.full { background: #0d2b88; text-align: left !important; padding: 0; }
.odd { background: #fff !important; }


/*FOOTER*/
#footer { background: #dbdfe8; color: #0D2B88; font-size: 0.95em; line-height: 2.5em; height: 2.5em; padding: 0 21px; margin: 0; clear: both; border-top: 30px solid #fff; }
#footer a { color: #0D2B88; text-decoration: none;  }

#florabizteam div.csc-textpic-text { margin-left:110px; margin-bottom: 20px; }

table#orderregels td { padding: 5px; }
tr.locationinfo td { background-color: #EEEFF2; }
table#orderregels2 td { padding: 5px; }
div.print { padding: 50px; }

tr.overview td { border-top: 5px solid #FFFFFF; }
tr.discountrule td { border-bottom: 5px solid #FFFFFF; }

body#intranet fieldset.plants select { width: 650px; }
body#intranet .plants div.col_b2 { position: relative; clear: both; }

div.htmlarea ul li { list-style: none!important;  background-image: none!important; padding: 0px!important; margin: 0px!important;}

