/*
Theme Name: Polsar
Theme URI: http://djaplat.webfactional.com
Description: Polsar Klimelementen
Version: 0.0.2
Author: Marc Beringen
Author URI: http://djaplat.webfactional.com

/* Begin Typography & Colors */

/* opmaak */
body { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #003366; background-color: #336699; }  
p { margin: 0px 0 8px 3px;}
a { color: #CC0000;}
a:visited {color: #336600;} 
a:hover {background-color: #CDE0EB;}  
ul {margin-top: 0;}
.img_topmargin {margin-top: 20px;margin-left: 15px;margin-right: 5px;}  
.img2 {margin-top: 20px;margin-left: 10px;margin-right: 10px;}
img { margin: 3px; padding:2px; border: 1px solid #CCC; }
img.thumb {border:none;}
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}



/* ------------------------------ headings ------------------------------------------ */
h1 { margin:0; padding:0;}

#Home h1 {background-image: url('images/headers/home.jpg');}
#Materiaal h1 {background-image: url('images/headers/materiaal.jpg');}
#Klimwanden h1 {background-image: url('images/headers/klimwanden.jpg');}
#Veiligheid h1 {background-image: url('images/headers/veiligheid.jpg');}
#Milieu h1 {background-image: url('images/headers/milieu.jpg');}
#Contact h1 {background-image: url('images/headers/contact.jpg');}
#Home h1, #Materiaal h1, #Klimwanden h1, #Veiligheid h1, #Milieu h1, #Contact h1  { height: 28px; width: 100%; margin-bottom: 20px; background-color:#DFE7EE; background-position: top left; background-repeat: no-repeat;}
h1 span {display:none;}
h2 {}
h2 { font-size: 100%; font-style: italic; } 
h3 { font-size: 90%; font-weight: bold; }
/* ------------------------------ einde headings ------------------------------------------ */


/* ------------------------------ layout-divs ------------------------------------------ */
#page { border-top: 1px solid #003366;  border-right: 1px solid #000000; background-image: url('images/bakr_tile.gif');background-repeat: repeat-x;width: 960px;}
#header { width: 920px; height: 111px; background-image: url('images/backgr_top.jpg'); background-repeat: no-repeat;}   
#logo {float: right; margin-top: 20px; background-image:url('images/logo.jpg');}
#logo h1, #logo h1 a {width: 291px; height: 79px; display:block;}
#logo a:hover {background: none;}
#logo span {display: none;}
#sidebar {float: left;width: 150px;height: 400px;background-image: url('images/backgr_sidebar.jpg');background-repeat: no-repeat;padding-top:150px;}
#content { margin-left: 150px; padding: 12px; padding-top: 20px; background-color: #FFFFFF; border: 1px solid #000000; border-right: none; }  
#footer { margin-left: 150px; padding: 10px 0 10px 0; font-size: 9px; color: #003366; text-align: left; }
/* ------------------------------ einde layout-divs ------------------------------------------ */

/* ---------------------------- menu ------------------------------------------------- */
#sidebar ul {list-style:none; margin:-10px 2px 1px;padding:0;}
#sidebar li span {display:none;}
li.home, li.materiaal, li.klimwanden, li.veiligheid, li.milieu, li.contact {float: left;width: 130px;height: 30px;margin-top: 10px;margin-left: 5px;}
li.home a, li.materiaal a, li.klimwanden a, li.veiligheid a, li.milieu a, li.contact a {display: block;margin: 0;padding: 0;width: 100%;height: 100%;overflow: hidden;}
li.home span, li.materiaal span, li.klimwanden span, li.veiligheid span, li.milieu span, li.contact span {display: block;height: 100%;} 

/* css rollovers */
li.home a {background-image: url('images/btn/home_btn.gif');}
li.home a:hover {background-image: url('images/btn/home_btn.gif');background-position: -135px;}
li.klimwanden a {background-image: url('images/btn/klimwanden_btn.gif');}
li.klimwanden a:hover {background-image: url('images/btn/klimwanden_btn.gif');background-position: -135px;}
li.materiaal a {background-image: url('images/btn/materiaal_btn.gif');}
li.materiaal a:hover {background-image: url('images/btn/materiaal_btn.gif');background-position: -135px;}
li.veiligheid a {background-image: url('images/btn/veiligheid_btn.gif');}
li.veiligheid a:hover {background-image: url('images/btn/veiligheid_btn.gif');background-position: -135px;} 
li.milieu a {background-image: url('images/btn/milieu_btn.gif');}
li.milieu a:hover {background-image: url('images/btn/milieu_btn.gif');background-position: -135px;}
li.contact a {background-image: url('images/btn/contact_btn.gif');}
li.contact a:hover {background-image: url('images/btn/contact_btn.gif');background-position: -135px;}
/* ---------------------------- einde menu ------------------------------------------------- */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0;  display: block; }
.center { text-align: center; }
.hidden { display: none; }
.left, .alignleft { float:left; position:relative;}
.right, .alignright { float: right; position:relative;}
.clear {clear:both;}
.padright {margin-right:10px;}
.padleft {margin-left: 10px;}
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
a img.size-full {border:1px solid #CCC;}
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }




/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist {  padding: 0;  text-align: justify;  }
.commentlist li {  margin: 15px 0 10px;  padding: 5px 5px 10px 10px;  list-style: none;  }
.commentlist li ul li {   margin-right: -5px;  margin-left: 10px;}
.commentlist p {  margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {  margin: 5px 0;  }
.nocomments {  text-align: center;  margin: 0;  padding: 0;  }
.commentmetadata {  margin: 0;  display: block;  }
/* End Comments */

#sidebar form {  margin: 0;  }
/* End Sidebar */

/* Begin Calendar */
#wp-calendar {  empty-cells: show;  margin: 10px auto 0;  width: 155px;  }
#wp-calendar #next a {  padding-right: 10px;  text-align: right;  }
#wp-calendar #prev a {  padding-left: 10px;  text-align: left;  }
#wp-calendar a {  display: block;  }
#wp-calendar caption {  text-align: center;  width: 100%;  }
#wp-calendar td {  padding: 3px 0;  text-align: center;  }
#wp-calendar td.pad:hover { /* Doesn't work in IE */
  background-color: #fff; }
/* End Calendar */

/*--------------------------- wp gallery -------------------------------- */
div.photogalleria .show_gallery li { background: none; }