/* general tag styles */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E7EDD8;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 11px;
	background: #C1C982 url(../images/background.jpg) left top repeat-x;
}

p, td, li, form, label {
	font-size: 11px;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 130%;
	padding: 0 0 14px 0;
	color: #E7EDD8;
	font-weight: normal;
	border: 0;
	margin: 0;
}

p.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
  padding: 0;
} 

p.error-input {
    color: #f00 !important;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4 {
    font-size: x-small;
	line-height: 120%;
	padding: 10px 0 1px 0;
	borer: 0;
	margin: 0;
	color: #fff;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: x-small;
}

a {
	color: #9AB35C;
	text-decoration: none;
}

a:hover {
	color: #9AB35C;
	text-decoration: underline;
}

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}


/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	width: 959px;
}

/* header */

#header {
	background: #fff;
	padding: 4px 4px 3px 4px;
	clear: both;
}

#logo {
	margin: 0 4px 0 0;
	float: left;
}

#address-text {
	color: #9FAF78;
	font-size: 10px;
	text-align: right;
	padding: 10px 7px 10px 0;
}

/* login area */

#util {
	color: #FF9A18;
	font-size: 10px;
	text-align: right;
	padding: 10px 7px 10px 0;
}

#util img {
	vertical-align: middle;
}

#util a {
	color: #FF9A18;
	text-decoration: underline;
}

#util input {
	border: 1px solid #fff;
	background: #FF9A18 !important;
	padding: 1px 5px 3px 5px;
	font-size: 10px;
	color: #fff;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#online-bestellen {
	background: #FF9A18;
	border: 1px solid #FF9A18;
	padding: 1px 6px 3px 6px;
	color: #fff;
	font-size: 10px;
}

#util .noborder {
	vertical-align: middle;
	padding: 0;
	
}

#online-bestellen img {
	vertical-align: -0.2em;
}

/* top navigation */

#nav {
	background: url(../images/nav_bg.jpg) bottom left no-repeat;
	padding: 21px 0 0 39px;
	float: left;
}

#nav a {
	float: left;
	color: #7D9857;
	font-size: 12px;
	font-weight: bold;
	margin: 0 62px 0 0;
	padding: 0 0 10px 0;
}

#nav a.selected, #nav a:hover {
	background: url(../images/nav_arrow.jpg) bottom center no-repeat;
}

/* landing */

#landing {
	background: #fff;
	padding: 5px;
}

#landing-bestellen {
	background: url(../images/landing_bestellen.jpg) left top no-repeat;
	border: 5px solid #fff;
	width: 949px; 
	height: 259px;
}

/* home styles */

#content-container-home {
	background: #BCC57D;
	padding: 20px 0 14px 5px;
}

.white-brd {
	border: 6px solid #fff;
	float: left;
}

#home-features td {
	padding: 0 10px 16px 0;
	vertical-align: bottom;
}

/* bloemen styles */

#content-container-bloemen {
	padding: 20px 0 5px 0;
}

#content-container-bloemen p{
	color: #fff;
	font-size: 11px;
}

#content-container-subcategories {
	padding: 0;
}

#content-container-subcategories p{
	color: #fff;
	font-size: 11px;
}

.category {
	vertical-align: bottom;
	background: #fff;
	color: #9AB35C;
	width: 110px;
	padding: 17px 5px 5px 5px;
}

.category a, .category a:hover {
	color: #9AB35C;
	text-decoration: none;
}

.category img {
	margin: 5px 0 0 0;
}

.category-selected {
	vertical-align: bottom;
	background: #BCC57D;
	color: #9AB35C;
	width: 110px;
	padding: 17px 5px 5px 5px;
}

.category-selected a, .category-selected a:hover {
	color: #fff;
	text-decoration: none;
}

.category-selected img {
	margin: 5px 0 0 0;
}

#categories {
	margin: 0 19px 1px 0;
}

.container-subcategories {
	background: #F9FCE6;
	padding: 5px 5px 3px 5px;
	vertical-align: bottom;
}

.subcategories {
	margin-bottom: 1px;
}

.subcategories-last {
	margin: 0;
}

.gell {
	background: #FFD700;
	width: 100px;
	height: 100px;
	vertical-align: bottom;
	border: 5px solid #F9FCE6;
	padding: 0 0 9px 9px;
	border-right: none;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}

.rood {
	background: #FA5955;
	width: 100px;
	height: 100px;
	vertical-align: bottom;
	border: 5px solid #F9FCE6;
	padding: 0 0 9px 9px;
	border-right: none;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}

#abonnementen {
	background: #F2FBDD;
	padding: 30px 5px 5px 5px;
}

#abonnementen p {
	color: #545454;
	margin: 0 0 0 20px;
}

/* decoratie styles */

.category-deco {
	vertical-align: bottom;
	background: #fff;
	color: #9AB35C;
	padding: 17px 4px 5px 5px;
}

.category-deco a, .category-deco a:hover {
	color: #9AB35C;
	text-decoration: none;
}

.category-deco img {
	margin: 5px 0 0 0;
}

.category-deco-selected {
	vertical-align: bottom;
	background: #BCC57D;
	color: #9AB35C;
	width: 110px;
	padding: 17px 5px 5px 5px;
}

.category-deco-selected a, .category-deco-selected a:hover {
	color: #fff;
	text-decoration: none;
}

.category-deco-selected img {
	margin: 5px 0 0 0;
}

/* bestellen styles */

#registered {
	background: #95BB43;
	float: right;
	padding: 5px 10px;
	font-weight: bold;
	margin: 200px 5px 0 0;
	width: 250px;
}

#register {
	background: #FFA100;
	clear: right;
	float: right;
	padding: 5px 10px;
	font-weight: bold;
	margin: 5px 5px 0 0;
	width: 250px;
}

/* contact styles */

#content-container-contactg {
	background: #BCC57D;
	margin: 5px 0 0 0;
	padding: 20px 10px 14px 20px;
	width: 231px;
}

#content-container-contactg a{
	color: #fff;
	text-decoration: underline;
}

#content-container-contactg a:hover{
	color: #fff;
	text-decoration: none;
}

.content-container-contactw {
	background: #fff;
	margin: 5px 0 0 5px;
	padding: 20px 10px 14px 20px;
	width: 315px;
}

.content-container-contactw p {
	color: #545454;
}

.content-container-contactw img.map {
	border: 3px solid #545454;
}

#contact {
	margin: 5px 0 0 0;
}

#contact-form {
    color: #545454;
	margin: 5px 0 0 0;
}

#contact-form th {
    font-size: 10px;
	text-align: right;
	vertical-align: top;
	padding: 3px 5px 3px 0;
}

#contact-form td input , #contact-form td textarea{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #545454;
}

#contact-form td.checkb {
	padding: 0 0 10px 3px;
}

#contact-form .checkb {
	vertical-align: middle;
	border: none;
	margin: 4px 5px 0 0;
}

#contact-form div.radio_container{
    padding: 2px 0 2px 0;
}

#contact-form label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #545454;
	font-size: 11px;
	padding-left: 9px;
}

#contact-form .radio {
    border: none;
}

#contact-form td {
	padding: 0 5px 3px 0;
}

/* bestellen formulier */

#bestellenf {
	background: #fff;
	margin: 5px 0 0 0;
	padding: 20px 10px 14px 20px;
}

#bestellenf td {
	color: #545454;
	padding: 0 5px 3px 0;
}

#bestellenf th {
	font-size: 10px;
	font-weight: bold;
	color: #545454;
	padding: 0 5px 3px 3px;
	vertical-align: top;
	text-align: right;
}

#bestellenf td input, #bestellenf td textarea {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #545454;
}

#bestellenf td .radiob, #bestellenf td .checkb  {
	vertical-align: middle;
	border: none;
	margin: 0 5px 0 0;
}

.hdr {
	background: #BCC57D;
	padding: 5px;
	margin: 1px 0 15px 0;
	color: #545454;
	font-weight: bold;
}

/* confirm */

#confirm {
	background: #fff;
	margin: 5px 0 0 0;
	padding: 20px 10px 14px 20px;
}

#confirm td {
	color: #545454;
	padding: 0 5px 3px 0;
}

#confirm td.right {
	color: #545454;
	padding: 0 5px 3px 0;
	text-align: right;
    font-weight: normal;
}

#confirm th {
	font-size: 10px;
	font-weight: bold;
	color: #545454;
	padding: 0 5px 3px 3px;
	vertical-align: top;
	text-align: left;
}

#confirm td input, #confirm td textarea {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #545454;
}

#confirm td .radiob, #confirm td .checkb  {
	vertical-align: middle;
	border: none;
	margin: 0 5px 0 0;
}

#confirm .products{
    border-right: 1px solid #BCC57D;
    border-top: 1px solid #BCC57D;
}

#confirm .products td, #confirm .products th{
    border-left: 1px solid #BCC57D;
    border-bottom: 1px solid #BCC57D;
    padding-left: 4px;
    padding-right: 4px;
}

#confirm .products td.to-right{
    text-align: right;
}

/*#confirm .products td, #confirm .products th{
    border: 1px solid #333;
}*/

/* footer */

#footer {
	margin: 5px 0 5px 0;
}

#footer .copy {
	float: right;
	font-size: 10px;
	padding: 5px;
	color: #fff;
}

#footer p {
	font-size: 10px;
	padding: 5px;
	color: #fff;
}

#footer p a {
	color: #fff;
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
}

#f-news {
	/*background: #BCC57D;*/
	background: #FF9A18;
	padding: 5px 5px 5px 10px;
	width: 236px;
	color: #fff;
}

#f-news a {
	margin: 0 0 0 30px
}


.flush-right {
	float: right;
}

/* overlayer */

#overlayer {
    padding: 0 0 0 45px;
    margin: 0;
	position: absolute;
	/*width: 439px;
	/*border: 5px solid #FFFFFF;
	height: 300px;
	min-height: 300px;*/
}

#overlayer .right a {
	padding: 0 16px 0 0;
	font-weight: normal;
}

#overlayer .content {
	padding: 0 0 0 0;
}

#overlayer .content p {
	font-size: 11px;
	margin: 0;
	padding: 0 0 15px 0;
}

/*.zomer {
	background: #BF581E url(../images/ovred.jpg) left top no-repeat;
}

.zomer .content p {
	color: #fff !important;
}

.zomer a {
	color: #fff;
}*/

.zomer {
	top: 10%;
	left: 20%;
	background: url(../images/ovzomer.gif) left top no-repeat;
	width: 254px;
	height: 546px;
	padding: 162px 200px 100px 230px !important;
}

.zomer .center {
	padding: 0 25px 10px 0 !important;
	text-align: right;
}

.zomer .center a {
	color: #fff;
	padding: 0 22px 0 0 !important;
	margin: 0;
}

.zomer .content p {
	color: #fff; !important;
	text-align: left;
}

.zomer .content p.title {
	font-size: 12px !important;
	font-weight: bold;
}

.zomer .center a {
	color: #fff !important;
	padding: 0 27px 0 0;
}

/*.winter {
	background: #F6F5F4 url(../images/ovgrey.jpg) left top no-repeat;
}

.winter .right a {
	color: #000 !important;
}

.winter .content p {
	color: #404040 !important;
}*/

.winter {
	top: 22%;
	left: 34%;
	background: url(../images/ovwinter.gif) left top no-repeat;
	width: 214px;
	height: 320px;
	padding: 51px 99px 100px 57px !important;
}

.winter .center {
	padding: 0 23px 10px 0 !important;
	text-align: right;
}

.winter .center a {
	color: #fff;
	padding: 0 22px 0 0 !important;
	margin: 0;
}

.winter .content p {
	color: #fff; !important;
	text-align: left;
}

.winter .content p.title {
	font-size: 12px !important;
	font-weight: bold;
}

.winter .center a {
	color: #fff !important;
	padding: 0 27px 0 0;
}

/*.valentijn {
	background: #E00000 url(../images/ovvalentinjn.jpg) left top no-repeat;
}

.valentijn .right a {
	color: #fff !important;
}

.valentijn .content p {
	color: #E7EDD8 !important;
}*/

.valentijn {
	top: 15%;
	left: 24%;
	background: url(../images/ovvalentinjn.gif) left top no-repeat;
	width: 444px;
	height: 473px;
	padding: 62px 50px 100px 93px !important;
}

.valentijn .center {
	padding: 0 0 48px 0 !important;
	text-align: right;
}

.valentijn .center a {
	color: #fff;
	padding: 0 22px 0 0 !important;
	margin: 0;
}

.valentijn .content p {
	color: #fff; !important;
	text-align: left;
	padding: 0 50px 10px 10px !important;
}

.valentijn .content p.title {
	font-size: 12px !important;
	font-weight: bold;
}

.valentijn .center a {
	color: #fff !important;
	padding: 0 27px 0 0;
}


/*.pasen {
	background: #FFBF00 url(../images/ovpasen.jpg) left top no-repeat;
}

.pasen .right a {
	color: #fff !important;
}

.pasen .content p {
	color: #E7EDD8 !important;
}*/

.pasen {
	top: 15%;
	left: 30%;
	background: url(../images/ovpasen.gif) left top no-repeat;
	width: 183px;
	height: 420px;
	padding: 30px 50px 100px 179px !important;
}

.pasen .center {
	padding: 0 62px 28px 0 !important;
	text-align: right;
}

.pasen .center a {
	color: #fff;
	padding: 0 22px 0 0 !important;
	margin: 0;
}

.pasen .content p {
	color: #fff; !important;
	text-align: left;
}

.pasen .content p.title {
	font-size: 12px !important;
	font-weight: bold;
}

.pasen .center a {
	color: #fff !important;
	padding: 0 27px 0 0;
}

/*.moe {
	background: #E63000 url(../images/ovmoe.jpg) left top no-repeat;
}

.moe .right a {
	color: #fff !important;
}

.moe .content p {
	color: #E7EDD8 !important;
}*/

.moe {
	top: 15%;
	left: 30%;
	background: url(../images/ovmoe.gif) left top no-repeat;
	width: 254px;
	height: 396px;
	padding: 49px 66px 100px 92px !important;
}

.moe .center {
	padding: 0 10px 5px 0 !important;
	text-align: right;
}

.moe .center a {
	color: #fff;
	padding: 0 22px 0 0 !important;
	margin: 0;
}

.moe .content p {
	color: #fff; !important;
	text-align: center;
}

.moe .content p.title {
	font-size: 12px !important;
	font-weight: bold;
}

.moe .center a {
	color: #fff !important;
	padding: 0 27px 0 0;
}

/*.lente {
	background: #BACB67 url(../images/ovlente.jpg) left top no-repeat;
}

.lente .right a {
	color: #fff !important;
}

.lente .content p {
	color: #E7EDD8 !important;
}*/

.lente {
	top: 15%;
	left: 30%;
	background: url(../images/ovlente.gif) left top no-repeat;
	width: 200px;
	height: 392px;
	padding: 115px 95px 100px 104px !important;
}

.lente .center {
	padding: 0 65px 0 0 !important;
	text-align: right;
}

.lente .center a {
	color: #fff;
	padding: 0 22px 0 0 !important;
	margin: 0;
}

.lente .content p {
	color: #fff; !important;
	text-align: center;
}

.lente .content p.title {
	font-size: 12px !important;
	font-weight: bold;
}

.lente .center a {
	color: #fff !important;
	padding: 0 27px 0 0;
}


/*.kerst {
	background: #E00000 url(../images/ovkerst.jpg) left top no-repeat;
}

.kerst .right a {
	color: #fff !important;
}

.kerst .content p {
	color: #E7EDD8 !important;
}*/

.kerst {
	top: 17%;
	left: 30%;
	background: url(../images/ovkerst.gif) left top no-repeat;
	width: 265px;
	height: 426px;
	padding: 105px 78px 100px 90px !important;
}

.kerst .center {
	padding: 0 0 10px 0 !important;
	text-align: right;
}

.kerst .center a {
	color: #fff;
	padding: 0 22px 0 0 !important;
	margin: 0;
}

.kerst .content p {
	color: #E7EDD8; !important;
	text-align: center;
}

.kerst .content p.title {
	font-size: 12px !important;
	font-weight: bold;
}

.kerst .center a {
	color: #fff !important;
	padding: 0 27px 0 0;
}

/*.herfst {
	background: #BF581E url(../images/ovherfst.jpg left top no-repeat;
}*/

.herfst {
	top: 11%;
	left: 23%;
	background: url(../images/ovherfst.gif) left top no-repeat;
	width: 204px;
	height: 497px;
	padding: 139px 218px 100px 230px !important;
}

.herfst .center {
	padding: 0 0 10px 0 !important;
	text-align: right;
}

.herfst .center a {
	color: #fff;
	padding: 0 17px 0 0 !important;
	margin: 0;
}

.herfst .content p {
	color: #fff; !important;
	text-align: left;
}

.herfst .content p.title {
	font-size: 12px !important;
	font-weight: bold;
}


.aller {
	top: 13%;
	left: 33%;
	background: url(../images/ovaller.gif) left top no-repeat;
	width: 215px;
	height: 498px;
	padding: 73px 75px 100px 85px !important;
}

.aller .center {
	padding: 0 5px 40px 0;
	text-align: center;
}

.aller .center a {
	color: #4d4d4d !important;
	padding: 0 17px 0 0;
}

.aller .content p {
	color: #4D4D4D; !important;
	text-align: center;
}

.aller .content p.title {
	font-size: 12px !important;
	font-weight: bold;
}

.center a, .center a:hover {
	font-size: 10px;
	text-decoration: none;
}

.right {
	text-align: right;
	padding: 6px 7px 1px 0;
	_padding: 6px 7px 3px 0;
	color: #fff;
	font-size: 10px;
	font-weight: bold;

}

.right a, .right a:hover {
	color: #fff;
	text-decoration: none;
}

.right img {
	vertical-align: middle;
}

/*img.overlayer-img-flush-left {
    border: 1px solid #fff;
	float:left;
	text-align: right;
	margin: 0 15px 0 0;
}*/

.dotted-line {
	background: url(../images/grey_dot.jpg) left top repeat-x;
	margin: 15px 0 0 0;
	padding: 0;
	line-height: 1px;
	font-size: 1px;
}

/* step 2 */

ul.step2 {
	margin: 5px;
	width: 110px;
}

ul.step2 li {
	list-style: none;
	background: #9AB35C;
	text-align: right;
	padding: 0 5px 0 0;
	margin: 0 0 5px 0;
	border: 1px solid #F2FBDD;
}

ul.step2 li a, ul.step2 li a:hover  {
	display: block;
	padding: 3px 10px 3px 3px;
	color: #fff;
	text-decoration: none;
}

ul.step2 li.selected {
	background: #f90000 url(../images/arrow.jpg) right center no-repeat;
	list-style: none;
	padding: 0 5px 0 0;
}

.lnav {
	background: #F2FBDD;
	_border-top: 1px solid #C2CB85;
	border-bottom: 1px solid #F2FBDD;
	_border-bottom: 1px solid #F2FBDD;
	margin: 0 0 -2px 0;
}

.red {
	color: #E00000 !important;
}

.crem {
	background: #F2FBDD;
	
}

#sep{
	border-bottom: 1px solid #d0d793;
	padding: 0;
	margin: 0;
}