@charset "utf-8";

body { font-family: "Trebuchet MS", Verdana, Arial; font-size:13px; background: #fff url(/images/bg_header_huistuin.jpg) no-repeat center top;}

/* Layers
---------------------------*/

.paginacontainer { margin:50px auto; width:962px; }
.header {width:962px; margin:0 0 0; position:relative; width:962px; height:269px; background:url(/images/header_huistuin.jpg) no-repeat;}
.header .logo {position:absolute; top:30px; left:30px; }
.mainmenu { width: 962px; height: 54px; background: url(/images/menu-bg.png) repeat-x 0 0; }
.wrappercontent { width:962px; }
.content { overflow:hidden; width:962px; padding:10px 0 0 0;  }
.wrapperleft { width: 15%; float: left; }
.wrappercenter { width: 70%; float: left; }
.wrapperright { width: 15%; float: left; }
.box { background: #e6e4e9 url(/images/box-bg.gif) repeat-x 0 0; border: 1px solid #cdc1d5; padding: 3px; margin: 0 0 10px; }
.box a {text-decoration: none;}
.row { margin: 0 0 17px; }
.col { position: relative; width: 320px; height: 120px; margin: 0; padding: 0; }
.col:hover { background: #fff; }
.col-1 { float: left; }
.col-2 { float: right; }
.indent { margin: 5px; }
.footer {  margin: 0 auto; background-image:url(/images/bg_footer.jpg); height:256px; width:979px; }

/* Main menu
---------------------------*/

.mainmenu li { font-size: 12px; float: left; }
.mainmenu li a { color: #4a2076; display: block; line-height: 25px; text-decoration: none;  padding: 0 35px; }
.mainmenu li a:hover { color: #fff;  background: #75af00; }

/* List
---------------------------*/

.list { margin: 0 0 10px 3px; }
.list li a { color: #4a2076; display: block; padding: 0 0 0 6px; line-height: 30px; text-decoration: none; margin: 0 0 3px; }
.list li a:hover, .active a { background: url(/images/list-a-bg.gif) no-repeat 0 0; }

/* Box
---------------------------*/

.box p { color:#4a2076; font-size: 12px; }
.leftbox {  }
.title-box { color: #4a2076; font-size: 15px; text-align: center; margin: 0; }
.button-arrow { display: block; width: 26px; height: 22px; background: url(/images/button-arrow.gif) no-repeat 0 0; margin: 0 0 0 100px; }
.i-text-1 { color:#4a2076; border: 0; font-size: 12px; width: 120px; height: 22px; vertical-align: middle; padding: 2px 3px 0 3px; margin: 0 0 3px 0; background: url(/images/input-1-bg.png) no-repeat 0 0; }
.i-text { color:#4a2076; border: 0; font-size: 12px; width: 94px; height: 22px; vertical-align: middle; float: left; padding: 2px 0 0 3px; margin: 0 3px 0 0; background: url(/images/input-bg.png) no-repeat 0 0; }
.i-textarea { color:#4a2076; border: 0; font-size: 12px; margin: 0 0 3px; padding: 3px;  height: 120px; width: 120px; background: #b690b7; }
.boxks { color:#4a2076; font-size: 10px; margin: 0 0 3px; padding: 0px 0 3px 3px;  height: 12px; width: 12px; border: 1px solid #cdc1d5; }
.button { overflow: visible; cursor: pointer; }
.cart p { font-size: 13px; text-align: center; margin: 3px 10px  0; border-top: 1px solid #cdc1d5; }
.pcart { font-weight: bold; }
.okk { font-size: 13px; color: #5A5A5A; display:inline-block }
form.contact .okk input { width: 30px; padding: 4px 3px 4px 3px; font-size: 13px; color: #5a5a5a;}


form { width: 126px; margin: 3px 0 0; }

/* Box product
---------------------------*/

.product-desc { width: 160px; float: left;}
.product-desc p {}
.product-img-thumb { margin: 15px 30px 0 10px; float: left; }
.product-header-thumb {  border-bottom: 1px solid #cdc1d5; margin: 7px 0 0; }
.product-header-thumb a { color: #4a2076; font-size: 16px; font-weight: normal; text-decoration: none;}
.product-header-thumb a:hover { color: #5a5a5a; }
.price-thumb { position: absolute; right: 30px; bottom: 15px; width: 90px; text-align: right; font-weight: bold; }
.more { position: absolute; left: 130px; bottom: 15px; display: block; width: 75px; color: #fff; line-height: 21px; background: url(/images/button-bg.gif) repeat-x 0 0; text-align:center; text-decoration:none; }

/* Product page
---------------------------*/

.product-header img { float: left; width:200px; margin: 0 10px 0 0; }
.product-header h2 { color: #4b1f76; font-size: 30px; font-weight: normal; margin: 0; }
.title { width: 270px; float: left; }
.price { font-size: 20px; margin: 10px 0 0; }
.vkorzinu { display: block; width: 115px; color: #fff; margin: 10px 0 0; line-height: 21px; background: url(/images/button-bg.gif) repeat-x 0 0; text-align:center; text-decoration:none; }
.description table { width: 100%; margin: 20px 0 0; }
.description table tr { border-bottom: 1px solid #dedede; margin:0 0 20px 0; padding:0 0 15px 0; }
.description table td.small { width: 150px;  color:#4a1e75; font-size:13px; line-height:16px; }
.description table td.large { width: 510px;  color:#5a5a5a; font-size:13px; line-height:16px; }
.description li {margin-left: 50px;}
.description li {list-style: disc;}
.description p {margin-bottom: 10px;}

/* Contact page
---------------------------*/

.contact { margin:20px auto 0; }
form.contact { width: 570px; }
form.contact fieldset { padding: 20px 30px 40px 30px; background: #ede8f1; }
form.contact legend { display: none; }
form.contact .legend { color: #000; font-weight: bold; margin-bottom: 10px; }
form.contact .field { margin-bottom: 10px; clear: both; }
form.contact label { display: block; color: #5a5a5a; font-size: 13px; margin-bottom: 2px; }
form.contact input { width: 396px; padding: 4px 3px 4px 3px; font-size: 13px; color: #5a5a5a; border: 0;}
form.contact select { width: 510px; border:1px solid #fff!important; height:22px;  font-size: 13px; color: #5a5a5a;}
form.contact textarea { width:510px; padding-left: 3px; height: 140px;  font-size: 13px; color: #5a5a5a; overflow: auto;}
form.contact .vraagover label { display: inline; font-weight: bold; }
form.contact .input { position: relative; background: #fff; }
form.contact .input .required {}
form.contact label.error { position: absolute; top:3px; right:3px;  font-size: 13px; color:#ac0202; }
form.contact label.error img { display: block; margin: 0; }
form.contact .submit { float: left; cursor: pointer; color:#fff; vertical-align: middle; height: 21px; vertical-align:middle; width: 140px;  border: 0; background: url(/images/button-bg.gif) repeat-x 0 0; margin:10px 0 0 0; font-size:13px; padding:0 0 5px 0; }
form.contact .aanhef { float: left; margin-right: 10px; margin-bottom: 10px;  }
form.contact .contactpersoon { float: left; }
form.contact .aanhef select { width: 68px; }
form.contact .contactpersoon input { width: 253px; }
form.contact input.radiocheck { width: auto; padding: 0; }
form.contact label.radiocheck { display: inline; }
form.contact .hoogtehouden { margin: 20px 0 20px 0; float:left; overflow: hidden; }
form.contact .hoogtehouden .left { float: left; width: 20px;  }
form.contact .hoogtehouden label { float: left; width: 390px; }
form.contact div.test1 { position: relative; background: orange; width: 100px;}
form.contact div.test2 { position: absolute; top: 0; right: 0; height: 10px; width: 10px; overflow: hidden; background: red; }
.contactgegevens {  width:570px; color:#5a5a5a; margin:0 auto; }
.contactgegevens p { color:#5a5a5a; font-size:13px; line-height: 16px;}
.contactgegevens h2 { font-size:14px; color:#4a1e75; }

/* FAQ Page
---------------------------*/

#faq { margin: -10px auto 0; padding: 0; }
.faq { margin: 0; padding: 0; }
.faq .faq_thema {  margin-bottom: 10px; background: #ede8f1; padding: 0; }
.faq .faq_thema h3 { overflow:hidden; padding: 5px 90px 5px 10px; margin-bottom: 10px; font-size: 14px; color: #4a1e75; font-weight:bold; }
.faq .faq_thema h3 { background: #ede8f1 url(/images/faq_open_en.png) 580px 4px no-repeat; }
.faq .faq_thema h3 div { margin-left: 30px; font-size: 14px; color: #4a1e75; }
.faq .faq_thema h3 .number {display:inline-block; padding:0 5px 0; }
.faq .faq_thema h3.show { background: #ede8f1; }
.faq .faq_thema h3:hover { color: #fff; background: #4a1e75 url(/images/faq_open_en.png) 580px 4px no-repeat; }

.faq .faq_thema h3:hover div { color: #fff; }
.faq .faq_thema h3:hover div p { color: #fff; display:inline;}
.faq .faq_thema h3  div p { color: #fff; display:inline;}
.faq .faq_thema h3.show:hover { background: #4a1e75; color:#fff; }
.faq .questions { font-size: 13px; color: #5a5b5d; padding:0 20px 10px 30px; }
.faq .questions * { font-size: 13px; color: #5a5b5d; }
.faq .faq_thema h3:hover span, .faq .faq_thema h3:hover span p{color:#fff !important;}
.faq_thema p {
	 display:inline;
}

/* Product cart
---------------------------*/

.cartpage h2,  { font-size: 24px; }
.cartpage table th, .cartpage table td { padding: 5px 3px; vertical-align: top; text-align: left; font-weight: normal;}
.cartpage table tr { border-bottom: 1px solid #ccc; }
.cartpage table th { font-weight: bold; background: #f0f0f0; }
.cartpage table td a:hover { text-decoration: none; }
.quant { width: 18px; height: 16px; text-align: right; padding: 0 3px; border: 1px solid #ccc; }
.ok, .cancel { display: block; width: 18px; height: 18px; background: url(/images/ok-cancel.gif) no-repeat; }
.ok { background-position: -18px 0; }
.cancel { background-position: 0 0; }
.order { display:block; color:#fff; margin:10px 0 0 0px; background: url(/images/button-bg.gif) repeat-x 0 0 ; line-height:21px; width:120px; text-align:center; text-decoration:none; }

.orderform h2 { font-size: 24px; margin: 0 0 0 45px; }

/* Footer
---------------------------*/

.footer ul { padding: 120px 0 0; text-align: center; }
.footer ul li { display: inline; padding: 0 10px; }
.footer ul li a { text-decoration: none; }
.footer ul li a:hover { text-decoration: underline; }

/**************************** Amur_Style_Form *************************************/

.cl-form {width: 100%; padding-right:7px; margin:5px 5px 0px 5px; font-size:12px;}
	.cl-form .form-submit {}
    .cl-form .form-element {}
    .cl-form select.form-element {font-size: 10pt;}
    .cl-form textarea.form-element { left: 0px;height:200px;}
	.cl-form #captcha-input {border: 1px solid #B3B3B3; margin-left:0px;}
	.cl-form .form-file-image {border: 1px solid #B3B3B3;width: 100%;}
	.cl-form .form-file-image-preview img {border: 0; margin: 0; padding: 0;}
	.cl-form .form-file-image-preview {border: 0px;width: 90px;text-align: center;float: left;margin: 0; padding: 0;}
	.cl-form .form-file-image-delete {width: 90px;text-align: center;float: left;margin: 2px 0px 0px 0px;}

	.cl-form .cl-star {color: #ff4f4f;}
	.cl-form label {white-space: nowrap;}

textarea.form-info {height: 33px; font-family: tahoma, sans-serif;}

ul.errors li {font-size: 8pt;color: #ff4f4f;margin: 10px 0 7px 15px; list-style-type: disc;}
ul.messages li {font-size: 14pt; color: #ff4f4f;margin: 10px 0 7px 15px; list-style-type: disc;}

.forgot {color: #3F9EE1;}
.block-selected {border-left: 6px solid #F67777;}

.hint {
	font-size:11px;
	margin: 2px 3px 6px 0px;
	padding: 5px 0px 5px 17px;
}

.inline-block p {margin: 0;	padding: 0;}

.admin-block {background-color: #E5E5FF; border: 1px solid #ADC4F8;	margin: 0; padding: 5px; color: #111111;}
.admin-block a {margin: 0px 4px 0px 4px; padding: 5px; color: #0F0F0F; font-size: 12pt;}
.admin-block h1 {margin: 8px 0;}

.develop, .develop-main {border: 1px dotted #0000FF;margin: 5px;padding: 5px;position:relative;clear:left;overflow: hidden;}
.develop-main {border: 2px solid #0000FF;}
.develop a {color: #000000;}
.develop a.script, .develop-main a.script {color: #0000FF;font-size: 7pt;text-decoration: none;z-index:0;}
.develop a.script:hover, .develop-main a.script:hover  {background-color: #000000;color: #FFFF00;font-size: 17pt;z-index:10;}

.text li {margin-left: 50px;}
.text li {list-style: disc;}