/*  
Theme Name: Duurzaam
Author URI: http://www.duurzameenergiethuis.nl
Version: 1.1
Author: Frank Peetoom
Description: Stylesheet Duurzame Energie Thuis.
*/

/*------------------------------------------------------------*/
/*                  General box layout                        */
/*------------------------------------------------------------*/

body {
  text-align: center; /* Needed for IE5 */
/*  overflow-y: scroll; qqqpbo added zodat er altijd een verticale scroll bar is - om te voorkomen dat beeld horizontaal heen en weer springt */
}

/* Set all basic properties here */
#container {
   width: 970px;
   margin: 0px auto;
   text-align: left;
   font-family: Verdana, Arial, Helvetica;
   font-size: 10px;
   color: #000000;
}

#header { 
   background: url('http://www.duurzameenergiethuis.nl/wp-content/themes/duurzaam/images/header.gif') top center; /* qqqpbo bottom -> top, full path omwille van ie6 */
   background-repeat: repeat-x;
   padding: 0px;
   height: 100px;
}

#l_sidebar { 
   float: left; 
   width: 225px;
   margin: 15px 0px 15px 0px;  /* slashes werken niet voor commenting in .css : '// t r b l' */
   padding : 0px;
}

#content { 
   margin: 15px 240px 15px 240px;
   padding: 0px;
   font-family: Trebuchet MS, Verdana, Sans-Serif;
   font-size: 13px;
}

#r_sidebar {
   float: right; 
   width: 225px;
   margin: 15px 0px 15px 0px;
   padding : 0px;
}

#footer {
   clear: both;
   text-align: center;
   height: 30px;
   padding-top: 10px;
   border-top: 1px solid #006892; 
}

/*------------------------------------------------------------*/
/*                     General styles                         */
/*------------------------------------------------------------*/

a, a:visited { 
   color: #0066cc;
   text-decoration: none;
}

a:hover {
   text-decoration: underline; 
}

/* Suppress border around images */
img {
   border: 0px;
}

/*------------------------------------------------------------*/
/*                      Header styles                         */
/*------------------------------------------------------------*/

#headerlogo_plus_title { /* qqqpbo added */
   float: left; 
   padding: 15px 0 0 15px; /* qqqpbo added gebruik padding ipv margin om double margin bug in ie6 te voorkomen */
   }
	
#headerlogo {
   /* position: relative; qqqpbo removed
   left: 15px;
   top: 15px; */
   }

#language
{
   /* position: absolute; qqqpbo removed
   left: 850px;
   top: 0px; */
   float: right; /* qqqpbo added */
   padding: 15px 15px 0 0; /* qqqpbo added gebruik padding ipv margin om double margin bug in ie6 te voorkomen */
}

#header h1 {
   color: #000000;
   font-size: 11px;
   font-family: Verdana, Helvetica, Arial, Sans-Serif;
   font-weight: bold;
   /* position: relative; qqqpbo removed
   left: 15px;
   top: 0px; */
   margin: 7px 0 0 0; /* qqqpbo added expliciete definitie nodig voor ie6! (en werkt ook goed voor alle andere browsers) */
   
}

/*------------------------------------------------------------*/
/*                     Nav-Menu styles                        */
/*------------------------------------------------------------*/

#navmenu {
   width: 100%;
   height: 25px;
   background-image: url('images/navmenu_black.gif');
   margin: 0px;
   padding: 0px;
}

#navmenu ul {
   padding: 4px 0px 0px 10px;
   padding: 4px 0px 0px 7px; /* qqqpbo added */
   margin: 0px;
}

#navmenu li {
   list-style-type: none;
   display: inline;
   margin: 0px 8px 0px 8px;
   font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-size: 11px;
}

#navmenu li a {
   text-decoration: none;
   color: #ffffff;
}

#navmenu li a:hover {
   color: #ffffff;
} 


/*------------------------------------------------------------*/
/*                     Content styles                         */
/*------------------------------------------------------------*/

/* h2 is used as the main header for search results, archives etc. */
#content h2 {
   color: #000000;
   font-size: 18px;
   font-family: Helvetica, Arial, Sans-Serif;
   font-weight: bold;
   line-height: 22px;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
}

/* Use h1 for the titles of posts, used by search engines */
#content h1 {
   color: #333333;
   font-size: 18px;
   font-family: Helvetica, Arial, Sans-Serif;
   font-weight: bold;
   margin: 0px;
   line-height: 22px;
}

#content h1 a {
   color: #006892;
   text-decoration: none;
}

#content h1 a:hover {
   color: #3366ff;
   text-decoration: none;
}

/* h3 is used for the date */
#content h3 {
   color: #aaaaaa;
   font-family: Trebuchet MS, Verdana, Sans-Serif;
   font-size: 11px;
   margin-top: 5px;
}

#content p {
   margin: 0px;
   font-size: 13px;
   line-height: 18px;
   padding: 0px 0px 10px 0px;
}

#content p img {
   border: none;
   margin-right: 15px;
   margin-bottom: 10px;
   padding: 0px 5px 15px 0px;
}

#content ol {
   list-style-type: decimal;
   line-height: 18px;
   margin: 0px;
   padding:
   0px 0px 10px 30px;
}

#content ul {
   list-style: none;
   margin: 0px;
   padding: 0px 0px 10px 0px;
}

#content li {
   margin: 0px;
   padding: 0px;
} 

#content ul li {
   list-style: square inside;
   margin: 0px 0px 0px 10px;
   padding: 5px 0px 0px 0px;
}

#content ul li a {
   color: #507AA5;
   text-decoration: none;
}

#content ul li a:hover {
   color: #507AA5;
   text-decoration: underline;
}

#content blockquote {
   margin: 0px 0px 0px 25px;
   padding: 0px 25px 0px 10px;
   font-style: italic;
   color: #666666;
   border-left: 1px solid #cccccc;
}

#content blockquote p {
   margin: 0px 0px 20px 0px;
   padding: 0px;
}

.postspace {
	height:32px;
	margin:0;
	padding:0;
	width:440px;
}

/*--------------------------------------------------------*/
/*              Content 2 column styles                   */
/*--------------------------------------------------------*/

#content_2col {
   margin: 15px 240px 15px 0px;
   padding: 0px;
   font-family: Trebuchet MS, Verdana, Sans-Serif;
   font-size: 13px;
}

#content_2col h1 {
   color: #0E5F7D;
   font-size: 18px;
   font-family: Helvetica, Arial, Sans-Serif;
   font-weight: bold;
   margin: 0px;
   line-height: 22px;
}

/*------------------------------------------------------------*/
/*                     Categories styles                      */
/*------------------------------------------------------------*/

#categories h1 {
   color: #333333;
   font-size: 12px;
   font-weight: bold;
   list-style: none;
   padding: 0px 0px 3px 0px;
   margin: 0px;
   border-bottom: 1px solid #0066cc;
}

#categories { /* qqqpbo added */
	margin-left: 15px;
	padding-bottom: 7px;
	}


#categories ul {
   list-style: none;
   margin: 0px 0px 0px 15px;
   margin:0 0 0 10px; /* qqqpbo added */
   padding:0 0 0 7px; /* qqqpbo added */
}

#categories ul.arrow li {
   list-style-image: url('images/arrow.gif');
   font-size: 11px;
   line-height: 12px;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px; 
}

#categories ul li li {
   list-style: disc outside;
   margin: 0px 0px 0px 0px;
}

#categories ul li a {
   color: #006892;
   text-decoration: none;
}

#categories ul li a:hover {
   color: #3366ff;
   text-decoration: underline;
}

/*------------------------------------------------------------*/
/*                 Call-out box styles                        */
/*------------------------------------------------------------*/

#calloutbox {
   margin: 0px 0px 10px 0px;
   background-color: #006892; /* H2World blue */
}

#calloutbox h1 {
   font-size: 11px;
   color: #ffffff;
   line-height: 15px;
   margin-left: 10px;
   margin-left: 15px; /* qqqpbo added */
   margin-bottom: 0px;
}

#calloutcontent {
   background-color: #ffffff;
   padding: 10px 15px 10px 15px;
   padding: 10px 15px 10px 0px; /* qqqpbo added */
   border-style: solid;
   border-width: 1px;
   border-color: #aaaaaa;
}

#calloutcontent ul {
   list-style: square outside;
   margin: 0px 0px 0px 0px;
   font-size: 10px;
   color: #000000;
   line-height: 11px;
   padding-left: 27px; /* qqqpbo added */
}

#calloutcontent li {
   /* margin-left: 10px; qqqpbo removed */
   margin-bottom: 4px;
   padding-left: 4px; /* qqqpbo added */
}

#calloutcontent ul li a {
   color: #0E5F7D;
   text-decoration: none;
}

#calloutcontent ul li a:hover {
   color: #507AA5;
   text-decoration: underline;
}

#calloutcontent img {
   margin-bottom: 10px;
}

/* qqqpbo adjusted syle for sidebar calloutbox’s with adds */
.advertentie #calloutcontent {
   padding-bottom: 0px;
   padding-left: 13px;
}

/*------------------------------------------------------------*/
/*                      Search styles                         */
/*------------------------------------------------------------*/

/* Search Submit Button */
#searchsubmit {
  font-size: 11px;
  color: #333333;
}

/*------------------------------------------------------------*/
/*                     Footer styles                          */
/*------------------------------------------------------------*/

#footer p {
   color: #333333;
   font-size: 10px;
}