body { margin: 0px; background-color: #FFFFFF; background-image: url('gfx/bbg.jpg'); background-repeat: repeat-y }
form { padding: 0px; margin: 0px }
div, td, table { color: #7B7B7B; font-family: 'Muli', Verdana; font-size: 11pt }
#framer { height: 300px; overflow: auto; -webkit-overflow-scrolling: touch }
.w100 { width: 100% }
.fright { float: right }
.fleft { float: left }
.td1 { width: 20%; min-width: 130px }
.waaier { float: left; width: 24%; margin-bottom: 25px }
.waaier1, .waaier2 { float: left; width: 1% }
.blok1 { float: left; width: calc(100% - 220px) }
.blok2 { float: right; text-align: right }
.blok1a { float: left; width: 45% }
.blok2a { float: left; width: 45%; margin-left: 10% }
.email { margin-top: 25px }
.handleiding { width: 31.3%; float: left }
#zoekusr { position: absolute; z-index: 2; width: 340px; background-color: #F2F2F2; background-image: url('gfx/ftr.jpg'); background-size: 100% 100%; border: 1px solid #FFFFFF; border-top: 0px; margin-top: 1px; padding: 5px; box-shadow: 1px 3px 4px #797979 }
#zoekusr1 { padding: 6px }
.pro1, .pro2 { float: left }
.pro1 { width: 240px }
.pro2 { width: calc(100% - 450px) }
.pro3 { width: 210px; float: right }
.winkel1 { float: right }
.winkel2 { width: 50% }
.fout1 { -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #D04435; margin-bottom: 15px; background-color: #D04435 }
.fout2 { -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #D04435; background-color: #D04435 }
.fout3 { -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; background-color: #D04435; padding: 7px; padding-left: 8px; padding-right: 8px; color: #FFFFFF }
.goed1 { -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #78AF2C; margin-bottom: 15px; background-color: #78AF2C }
.goed2 { -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #78AF2C; background-color: #78AF2C }
.goed3 { -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; background-color: #78AF2C; padding: 7px; padding-left: 8px; padding-right: 8px; color: #FFFFFF }
.dag1 { font-weight: bold; background-color: #F2F2F2; text-align: center; padding: 7px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px }
.dag { padding: 9px; border-bottom: 1px solid #F2F2F2; text-align: center }
.txtarea, .txtarea1, .xxtxtarea { width: 100%; background-image: url('gfx/txt.jpg'); background-repeat: repeat-x; padding: 8px; padding-left: 12px; padding-right: 12px; font-family: 'Muli', Verdana; font-size: 11pt; color: #828282; border-top: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px  }
.txt, .xxtxt, .txt1, .login { width: 100%; min-width: 100%; max-width: 100%; background-image: url('gfx/txt.jpg'); background-repeat: repeat-x; padding-left: 7px; padding-right: 7px; font-family: 'Muli', Verdana; font-size: 11pt; color: #666666; border-top: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; height: 30px }
.xxtxt, .txt1 .xxtxtarea { border: 1px solid #FF7E70 }
.xxtxt { background-image: url('gfx/err.jpg'); background-repeat: no-repeat; background-position: 99% 50% }
.slct { width: 100%; background-image: url('gfx/slct.jpg'); background-size: 100% 100%; padding: 3px; padding-left: 4px; padding-right: 4px; padding-top: 1px; font-family: 'Muli', Verdana; font-size: 11pt; color: #666666; border-top: 1px solid #D2D2D2; border-left: 1px solid #D2D2D2; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; height: 30px }
.txt:hover, .txt1:hover, .txtarea:hover, .txtarea:hover, .login:hover, .slct:hover { box-shadow: 0px 0px 4px #DEDEDE }
a:link, a:active, a:visited { text-decoration: none; color: #F79A0F }
a:hover { text-decoration: none; color: #54B5AB }
.rond { -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px }
.geenpc { display: none }
.plaatje { cursor: pointer }
.txtlicht { color: #B1B1B1 }
.licht { color: #54B5AB }
.disp1 { display: none }
.obg { text-align: left; width: 74%; position: fixed; z-index: 1; background-color: #FFFFFF }
.overal1 { width: 100% }
.overal { width: 74% }
.topper1 { margin-left: -18%; width: 118%; box-shadow: 0px 2px 4px #C0C0C0; background-color: #DA993D; background-image: url('gfx/ftr1.jpg'); background-size: 100% 100% }
.topper { font-size: 10pt; margin-left: -18%; width: 117%; padding-top: 8px; padding-bottom: 8px; color: #FFFFFF; text-align: right }
.content { text-align: left }
.hr { font-size: 1pt; border-top: 1px dotted #E1E1E1 }
.goed3 .buttonx1 { margin-top: -10px }
.buttonx1 { font-weight: bold; background-color: #FFFFFF; padding: 7px; padding-left: 8px; padding-right: 8px; border: 1px solid #E9E9E9; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px }
.buttonx1 a { text-decoration: none; color: #DA993D }
.button { font-size: 11pt; font-family: 'Muli', Verdana; cursor: pointer; font-weight: bold; background-color: #DA993D; color: #FFFFFF; padding: 7px; padding-top: 6px; padding-left: 11px; padding-right: 11px; border: 1px solid #DA993D; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px }
.button2 { font-size: 11pt; font-family: 'Muli', Verdana; cursor: pointer; font-weight: bold; background-color: #F2F2F2; color: #7B7B7B; padding: 7px; padding-top: 6px; padding-left: 11px; padding-right: 11px; border: 1px solid #F2F2F2; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px }
.online { position: fixed; bottom: 25px; right: 25px; cursor: pointer; color: #FFFFFF; font-weight: bold; background-color: #78AF2C; padding: 7px; padding-top: 6px; padding-left: 11px; padding-right: 11px; border: 1px solid #78AF2C; -moz-border-radius: 17px; border-radius: 17px; -webkit-border-radius: 17px }
.waar { float: left; background-color: #FFFFFF; color: #C484DB; padding: 7px; padding-left: 8px; padding-right: 8px; border: 1px solid #E9E9E9; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px }
h1 { font-weight: normal; color: #F79A0F; letter-spacing: -1px; float: left; margin: 0px; padding: 0px; margin-left: 15px; font-size: 17pt; padding-top: 3px }
h2 { overflow: hidden; font-weight: normal; margin: 0px; margin-bottom: 2px; padding-bottom: 3px; font-size: 10pt }
h3 { margin: 0px; padding: 0px; font-size: 22pt; font-weight: normal; text-shadow: #FFFFFF 1px 1px 0px; color: #5F5F5F }
h3 i { font-size: 18pt; color: #BBBBBB }
.rbo { border-left: 1px dotted #E9E9E9; padding-left: 20px }
.rbo1 { width: 20px }
.scherm { float: left; cursor: pointer; margin-left: 6px; background-color: #F4F4F4; padding: 7px; padding-left: 9px; padding-right: 9px; border: 1px solid #FFFFFF; border-bottom: 2px solid #D9D9D9; -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px }
.scherm:hover { padding-top: 9px; border-bottom: 2px solid #F4F4F4 }
.scherm a { color: #7B7B7B; text-shadow: #FFFFFF 1px 1px 0px }
.zoeks { margin-top: -32px }
.zoekicon { position: absolute; margin-left: -22px; margin-top: 9px }
.zoek { width: 20%; max-width: 240px; padding-bottom: 3px; background-color: #755320; padding-left: 7px; padding-right: 30px; font-family: 'Muli', Verdana; font-size: 11pt; color: #FFFFFF; border: 0px; border-right: 1px solid #DA993D; height: 32px }
.merk, .fot { width: 25% }
.merk b, .fot b { color: #5F5F5F; background-image: url('gfx/v.gif'); background-repeat: no-repeat; background-position: 0 7px; padding-left: 15px }
.fot b, .fot { color: #FFFFFF }
.footer { background-color: #755320 }
.footer1 { margin-top: 30px; background-color: #DA993D; background-image: url('gfx/ftr1.jpg'); background-size: 100% 100% }
.footer1 div { color: #FFFFFF; font-size: 10pt }
.f1 { text-align: left; padding-top: 8px; padding-bottom: 8px }
.f2 { padding-top: 20px; padding-bottom: 20px }
.sub { border-left: 1px dotted #D0D0D0; padding-left: 15px; line-height: 21px }
.sub a, .sub, .sub div { color: #FFFFFF }
.sub a:hover { color: #54B5AB }
.product { float: left; width: 17.6%; margin-bottom: 25px }
.product img:hover { box-shadow: 0px 2px 4px #C0C0C0 }
.product img { width: 100%; max-height: 95px }
.spacer1, .spacer2, .spacer3, .spacer4 { float: left; width: 3% }
.slogan { height: 184px; width: 100%; max-width: 384px }
.slogan1 { line-height: 30px }
.slogan3 { background-color: #F2F2F2 }
.slogan5 { color: #FFFFFF; background-image: url('gfx/ftr.jpg'); background-size: 100% 100% }
.slogan6 { width: 100%; max-width: 384px; height: 100% }
.witt { text-shadow: none; font-size: 20pt; line-height: 27px; color: #DA993D; background: -webkit-linear-gradient(#DA993D, #54B5AB); -webkit-background-clip: text; -webkit-text-fill-color: transparent }