/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


body {
margin:0;
padding:0;
color: #232323;
line-height: 1.450;
}

@font-face {
	font-family: 'Museo 500';
	src: url('../fonts/Museo-500.eot');
	src: url('../fonts/Museo-500.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Museo-500.woff2') format('woff2'),
		url('../fonts/Museo-500.woff') format('woff'),
		url('../fonts/Museo-500.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

body, p, td, td p {
font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
font-size: 16px;
}

h1, h2, h3, h4, h5, h6, p {
margin-bottom:20px;
}

h1 {
font-family: 'Museo 500';
font-size:34px;
color:#EE3533;
margin-bottom:15px;
}

h2 {
font-family: 'Museo 500';
font-size:34px;
}

h3 {
font-family: 'Museo 500';
font-size:26px;
}

a {
text-decoration:none;
color:#EE3533;
}

a:hover {
text-decoration:underline;
}

a:active, a:focus { 
outline: 0; 
} 

input {
-webkit-appearance: none;
}

#headerwrapper {
width: 100%;
height:auto;
}

#header {
width:100%;
max-width:1240px;
height:auto;
margin-left:auto;
margin-right:auto;
padding:20px 20px 20px 20px;
}

#logo {
float: left;
width:40%;
height:auto;
}

#logo img {
max-width:280px;
height:auto;
display:block;
}

#header-right {
float:left;
width:60%;
height:auto;
}

#social-lang {
width:auto;
float:right;
height:auto;
padding-bottom:10px;
text-align:right;
}

#social-lang img {
height:30px;
width:auto;
display:inline-block;

margin-left:5px;
margin-bottom:5px;
}

/*#social-lang div {
display:inline;
}*/

#link-mobile {
display:none;
}

#link {
clear:right;
width:100%;
height:auto;
text-align:right;
position:relative;
}

#link a {
display:block;
float:right;
width:auto;
padding:5px 10px 5px 10px;
background-color:#DDDDDD;
color:#666666;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
}

#link a span {
font-size:23px;
line-height:23px;
}

#link a:hover {
text-decoration:none;
background-color:#CCCCCC;
}

#navwrapper {
width: 100%;
height:auto;
background-color:#EEEEEE;
padding-top:6px;
padding-bottom:1px;
z-index:9;
}

#mobile-logo {
display:none;
}

#navwrapper.stick {
position:fixed;
top:0;
text-align:right;
}

#navwrapper.stick #mobile-logo {
display: block;
position:absolute;
top:0;
left:20px;
width:130px;
}

#navwrapper.stick #mobile-logo img {
max-width:100%;
height:auto;
}

#contentwrapper.stick {
margin-top:47px;
}

#nav {
width:100%;
max-width:1240px;
height:auto;
margin-left:auto;
margin-right:auto;
position:relative;
}

#sfeerwrapper {
width: 100%;
height:auto;
}

#sfeerwrapper div {
width:100%;
height:300px;
overflow:hidden;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}

#sfeerwrapper div img {
width:100%;
height:auto;
}

#contentwrapper {
width: 100%;
height:auto;
max-width:1240px;
padding:20px;
padding-bottom:50px;
margin-left:auto;
margin-right:auto;
}

#content {
float:left;
width:68%;
height:auto;
padding-right:30px;
}

#column {
float:left;
width:32%;
height:auto;
}

#mapwrapper {
float:left;
width:100%;
height:auto;
padding-top:30px;
}


#dealer {
padding:10px;
color:#FFFFFF;
background-image: url(../layout/bg-dealers.jpg);
background-position:center center;
background-size: cover;
margin-top:20px;
}

#column h3 {
font-size:22px;
font-weight:normal;
}

#dealer a.button-black {
width:100%;
}

a.button-black {
display:block;
float:left;
background-color:#040404;
color:#FFFFFF;
height:60px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
padding-left:50px;
text-align:center;
font-size:15px;
padding-top:9px;
line-height:18px;
margin-top:10px;
}

a.button-black span {
font-size:23px;
line-height:23px;
}

a.dealer {
background-image:url(../layout/icon-dealer.png);
background-repeat:no-repeat;
background-size: auto 40px;
background-position:9px 9px;
}

a.button-black:hover {
text-decoration:none;
background-color: #333333;
}

#cataloguswrapper {
width: 100%;
height:auto;
background-image:url(../layout/bg-catalogus.jpg);
background-position:top center;
background-size:cover;
}

#catalogus {
width:100%;
max-width:1240px;
padding:45px 20px 30px 20px;
margin-left:auto;
margin-right:auto;
height:auto;
text-align:center;
}

#catalogus h4 {
font-family: 'Museo 500';
color:#FFFFFF;
font-size:36px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

#catalogus p {
color:#FFFFFF;
font-size:24px;
font-weight:bold;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

#catalogus p a {
color:#FFFFFF;
text-decoration:underline;
}

#catalogus p a.catalogus {
text-decoration:none;
display:inline-block;
line-height:50px;
padding-left:20px;
padding-right:20px;
background-color:#FFFFFF;
text-shadow: none;
font-family: 'Museo 500';
color:#EE3533;
font-weight:normal;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
margin-top:15px;
}

#catalogus p a.catalogus.view {
margin-right:10px;
}

#catalogus p a.catalogus.download {
margin-left:10px;
color: #FFFFFF;
background-color:#EE3533;
}

#logoscroll {
width: 100%;
height:auto;
background-color:#EE3533;
}

#footerwrapper {
width: 100%;
height:auto;
background-color:#2F2F2F;
}

#footer {
width:100%;
max-width:1240px;
height:auto;
margin-left:auto;
margin-right:auto;
padding:20px;
padding-bottom:0;
color:#BFBFBF;
}

#footer h6 {
color:#FFFFFF;
font-weight:normal;
font-size: 22px;
}

#footer a {
color:#BFBFBF;
}

#footer p:last-child {
margin-bottom:0;
}

#footertext {
float:left;
width:52%;
height:auto;
padding-right:80px;
padding-bottom:20px;
}

#footertext p:last-child a {
color: #FFFFFF;
text-decoration:underline;
}

#footerlinks {
float:left;
width:24%;
height:auto;
padding-bottom:20px;
}

#footercontact {
float:left;
width:24%;
height:auto;
padding-bottom:20px;
}

#footercontact a:hover {
text-decoration: none;
color:#FFFFFF;
}

#copywrapper {
width: 100%;
height:auto;
background-color:#0E0E0E;
text-align:right;
}

#copy {
width:100%;
max-width:1240px;
height:auto;
margin-left:auto;
margin-right:auto;
padding: 10px 20px 10px 20px;
color:#666666;
font-size:12px;
}

#copy a {
color:#666666;
}

.clear {
clear:both;
}

@media screen and (max-width: 1200px) {

#floordesigner a.button-black {
width:100%;
}

a.floordesigner {
margin-right:0;
}

a.appstore {
margin-left:0;
}

} /* end mediaquery */

@media screen and (max-width: 950px) {

#content {
width:100%;
padding-right:0;
}

#column {
width:100%;
}

#sfeerwrapper div {
height:250px;
}



#floordesigner a.button-black {
width:49%;
}

a.floordesigner {
margin-right:1%;
}

a.appstore {
margin-left:1%;
}

#footertext {
padding-right:50px;
}

} /* end mediaquery */

@media screen and (max-width: 775px) {

#logo {
width:50%;
}



#header-right {
width:50%;
}

#search {
display:none;
}

#navprepend {
position:relative;
}
#social-lang {
width:100%;
}

#social-lang div {
display:block;
}

#social {
width:100%;
clear:both;
height:auto;
}

#lang {
clear: both;
width:100%;
height:auto;
}

#sfeerwrapper div {
height:200px;
}

#floordesigner a.button-black {
width:100%;
}

a.floordesigner {
margin-right:0;
}

a.appstore {
margin-left:0;
}

a.webshop {
margin-top:80px;
}

#footertext {
width:100%;
height:auto;
padding-right:0;
}

#footerlinks {
width:50%;
}

#footercontact {
width:50%;
}
} /* end mediaquery */

@media screen and (max-width: 700px) {

#header-right #link { display:none;}

#link-mobile {
display:block;
background-color:#dddddd;
text-align:center;
padding: 2px 10px;
}

#link-mobile a {
color:#666666;
}

} /* end mediaquery */

@media screen and (max-width: 550px) {

#logo {
width:100%;
text-align:center;
padding-top:40px;
}

#logo img {
max-width:60%;
height:auto;
display:inline-block;
}

#header-right {
position: absolute;
top:60px;
left:0;
width:100%;
}

#social {
width:100%;
float:left;
clear:none;
text-align:right;
padding-right:5px;
}


#breadcrumbs {
display:none;
}

#floordesigner, #webshop {
width:100%;
}

#floordesigner a.button-black {
width:49%;
}

a.floordesigner {
margin-right:1%;
}

a.appstore {
margin-left:1%;
}

a.webshop {
margin-top:10px;
}

} /* end mediaquery */
@media screen and (max-width: 500px) {
#footerlinks, #footercontact {
width:100%;
}

} /* end mediaquery */

@media screen and (max-width: 400px) {

#floordesigner a.button-black {
width:100%;
}

a.floordesigner {
margin-right:0;
}

a.appstore {
margin-left:0;
}

} /* end mediaquery */