/*

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

Zonnepaneelofferte.nl - "Titel hier"

*/

/****************************************************/
/* BODY												*/
/****************************************************/
body{ background: url('../images/bg.jpg') repeat-x #fff; font-size: 12px; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

/****************************************************/
/* CONTAINER 										*/
/****************************************************/
#container { width: 965px; height: auto; overflow: hidden; padding: 0; margin: auto; }

/****************************************************/
/* HEADER											*/
/****************************************************/
#header { width: 963px; height: 93px; background: url('../images/header.png') no-repeat; overflow: auto; padding: 0; margin: 11px 0 0 0; float: left; overflow: hidden; }
#header h1 { width: 397px; float: left; margin: 40px 0 0 39px;font-size: 28px; }
#header h1 a {  color: #666; text-decoration: none; }
#icons { width: 488px; margin: 0 39px 0 0; float: left; }
#icons ul { display: inline; list-style: none; margin: 0; padding: 0; margin: 0; }
#icons ul li { float:left; display: inline; }
#icons ul li a {  display: block; margin: 45px 9px 0 9px; }
#icons ul li.startpagina a { height: 15px; background: url('../images/icons/startpagina.jpg'); margin: 45px 9px 0 40px; }
#icons ul li.contact a { height: 11px; margin: 47px 9px 0 9px; background: url('../images/icons/contact.jpg'); }
#icons ul li.sitemap a { height: 16px; background: url('../images/icons/sitemap.jpg'); }
#icons ul li.hier { float: left; width: 80px; height: 50px; margin: 12px 0px 0 30px; padding: 0;  }
#icons ul li.hier a { margin: 0; padding: 0; }
#icons ul li.item { width: 16px; height: 11px; float: left; margin: 42px 9px 0 9px; }
#icons ul li.item a { margin: 0; padding: 0; }
#icons ul li.menu { float: left; width: auto; }
#icons ul li.menu a { color: #000; text-decoration: none; font-size: 14px; padding: 5px; margin: 41px 0 0 19px; }
#icons ul li.menu a:hover { background: #ccc; }

/****************************************************/
/* CONTENT	 										*/
/****************************************************/
#content { width: 963px; height: auto; overflow: hidden; background: url('../images/content_bg.png') repeat-y; overflow: hidden; padding: 0; margin: 0; float: left; }

#content .middle { margin: 0 0 0 7px; float: left; overflow: hidden; }
#content .header2 { width: 951px; height: 204px; background: url('../images/header_2.png') no-repeat; overflow: hidden; }
#content .headerImage { margin: 15px 0 15px 32px; }

/* INDEX											*/
#content .index { width: 949px; height: 423px; }
#content .index img { position: absolute; }
#content .index .headers { position: absolute; }
#content .index .headers h1 { font-size: 48px; margin: 0; padding: 0; }
#content .index .headers h2 { font-size: 22px; font-weight: normal; margin: 0; padding: 0; }
#content .index .headers h3 { font-size: 20px; font-weight: normal; margin: 0; padding: 0; }
#content .index .headers h1 a { color: #fff; text-decoration: none; margin: 0; padding: 30px 0 0 30px; width: 800px; float: left; }
#content .index .headers h2 a { color: #fff; text-decoration: none; margin: 0; padding: 10px 0 0 30px; width: 800px; float: left; }
#content .index .headers h3 a { color: #000; text-decoration: none; margin: 0; padding: 160px 0 0 45px; width: 800px; float: left; }

/* LINKER CONTENT 									*/
#content .linker_content { width: 539px; 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: 539px; }
#content .linker_content h1 a { color: #010101; text-decoration: none; }
#content .linker_content h3 { font-size: 14px; font-weight: normal; color: #bc9155; margin: 0; padding: 0; line-height: 30px; width: 539px; 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: 539px; margin: 0; font-size: 16px; }
#content .linker_content p { font-size: 13px; color: #5e5e5e; line-height: 20px; height: auto; float: left; width: 539px; margin: 5px 0 5px 0; padding: 0; text-align: justify;  }
#content .linker_content p span { }
#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.sitemap { display: inline; float: left; margin: 0; padding: 0; }
#content .linker_content  ul.sitemap li { float: left; width: 400px; height: 20px;  }
#content .linker_content  ul.sitemap li a { color: #5e5e5e; text-decoration: none; }
#content .linker_content  ul.sitemap li a:hover { text-decoration: underline;}

#content .linker_content  ol { display: inline; list-style: circle; margin: 0; padding: 10px 0 0 15px;float: left; }
#content .linker_content  ol li { font-size: 12px; line-height: 24px; color: #555; text-align: justify; width: 539px; }

#content .linker_content ul.po {  }
#content .linker_content ul.po li { float: left; width: 560px; margin: 2px 0 2px 0; font-size: 13px; color: #5e5e5e; line-height: 20px; }
#content .linker_content .newsItem { float: left; width: 570px; height: auto; overflow: hidden; border-bottom: 1px solid #dfdfdd; }
#content .linker_content .datum_news { float: left; width: 60px; height: 55px; background: url('../images/news/calendar.gif') no-repeat;  }
#content .linker_content .datum_news span { float: left; width: 47px; text-align: center; margin: 7px 0 0 0; color: #fff; }
#content .linker_content .datum_news p { margin: 0; padding: 0; float: left; width: 47px; text-align: center; font-size: 16px; margin: 5px 0 0 0; }
#content .linker_content .titel { float: left; width: 500px; margin: 5px 0 0 0; padding: 0; }
#content .linker_content .titel h1 a { font-size: 16px; color: #010101; margin: 0; padding: 0; text-decoration: none; }
#content .linker_content .titel h1 a:hover { border-bottom: 1px dashed #010101; }
#content .linker_content .titel h3 { border-bottom: 0; }

#content .linker_content fieldset { float: left; border: 1px solid #091d4d; background: #F2F2F2; margin: 0 0 30px 0; padding: 0 15px 15px 15px; width: 506px; }
#content .linker_content fieldset legend { font-size: 14px; color: #091d4d; }

#content .linker_content ul.list table { margin: 0 0 20px 0; padding: 0; float: left; border-bottom: 1px solid #f6f6f6; }
#content .linker_content ul.list tr { width: 541px; margin: 0; padding: 5px 0 5px 5px; height: auto; overflow: hidden; height: 30px; }
#content .linker_content ul.list tr .name { width: 139px; float: left; }
#content .linker_content ul.list tr .posting { width: 140px; float: left; }
#content .linker_content ul.list tr .reactions { width: 100px; float: left; }
#content .linker_content ul.list tr .latest { width: 120px; float: left; }
#content .linker_content ul.list tr span { font-weight: bold; font-size: 12px; margin: 0 10px 0 0; }
#content .linker_content ul.list tr a { color: #bc9155;; text-decoration: none; font-weight: bold; }
#content .linker_content ul.list tr a:hover { border-bottom: 1px dashed #500600; color: #bc9155; }
#content .linker_content ul.list tr a.top { text-decoration: none; color: #000; }
#content .linker_content ul.list tr a.top:hover { background: url('../images/icons/top-down.png') no-repeat right; border: none; cursor: pointer; color: #bc9155; }
#content .linker_content ul.list tr.bg1 { background: #f6f6f6; }
#content .linker_content ul.list tr td { margin: 0; padding: 5px; height: 30px; border-bottom: 1px solid #dfdfdd; overflow: hidden; }
#content .linker_content ul.list tr:hover { background: #fdfff3; }

/******* FORM *******/
#content .linker_content .customForm .inputfieldNormal { width: 483px; float: left;}
#content .linker_content .customForm .inputfieldNormalOther { display: none;}
#content .linker_content .customForm label{ display: block; color: #000; font-weight: bold; line-height: 20px; padding: 10px 20px 10px 0; width: 150px; float: left; }
#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: 200px;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 0 10px 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 *******/


/* RECHTER CONTENT									*/
#content .rechter_content { width: 284px; height: auto; margin: 10px 32px 0 0; padding: 0; float: right; overflow: hidden; }
#content .rechter_content h1 { font-size: 18px; color: #010101; margin: 0; padding: 0; }
#content .rechter_content h3 { font-size: 14px; font-weight: normal; color: #bc9155; margin: 0; padding: 0; line-height: 30px; border-bottom: 1px solid #dfdfdd; }

#content .rechter_content ul { display: inline; list-style: none; margin: 0; padding: 0; float: left;   }
#content .rechter_content ul li { float: left; width: 284px; margin: 0; background: #efefef; border-bottom: 1px solid #dfdfdd; }
#content .rechter_content ul li a { width: 284px; height: 38px; display: block; color: #5e5e5e; text-decoration: none; border: 0; }
#content .rechter_content ul li a:hover { background: #dfdfdd; border: 0; }
#content .rechter_content ul li span { position: absolute; float: left; margin: 12px 0 0 20px; width: 244px; height: auto; }
#content .rechter_content p { font-size: 12px; color: #5e5e5e; margin: 0; padding: 0; line-height: 20px; }
#content .rechter_content p span { color: #bc9155; }
#content .rechter_content p.question { margin: 5px 0 5px 0; }
#content .rechter_content p.linkpartners { font-size: 14px; font-weight: bold; }
#content .rechter_content p.linkpartners a { }
#content .rechter_content a { color: #5e5e5e; text-decoration: none; line-height: 20px; }
#content .rechter_content a:hover { border-bottom: 1px dashed #5e5e5e;  }
#content .rechter_content a.normal { font-size: 14px; font-weight: bold; }
#content .rechter_content .form { width: 280px; height: 20px; border: 1px solid #dfdfdd; overflow: hidden; }
#content .rechter_content .submit { width: 100px; background: #ccc; cursor: pointer; }
#content .rechter_content ul.tags { display: inline; list-style: none; margin: 0; padding: 0; float: left; }
#content .rechter_content ul.tags li { float: left; margin: 5px 10px 0 0; height: 35px; }
#content .rechter_content ul.tags li a { color: #5e5e5e; text-decoration: none; }

/****************************************************/
/* FOOTER											*/
/****************************************************/
#footer { width: 965px; height: 77px; background: url('../images/footer.png') no-repeat; overflow: hidden; padding: 0; margin: 0 0 40px 0; float: left; }

#footer  ul.footer_menu { display: inline; list-style: none; float: left; margin: 25px 0 0 39px; padding: 0; }
#footer  ul.footer_menu li { float: left; margin: 0 20px 0 0; padding: 0; list-style: square; }
#footer  ul.footer_menu li.start { list-style: none; }
#footer  ul.footer_menu li a { color: #393939; text-decoration: none; }
#footer  ul.footer_menu li a:hover { color: #393939; text-decoration: underline; }
#footer  ul.copyrights { display: inline; list-style: none; float: right; margin: 25px 39px 0 0; padding: 0; text-align: right; }
#footer  ul.copyrights li { float: left; margin: 0 5px 0 2px; color: #393939; }
#footer  ul.copyrights li a { color: #393939; text-decoration: none; }
#footer  ul.copyrights li a:hover { color: #393939; text-decoration: underline; }

#container .footerBottom h2 { float: left; margin: 8px 0 0 45px; padding: 0; width: 880px; color: #555; text-align: justify; line-height: 20px; }
#container .footerBottom p { float: left; margin: 8px 0 0 45px; padding: 0; width: 880px; color: #5e5e5e; text-align: justify; line-height: 20px; }

#container .tags { float: left; margin: 18px 0 0 45px; padding: 0; height: 95px; width: 600px; color: #000; text-align: justify; line-height: 20px; }
#container .tags a { color: #000; text-decoration: none; font-size: 12px; }
#container .tags a:hover { border-bottom: 1px dashed #5e5e5e; }
#container .top_solar { float: right; margin: 0 0 0 10px; padding: 0; }

#container ul.tagsFooter {float: left; margin: 18px 0 0 45px; padding: 0; height: 95px; width: 600px; color: #000; text-align: justify; line-height: 20px; display: inline; list-style: square; }
#container ul.tagsFooter li { float: left; margin: 0 5px 0 18px; }
#container ul.tagsFooter li a { color: #000; text-decoration: none; }
#container ul.tagsFooter li a:hover { border-bottom: 1px dashed #000; }
#container ul.tagsFooter li.home { list-style: none; margin: 0 5px 0 0; padding: 0; }

/****************************************************/
/* INFO BULLTS 										*/
/****************************************************/
#hintbox{ position: absolute;top: 0;background-color: lightyellow; width: 250px; margin: 0 0 0 10px; padding: 3px;border:1px solid black;font:normal 11px Verdana;line-height:18px;z-index:100;border-right: 3px solid black;
border-bottom: 3px solid black;visibility: hidden; }
.hintanchor{font-weight: bold;color: navy;margin: 3px 8px;}