/* Start of CMSMS style sheet 'Energy_point_CSS' */
* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 22px;
}

img {
   border: 0;
}

a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color: #000; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #000;           
}

a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #b21810;
}

/*****************
basic layout 
*****************/


body {
   /*background: url(uploads/images/layout/body_bg.jpg) left top repeat-x;*/
   background-color: #feeeb9;
   color: #000000;
   margin: 0;
}

div#pagewrapper {
   margin: 0;
   width: 996px;
   background: url(uploads/images/layout/logo_achtergrond.jpg) right top no-repeat;
   background-color: #feeeb9;
   color: #000;
}


/*** header ***/

div#header {
   height: 40px;     
}

div#header h1 a {
   display: none; 
}

div#header ul {
padding-left: 10px;
background-color: #FFF;
width: 280px;
height: 40px;
}

div#header ul li {
   background: url(uploads/images/layout/menu_icon_wit.jpg) left center no-repeat;
   display: inline;
   line-height: 40px;
}

div#header ul li a {
   color: #000;
   text-decoration: underline;
   padding-left: 15px;
   margin-right: 5px;
}

div#header ul li a:hover {
   color: #000;
   text-decoration: none;
}

#menu_horiz {
height: 30px;
width: 796px;
background-color: #ffba00;
}


div#search {
   float: right;
   width: 27em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div#content {
   margin: 0;
   min-height: 400px;
   _height: 400px;
   background: url(uploads/images/layout/bg.jpg) left top repeat-y;
}

div#main {
   margin-left: 290px;
   margin-right: 130px;
   width: 536px;
   .width: 506px;
   padding: 80px 20px 50px 20px;
}

div#sidebar {
   float: left;
   width: 290px;
   display: inline;
   margin: 0;
   background-color: #ffcc00;
}

div#sidebar_img {
   width: 290px;
   height: 190px;
   background: url(uploads/images/windmolens.jpg) left top no-repeat;
   background-color: #a3140c;
}

div#sidebar_img img {
   width: 290px;
   height: 190px;
}

div#home_button a {
   display: block;
   width: 280px;
   height: 30px;
   line-height: 30px;
   background-color: inherit;
   padding-left: 10px;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
}

div#home_button a:hover {
   display: block;
   background-color: #feeeb9;
   color: #000;
}

div#naw_block {
position: relative;
   left: 10px;
   top: 10px;
padding: 0 0 0 0;
}

div#footer {
   clear:both;
   position: relative;
   color: #000;
   font-size: 12px;
   background-color: #feeeb9;
}


div#footer_quality {
   width: 290px;
   height: 115px;
   background: url(uploads/images/layout/high_quality.gif) 80px 15px no-repeat;
   background-color: #ffcc00;
}

div#footer_block {
   position: absolute;
   right: 0px;
   top: 0px;
   width: 140px;
   height: 115px;
   padding: 0 0 0 0;
   margin: 0;
   text-align: left;
}

div#footer_block p {
   text-align: left;
   font-size: 11px;
   padding-top: 40px;
}

div.breadcrumbs {
   position: absolute;
   left: 290px;
   top: 0px;
   width: 306px;
   padding: 60px 20px 0px 20px;
   font-size: 12px;
   margin: 0;
   height: 55px;
}

div.breadcrumbs span.lastitem { 
   font-weight: bold; 
 }

div#footer p a {
   color: #000;
   text-decoration: underline;
}


/********************
CONTENT STYLING
*********************/

/* HEADINGS */
div#content h1 {
   font-size: 12px;
   line-height: 20px;
   margin: 0;
}

div#content h2 {
   color: #000; 
   font-size: 16px;
   font-weight: bold; 
   text-align: left; 
   line-height:20px;
   margin: 0 0 15px 0;
}

div#content h3 {
   color: #000; 
   font-size: 14px;
   font-weight: bold; 
   text-align: left; 
   line-height:20px;
   margin: 0 0 15px 0;
}

div#content h4, div#content h5, div#content h6 {
   color: #000; 
   font-size: 12px;
   font-weight: bold; 
   text-align: left; 
   line-height:20px;
   margin: 0 0 15px 0;
}

/* END HEADINGS */

/* TEXT */

p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

/* -----------------------------  CONTACTFORM STYLING  --------------------------- */

.formwrapper {
   color: #000;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.formwrapper input {
border: 1px solid #ffba00;
padding: 2px;
margin: 0 0 0 10px;
width: 180px;
background-color: #FFF;
font-size: 14px;
}

.formwrapper select {
border: 1px solid #ffba00;
padding: 2px;
margin: 0 0 0 10px;
width: 186px;
.width: 187px;
_width: 187px;
background-color: #FFF;
font-size: 14px;
}

.formwrapper textarea {
border: 1px solid #ffba00;
padding: 2px;
margin: 0 0 0 10px;
width: 300px;
height: 150px;
background-color: #FFF;
   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.formwrapper .fbsubmit {
border: 1px solid #ffba00;
padding: 2px;
margin: 0 0 0 10px;
width: 150px;
background-color: #ffcc00;
}

.searchsubmit {
border: 1px solid #ffba00;
padding: 2px;
margin: 0 0 0 10px;
width: 100px;
background-color: #ffcc00;
}

.searchinput {
border: 1px solid #ffba00;
padding: 3px;
margin: 0 0 0 10px;
width: 180px;
background-color: #FFF;
font-size: 14px;
}
}
/* End of 'Energy_point_CSS' */

