/*

Design & Coding by VELOX Webdevelopment
For questions, pleaese contact info [at] veloxwebdevelopment [dot] nl

Zonnepaneelofferte.nl - "Titel hier"

*/

/* INDEX											*/
#content .index { width: 951px; height: 375px; }
#content .index .background { background: url('../images/index-background.jpg') no-repeat; width: 882px; height: 356px; margin: 0 0 0 30px; }
#content .index img { position: absolute; }
#content .index h1 { font-size: 26px; margin: 15px 30px 15px 30px; padding: 0; color: #000; float: left; width: 700px; }
#content .index h4 { font-size: 16px; margin: 15px 30px 5px 30px; padding: 0; color: #000; float: left; width: 600px; }
#content .index p { font-size: 15px; line-height: 20px; margin: 0 30px 0 30px; width: 600px; color: #333; text-align: justify; }
#content .index ul { list-style:  inside; display: inline; float: left; margin: 0 30px 0 30px; padding: 0; width: 600px; }
#content .index ul li { width: 600px; margin: 5px 0 0 0; font-size: 14px; color: #555; }
#content .index .button { float: left; float: left; width: 600px; margin: 5px 0 0 20px; }

#content .references-item { float: left; width: 410px; margin: 10px 10px 10px 30px; }
#content .references-item .ref-image { float: left; width: 210px; }
#content .references-item .ref-info { float: left; width: 200px; }
#content .references-item .ref-info h3 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
#content .references-item .ref-info p { margin: 0; padding: 0; line-height: 20px; }

/* LINKER CONTENT 									*/
#content .linker_content { width: 889px; height: auto; margin: 10px 0 0 32px; padding: 0 0 20px 0; float: left; overflow: hidden;  }
#content .linker_content h1 { font-size: 18px; color: #010101; margin: 0; padding: 0; width: 889px; }
#content .linker_content h1 a { color: #010101; text-decoration: none; }
#content .linker_content h2 { font-size: 20px; color: #010101; margin: 0; padding: 0; width: 889px;  border-bottom: 1px solid #dfdfdd; }
#content .linker_content h3 { font-size: 14px; font-weight: normal; color: #bc9155; margin: 0; padding: 0; line-height: 30px; width: 889px; border-bottom: 1px solid #dfdfdd;}
#content .linker_content h3 a { color: #bc9155; text-decoration: none; }
#content .linker_content h4 { font-size: 12px; font-weight: normal; color: #bc9155; margin: 0; padding: 0; line-height: 30px; width: 889px; margin: 0; font-size: 16px; }
#content .linker_content p { font-size: 13px; color: #5e5e5e; line-height: 20px; height: auto; float: left; width: 889px; margin: 5px 0 5px 0; padding: 0; text-align: justify;  }
#content .linker_content p span { color: #bc9155; }
#content .linker_content a { color: #5e5e5e; text-decoration: none; font-weight: bold; }
#content .linker_content a:hover { color: #bc9155; text-decoration: underline; }
#content .linker_content a.active { font-weight: strong;color: #bc9155; }
#content .linker_content p.vraag { width: 220px; float: left; }
#content .linker_content p.vraag1 { width: 220px; float: left; height: 34px; }
#content .linker_content p.antwoord { width: 267px; float: left; margin: 5px 0 5px 30px; }
#content .linker_content p.niet { width: 80px; float: left; }
#content .linker_content label.ant { font-size: 12px; color: #5e5e5e; float: left; width: 455px; margin: 5px 0 0 0; }
#content .linker_content .geen { display: none; }
#content .linker_content  ul { display: inline; list-style: none; float: left; margin: 0; padding: 0; }
#content .linker_content  ul li { float: left; margin: 0; padding: 0; }
#content .linker_content  ul.howdoesitwork { display: inline; list-style: none; float: left; margin: 15px 0 15px 0; padding: 0; }
#content .linker_content  ul.howdoesitwork li { float: left; margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #333; }


#content .linker_content fieldset { float: left; border: 1px solid #091d4d; background: #F2F2F2; margin: 15px 0 30px 0; padding: 0 15px 15px 15px; width: 857px; overflow: hidden; }
#content .linker_content fieldset legend { font-size: 16px; font-weight: bold; color: #091d4d; width: 847px; }
#content .linker_content fieldset legend  span { font-size: 12px; text-align: right; display: inline; float: right; padding: 3px 10px 0 0; }
#content .linker_content fieldset p { width: 800px; margin: 0 5px 5px 5px; font-size: 14px; }
#content .linker_content fieldset h1 { font-size: 18px; width: 800px; margin: 0 0 20px 0; }
#content .linker_content fieldset input { border: 1px solid #fff; }
#content .linker_content fieldset input:hover { border: 1px solid #ccc; }

/******* FORM *******/
#content .linker_content .customForm .inputfieldNormal { width: 800px; }
#content .linker_content .customForm label { display: block; color: #000; font-weight: bold; line-height: 20px; padding: 10px 20px 10px 0; width: 150px; float: left; text-align: right;}
#content .linker_content .customForm label.notActive { font-weight: normal; }
#content .linker_content .customForm .input { float: left; width: 260px; }
#content .linker_content .customForm .inputNormal { width: 260px;padding: 6px;  margin: 6px 0 6px 0; color: #000;font-size: 11px;border: 1px solid #cecece;}
#content .linker_content .customForm .inputNormal.error{background: #f8dbdb;border-color: #e77776;}
#content .linker_content .customForm .inputNormal.valid{background: #dcf8db;border-color: #86e776;}
#content .linker_content .customForm .textareaNormal {width: 260px;height: 100px;padding: 6px; margin: 6px 0 6px 0; color: #000;font-style: italic;font-size: 12px;border: 1px solid #cecece; line-height: 22px; font-size: 14px; float:left; }
#content .linker_content .customForm .textareaNormal.error{background: #f8dbdb;border-color: #e77776;}
#content .linker_content .customForm .textareaNormal.valid{background: #dcf8db;border-color: #86e776;}
#content .linker_content .customForm .selectNormal { width: 260px; height: 30px; padding: 6px;  margin: 6px 0 6px 0; color: #000;font-size: 11px;border: 1px solid #cecece;}
#content .linker_content .customForm .selectNormal.error{background: #f8dbdb;border-color: #e77776;}
#content .linker_content .customForm .selectNormal.valid{background: #dcf8db;border-color: #86e776;}
#content .linker_content .customForm .checkboxNormal {width: 20px;padding: 6px;color: #000;font-style: italic;font-size: 12px;border: 1px solid #cecece; font-size: 14px;}
#content .linker_content .customForm .checkboxNormal.error{background: #f8dbdb;border-color: #e77776;}
#content .linker_content .customForm .checkboxNormal.valid{background: #dcf8db;border-color: #86e776;}
#content .linker_content .customForm p.checkboxes { float: left; width: 260px; margin: 0; padding: 0; padding: 10px 0 10px 0; }
#content .linker_content .customForm span {   }
#content .linker_content .customForm span.normal { }
#content .linker_content .customForm span.error { color: #e46c6e;  }
#content .linker_content .customForm span.valid { color: #18a422; }
#content .linker_content .customForm .submitNormal { width: 200px; float: right; padding: 10px;color: #fff;font-size: 11px;border: 1px solid #cecece; background: #091d4d; margin: 30px 430px 10px 0; cursor: pointer;}
#content .linker_content .customForm .submitNormalVorige { width: 200px; float: left; padding: 10px;color: #000; font-size: 11px;border: 1px solid #555; background: #e2e6ed; margin: 25px 0 0 0; cursor: pointer;}
#content .linker_content .customForm .bullet { background: left top; margin: 10px 0 0 0; padding: 0; }
#leftContent .customForm p { margin: 5px; }
#error{margin-bottom: 20px;border: 1px solid #efefef;}
#error ul{list-style: square;padding: 5px;font-size: 11px;}
#error ul li{list-style-position: inside;line-height: 1.6em;}
#error ul li strong{color: #e46c6d;}
#error.valid ul li strong{color: #93d72e;}
/******* /FORM *******/


#content .linker_content .customForm .zopFirst { width: 250px; height: auto; float: left; margin: 10px 0 0 0; overflow: hidden; }
#content .linker_content .customForm .zopSecond { width: 250px; height: auto; float: left; margin: 10px 0 0 0; overflow: hidden; }
#content .linker_content .customForm .zopFirst p { width: 225px; text-align: left; }
#content .linker_content .customForm .zopSecond p { width: 225px; text-align: left; }
#content .linker_content .customForm ol { display: inline; float: left; margin: 0; padding: 0 0 0 25px; }

#content .linker_content .customForm .hoek { width: 125px; float: left; margin: 10px 0 0 0; }
#content .linker_content .customForm .hoek p { text-align: left; width: 110px; }

#content .linker_content .customForm .question1 { width: 240px; float: left; margin: 10px; background: #54985a; color: #fff; border: 3px solid #fff; padding: 10px; font-size: 16px; cursor: pointer; }
#content .linker_content .customForm .question2 { width: 300px; float: left; margin: 10px; background: #54985a; color: #fff; border: 3px solid #fff; padding: 10px; font-size: 16px; cursor: pointer; }
#content .linker_content .customForm .question3 { width: 375px; float: left; margin: 10px; background: #54985a; color: #fff; border: 3px solid #fff; padding: 10px; font-size: 16px; cursor: pointer; }

#content .linker_content .customForm .dakbedekking { width: 125px; float: left; margin: 10px 0 0 0; }
#content .linker_content .customForm .dakbedekking p { width: 125px; color: #393939; }

#content .linker_content .customForm .waterVerwarmen { width: 225px; height: auto; float: left; margin: 10px 0 0 0; }
#content .linker_content .customForm .waterVerwarmen p { width: 200px; overflow: hidden; text-align: left; }

#content .linker_content .customForm .questions { width: 300px; float: left; overflow: hidden; }

#content .linker_content .customForm .wayn { float: right; font-size: 16px; font-weight: bold; color: #091d4d; }
#content .linker_content .customForm .systeem-headings { width: 250px; float: left; }
#content .linker_content .customForm .systeem-questions { width: 550px; float: left; }

#content .linker_content .customForm .systeem-headings h1 { font-size: 18px; width: 250px; height: 106px; margin: 20px 0 20px 0; }
#content .linker_content .customForm .info { float: left; width: 500px; margin: 20px 0 0 0; }

#content .linker_content .system-box { width: 800px; float: left; border: 1px solid #ccc; background: #dedede; padding: 10px; margin: 15px 0 0 0; }
#content .linker_content .system-box .question { width: 340px; float: left; }
#content .linker_content .system-box p { margin: 15px; float: left; width: 60px; font-size: 20px; color: #000; }
#content .linker_content .system-box .question3 { width: 300px; float: left; margin: 0px; background: #54985a; color: #fff; border: 3px solid #fff; padding: 10px; font-size: 16px; cursor: pointer; }
#content .linker_content .system-box .question4 { width: 500px; float: left; margin: 0px; background: #54985a; color: #fff; border: 3px solid #fff; padding: 10px; font-size: 16px; cursor: pointer; }
#content .linker_content .system-box h1 { margin: 5px 0 5px 5px; }