@charset "utf-8";
/* CSS Document by x-plicit.be */


body
{
    background: url('../images/achtergrond_ssa.jpg') no-repeat fixed top center;
}
 
img{
	border:none;
}

html{
  height:100%;
}

*{ 
  margin:0; 
  padding:0;
}

/* Article */
h1{color:#ffffff;
  font-family: 'Open Sans', sans-serif; 
  text-shadow: 1px 3px 1px rgba(10, 10, 50, 10);
}

/* Article Category, archive */
h2{
color:#ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  letter-spacing:1px;
}

/* Module titles */
h3{
  color:#1d8ea5;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  letter-spacing:1px;
}

p{
  margin:0 0 10px;
}

ul{
  margin:0 0 10px 25px;
}

a{
}

a:hover{
}


/* Template */


.header-container{
  height:135px;
  margin:30px auto 0 auto;
  width:1000px;

}

.header-left{
  float:left;
  height:112px;
  margin:0 8px 0 -8px;
  width:359px;
}

.navigatie{
  float:left;
  height:80px;
  margin:32px 0 0;
  width:641px;
}

.slider-container{
  height:615px;
  margin:30px 0 30px;
  width:100%;
}

.clr{
  clear:both;
}

.container{
  margin:0 auto;
  width:1000px;
}

.modulestop-container{
  float:left;
  width:1000px;
}

.moduletop-titel{
  float:left;
  height:30px;
  margin:70px 0 45px 0;
  width:1000px;
}

.moduletop-content{
  float:left;
  height:292px;
  margin:0;
  width:1000px;
  margin:0 6px;
}

.slider-testimonials-background{
  background:#f6f6f6;
  height:400px;
  width:100%;
}

.slider-testimonials-container{
  height:400px;
  margin:0 auto;
  width:1000px;
}

.maincontent{
  float:left;
  width:1000px;
}

.titlebar{
	float:left;
	margin:25px 0;
	text-align:center;
	width:1000px;
}

.maincontent-left{
	float:left;
	margin:2px 0 0 75px;
	width:500px;
}

.contactdata{
	float:left;
	margin:0 75px 0 0;
	width:350px;
}

.contactformulier_rechts{
  float:left;
  width:350px;
  height:374px;
  margin:0 0 10px;
  background-image:url('../images/contact_bg2.png');
}

.rechts_input{
  width:320px;
  margin:25px 20px 20px;
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  line-height:1.4;
  letter-spacing:1.1;
  color:#7c8389;
}

.footer-background{
  height:36px;
  margin:0 auto;
  width:1000px;
}

.footer-bottom-left{
  float:left;
  text-align:left;
  width:500px;
}

.footer-bottom-right{
  float:left;
  text-align:right;
  width:500px;
}

.footer-nav{
  float:left;
  height:266px;
  margin:0;
  width:200px;
}


.footer-data{
  float:left;
  height:266px;
  margin:0;
  width:300px;
}

/*HOMEPAGE COMPONENT*/

.background_homepage{
  background-image:url('../images/component_bg.png');
  width:1010px;
  height:105px;
  margin: 5px 0 40px 0;
  float:left;
}

.tekst_homepage{
  float:left;
  color:#7c8389;
  font-family: 'Open Sans', sans-serif;
  margin:45px 90px;
  letter-spacing:1px;
  width:830px;
  text-align:center;
}

/*SUBBRANDS*/

.subbrands{
  width:1000px;
  margin:10px auto;
  height:340px;

}

.subbrands_container{
  width:1000px;
  float:left;
}
.subbrands_left{
  float:left;
  width:290px;
  height:330px;
  margin: 0 70px 0 0;
}

.subbrands_mid{
  float:left;
  width:280px;
  height: 330px;
  margin: 0 70px 0 0;
}

.subbrands_right{
  float:left;
  width:290px;
  height: 330px;
}

.subbrands_background{
  background-image:url('../images/subbrands_bg.png');
  width:290px;
  height:320px;
  text-align:center;
  padding-top:20px;

}

.subbrands_titel{
  width:280px;
 }


.subbrands_image{
  margin:40px 0 0 0;
  width:280px;
}
.subbrands_tekst{
  color:#7c8389;
  float:left;
  font-family: 'Open Sans', sans-serif;
  width:280px;
  font-size:13px;
  letter-spacing:1px;
  margin:20px 0 20px 0;
}

.subbrands-knop{
float:left;
  width:168px;
  height:48px;
}

a.subbrands-link{
float:left;
background-image: url('../images/subbrands-blue.png');
width:168px;
height:33px;
display:block;
font-family:'Open Sans', sans-serif;
font-size:13px;
color:#ffffff;
text-align:center;
  padding-top:15px;
  text-decoration:none;
  margin-left:55px;
}

a.subbrands-link:hover{
float:left;
background-image: url('../images/subbrands-blue-hover.png');
width:168px;
height:33px;
display:block;
font-family:'Open Sans', sans-serif;
font-size:13px;
color:#ffffff;
text-align:center;
  padding-top:15px;
  text-decoration:none;
   margin-left:55px;
}

a.subbrands-link2{
float:left;
background-image: url('../images/subbrands-gray.png');
width:168px;
height:33px;
display:block;
font-family:'Open Sans', sans-serif;
font-size:13px;
color:#ffffff;
text-align:center;
  padding-top:15px;
  text-decoration:none;
   margin-left:55px;
}

a.subbrands-link2:hover{
float:left;
background-image: url('../images/subbrands-gray-hover.png');
width:168px;
height:33px;
display:block;
font-family:'Open Sans', sans-serif;
font-size:13px;
color:#ffffff;
text-align:center;
  padding-top:15px;
  text-decoration:none;
   margin-left:55px;
}

/*ABOUT PAGE*/
.about_background{
    background-image:url('../images/achtergrond-about.png');
  width:1075px;
  height:1190px;
  margin-left:-10px;
  margin-top:-20px;
  margin-bottom:35px;
  padding-top:35px;
}

.about_container{
margin: 0px auto;
width: 1000px;
height:auto;
}

.about_top{
width:950px;
float:left;
margin: 0 0 25px 0;
}

.about_bottom{
width:1000px;
float:left;
  margin-left:30px;

}

.about_photo{
width:401px;
height:300px;
float:left;
margin: 0 50px 0 30px;
}

.about_ssa{
width:465px;
height:300px;
float:left;
font-family:'Open Sans', sans-serif;
font-size:13px;
color:#7c8389;
line-height:1.5;
  
}

.about_axel{
float:left;
width:401px;
  font-family:'Open Sans', sans-serif;
font-size:13px;
color:#7c8389;
line-height:1.5;
    margin: 0 50px 0 0;
}

.about_mike{
float:left;
width:485px;
  font-family:'Open Sans', sans-serif;
font-size:13px;
color:#7c8389;
line-height:1.5;
}

/*Product & Services*/

.about-container{
margin:15px 30px 0 30px;
  width:975px;
}

.filament_img{
float:left;
width:340px;
margin-left:20px;
  margin-top:-15px;

}

.filament_text_img{
float:center;
width:340px;
/*margin-left:130px;*/
margin-left:4px;
  margin-top:-48px;
}

.filament_text{
  float:left;
  width:540px;
  color:#7c8389;
  font-family: 'Open Sans', sans-serif;
  letter-spacing:1px;
  font-size:13px;
  margin:-20px 30px 0 30px;
  line-height:1.5;
}
.filament_text2{
  float:left;
  width:540px;
  color:#7c8389;
  font-family: 'Open Sans', sans-serif;
  letter-spacing:1px;
  font-size:13px;
  margin:-20px 30px 0 30px;
  line-height:1.5;
  text-align: right;
}

.productdesign{
  float:left;
  color:#7c8389;
  font-family: 'Open Sans', sans-serif;
  letter-spacing:1px;
  font-size:13px;
  margin:10px 20px;
  line-height:1.5;
  width:905px;
  
}

.prod_background{
  background-image:url('../images/prod_bg.png');
  width:1035px;
  height:650px;
  margin-left:-15px;
  margin-top:-20px;
  margin-bottom:35px;
  padding-top:45px;
}

.prod_background2{
  background-image:url('../images/prod_bg2.png');
  width:1035px;
  height:925px;
  margin-left:-15px;
  margin-top:-20px;
  margin-bottom:35px;
  padding-top:45px;
}

.prod_background3{
  background-image:url('../images/prod_bg3.png');
  width:1035px;
  height:2085px;
  margin-left:-15px;
  margin-top:-20px;
  margin-bottom:35px;
  padding-top:65px;
}

.prod_background4{
  background-image:url('../images/prod_bg4.png');
  width:785px;
  height:540px;
  margin-left:105px;
  margin-top:-20px;
  margin-bottom:35px;
  padding-top:65px;
}

/*Contactpagina*/

.contactform-container{
  float:left;
  height:auto;
  width:500px;
  font-family: 'Open Sans', sans-serif;
}

.contactform-row{
	float:left;
	margin:0 0 10px;
	width:500px;
}

.contactform-fieldname{
  float:left;
  margin:0;
  width:150px;
  font-family: 'Open Sans', sans-serif;
  font-size:12px;
  color:#ffffff;
  text-shadow: 1px 1px 1px rgba(10, 10, 50, 10);
  font-weight:bold;
}

.contactform-field{
	float:left;
	width:350px;
}

.contactform-container input.rsform-input-box{
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
  border:1px solid #a8a8a8;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
  font-size:13px;
  font-family: 'Open Sans', sans-serif;
  height:20px;
  line-height:19px;
  margin:0 0 5px;
  padding:5px 10px;
  width:278px;
  color:#262626;
}

.contactform-container input.rsform-input-box:focus, .contactform-container textarea.rsform-text-box:focus, .contactform-container select.rsform-select-box:focus{
  border:1px solid #5ea7c9;
}

.contactform-container textarea.rsform-text-box{
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
  border:1px solid #a8a8a8;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
  color:#262626;
  font-family: 'Open Sans', sans-serif;
  font-size:13px;
  height:186px;
  line-height:19px;
  padding:5px 10px;
  resize:none;
  width:278px;
}

.contactform-container .formError{
	color:#FF0000 !important;
	font-size:12px !important;
}

.rsform-submit-button{
  background:url(../images/verzenden.png);
  border:none;
  color:#ffffff;
  cursor:pointer;
  display:inline-block;
  font-size:16px;
  font-weight:bold;
  height:46px;
  line-height:16px;
  width:100px;
  margin:20px 0;
}

.linkbutton{
color:#ffffff;
text-decoration:none;
}