@charset "utf-8";
/*
Theme Name: Schuurontwerpen Style
Theme URI: http://www.schuurontwerpen.nl/
Description: Schuurontwerpen Theme.
Version: 1.5
Author: Arjan Nijmeijer
Author URI: http://www.nijm.nl/
Tags: fixed width, two columns, three columns, widgets, special

Nijm Theme by Arjan Nijmeijer || http://www.nijm.nl
Modifications by Arjan Nijmeijer || http://www.nijm.nl
This theme is the main theme for Nijm Webdesign and Hosting.

1. RESET
2. BASE
3. MAIN
4. HEADER
*/

/********** 1. RESET **********/
main, article, section, aside, hgroup, nav, header, footer, figure, figcaption { display: block; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/********** 2. BASE **********/
h1 { font-size:138.5%; }
h2 { font-size:123.1%; }
h3 { font-size:108%; }
h1,h2,h3 { margin:0.5em 0;}
h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }
abbr,acronym { border-bottom:1px dotted #000;cursor:help;} 
em { font-style:italic;}
blockquote,ul,ol,dl { margin:1em;}
ol,ul,dl { margin-left:2em;}
ol li { list-style: decimal outside; }
ul li { list-style: disc outside;}
dl dd { margin-left:1em;}
th,td { padding:.5em; }
th { font-weight:bold; text-align:center;}
caption { margin-bottom:.5em;text-align:center;}
p,fieldset,table { margin-bottom:1em; }

/* Main */

body { background:#fdfefe; font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size:100%; }

.wrapper { width: 960px; max-width: 100%; margin: 0 auto; }

/* Header */

#header { color: #b3afa2; background: #443819; width: 100%; height: 50px; margin: 0 auto; display: block; }
#header .social-media { line-height: 50px; float: left; font-style: bold; }
#header .header-info { width: 500px; float: right; font-style: bold; }
#header .header-info .phone-number { float: right; margin: 15px 20px 0 5px; }
#header .header-info .mail { float: right; margin-top: 15px; }
#header .header-info .phone-icon { float: right; margin-top: 12px; }
#header .header-info .mail-icon { float: right; margin: 12px 5px 0 20px; }

/* Menu */

#menu { background: url('assets/images/menu-achtergrond.jpg') no-repeat center; background-size: cover; width:100%; height: 80px; margin:0 ; display: block; float: none;}
#menu ul { margin: 0; padding: 0; }
#menu li {  line-height: 74px; margin: 0; float: left; list-style: none; }
#menu li a { float:right; padding:0 25px; height: 74px;  color: #FFFFFF; font-size: 15px; font-weight: normal; display: block; text-decoration: none }
#menu li a:hover {  }
#menu li.current_page_item a {  }


#menu .logo { height: 74px; line-height: 6; max-width: 100%; width: 60%; float: left; }

/* Slideshow */
#slideshow { float: none; }
#slideshow img { width: 100%; }

/* Content */
#content { background: #FFFFFF; width: 100%; margin: 40px 0 160px 0;  max-width: 100%;  float: left; display: block; }
#content article {  }
#content h1 { font-weight: 300; }
#content h2 { font-weight: 300; }
#content label { font-weight: bold; margin-right: 50px; }
#content select { width: 400px; height: 35px; color: #dcdcdc; border-color: #dcdcdc;}
#content option { font-style: italic; }
#content #afmeting { margin-left: 7px; }
#content #submit { background-color: #2ebd59; height: 35px; width: 200px; border: none; border-bottom: #1e7c3a solid 2px; border-radius: 2px; color: #fff; font-size: 20px;  text-decoration: none;  cursor: pointer; }
#content #submit-home  { background-color: #2ebd59; height: 35px; width: 250px; border: none; border-bottom: #1e7c3a solid 2px; border-radius: 2px; color: #fff; font-size: 20px;  text-decoration: none;  cursor: pointer; }

/* Home Pagina */
.home { background: url('assets/images/achtergrond.jpg') no-repeat; background-color: none; background-size: cover; }
.home #menu { background:none; }
.home #footer { display: none; }
.home #content .entry-header { display: none; }
.home #content { margin: 140px 0 350px 0; background: none; color: #FFFFFF; font-weight: 100; }
.home #content article { width: 100%; }
.home #content h1 { font-size: 200%; font-weight: 100; }
.home #header { display: none; }

.home #home-footer { float: right; color: #b3afa2; background: #443819; width: 100%; height: 50px; margin: 0 auto; display: block; }
.home #home-footer .social-media { line-height: 50px; float: left; font-style: bold; }
.home #home-footer .header-info {  width: 500px; float: right; font-style: bold; }
.home #home-footer .phone-number { float: right; margin: 15px 20px 0 5px; }
.home #home-footer .mail { float: right; margin-top: 15px; }
.home #home-footer .phone-icon { float: right; margin-top: 12px; }
.home #home-footer .mail-icon { float: right; margin: 12px 5px 0 20px; }

#submit-home{
  display:block;
  margin: 0 auto;
  line-height: 1.8;
  background: #2ebd59;
  height: 35px;
  width: 250px;
  border: none;
  border-bottom: #1e7c3a solid 2px;
  border-radius: 2px;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  cursor: pointer;
}

#submit-home:hover{
	background:#1e7c3a !important;
}

#ontwerpsysteem{ }
#ontwerpsysteem #step2, #ontwerpsysteem #step3, #ontwerpsysteem #step4, #ontwerpsysteem #step5{
	display:none;
}
#ontwerpsysteem input, #ontwerpsysteem select{ padding:5px 10px; }


/* Footer */
#footer { background: #f0ece4; width: 100%; height: 220px; margin: 0 auto; display: block; float: left; }
#home-footer { display: none; }

/* TextEditor */
img.alignright { margin: 0 0 1em 1em; float: right; }
img.alignleft { margin: 0 1em 1em 0; float: left; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin-left: auto; margin-right: auto;  display: block; }

.wpcf7-text { padding:5px; }

#ontwerpsysteem .button, .wpcf7-submit{
  display:block;
  font-size:80%;
  background-color: #2ebd59;
  height: 35px;
  line-height:35px;
  width: 150px;
  border: none;
  border-bottom: #1e7c3a solid 2px;
  border-radius: 2px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  text-align:center;
  margin:10px 0 10px 0;
}

.dd-container{ margin-bottom:5px;}
.dd-selected{ height: 15px; }
.dd-selected-image{ height:16px; }
.dd-selected-description{ display:none !important;}
hr{ clear:both; margin-top:10px; }


/********** MOBILE **********/
@media screen and ( max-width : 765px ){
     
      #quickacces{ display:none; }
     
      #header { width: 100%; float:none; text-align:center; }
      #header .title-area { width: 100%; float:none; }
      #header .title-area h1 { margin: 0;}
      #header .title-area br { display: none; }
      #header .title-area .site-title { margin: 0; }
      #header .slogan { width: 100%; margin:0; float: none; }
      #header .inner > div{ display:none; }
      #headermenu { display: none; }
    
      #menu { width: 100%; height:auto; float:none;}
      #menu ul { float:none;} 
      #menu li { margin-bottom: 1px; }
      #menu li a { padding:0; text-align:center; }
      #menu ul li, li a { width: 100%; float:none; }
      #menu li.current_page_item a { background: #FFFFFF; color:#FFF; border: 0;}
     
      .inner{ padding: 12px; }
	  
      #content article { width: 100%; float: none; }   
      article.block { width:100% !important; margin:0 !important; padding:0; float: none; }
      #content #maincontent { padding: 0 0 20px 0; float:none; }
      #content #maincontent { width: 100%; float: none; }
      #content .content1 img { width: 100%; float: none; }
      
     
      #sidebar { margin:0; padding:0; width:100%; margin: 20px 0 0 0; text-align: center; float:none; clear: both; }
     
      #sidebar .widget .title { padding:5px 0; }
      #sidebar .widget { width:100%; float: none; }
      #slider { display:none; }
      #sidebar .widget #latestNews .newsItem .url { color: #000; }
      #sidebar .linkOverzicht { float:none; }

     
      #footerContent .block { width:100%; float:none; }
      #footer { width: 100%; height:auto; padding-top:20px;  text-align: center; float: none; }
      #footer .footerInfo { float: none; padding: 0; }
      #footer .extraInfo { float: none; padding: 0; }
     
      #innerFooter { height:auto !important; }
      #footerContent { padding-top:20px 0 0 0; }
     
      #footer #credits { width:auto; margin:20px 0; text-align:center; float:none; }
     
      #footer .credits { position: relative; float:none; }
}