/*
Theme Name: hanswagner
Theme URI: http://mief.nl/
Description: Hans wagner thema
Version: 0
Author: Rik van der Kemp
Author URI: http://mief.nl/
*/
/* CLEAR FIX */
.clearfix:after
{
  content             : ".";
  display             : block;
  height              : 0;
  clear               : both;
  visibility          : hidden;
}

.clearfix
{
  display             : inline-block;
}

/* Base stuff */
*
{
  text-decoration     : none;
  text-transform      : lowercase;
  margin              : 0;
  padding             : 0;
}

body
{
  background          : #1d2229 url("images/logo-backdrop.gif") no-repeat 0 -30px; /*font-family: Georgia, 'Times New Roman', Serif;*/
/*font-family: 'Trebuchet MS', Verdana, sans-serif;*/
  font-family         : 'Trebuchet MS', Verdana, sans-serif;
  color               : white;
  height              : 100%;
  width               : 100%;
}

a
{
  color               : white;
}

a:visited, a:active
{
  text-decoration     : none;
}

a:hover
{
  text-decoration     : underline;
}

p
{
  margin-bottom       : 10px;
}

h1, h2, h3, h4
{
/*  font-family: 'CenturyGothicRegular', sans-serif; */
}

/* Heading */
div#heading
{
  height              : 110px;
}

div#heading div#logo
{
  padding-left        : 37px;
  height              : 75px;
  line-height         : 75px;
  color               : #ddebf5;
}

div#heading div#logo div
{
  position            : relative;
  top                 : 27.5px;
  background          : url('images/heading-hanswagner.gif') no-repeat;
  width               : 344px;
  height              : 23px;
}

div#heading div#navigation
{
  font-size           : 0.8em;
  text-decoration     : none;
  line-height         : 33px;
  width               : 815px;
  height              : 35px;
  background          : transparent url("images/nav-bg.png") repeat;
  padding-left        : 37px;
  border-top          : 1px solid #202125;
  border-bottom       : 1px solid #202125;
  z-index             : 20;
  position            : absolute; /* :filter alpha(opacity=60) */
/* :-moz-opacity 0.6 */
/* :-khtml-opacity 0.6 */
/* :opacity 0.6 */
}

div#heading div#navigation ul
{
  list-style          : none none;
}

div#heading div#navigation ul li
{
  float               : left;
  margin-right        : 40px;
  padding-left        : 20px;
  display             : block;
  list-style          : none none;
  background          : transparent url("images/navigation-blocks.png") no-repeat 0 12px;
}

div#heading div#navigation ul li.current_page_item
{
  background          : transparent url("images/navigation-blocks.png") no-repeat 0 -25px;
}

div#heading div#navigation ul li.current_page_parent, div#heading div#navigation ul li.current_page_ancestor
{
  background          : transparent url("images/navigation-blocks.png") no-repeat 0 -25px;
}

/* Content */
div#contentWrapper
{
  font-size           : 1em;
  text-align          : justify;
  text-transform      : lowercase;
  margin-left         : 37px;
  width               : 800px;
}

div#contentWrapper div#contentInnerWrapper
{
  width               : 100%;
  min-height          : 400px;
}

div#contentWrapper div#contentInnerWrapper div#pageHeading
{
  padding-top         : 20px;
  padding-bottom      : 20px;
  margin              : 0;
  text-align          : right;
}

div#contentWrapper div#contentInnerWrapper div#pageHeading h1
{
  margin              : 0;
  padding             : 0;
  color               : #6699cc;
}

div#contentWrapper div#contentInnerWrapper div.two-columns div.col_1
{
  float               : left;
  width               : 372.5px;
}

div#contentWrapper div#contentInnerWrapper div.two-columns div.col_2
{
  float               : right;
  width               : 372.5px;
}

div#contentWrapper div#contentInnerWrapper div.two-columns br
{
  clear               : both;
}

div#contentWrapper div#contentInnerWrapper div.two-columns-sidebar div.col_1
{
/* +add-padding-all ( !defaultPadding ) */
  float               : left;
  width               : 286.667px; /* :background-color #13151a */
/* :background transparent url("images//nav-bg.png") repeat */
}

div#contentWrapper div#contentInnerWrapper div.two-columns-sidebar div.col_2
{
  float               : right;
  width               : 478.333px;
}

div#contentWrapper div#contentInnerWrapper div.two-columns-sidebar div.col_2 .heading
{
  margin-bottom       : 10px;
}

div#contentWrapper div#contentInnerWrapper div.two-columns-sidebar br
{
  clear               : both;
}

div#contentWrapper div#contentInnerWrapper div#pageHeading.nowrap img.divider
{
  margin-left         : 10px;
  margin-right        : 10px;
}

div#contentWrapper div#contentInnerWrapper div#pageHeading.nowrap h1
{
  color               : #6699cc;
}

div#content a
{
  text-decoration     : none;
  color               : #6699cc;
}

div#content a:hover
{
  text-decoration     : underline;
}

div.col_2
{
  font-size           : 0.9em;
  line-height         : 1.5em;

}

div.col_2 ul
{
  list-style-position : outside;
  margin-left         : 15px;

}

div#content p
{
  text-align          : justify; /*font-size: 0.9em;*/
}

.media-holder
{
  padding             : 20px;
  margin-bottom       : 20px;
  background          : transparent url("images/nav-bg.png") repeat;
}

.media-holder h3
{
  margin-bottom       : 10px;
}

.media-holder ul
{
  list-style          : none none;
}

.media-holder ul li
{
  font-size           : 0.8em;
  list-style          : none none;
  padding-left        : 20px;
  margin-bottom       : 5px;
}

.media-holder ul li a
{
  color               : white !important;
}

.postImages
{
  margin-bottom       : 20px;
}

.postImages img.heading
{
  margin-bottom       : 10px;
}

.postImages img.thumb
{
  border              : 1px solid transparent;
  margin-right        : 10px;
}

.postImages img.thumb:hover
{
  border              : 1px solid #6699cc;
}

div.overview-wrapper
{
  width               : 372.5px;
  margin-bottom       : 20px;
}

div.overview-wrapper div.overview-image
{
  float               : left;
  padding-top         : 25px;
  width               : 136px;
}

div.overview-wrapper div.overview-content
{
  float               : right;
  width               : 220px;
  font-size           : 0.7em;
  text-align          : justify;
}

div.overview-wrapper div.overview-content h2
{
  padding-bottom      : 10px;
  font-size           : 1.4em;
  text-align          : right;
}

/* Footer */
div#footer
{
  height: 20px;
  width               : 100%; /*height: 100%;*/
  padding-left        : 20px;
  background-color    : #16191e;
  line-height         : 20px;
  color               : #6699cc;
  position            : fixed;
  bottom              : -1px;
  font-size           : 0.6em;
}

div#footer a
{
  color               : #6699cc;
}

div#footer div.address {
 
    float: left;
}

div#footer div.big {
    display: none;
    color: #fff;
    font-size: 1.4em;
    padding-top: 5px;
}

em
{
  font-size           : 0.8em;
}

img.alignright
{
  float               : right;
  margin              : 20px;
}