@charset "UTF-8";
/* CSS Document */


/* Algemene Style */
.navBulletsWrapper {
	display:none;
}

body { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#container { width:960px; margin:0 auto; padding:0; }

h1 {font-size: 30px; font-weight: 100; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; font-style:italic; }
h2 { font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:100; color:#333; font-style: italic; }
h3 { font-size:25px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#F4F4F4; font-weight: 100; margin:0; }
h4 { font-size:15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight: 100; margin:0; padding-top:15px; text-align: center; }
p { color:#333; font-size: 15px; }
a { text-decoration: none; color:#A9CC56; }
#info-content-links a { color:#A9CC56;}
#info-content-rechts a { color:#A9CC56;}
#introtitel h1 { float:left;}
#vloeren_btn { float:right; margin-bottom:20px;}
a:visited { color:red; }
img { box-shadow: 0px 1px 5px #999999; }
.noShadow { box-shadow:none; }

/*Facebook plugin*/
.mdfbplikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.mdfbplikebox span a{color: #808080;text-decoration:none;}.mdfbplikebox span a:hover{text-decoration:underline;}#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("http://4.bp.blogspot.com/-GACw7ApUC7Q/T9yn4xcSjjI/AAAAAAAADU0/riFGzBVgF-k/s1600/md_vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}


/* algemene style tot hier */

/* header plus naviagatie style */
#header { height:300px; border-bottom:2px solid #333; background:#8BA847; margin:0; clear:both; }
#header img { height:300px; }
#navigatie { height: 0px; width: 100%;}
#navigatie ul{ list-style-type: none; margin: 0; padding: 0; }
#navigatie li{ float: left; }
#navigatie a { display: block; width: 125px;}
#navigatie a:link, a:visited{ background-color: #011e11; color: #FFFFFF; font-weight: bold; padding: 6px; padding-top:15px; padding-bottom:15px; text-align: center; text-decoration: none; text-transform: uppercase; }
#navigatie a:hover{ background-color:#8BA847; }
#navigatie a:active { background-color:#8BA847; }

/*homepagina style */
#welkomstteksten { clear:both; height:350px;}
#info-content-links { margin-top:50px; margin-bottom:50px; width:465px; float:left; }
#info-content-rechts { width:435px; float:right; margin-top:66px; }

#soortvloerBG { height:350px; background-color:#f9f9f9; clear:both; }
#soortenvloeren { height:350px; clear:both; padding-top:50px; }
#soortenvloerenonder { height:400px; clear:both;}
#contentlinkshome { width:300px; float:left; margin-right:30px; height:250px; margin-top:30px; }
#contentmiddenhome { width:300px; margin-right:30px; height:250px; float:left; margin-top:30px; }
#contentrechtshome { float:right; width:300px; height:250px; margin-top:30px; }
/* homestyle tot hier */

/*soortenvloeren pagina*/
#introtitle { margin-top:90px;}
#vloerenkeuzeBG { background-color:#fff; padding-top:5px; }
#mijnvloerenkeuze { clear:both; padding-top:10px; margin-bottom:25px; height:250px; }
#mijnvloerenkeuzerij2 { clear:both; padding-top:10px; margin-bottom:100px; height:250px; }
#contentlinksvloeren { width:300px; float:left; margin-right:30px; height:250px; margin-top:10px; text-align:center; }
#contentmiddenvloeren { width:300px; margin-right:30px; height:250px; float:left; margin-top:10px; text-align:center; }
#contentrechtsvloeren { float:right; width:300px; height:250px; margin-top:10px; text-align:center;}
#introtekstvloeren { clear:both; height:250px;}

/*vloer pagina*/
#vloerBG { height:300px; background-color:#fff; clear:both; }
#vloer { height:300px; clear:both; margin-top:30px; }
#contentlinksvloer { width:300px; float:left; margin-right:30px; height:250px; margin-top:10px; text-align:center; }
#contentmiddenvloer { width:300px; margin-right:30px; height:250px; float:left; margin-top:10px; text-align:center; }
#contentrechtsvloer { float:right; width:300px; height:250px; margin-top:10px; text-align:center;}

/*infovloer vloer pagina */
#parketvloereninfo { height:400px; background-color:#fff; clear:both; }
#infoparketvloeren { height:400px; clear:both; padding-top:20px; }
#contentlinksparket { width:300px; float:left; margin-right:30px; height:250px; margin-top:30px; text-align:center; }
#infoparket { width:630px; height:250px; float:left; margin-top:0px; text-align:center;}

/*submenu vloer pagina*/
#subnav { margin-top:58px;}
#subnav ul{ list-style-type: none; margin: 0; padding: 0; }
#subnav a { width: 295px; padding-left:30px;}
#subnav a:link, a:visited{ background-color: #011e11; color: #FFFFFF; font-weight:; padding: 6px; padding-top:15px; padding-bottom:15px; text-align: center; text-decoration: none; text-transform: uppercase; border-bottom:1px solid #777; }
#subnav a:hover{ background-color:#8BA847; }
#subnav a:active { background-color:#8BA847; }
.active { background-color:#8BA847 !important;}

/*contactpagina */
#contactcontent { clear:both; height:450px;}
#info-contact-links { margin-top:68px; margin-bottom:50px; width:465px; float:left; }
#info-contact-rechts { width:435px; float:right; margin-top:66px; }

/*onderhoud vloerenpagina*/
#offerteformulier {
    height:778px;
    margin-bottom:100px;
}


#contactfoto {
	margin:0;
	padding:0;
}

/* footerstyle */
#footer { height:300px; background-color:#011E11; clear:both; } 
#contact { float:left; padding-top:60px; width:320px; height:200px; }
#contacttext p { color:#ffffff; }
#contacttext a { color:#ffffff; }
#footermidden { width:320px; float:left; height:200px; }
#dienstenfooter { padding-top:60px; text-align: center; }
#dienstenfooter p { color:#ffffff; padding-left: 38px; text-align: left; width: 259px; }
#dienstenfooter a { color:#ffffff; text-decoration: none; }
#dienstenfooter a:hover { text-decoration: underline; }
#footerrechts { float:right; width:200px; height:200px; }
#footerrechts p { color:#fff; }
#socialfooter { margin-top:60px; text-align:left; }
#footerfb { background-image: url("images/socfac.png"); background-position: 0 -40px; height: 40px; margin: 10px 5px 0;  overflow: hidden; transition: all 0.2s ease-in-out 0s; width: 40px; }
#footerfb:hover { background-position: 0 0; }
.facelink:hover > .footerfb { background-position: 0 0; }
.inlink { opacity: 0; }





/* contactformulier style */
.contactform {
    width: 400px;
    background: #EEE;
    padding: 20px 30px 20px 30px;
    font: 12px Arial, "Times New Roman", Times, serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #DADADA;
}
.contactform h1 {
    font: 25px Arial, "Times New Roman", Times, serif;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #888;
}
.contactform h1>span {
    display: block;
    font-size: 11px;
}
.contactform label {
    display: block;
    margin: 0px 0px 5px;
}
.contactform label>span {
    float: left;
    width: 80px;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #888;
}
.contactform input[type="text"], .contactform input[type="email"], .contactform textarea,.contactform select{
    border: 1px solid #DADADA;
    color: #888;
    height: 24px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 70%;
    font: normal 12px/12px arial, "Times New Roman", Times, serif;
}
.contactform select {
    background: #FFF url('images/down-arrow.png') no-repeat right;
    background: #FFF url('images/down-arrow.png') no-repeat right);
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 72%;
    height: 30px;
}
.contactform textarea{
    height:100px;
}
.contactform .button {
    background: #E48F8F;
    border: none;
    padding: 10px 25px 10px 25px;
    color: #FFF;
}
.contactform .button:hover {
    background: #CF7A7A
}


/*offerte*/
#offerteformulier h2 {
    border-bottom: 1px solid #DADADA;
    color: #888888;
    display: block;
    font: 20px Arial,"Times New Roman",Times,serif;
    padding: 0 0 10px 40px;
}




.btn {
    background-color: #A9CC56;
    border: 1px solid #A9CC56;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    font-size: 15px;
    font-weight: 200;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: left;
    transition: all 0.25s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: 2154px30px;
}

.btn:hover {
    background-color: #8BA847;
    color: #FFFFFF;
    transition: all 0.25s ease 0s;
}