body,
html,
div {
margin: 0;
padding:0;
}
body { background-color:#e9ece9; }
img { border:0px; margin:0px; }
h2 { font-family: Candara, Arial; font-weight:bold; font-size: 19px; margin-bottom:0px; margin-top:25px; color:#555; }
h2.blue { font-size:30px; margin-bottom:-15px; font-weight:normal; font-family: 'Shadows Into Light Two', cursive; color:#3d6fa7; }
h2.green { font-size:30px; margin-bottom:-15px; font-weight:normal;font-family: 'Shadows Into Light Two', cursive; color:#b2ca45; }
h1 { color: #555;
font-family: 'Shadows Into Light Two', cursive;
font-size: 30px;
font-weight: normal !important;
line-height: 34px;
margin: 22px 0 27px !important; }
h3 { font-family: Candara, Arial; font-weight:bold; font-size: 25px; margin-bottom:0px; color:#555; text-transform:uppercase; }
h4 { font-family: Candara, Arial; font-weight:bold; font-size: 21px; margin-bottom:0px; color:#555; text-transform:uppercase; }
h5 { font-family: Candara, Arial; font-weight:bold; font-size: 17px; margin-bottom:0px; color:#555; text-transform:uppercase; }
.vereist { display:block; margin-top:60px; }
a.inschrijven { background-image:url("../images/inschrijven.jpg"); background-repeat: repeat-x; height: 29px; width: 100%; display: block; text-align:center; text-decoration:none; padding-top:8px; }
a.inschrijven:hover { background-position: 0 -37px; }
.row h2 a {-webkit-transition: color .35s ease-in;
-moz-transition: color .35s ease-in;
-o-transition: color .35s ease-in;
transition: color .35s ease-in;
-webkit-transition: background-color .2s ease-in;
-moz-transition: background-color .2s ease-in;
-o-transition: background-color .2s ease-in;
transition: background-color .2s ease-in; font-family: Candara, Arial; font-weight:normal; font-size: 21px; color:#BDD599; text-decoration:none; padding-left:0px; padding-right:5px; font-weight:bold; text-transform:uppercase;}
.row h2 a:hover { color:#333; }
.row.header { min-height:123px; padding-top:0px; }
.textwhite { height: inherit !important; background-color: inherit !important; }
select.nieuwsbrief { width: 380px !important; }
p { font-family: Candara, Arial; font-size: 15px; color:#555; line-height: 22px; }
table { font-family: Candara, Arial; font-size: 15px; color:#555; line-height: 22px; }
ul li { font-family: Candara, Arial; font-size: 15px; color:#555; line-height: 22px; }
ol li { font-family: Candara, Arial; font-size: 15px; color:#555; line-height: 22px; }
p span { color:#BDD599; font-weight:bold; margin-top:20px; }
a { -webkit-transition: color .35s ease-in;
-moz-transition: color .35s ease-in;
-o-transition: color .35s ease-in;
transition: color .35s ease-in;
-webkit-transition: background-color .2s ease-in;
-moz-transition: background-color .2s ease-in;
-o-transition: background-color .2s ease-in;
transition: background-color .2s ease-in;
color:#555555;
}
#vericode { float:right; margin-right:35px; margin-top:10px; }
.spamprot { }
span_4.col.contact h2 { margin-bottom:0px !important; }
/* Call 2 Action */
.call2action { height: 90px !important; padding: 0px; border-top-width: 0px !important; border-left-width: 0px !important; margin-bottom: 15px !important; }
.col.call2action { height: 91px !important; min-height: 89px !important; padding: 0px 0px 0px 0px !important; }
a.c2a { width: 333px; position: absolute; left: 40%; margin-top:120px; height: 91px; background-image:url("../images/c2a.png"); background-repeat: no-repeat; display: block; }
a.c2a:hover { background-position: 0 -91px; }
a.coach-worden { width: 333px; margin-left:-12px;height: 91px; background-image:url("../images/c2a-coach.png"); background-repeat: no-repeat; display: block; text-indent:-5555px; }
a.coach-worden:hover { background-position: 0 -91px; }
.topfoto { height: 278px !important; margin-bottom: 0px !important; display:block; border-left-width:0px; background-image:url("../images/header.jpg") !important; background-repeat: no-repeat !important; background-color: inherit !important; margin-top:0px; background-color:#fff !important; }
.pagestory.home { border-bottom: 1px dotted #ccc; margin-bottom:20px; padding-bottom:0px; }
.pagestory.home h3 { font-size: 15px; text-decoration:none; margin-bottom: 10px; }
.pagestory.home p { font-size: 12px; line-height:16px; text-decoration:none; margin-bottom: 10px; }
.pagestory a.titel { font-size: 12px; }
.pagestory.home a.readmore { position: relative; right: inherit; width:130px !important; margin-left: 25px; margin-top:40px; padding-top:6px; padding-bottom: 3px; min-height:10px; font-size: 12px; }
.text p { color:#555; font-size: 15px; line-height:22px; }
.text h2 { color:#555; font-size: 20px; }
.textwhite p { color:#555555; font-size: 15px; margin-top:5px; }
.textwhite h2 { color:#555555; font-family: 'Shadows Into Light Two', cursive; font-weight:normal !important; font-size:30px; line-height:0px; margin-top:46px; margin-bottom:40px; }
.span_12.vervolg { min-height:300px; overflow:hidden; margin-top:5px; height: inherit; }
/* Layout styling */
a.logo { width: 250px; height: 54px;display: block; background-image:url("../images/logo.jpg"); background-color:#fff; background-repeat: no-repeat; }
.logo p { color:#2A88A2; font-size: 26px; font-weight:bold; margin-left:22px; }
.footer.col { margin-top:14px; padding-top:0px; padding-bottom:0px;background-color:#6d6d6f; text-align:center; margin-bottom:0px; }
.footer.col p { color:#fff; text-align;center; }
.footer.col a { color:#fff; text-decoration:underline; }
.textwhite p.slogan { font-family: 'Homemade Apple', cursive !important; font-size: 23px !important; line-height:41px; }
a.readmore { width: 80%; min-height:24px; font-size: 17px; position: absolute; bottom: 25px; padding-top:11px; display:block; text-align:left; color:#555555; font-weight:bold; text-decoration:none;-webkit-transition: color .35s ease-in;
-moz-transition: color .35s ease-in;
-o-transition: color .35s ease-in;
transition: color .35s ease-in;
-webkit-transition: background-color .2s ease-in;
-moz-transition: background-color .2s ease-in;
-o-transition: background-color .2s ease-in;
transition: background-color .2s ease-in; font-family:Candara, Arial; }
a.readmore:hover { color:#777; }
.span_6.col.noborder { position:relative; }
.span_6.col.noborder h3 { margin-top:10px; margin-bottom:14px; text-transform: uppercase; font-size: 21px; color:#fff; }
.span_6.col.noborder a.readmore { width: 50%; bottom:40px; }
body .span_8.col.noborder img { width:213px; float:left; }
.pagestory.home a.readmore { right:25px; background-image:none; }
.pagestory { padding-right:25px; }
.pagestory h2 { margin-top:0px; }
/* NEWS */
.pagestory { margin-bottom:6px; font-size:14px; font-family:Candara, Arial; }
.pagestory.home a.readmore { width: 30%; }
.date { font-family: Candara, Arial; margin-top:-10px; }
/* NIEUWS */
.nieuwsoverzicht { margin-bottom:40px; margin-top:40px; border-top: 1px dotted #ccc; padding-top:3px; }
.nieuwsoverzicht .pagestory { border-bottom: 1px dotted #ccc;padding-bottom:5px; }
/* MENU */
nav.col { border-bottom-width:0px }
/* BREADCRUMB */
#breadcrum {
margin-bottom: 30px;
margin-top: 10px;
}
.B_crumbBox {
margin-left:50px;
color: #888888;
font-size: 11px;
}
.B_crumbBox a {
color: #888888;
font-size: 11px;
}
/* HOME */
.textwhite { background-color:#fff !important; border-top-width:14px !important; }
.over-beauligne { background-color:#bdd599; width: 100%;padding:47px 25px 25px 25px !important; color:#fff; min-height:164px; margin-bottom:14px;display:block; }
.over-beauligne p { color:#fff; padding-right:30px; }
.adres { background-color:#414749; width: 100%; padding:47px 25px 25px 25px; min-height:156px; display:block; }
.adres h2, .over-beauligne h2 { font-family: 'Shadows Into Light Two', cursive; font-size: 30px; line-height:0px; margin:0px 0px 27px 0px !important; font-weight: normal !important; color:#fff; }
.adres p { color:#fff; float:left; margin-right:14px; }
.span_4.col.contact.bottom { background-image:url("../images/home-beauligne.jpg"); background-size: 100%; margin-top:0px; border-top-width: 14px !important; border-left-width:0px; }
/* ALGEMEEN */
.span_8.content { background-color:#fff; min-height:488px; margin-top:5px; padding-bottom:40px; }
/* FOOTER */
.footer.col img { width: inherit !important; }
.footer.col a.facebook { height: 30px; width: ; background-image:url("../images/facebook.png"); background-repeat: no-repeat; float:right; }
.footer.col a.linkedin { height: 30px; margin-left:10px; margin-right:60px; width: 30px; background-image:url("../images/linkedin.png"); background-repeat: no-repeat; float:right; margin-right:50px; }
.footer.col a.linkedin:hover { background-position: 0 -30px; }
/* CONTACT FORM */
.news-extra { width: 150px; min-height:30px; float:left; display:block; }
.contact-verzamel { width: 400px; min-height:40px; display:block; }
.contact-verzamel p { margin:0px; }
form .input { float:right; }
form textarea { width:397px; }
form { width:399px;padding-bottom:100px; }
form input { width: 207px; }
input#cfContact { float:right; background-color: #BDD599;
bottom: 25px;
color: #FFFFFF;
display: block;
font-family: Candara, Arial;
font-size: 15px;
min-height: 40px;
padding-top: 2px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.2s ease-in 0s;
width: 50%;
margin-top:10px;
border:0px;
cursor:pointer; }
input#cfContact:hover { background-color:#b0c68f; }
form#bestel_EmailForm { margin-top:50px; }
/* MOVE TO TOP button */
#back-top {
position: fixed;
bottom: 0px;
right:40px;
}
#back-top a {
width: 30px;
display: block;
text-align: center;
font: 11px/100% Candara, Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
/* background color transition */
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {
color: #000;
}
/* arrow icon (span tag) */
#back-top span {
background: none repeat scroll 0 0 padding-box #111111;
border: 1px solid #000000;
border-radius: 9px 9px 9px 9px;
bottom: 20px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 10px 10px rgba(255, 255, 255, 0.1) inset;
color: #FFFFFF;
font-family: sans-serif;
font-size: 1em;
font-weight: bold;
padding: 16px;
text-decoration: none;
text-shadow: 0 1px 0 #333333;
top: auto;
width: 20px;
height: 20px;
display:block;
z-index: 90;
background-image:url("../images/up.png");
background-position: center center;
background-repeat: no-repeat;
}
#back-top a:hover span {
background-color: #000;
}
/* Layout uitzonderingen */
.span_4.col.noborder { background-color:#707170 !important; padding-top:30px; padding-bottom: 30px; }
.span_4.col.noborder p { color:#f2f2f2 !important; }
.span_4.col.noborder h2 { color:#f2f2f2 !important; }
/*
Page is our center aligned 95% width container. We have set it's 'position' as relative
so that the Gridpak overlay will appear in the correct position. We have also updated
the gridpak.js file to use '.page' as it's container.span_4.col.verkauf.
*/
.page {
margin: 0 auto;
max-width: 1100px;
overflow:hidden;
position:relative;
}
/* Reusable column setup */
.col {
border:0px solid rgba(0,0,0,0);
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-moz-background-clip:padding-box !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important;
}
.span_5.col.noborder.logo { min-height:106px; background-color:#fff; border-left-width:0px; padding: 0px 0px 0px 0px; margin-bottom:0px; }
.links { width:50%;min-height:10px; float:left; }
.links h2 { font-size: 15px; color:#fff; margin-bottom:0px; margin-top:4px; }
.links p { font-size: 13px; color:#fff; line-height:16px; margin-bottom:0px; margin-top:5px; }
.rechts { width:45%;min-height:10px; float:right; }
.rechts h2 { font-size: 15px; color:#fff; margin-bottom:0px; margin-top:4px; }
.rechts p { font-size: 13px; color:#fff; line-height:16px; margin-top:5px; margin-bottom:0px; }
/* SOCIAL */
.social { width: 110px; height: 20px; display: block; position: absolute; right:336px; top: 74px; }
a.facebook { width: 30px; height: 30px; display: block; position: relative; float:left; background-image:url("../images/facebook.png"); text-indent:-5555px; }
a.facebook:hover { background-position: 0 -30px; }
a.twitter { width: 30px; height: 30px; display: block; position: relative; float:right; background-image:url("../images/twitter.png"); text-indent:-5555px; margin-right:5px; }
a.twitter:hover { background-position: 0 -30px; }
/* NAVIGATION */
nav{
margin: 0px;
}
nav ul#myajaxmenu { background-color:inherit;display:block; margin-left:0px; padding:0px; }
nav ul{
width: 100%;
}
ul#myajaxmenu { margin:0px; }
nav ul { position: relative; }
nav ul li:hover ul { width: 200px; min-height:10px; display: block !important;
opacity: 1; }
nav ul ul { width: 180px; min-height:10px; padding-left:0px; position: absolute; top:41px; padding-top:4px;
opacity: 0;
-webkit-transition: opacity .35s ease-in;
-moz-transition: opacity .35s ease-in;
-o-transition: opacity .35s ease-in;
transition: opacity .35s ease-in;
z-index:497; }
nav ul ul li { background-color:#f2f2f2; text-align:left; background-color:#444; }
nav ul li{
margin: 0 0 0 0;
text-align: center;
float: left;
list-style:none;
}
nav ul li li { width:inherit; }
nav ul li.active ul li a {
background-color:#444;
color:#fff;
}
nav ul li.active ul li a:hover { background-color:#BDD599; }
nav ul li li a {
background-color:inherit;
color:#f2f2f2; width:180px;
border-radius: 0px 0px 0px 0px;
font-size: 14px;
}
nav ul li li:hover { background-color:#666; }
nav a { text-decoration: none; margin: 0; display: block; padding: 12px 24px 11px 24px; margin: 0 0 0 0%; color:#fff; font-size: 16px;-webkit-transition: color .35s ease-in;
-moz-transition: color .35s ease-in;
-o-transition: color .35s ease-in;
transition: color .35s ease-in;
-webkit-transition: background-color .2s ease-in;
-moz-transition: background-color .2s ease-in;
-o-transition: background-color .2s ease-in;
transition: background-color .2s ease-in;
font-family: Candara, Arial;
}
nav a:hover { background-color:#c7dfa4; color:#fff; }
nav li.active { background-color:#c7dfa4; }
nav ul ul li a { padding:4px 15px 4px 15px; }
nav ul ul li a { padding-left: 13px; }
nav li.active a { color:#fff; background-color:#c7dfa4; }
.mobile { display:none; }
/* 1. 2 Column Grid 0px - 319px
-----------------------------------------------------------------------------
Span 1: 50%
Span 2: 100%
----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 500px) {
.row {
margin-left:0px;
}
.col {
border-left-width:0px;
padding:0 0px;
min-height:82px;
}
a.c2a { position: relative !important; margin-top:10px !important; margin: 0 auto !important; }
.topfoto { background-image:none !important; height:10px !important; }
.span_8.content { padding-left:27px; padding-right:27px; }
.span_4.col.content img { margin: 0 auto; margin-left:13% !important; }
.span_4.col.content { padding: 25px !important; padding-bottom:50px !important; }
body.home .span_4.col.contact { border-left-width:0px !important; border-right-width:0px !important; margin-left:0px !important; }
body { background-color:#ffffff !important; }
.col.logo { padding: 0px 0px 0px 0px !important; }
a.c2a { margin-top:144px; height:100px !important; left:0px; margin-bottom:0px; }
.topfoto { height:100px;margin-top:0px; background-size:130%; }
form input { width: 155px !important; }
.news-extra { width: 130px; }
select.nieuwsbrief { width: 316px !important; margin-right: 90px !important; }
form textarea#cfBericht { width: 290px !important; }
input#cfContact { float:left; margin-right: 30px; }
.span_4.col.verkauf img { display:none; }
nav ul li { width: 100%; }
.row.header { min-height:281px; padding-top:0px; }
.footer.col { min-height:30px; }
.pagestory.home a.readmore { width: 100%; }
.pagestory.home h2 { margin-top:25px; }
.span_4.col.noborder { padding-left:13px !important; }
.span_8.col.noborder { min-height:265px; overflow:hidden; padding-left:13px !important; }
.pagestory.home a.readmore { left:13px; }
a.readmore { width:95%; }
#aggregaat-klein { display:none; }
body { background-position: -625px -160px; }
.span_5.col.noborder.logo { min-height: 109px; }
.logo p { display:none; }
.span_6.col.noborder { display:none; }
#aggregaat { display:none; }
.mobile { display:block; }
.social { right:18px; }
row.header { min-height:70px; }
a.logo { margin: 0 auto !important; background-image:url("../images/beauligne-logo.jpg"); background-position: top center; background-size: 80%; width:100%; height:83px; }
row.header .col { min-height:82px !important; }
.span_8.col.noborder.vervolgpagina { padding-left:10px; }
/*
Add your semantic classnames in alongside their corresponding spans here. e.g.
.span_3,
.my_semantic_class_name {
...
}
*/
.span_1 {
width:50%;
}
/* Using .col to target ALL columns and make them 100% */
.span_2,
.col {
width:100%;
margin-left:0;
position:relative;
}
.span_8.col.noborder.vervolgpagina { background-color:inherit; }
.span_6.col.noborder { min-height: 248px; background-color:inherit; }
.pagestory.home a.readmore { width: 90%; }
nav ul ul { width:100%;position:relative; padding-top:0px; top:0px; margin-bottom:1px;margin-top:0px; }
nav ul li li a { width:100%; }
nav ul li:hover ul { width: 100%; min-height:10px; display: block !important; }
nav ul li li a { text-align:center; }
nav ul ul li a { padding-left:0px; }
nav li.isfolder a { background-image:url("../images/drop.png"); background-repeat: no-repeat; background-position: top right; background-position: right 4px; }
nav li.isfolder li a { min-height: 10px;background-image:none; background-repeat: no-repeat; background-position: top right; background-position: right 5px; }
nav.span_12 { min-height:45px; }
nav.col { min-height:75px;background-color:#fff; margin-bottom:0px; padding:0px 0px 0px 0px; }
nav ul#myajaxmenu { margin-top:0px; }
nav ul li { padding-left:0px; padding-right:0px; }
nav li { float:inherit !important; }
nav a { display:block; width:100%; min-height:30px;text-decoration: none; margin: 0; display: block; padding: 0px 0px 0px 0px; margin: 0 0 0 0%; color:#fff; font-size: 16px; background-color:#6a6a6c; margin-bottom:1px; padding-top:13px;
}
.span_4.col.noborder { padding-left:25px; }
.span_8.col.noborder { padding-bottom:60px; }
a.readmore { width: 93%; }
}
/* 2. 6 Column Grid 320px - 919px
-----------------------------------------------------------------------------
Span 1: 15.0%
Span 2: 32.0%
Span 3: 49.0%
Span 4: 66.0%
Span 5: 83.0%
Span 6: 1000%
----------------------------------------------------------------------------- */
@media screen and (min-width: 499px) and (max-width: 919px) {
.row {
}
.col { padding: 0px !important; }
body { background-color:#ffffff !important; }
a.c2a { margin-top:138px; left: 31%; }
.span_4.col.content { width:50% !important;padding-bottom:50px !important; }
.row h2 a { font-size:17px; }
nav a { border-right:0px !important; padding: 1px 0 !important; }
.span_6.col.noborder.aggregaat { display:none !important; }
nav li a.Welkom.bij.VehGro { background-image:inherit !important; }
nav li a.Diensten { background-image:inherit !important; }
body .span_8.col.noborder img { display:none; }
.pagestory h2 { margin-top:25px; }
.social { right: 52%; top:92px; }
a.logo { width: 100%; height:106px; background-image:url("../images/beauligne-logo.jpg"); background-size: 80%; background-position: center center; }
.col {
padding:0 25px;
}
.topfoto { background-size: 120%; }
.span_4.col.content { padding: 25px !important; }
nav ul li { width: 100%; }
nav ul li:hover ul { width: 100%; }
nav ul ul { top: 41px; width: 100%; }
nav a { width: 100%; padding-top:5px; padding-bottom: 5px; padding-right:0px; padding-left:0px;display:block; }
nav li.active a { padding-left:0px; padding-right:0px; }
nav ul ul li a { padding-left:0px; padding-right:0px; width: 100%; }
nav ul ul li { padding-left:0px; padding-right:0px; width: 100%; text-align:center; }
.span_8.col.noborder { min-height:275px !important; }
.span_8.col.noborder { position:relative; }
.span_4.col.noborder { min-height:275px !important; }
.pagestory.home a.readmore { width: 50%; }
#aggregaat { margin-top:2%; min-height:270px; }
.span_8.col.noborder.vervolgpagina { padding-left:10px; }
#aggregaat-klein { display:none !important; }
.text p { font-size: 13px; line-height:17px; }
.text h2 { margin-bottom:15px; }
body.home .span_4.col.contact { width: 100% !important; margin:0px 0px 0px 0px !important; padding-top:15px; border-left-width:0px; border-right-width:0px; }
.span_1 {
width:50%;
}
.span_2 {
width:50%;
}
.span_3,
.navigation,
.related_content {
width:50%;
}
.textwhite p { font-size: 16px; }
.span_3.col.noborder { width:25%; background-image:url("../images/bijlstra.jpg"); background-repeat: no-repeat; min-height:138px; padding:0px 0px 0px 0px; }
.span_4 {
width:50%;
}
.span_4.col.noborder { min-height: 250px; border-left-width:0px; border-right-width:23px; }
.span_4.col.noborder.rolgordijnen { border-left-width:12px; }
.span_4.col.content { width:33.3333333333%; background-size:100%; margin: 16px 0px 35px 0px; min-height:559px; border-left-width:0px;border-right-width: 0px; padding-top:35px; padding-bottom: 70px; position: relative; background-color:#fff; }
body.home .span_4.col.contact { padding-bottom: 70px;background-size:100%; min-height:380px;margin: 16px 0px 35px 0px; border-right-width: 23px; padding-top:35px;position: relative; }
.span_4.col.contact { width:50%; background-size:100%; min-height:380px;margin: 7px 0px 35px 0px; border-left-width:25px;border-right-width: 23px; padding-top:35px; padding-bottom: 75px; position: relative; }
.span_4.col.contact { }
form input { width: 180px; }
.span_5 {
width:50%;
}
.span_6,
.main_content {
width:100%;
}
.span_7 {
width:50%;
}
.span_8 {
width:50%;
border-left-width: 35px;
margin-top:0px;
}
.span_8.col.noborder { min-height:250px; border-left-width: 35px; padding-left:25px; }
.span_8.col.noborder.vervolgpagina { background-color:inherit;width: 66.6666667%; }
.span_8.col.noborder.logo { background-image:none; background-image:url("../images/body-bg.jpg"); background-repeat: repeat-x; min-height:116px; border-left-width:0px; margin-bottom:0px; }
.span_9 {
width:75%;
}
.span_6.col.noborder { padding-top:10px;border-left-width:35px; border-right-width:23px; border-top-width:35px; border-bottom-width:35px; min-height: 383px; background-color:inherit; }
.span_10 {
width:50%;
}
.span_11 {
width:50%;
}
.span_12,
.header,
.footer {
width:100%;
}
.span_12,
nav{
width:100%;
margin-left:0;
}
nav { min-height:45px;background-color:#6a6a6c; margin-bottom:0px; }
nav.col { min-height:75px;background-color:#fff; margin-bottom:0px; padding:0px 0px 0px 0px; }
nav.span_12 { min-height:45px; }
body.home .span_4.col.contact { border-right-width:0px; }
nav ul ul { width:100%;position:relative; padding-top:0px; top:0px; margin-bottom:1px;margin-top:0px; }
nav ul li li a { width:100%; }
nav ul li:hover ul { width: 100%; min-height:10px; display: block !important; }
nav ul li li a { text-align:center; }
nav ul ul li a { padding-left:0px; }
nav li.isfolder a { background-image:url("../images/drop.png"); background-repeat: no-repeat; background-position: top right; background-position: right 4px; }
nav li.isfolder li a { min-height: 10px;background-image:none; background-repeat: no-repeat; background-position: top right; background-position: right 5px; }
nav.span_12 { min-height:45px; }
nav.col { min-height:75px;background-color:#fff; margin-bottom:0px; padding:0px 0px 0px 0px; }
nav ul#myajaxmenu { margin-top:0px; }
nav ul li { padding-left:0px; padding-right:0px; }
nav li { float:inherit !important; }
nav a { display:block; width:100%; min-height:30px;text-decoration: none; margin: 0; display: block; padding: 0px 0px 0px 0px; margin: 0 0 0 0%; color:#fff; font-size: 16px; background-color:#6a6a6c; margin-bottom:1px; padding-top:13px !important;
}
}
/* 3. 12 Column Grid 920px - Infinity
-----------------------------------------------------------------------------
Span 1: 8.33333333333%
Span 2: 16.6666666667%
Span 3: 25.0%
Span 4: 33.3333333333%
Span 5: 41.6666666667%
Span 6: 50.0%
Span 7: 58.3333333333%
Span 8: 66.6666666667%
Span 9: 75.0%
Span 10: 83.3333333333%
Span 11: 91.6666666667%
Span 12: 100%
----------------------------------------------------------------------------- */
@media screen and (min-width: 920px) {
a.logo { margin-left:-30px; }
.footer.col p { width: 100%; display: block; margin:0 auto; padding-top:10px; }
.footer.col { text-align:center; }
nav li a.Welkom.bij.VehGro { background-image:url("../images/nav-home.png") !important; background-repeat: no-repeat; background-position: top center; }
nav li a.Over.ons { background-image:url("../images/over-ons.png") !important; background-repeat: no-repeat; background-position: top center; }
nav li a.Diensten { background-image:url("../images/nav-diensten.png") !important; background-repeat: no-repeat; background-position: top center; }
nav li a.Producten{ background-image:url("../images/producten.png") !important; background-repeat: no-repeat; background-position: top center; }
nav li a.Contact { background-image:url("../images/contact.png") !important; background-repeat: no-repeat; background-position: top center; }
.row {
}
.col {
padding:0 25px;
padding-top:8px;
}
.col.krap {
padding:0 0px;
border-
}
.span_8.col.noborder.vervolgpagina { padding-left:10px; }
/*
Add your semantic classnames in alongside their corresponding spans here. e.g.
.span_3,
.my_semantic_class_name {
...
}
*/
.span_1 {
width:8.33333333333%;
}
.span_2 {
width:16.6666666667%;
}
.span_3,
.navigation,
.related_content {
width:25.0%;
min-height: 138px;
}
.span_3.col.noborder { background-image:url("../images/bijlstra.jpg"); background-repeat: no-repeat; min-height:138px; padding:0px 0px 0px 0px; }
.span_4 {
width:33.3333333333%;
min-height: 301px;
}
.span_4.col.noborder { min-height: 300px; border-left-width:0px; border-right-width:32px;
border-left-width: 35px;
border-right-width: 33px;
margin: 0px 0 0px;}
.span_4.col.noborder.rolgordijnen { width: 55%; border-left-width:12px; }
.span_4.col.content { min-height:525px; background-size:100%; background-color:#fff; margin: 5px 0px 0px 0px; padding-top:20px; position: relative; }
.span_4.col.contact { min-height:264px; background-size:100%; margin: 5px 0px 0px 0px;border-left-width: 12px; background-image:url("../images/kontakt.jpg"); background-repeat: no-repeat; padding:0px 0px 0px 0px; position: relative; }
.span_5 {
width:41.6666666667%;
min-height: 100px;
}
.span_6,
.main_content {
width:50.0%;
min-height: 100px;
}
.span_7 {
width:58.3333333333%;
border-left-width:0px;
min-height: 106px;
}
.span_8 {
width:66.6666666667%;
margin-top:0px;
min-height: 301px;
background-image:url("../images/plissegordijnen.jpg"; background-repeat:no-repeat;)
}
.span_8.col.noborder { min-height:265px; padding:0px 0px 0px 25px; position:relative; border-left-width:0px; }
.span_8.col.noborder.vervolgpagina { background-color:inherit; }
.span_8.col.noborder.logo { background-image:none; background-color:inherit;background-image:i; background-repeat: repeat-x; min-height:281px; border-left-width:0px; margin-bottom:0px; }
.span_9 {
width:75.0%;
min-height: 138px;
}
.span_6.col.noborder { min-height: 248px; border-left-width:10px; float:right; background-color:inherit; }
.span_6.col.noborder.textwhite { min-height: 120px; border-left-width:10px; float:right; background-color:inherit; margin-top:30px; padding-top:17px;}
.span_10 {
width:83.3333333333%;
min-height: 100px;
}
.span_11 {
width:91.6666666667%;
min-height: 100px;
}
.span_12,
.header,
.footer {
width:100%;
min-height: 45px;
margin-left:0;
}
.span_12,
nav,
.menu{
width:100%;
min-height: 50px;
border-bottom-width:6px;
margin-left:0;
}
nav.col { background-color:#bdd599; margin-bottom:0px; padding:0px 0px 0px 0px; }
nav.span_12 { min-height:45px; }
}