@charset "utf-8"; 
.content {width:100%; margin:auto; overflow:hidden; font-family:Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -ms-touch-action:none}
body{height:100%; width:100%; margin:0}
.showMobile {display:inline-block}
.showTablet {display:none}
.showDesktop {display:none}
.topNav {width:100%; padding:10vw 0 0 0}
.naam {float:left; width:96%; height:40vw; padding:0 2% 0 2%}
.kolomWrapper {width:100%}
.links {margin-left:0%}
.linkerRuimte {margin-left:0%}
.kolomVisual {float:left; width:100%; padding-top:12vw}
.kolom1 {float:left; width:100%; padding-top:12vw}
.kolom2 {float:left; width:94%; padding:2.1vw 3% 0vw 3%; height:auto; text-align:center}
.kolom3 {float:left; width:89vw}
.groteTekst {font-size:2.5em; font-weight:900; text-align:center}
.slogan {float:left; width:100%; font-size:0.9em; text-align:center; font-style:italic; font-weight:400; letter-spacing:2px; padding-bottom:2vw}
.titelKolom {float:left; padding-top:1.5vw; padding-bottom:0vw; margin: 0.5em 0 0.5em 0; font-style:italic; font-weight:700; font-size:1.1em; letter-spacing:4px}
.kolomHoog1 {height:5vw}
.kolomHoog2 {height:5vw}
.tekstKolom {float:left; height:auto; margin-bottom:10vw}
.citaat {margin-top:6vw; margin-bottom:1vw; text-align:right; font-weight:700; font-size:130%; letter-spacing:3px; color:#7d5b5c}
.ruimteDetails {float:left; height:9vw; width:100%}
.kolom4 {float:left; width:92%; padding:1.5vw 4% 0vw 4%}
.kolom5 {float:left; width:92%; padding:2.5vw 4% 0vw 4%}
.kolom6 {float:left; width:92%; padding:1.5vw 4% 0vw 4%}
.kolom7 {float:left; width:92%; padding:1.5vw 4% 0vw 4%}
.wrapTweeKolommen {width:100%}
.linkerVeelRuimte {padding-left:0%}
.kolom8 {float:left; width:92%; padding:9.5vw 2% 0vw 4%}
.titelLaag {float:left; padding-top:1.5vw; padding-bottom:0vw; margin-top:0.8em; font-style:italic; font-weight:700; font-size:1.6em; letter-spacing:4px}
.tweeKolommen {width:100%}
.linkerLucht {margin-left:0%}
.kolom9 {float:left; width:92%; padding:9.5vw 2% 0vw 4%}
.kolom10 {width:96%; margin:0 1% 0 3%}
.kolom11 {width:96%; margin:0 1% 0 3%}
.kolom12 {width:92%; margin:0 4% 0 4%; text-align:center}
.pijlen {padding:3vw 0 9vw 0; width:100%}
.pijlLinks {float:left; width:15%; padding-right:35%; text-align:left; padding-bottom:15px}
.pijlRechts {float:left; width:15%; padding-left:35%; text-align:right; padding-bottom:15px}
.footer {float:left; margin:8vw 0 8vw 0}
.footerIconen {float:left; width:100%; padding:3vw 4% 0 4%}
.footerIcoon {float:left; width:17%; margin:3%; height:16vw}
.footerText {float:left; width:100%; font-size:0.8em; font-style:italic; color:#B8B4B4; text-align:center}
.formulier {float:left; text-align: center; width:100%; height:440px; background: url(../vorm/hetborduurburo_form_320_filled.jpg); background-repeat: no-repeat; background-size: 320px 440px; background-position: center}
.formulierBinnen {width:262px;  height:440px; display: inline-block}
.aanhef {float:left; height:30px; padding:42px 0 10px 6px; font-size:120%; letter-spacing:2px; font-weight:700}
.knoppen  {float:left; height:224px}
.knop {}
.tekstvak {float:left; padding-top:10px}
.verzenden {}
/* knop, overgenomen uit assets/main.css */
input[type="text"], textarea, textarea.form-control {width:238px; height:33px; margin-bottom:16px; padding:0 15px; border:1px solid #f7f7f7; vertical-align:middle; background-color:#f7f7f7; color:#999; font-size:16px; letter-spacing:2px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s}
/* text box */
.form-bottom form textarea {}
textarea, textarea.form-control {height:98px; padding-top:10px; padding-bottom:0px; line-height:20px; overflow:hidden}
/* send knop */
button.btn {height:40px; margin:0px 0px 0px 110px; padding:0 10px; vertical-align:middle; background:#FFF; border:0; font-weight:900; font-size:130%; letter-spacing:3px; line-height:50px; color:#a0a0a0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s}

@media only screen and (min-width:340px) {
.titelKolom {float:left; padding-top:1.5vw; padding-bottom:0vw; margin: 0.5em 0 0.5em 0; font-style:italic; font-weight:700; font-size:1.6em; letter-spacing:4px}
}

@media only screen and (min-width:480px) {
.content {width:100%; margin:auto; clear:none; float:none; overflow:hidden}
.showMobile {display:none}
.showTablet {display:inline-block}
.showDesktop {display:none}
.topNav {width:100%; padding:4vw 0 0 0}
.naam {float:left; width:90%; height:4vw; padding:0vw 0 0 0; text-align:left}
.kolomWrapper {float:left; width:29%}
.links {margin-left:2%}
.linkerRuimte {margin-left:3.5%}
.kolomVisual {float:left; width:100%; padding-top:12vw}
.kolom1 {float:left; width:100%; padding-top:12vw}
.kolom2 {float:left; width:94%; padding:1.5vw 3% 0vw 3%; height:auto; font-size:0.9em; text-align:center}
.kolom3 {float:left; width:89vw}
.groteTekst {font-size:3em; font-weight:900; padding-top:4vw; padding-bottom:1vw; text-align:center}
.slogan {float:left; width:100%; font-size:1.1em; text-align:center; font-style:italic; font-weight:400; letter-spacing:2px; padding-bottom:2vw}
.titelKolom {float:left; padding-top:2.5vw; margin-top:0em; font-style:italic; font-weight:900; font-size:0.8em; letter-spacing:4px; text-align:center}
.kolomHoog1 {height:4vw}
.kolomHoog2 {height:1vw}
.tekstKolom {float:left; height:auto; margin-bottom:3vw}
.citaat {margin-top:4vw; text-align:right; font-weight:700; font-size:150%; letter-spacing:3px; color:#7d5b5c}
.ruimteDetails {float:left; height:9vw; width:100%}
.kolom4 {float:left; width:92%; padding:1.5vw 4% 0vw 4%}
.kolom5 {float:left; width:92%w; padding:2.5vw 4% 0vw 4%}
.kolom6 {float:left; width:92%; padding:1.5vw 4% 0vw 4%}
.kolom7 {float:left; width:92%; padding:1.5vw 4% 0vw 4%}
.wrapTweeKolommen {float:left; width:40% ; padding-top:2vw}
.kolom8 {float:left; width:98%; padding:3.5vw 0% 0vw 0%}
.tweeKolommen {width:100%}
.linkerLucht {margin-left:7%}
.kolom9 {float:left; width:42%; padding:3.5vw 0% 0vw 0%}
.kolom10 {float:left; width:66%; margin:0 1% 0 3%}
.kolom11 {float:left; width:24%}
.kolom12 {width:96%; margin:0 2% 0 2%; text-align:center}
.titelLaag {float:left; padding-top:4.5vw; padding-bottom:0vw; margin-top:0.8em; font-style:italic; font-weight:700; font-size:1.6em; letter-spacing:4px}
.linkerVeelRuimte {padding-left:20%}
.pijlen {padding:3vw 0 0vw 0; width:100%}
.pijlLinks {float:left; width:20%; padding-right:30%; text-align:left; padding-bottom:20px}
.pijlRechts {float:left; width:20%; padding-left:30%; text-align:right; padding-bottom:20px}
.footer {float:left; margin:8vw 0 6vw 0}
.footerIconen {float:left; width:100%; padding:4vw 13% 0 13%}
.footerIcoon {float:left; width:15%; margin:0 1.9% 0 1.9%; height:15vw}
.footerText {float:left; width:100%; font-size:1em; font-style:italic; color:#B8B4B4; text-align:center}
}

@media only screen and (min-width:500px) {
.kolomHoog1 {height:4vw}
.kolomHoog2 {height:1vw}
}

@media only screen and (min-width:550px) {
.kolomHoog1 {height:4vw}
.kolomHoog2 {height:1vw}
}

@media only screen and (min-width:600px){
.content {width:100%; max-width:1024px; margin:auto; clear:none; float:none; overflow:hidden}
.showMobile {display:none}
.showTablet {display:none}
.showDesktop {display:inline-block}
.topNav {width:100%; padding:4vw 0 0 0}
.naam {float:left; width:90%; height:4vw; padding:1vw 0 0vw 0; text-align:left}
.kolomWrapper {float:left; width:29%}
.links {margin-left:2%}
.linkerRuimte {margin-left:3.5%}
.kolomVisual {float:left; width:100%; padding-top:12vw}
.kolom1 {float:left; width:100%; padding-top:12vw}
.kolom2 {float:left; width:96%; padding:0.5vw 3% 0vw 3%; height:auto; font-size:0.9em}
.kolom3 {float:left; width:89vw}
.groteTekst {font-size:3.9em; font-weight:900; padding-top:3vw; padding-bottom:1vw; text-align:center}
.slogan {float:left; width:100%; font-size:1.2em; text-align:center; font-style:italic; font-weight:400; letter-spacing:2px; padding-bottom:2vw}
.titelKolom {float:left; padding-top:0.5vw; margin-top:0.5em; font-style:italic; font-weight:900; font-size:1.2em; letter-spacing:4px; text-align:center}
.kolomHoog1 {height:7vw}
.kolomHoog2 {height:2vw}
.tekstKolom {height:auto; float:left; margin-bottom:1vw}
.citaat {margin-top:1vw; text-align:right; font-weight:700; font-size:150%; letter-spacing:3px; color:#7d5b5c}
.ruimteDetails {float:left; height:9vw; width:100%}
.kolom4 {float:left; width:92%; padding:1.5vw 4% 0vw 4%}
.kolom5 {float:left; width:92%w; padding:2.5vw 4% 0vw 4%}
.kolom6 {float:left; width:92%; padding:1.5vw 4% 0vw 4%}
.kolom7 {float:left; width:92%; padding:1.5vw 4% 0vw 4%}
.wrapTweeKolommen {float:left; width:40% ; padding-top:2vw}
.kolom8 {float:left; width:98%; padding:3.5vw 0% 0vw 0%}
.tweeKolommen {width:100%}
.linkerLucht {margin-left:7%}
.kolom9 {float:left; width:42%; padding:3.5vw 0% 0vw 0%}
.kolom10 {width:62%; margin-right:2%; clear:none}
.kolom11 {width:23%; clear:none}
.kolom12 {width:96%; margin:0 2% 0 2%; text-align:center}
.titelLaag {float:left; padding-top:4.5vw; padding-bottom:0vw; margin-top:0.8em; font-style:italic; font-weight:700; font-size:1.6em; letter-spacing:4px}
.linkerVeelRuimte {padding-left:20%}
.pijlen {padding:3vw 0 0vw 0; width:100%}
.pijlLinks {float:left; width:20%; padding-right:30%; text-align:left; padding-bottom:20px}
.pijlRechts {float:left; width:20%; padding-left:30%; text-align:right; padding-bottom:20px}
.footer {float:left; margin:5vw 0 8vw 0}
.footerIconen {float:left; width:100%; padding:4vw 13% 0 13%}
.footerIcoon {float:left; width:15%; margin:0 1.9% 0 1.9%; height:14vw}
.footerText {float:left; width:100%; font-size:1.1em; font-style:italic; color:#B8B4B4; text-align:center}
}

@media only screen and (min-width:650px) {
.kolomHoog1 {height:6vw}
.kolomHoog2 {height:2vw}
}

@media only screen and (min-width:810px) {
.content {width:100%; max-width:1024px; margin:auto; clear:none; float:none; overflow:hidden}
.kolomVisual {float:left; width:100%; padding-top:100px}
.ruimteDetails {float:left; height:70px; width:100%}
.kolom1 {float:left; width:100%; padding-top:1vw}
.showMobile {display:none}
.showTablet {display:none}
.showDesktop {display:inline-block}
.topNav {width:100%; padding:4vw 0 0 0}
.naam {float:left; width:90%; height:4vw; padding:1vw 0 0vw 0; text-align:left}
.footerIconen {float:left; width:100%; padding:2vw 20% 0 20%}
.footerIcoon {float:left; width:12%; margin:0 0.1% 0 0,1%; height:9vw}
.formulier {float:left; text-align: center; width:100%; height:331px; background: url(../vorm/hetborduurburo_form_600_filled.jpg); background-repeat: no-repeat; background-size: 809px 331px; background-position: center}
.formulierBinnen {width:690px;  height:331px; display: inline-block}
.aanhef {float:left; height:30px; padding:42px 0 10px 6px; font-size:120%; letter-spacing:2px; font-weight:700}
.knoppen  {float:left; height:224px}
.knop {}
.tekstvak {float:left; padding-top:10px}
.verzenden {}
/* knop, overgenomen uit assets/main.css */
input[type="text"], textarea, textarea.form-control {width:295px; height:33px; margin-bottom:16px; padding:0 15px; border:1px solid #f7f7f7; vertical-align:middle; background-color:#f7f7f7; color:#999; font-size:16px; letter-spacing:2px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s}
/* text box */
.form-bottom form textarea {}
textarea, textarea.form-control {height:115px; padding-top:10px; padding-bottom:10px; margin:72px 0px 0px 30px; line-height:20px; overflow:hidden}
/* send knop */
button.btn {height:40px; margin:20px 0px 0px 540px; padding:0 10px; vertical-align:middle; background:#FFF; border:0; font-weight:900; font-size:130%; letter-spacing:3px; line-height:50px; color:#a0a0a0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s}
}

@media only screen and (min-width:920px) {
.kolomHoog1 {height:50px}
.kolomHoog1 {height:30px}
}