@charset "utf-8";

body                        { font-family: Arial,Helvetica,Garuda,sans-serif; font-size: 12px; color:#132C46; }

a:link, a:active,
a:visited                   { color: #F58300; text-decoration: none; }

h1, h2, h3,
#content_left .white,
#content_left .orange       { font-weight: bold; }

h1                          { font-size: 20px; }
h2, h3                      { font-size: 15px; }

h1                          { color: #0a59a9; }
h2                          { color: #132c46; }
h3                          { color: #F58300; }

hr                          { color: #0a59a9; background-color: #0a59a9; height: 1px; border: 0px; }

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

#container	                { width: 960px; margin: 0 auto; position: relative; }
#wrapper                    { float: left; width: 960px; background: url(../images/background.jpg) top left repeat-y; }

#content_left               { float: left; width: 280px; padding: 0px 40px 0px 0px; overflow: hidden; color: #fff; }
#content_left h2            { margin-bottom: 15px; color: #fff; font-size: 20px; }
#content_left .white        { float: left; font-size: 20px; color: #fff; padding-left: 20px; padding-bottom: 10px; }
#content_left .orange       { float: left; font-size: 20px; color: #F58300; padding-left: 10px; padding-bottom: 10px; }
#content_left ul li		    { list-style: none; height: 16px; padding: 1px 10px 1px 20px; background: url(../images/check-orange-trans.png) 0 0px no-repeat; }  
#content_left .logo         { float: left; width: 230px; padding-top: 26px; padding-left: 48px; padding-bottom: 54px; }
#content_left .block        { float: left; width: 260px; padding: 15px 40px 15px 20px; border-top: 2px solid #fff; }
#content_left form          { float: left; color: #c3d9ec; font-size: 15px; font-weight: bold; }
#content_left form input    { width: 250px; border: 1px solid #ccc; margin: 4px 0px 7px; padding: 4px; }
#content_left form .submit,
#content_left .calc         { float: right; width: 115px; padding: 2px 0px 2px; border: 0px; background: #F58300; color: #fff; font-size: 18px; text-align: center; cursor:pointer; }
#content_left form input.submit:hover,
#content_left .calc:hover   { background:#FF6600; }
#content_left .calc a       { color: #fff; }
#content_left form .submit  { width: 192px; }

#content_right              { float: left; width: 640px; padding: 0px 0px 20px 0px; overflow: hidden; }
#content_right h1           { float: left; width: 640px; margin-bottom: 17px; }
#content_right h2           { float: left; width: 640px; margin-bottom: 7px; }
#content_right h2.orange    { color: #f58300; }
#content_right p            { /*float: left;*/ margin-bottom: 13px; }
#content_right form         { float: left; }
#content_right dt           { float: left; width: 155px; }
#content_right dd           { float: left; }
#content_right .inputInschrijven       { float: right; padding-right: 7px; margin-bottom: 15px; display: inline; margin-right: 15px; }
#content_right .inputInschrijven input { float: right; width: 185px; padding: 2px 0px 2px; border: 0px; background: #F58300; color: #fff; font-size: 18px; text-align: center; cursor:pointer; }
#content_right .inputInschrijven input:hover { background: #FF6600; }
#content_right ul       	{ float: left; list-style: none; margin-left: 10px; margin-bottom: 10px; font-size: 12px; }
#content_right ul li		{ list-style: none; padding: 3px 10px; background: url(../images/bullet.png) 0 10px no-repeat; } 

/* Homepage */
#most_sell                  { float: left; width: 640px; }
#most_sell .product         { float: left; width: 290px; height: 170px; padding-top: 0px; padding-bottom: 19px; margin-right: 30px; display: inline; }
#most_sell .product h3 a     { float: left; width: 140px; font-size: 15px; color: #132c46; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 13px; }
#most_sell .product a        { float: left; color: #f58300; margin-top: 13px; }
#most_sell .product .image   { float: left; width: 150px; height: 143px; }
#most_sell .product .image a { margin: 0px; } 
#most_sell .models          { float: left; width: 290px; height: 143px; text-align: center; background: url(../images/models_homepage.jpg) no-repeat; }
#most_sell .models a        { float: right; width: 204px; padding: 4px 0px 4px; margin-top: 115px; border: 0px; background: #0a59a9; color: #fff; font-size: 18px; }
#most_sell .models a:hover  { background:#13518F; }

#text_home                  { float: left; width: 290px; padding-top: 6px; }
#text_home h2               { float: left; width: 290px; font-size: 20px; color: #0a59a9; padding-bottom: 7px; }
#text_home p                { float: left; width: 290px; }
#guarantee                  { float: left; width: 320px; overflow: hidden; padding: 8px 0px 0px 20px; }          

/* Gebruikte waterkoelers overzicht */
#used                   { position: relative; float:left; width:640px; }

#used .back_to_view     { float: right; font-weight: bold; font-size: 15px; position: absolute; top: -36px; left: 385px; padding-right: 18px; }
#used .back_to_view a   { color: #f58300; }

#used p,
#detail p               { margin: 0px; }

#used .product          { float: left; width: 290px; height: 180px; padding-top: 7px; padding-bottom: 19px; margin-right: 30px; display: inline; }
#used .product h3 a     { float: left; width: 140px; font-size: 15px; color: #132c46; font-weight: bold; margin-bottom: 13px; }
#used .product a        { float: left; color: #f58300; margin-top: 13px; }
#used .product .image   { position: relative; z-index: 1; float: left; width: 150px; height: 143px; padding-top: 3px; }

#used .price_label      { position: absolute; z-index: 999; top: 96px; left: 65px; width: 77px; height: 71px; background: url(../images/action-label-trans.png) no-repeat; }
#used .price            { float: left; width: 47px; padding: 5px 0px 0px 5px; text-align: left; font-size: 14px; text-align: center; font-weight: bold; color: #fff; }
#used .from             { float: left; width: 70px; padding: 13px 7px 0px 0px; text-align: right; color: #fff; }

/* Waterleidingkoelers overzicht */
#view .group            { float: left; border-bottom: 2px solid #e6e6e6; margin-bottom: 18px; }
#view .product          { float: left; width: 290px; padding-top: 15px; padding-bottom: 21px; margin-right: 30px; display: inline; }
#view .product a        { float: left; color: #f58300; margin-top: 13px; }
#view .product h3 a     { float: left; width: 140px; font-size: 15px; color: #132c46; font-weight: bold; margin: 0px; margin-bottom: 13px; }
#view .product .image   { float: left; width: 150px; height: 143px; }
#view .product .image a { margin: 0px; }  

/* Gebruikte koeler detail */
#detail .back_to_view   { float: right; font-weight: bold; font-size: 15px; position: relative; top: -41px; padding-right: 18px; }
#detail .back_to_view a { color: #f58300; }
#detail .image          { float: left; position: relative; width: 175px; height: 300px; }
#detail .content        { float: left; width: 444px; padding: 0px 5px; position: relative; top: -18px; }
#detail h2              { float: left; padding-bottom: 6px; width:444px;}
#detail .stap-image     { border-top: 2px solid #ccc; padding-top: 20px; margin-bottom: 10px; }
#detail .tab_grey       { float: left; margin-top: 0px; padding: 8px 18px; font-size: 15px; font-weight: bold; color: #132C46; background: #E2E8E9; }
#detail .tab_white      { float: left; margin-top: 0px; padding: 8px 18px; font-size: 15px; font-weight: bold; color: #132C46; }
#detail .span_orange    { color: #f58300; }
#detail form            { float: left; width: 418px; padding: 19px 13px 19px; background: #E2E8E9; }
#detail label           { float: left; width: 139px; padding: 3px 13px 3px 4px; }
#detail input           { float: left; width: 249px; margin-bottom: 13px; border: 1px solid #ccc; padding: 3px; }
#detail .submit         { float: right; padding: 2px 0px 2px; width: 192px; border: 0px; margin-right: 16px; background: #F58300; color: #fff; font-size: 18px; }
#detail .price_label    { position: absolute; z-index: 999; top: 42px; left: 58px; width: 105px; height: 97px; background: url(../images/action-label-large-trans.png) no-repeat; }
#detail .price          { float: left; width: 77px; padding: 7px 0px 0px 7px; text-align: left; font-size: 20px; font-weight: bold; color: #fff; }
#detail .from           { float: left; width: 70px; padding: 20px 0px 0px 24px; text-align: right; color: #fff; font-size: 14px; }

#spec               { float: left; border-top: 2px solid #ccc; padding-top: 14px; margin-top: 20px; }
#spec .image        { float: left; width: 185px; }
#spec .content      { float: left; width: 444px; padding-left: 4px; }
#spec table         { float: left; margin-left: -14px; display: inline;}
#spec td            { width: 414px; font-size: 11px; font-family: verdana;}
#spec .row_1        { float: left; padding: 8px 15px; }
#spec .row_2        { float: left; padding: 8px 15px; background: #e2e8e9; }

/* Step 1 */
#step1 table                   { background: #E2E8E9; width: 640px; }
#step1 td                      { border-right: 1px solid #ccc; padding: 7px 4px; text-align: center; }
#step1 td.left                 { text-align: left; }
#step1 td.center               { text-align: center; }
#step1 th                      { background: #0a59a9; color: #fff; width: 76px; padding: 4px; }
#step1 td.title                { font-size: 14px; padding: 14px 0px 15px 13px; font-weight: bold; }
#step1 td.orange               { background: #E7CFAF; }
#step1 td.blue_light           { background: #ECF0F0; }
#step1 td.orange_light         { background: #EFDFC9; }
#step1 td.select               { background: #F58300; color: #fff;}
#step1 .button                 { float: right; width: 260px; padding: 2px 0px 2px; border: 0px; background: #F58300; color: #fff; font-size: 18px; cursor:pointer; }
#step1 .infobox				   {  position: absolute; display: none; background: #fff; padding: 5px; border: 2px solid #F58300; }

/* Step 2 */
#step2 .radio input            { float: left; width: 20px; position: relative; top: -2px; }
#step2 span                    { float: left; width: 70px; }  
#step2 dl                      { float: left; width: 290px; width:300px; padding-top: 4px 0px 0px 10px; }
#step2 dt                      { float: left; width: 115px; padding: 9px 0px; }
#step2 dd                      { float: left; /*width: 175px;*/ padding: 5px 0px; }
#step2 dd input                { float: left; width: 167px; padding: 4px; border: 1px solid #ccc; }
#step2 dd.radio                { position:relative; top:-30px; left:115px; }
 
#step2 table                   { background: #E2E8E9; width: 640px; border-bottom: 4px solid #fff; }
#step2 td                      { padding: 7px 4px; vertical-align: top; }
#step2 td.small                { font-size: 10px; }
#step2 .button                 { float: right; width: 300px; padding: 2px 0px 2px; border: 0px; background: #F58300; color: #fff; font-size: 18px; cursor:pointer; }
#step2 .infobox				   { position: absolute; left:320px; top:725px; width:640px; z-index:2; display: none; background: #fff; padding: 5px; border: 2px solid #F58300; }

#step2 .wide        { float: left; width: 610px; }
#step2 .wide dt     { float: left; width: 540px; padding: 0px; clear: both; }
#step2 .euro        { float: left; width: 20px; margin-top: 0px; text-align: right; }
#step2 .wide dd     { float: left; width: 70px; text-align: right; padding: 0px; margin-top: 4px; }
#step2 .voorwaarden { width: 600px; height: 200px; overflow: scroll; }

/* Step 3 */
#step3 dt           { float: left; width: 366px; padding-right: 41px; }
#step3 dd           { float: left; width: 150px; }
#step3 dl           { float: left; background: #E2E8E9; width: 620px; padding: 10px; border-bottom: 4px solid #fff; }
#step3 img          { position: relative; top: 20px; } 

/* Top menu*/
#sub_links          { float: left; width: 617px; height: 27px; padding-top: 12px; padding-right: 21px; font-size: 12px; text-align: right; font-weight: bold; border-left: 0px solid #00f; }
#sub_links ul       { float: right; }
#sub_links li       { float: left; padding: 0px 0px 0px 10px; }
#sub_links a        { color: #000; }

/* Menu */
#menu				{ float: left; width: 620px; padding-left: 20px; background: #0a5aa9; position: relative; z-index: 999; }
#menu ul			{ float: left; display: inline; list-style-type: none; }
#menu li			{ float: left; position: relative; display: inline; font-weight: bold; }

/* Menu head */
#menu ul li a		{ display: block; padding: 10px 15px 12px 15px; color: #fff; /*background: #1864ae;*/ font-size: 13px; }
* html #menu ul li a{ display: inline-block; }
#menu ul li a:hover,
#menu ul li.active a{ color: #f38300; background: #fff; }

#sub_menu           { float: left; width: 620px; padding-top: 16px; height: 68px; padding-left: 20px; }
#sub_menu a         { float: left; color: #999; width: 90px; padding: 0px 5px 0px 5px; border-right: 1px solid #999; margin-bottom: 5px; }

/* Footer */
#footer             { float: left; width: 960px; border-top: 2px solid #e6e6e6; }
#footer_left        { float: left; width: 300px; padding: 15px 0px 15px 20px; font-size: 12px; color: #fff; }
#footer_middle      { float: left; width: 450px; padding-bottom:  20px; }
#footer_middle h4   { float: left; width: 450px; padding: 15px 0px; color: #999; font-weight: bold; }
#footer_middle ul   { float: left; width: 225px; }
#footer_middle a    { color: #999; }
#footer_right       { float: left; width: 170px; color: #999; font-weight: bold; padding: 15px 0px; }

/* Contact */
.contact_form           { float: left; width: 444px; background: #E2E8E9; }
.contact_form p.mail    { float: left; width: 152px; font-size: 14px; color: #132c46; font-weight: bold; padding: 11px 17px 7px; }
.contact_form p.call    { float: left; width: 220px; font-size: 14px; color: #132c46; font-weight: bold; padding: 11px 19px 7px; background: #fff; }
.contact_form .orange   { color: #F58300; }
.contact_form dt        { float: left; width: 151px; padding-left: 18px; padding-top: 7px; }
.contact_form dd        { position: relative; float: left; width: 257px; }
.contact_form dd input  { float: left; border: 1px solid #ccc; width: 240px; padding: 4px; margin-bottom: 9px; }
.contact_form dd textarea { float: left; border: 1px solid #ccc; width: 240px; padding: 4px; height: 100px; font-family: arial; font-size: 12px; }

.contact_right          { float: left; width: 166px; padding: 30px 10px 30px 20px; }
.right_bottom           { float: left; border-top: 2px solid #ccc; padding-top: 12px; }

table.save td           { padding: 4px; }
table.save textarea     { border: 1px solid #ccc; font-family: arial; font-size: 12px; }

/* Service drinkbeker */
#drinkbekers            { float: left; width: 640px; margin-top: -7px; }
#drinkbekers h2         { padding: 9px 17px 4px; margin: 0px; background: #E2E8E9; }
#drinkbekers table      { float: left; width: 640px; background: #E2E8E9; border-bottom: 4px solid #fff; }
#drinkbekers dl         { float: left; width: 640px; padding: 7px 12px; }
#drinkbekers dt         { float: left; width: 173px; padding-top:12px; }
#drinkbekers dd         { float: left; width: 400px; padding:7px 0px 5px; }
#drinkbekers dd input   { width: 412px; }
#drinkbekers td         { padding: 5px; }
#drinkbekers .radio input  { float: left; width: 20px; position: relative; top: -2px; }
#drinkbekers span          { float: left; width: 70px; }

#drinkbekers .bekers    { padding-left: 11px; }
#drinkbekers .bekers th { padding: 12px 17px; }
#drinkbekers .bekers td { padding: 5px 17px; }
#drinkbekers .button    { float: left; width: 120px; padding: 2px 0px 2px; margin-bottom: 12px; border: 0px; background: #F58300; color: #fff; font-size: 18px; }
#drinkbekers b          { float: left; padding: 12px 12px; display: block;  }

/* Validation */ 
.contact_form dd.inputValidation                    { }
.contact_form dd                                    { position: relative; }
.contact_form dd.inputValidation .validation        { position:absolute; top:0px; right:8px; color:#fff; background: #f58300; padding: 5px; cursor:pointer; font-family: Arial, Helvetica, Sans-serif; font-size:13px; }
.contact_form dd.inputValidation .validationPopup   { position:absolute; top:0px; right:25px; color:#fff; background: #f58300; padding: 5px; font-family: Arial, Helvetica, Sans-serif; font-size:13px; display:none; }

#bestelformulier dd.inputValidation                    { }
#bestelformulier dd                                    { position: relative; }
#bestelformulier dd.inputValidation .validation        { position:absolute; top:5px; right:-1px; color:#fff; background: #f58300; padding: 5px; cursor:pointer; font-family: Arial, Helvetica, Sans-serif; font-size:13px; }
#bestelformulier dd.inputValidation .validationPopup   { position:absolute; top:5px; right:15px; color:#fff; background: #f58300; padding: 5px 10px; font-family: Arial, Helvetica, Sans-serif; font-size:13px; display:none; }

#drinkbekers dd.inputValidation                    { }
#drinkbekers dd                                    { position: relative; }
#drinkbekers dd.inputValidation .validation        { position:absolute; top:0px; right:0px; color:#fff; background: #f58300; padding: 3px; cursor:pointer; font-family: Arial, Helvetica, Sans-serif; font-size:13px; }
#drinkbekers dd.inputValidation .validationPopup   { position:absolute; top:0px; right:13px; color:#fff; background: #f58300; padding: 3px 10px; font-family: Arial, Helvetica, Sans-serif; font-size:13px; display:none; }

#bestelformulier dd.inputValidationBekers                    { }
#bestelformulier dd.inputValidationBekers .validation        { position:absolute; top:-64px; right:-460px; color:#fff; background: #f58300; padding: 5px; cursor:pointer; font-family: Arial, Helvetica, Sans-serif; font-size:13px; }
#bestelformulier dd.inputValidationBekers .validationPopup   { position:absolute; top:-64px; right:-445px; color:#fff; background: #f58300; padding: 5px 10px; font-family: Arial, Helvetica, Sans-serif; font-size:13px; display:none; }

#bestelformulier dd.inputValidationAfsluit                    { }
#bestelformulier dd.inputValidationAfsluit .validation        { position:absolute; top:-64px; right:-460px; color:#fff; background: #f58300; padding: 5px; cursor:pointer; font-family: Arial, Helvetica, Sans-serif; font-size:13px; }
#bestelformulier dd.inputValidationAfsluit .validationPopup   { position:absolute; top:-64px; right:-445px; color:#fff; background: #f58300; padding: 5px 10px; font-family: Arial, Helvetica, Sans-serif; font-size:13px; display:none; }

#bestelformulier dd.inputValidationGeslacht                    { }
#bestelformulier dd.inputValidationGeslacht .validation        { position:absolute; top:-25px; right:20px; color:#fff; background: #f58300; padding: 5px; cursor:pointer; font-family: Arial, Helvetica, Sans-serif; font-size:13px; }
#bestelformulier dd.inputValidationGeslacht .validationPopup   { position:absolute; top:-25px; right:35px; color:#fff; background: #f58300; padding: 5px 10px; font-family: Arial, Helvetica, Sans-serif; font-size:13px; display:none; }

#bestelformulier dd.inputValidationVoorwaarden                    { }
#bestelformulier dd.inputValidationVoorwaarden .validation        { position:absolute; top:192px; right:285px; color:#fff; background: #f58300; padding: 5px; cursor:pointer; font-family: Arial, Helvetica, Sans-serif; font-size:13px; }
#bestelformulier dd.inputValidationVoorwaarden .validationPopup   { position:absolute; top:192px; right:300px; color:#fff; background: #f58300; padding: 5px 10px; width: 75px; font-family: Arial, Helvetica, Sans-serif; font-size:13px; display:none; }

#detail dd.inputValidation                    { }
#detail dd                                    { position: relative; }
#detail dd.inputValidation .validation        { position:absolute; top:0px; right:0px; color:#fff; background: #f58300; padding: 4px; cursor:pointer; font-family: Arial, Helvetica, Sans-serif; font-size:13px; }
#detail dd.inputValidation .validationPopup   { position:absolute; top:0px; right:15px; color:#fff; background: #f58300; padding: 4px 10px; font-family: Arial, Helvetica, Sans-serif; font-size:13px; display:none; }

.block dd.inputValidation                    { }
.block dd                                    { position: relative; }
.block dd.inputValidation .validation        { position:absolute; top:4px; right:0px; color:#fff; background: #f58300; padding: 5px; cursor:pointer; font-family: Arial, Helvetica, Sans-serif; font-size:13px; }
.block dd.inputValidation .validationPopup   { position:absolute; top:4px; right:15px; color:#fff; background: #f58300; padding: 5px 10px; font-family: Arial, Helvetica, Sans-serif; font-size:13px; display:none; }

.bedankt            { float: left; padding-left: 175px; }
.bedanktContact     { padding: 16px; }