/*------------------------------------------------------------------------------
 * Theme Name: Praktijk Bilancia
 * Theme URI: http://praktijkbilancia.nl
 * Description: Praktijk Bilancia uit Zwartebroek. Centrum voor natuurgeneeskunde en vitaliteitsverbetering wat zorgt voor een juiste balans voor innerlijk en uiterlijk. 
 * Version: 1.0
 * Author: Fabien Tesselaar
 * Author URI: http://tessmore.com/
 *
 * Tags: vertikaal menu, wit, blauw
 *----------------------------------------------------------------------------*/

body {
  background:#fff url('images/bg.jpg') no-repeat center 20px;
  font: normal 14px/21px Arial;
  color: #555;
  width:100%;
  height:100%;
}

#fleur {position:absolute; top:0; left:0; width:100%; height:120%; background:url('images/flowerbg.jpg') no-repeat center bottom; z-index:-99}

strong {color: #7B3F78;}

ul,li,a, body{margin:0;padding:0;}
ul {list-style:none;}
a {text-decoration:none;}
img,a img {border:none; outline: none;}
a:active {border:none; outline:none;}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a { margin: 0; padding: 0;}

h1, h1 a { font-size: 25px; margin: 0 0 27px 0; }
h2, h2 a { font-size: 20px; margin: 24px 0 10px 0; }
h3, h3 a { font-size: 17px; margin: 25px 0 8px 0;}
p  { margin : 0 0 17px 0; }

h1, h1 a,h2, h2 a, h3, h3 a { color : #6c9f40; }

#container {
  z-index:99;
  width  : 960px;
  margin : 0 auto; 
}

#footer {float:left; width:960px; padding:40px 0 10px; background: url("images/stripe.png") no-repeat bottom center;}

#header {
  width: 960px;
  float:left;
  padding-top:15px;
}

#header h1 { text-indent : -9999px; float: left; margin:20px 0; padding:0;}
#header h3{ text-indent : -9999px; margin:0; padding:0;}

#header h1 a { 
  font-size: 30px; 
  display:block; 
  width : 960px; 
  height : 80px; 
  cursor: pointer;
  background: url('images/logo_bilancia.png') no-repeat center;
  margin:90px 0 20px 0; padding:0;
}

#hoofd-menu {
  padding: 2px 0;
  width: 940px;
  float : left;
  text-align:center;
}

#hoofd-menu li {display:inline; margin:0 20px 0 0;}

#hoofd-menu li a {
  font: bold 17px/22px Arial; 
  color: #6c9f40;
  -webkit-transition-duration: .2s;
}

#hoofd-menu li a:hover {
  color: #c6d8b4; 
}

a { color : #3a740f;}
a:hover { color : #7aa752; }


#sidebar {
  width   : 220px;
  float   : left; 
}

#sidebar ul {
  margin: 10px 0 0 0;
}

#sidebar ul li
{
  padding: 8px 0;
}

#sidebar ul li ul
{
  display:none;
  margin : 9px;
  list-style:circle;
}

#sidebar ul li ul li
{
  padding :4px 0;
  border : none;
}

#sidebar ul li a, #sidebar ul li ul li a {color:#6c9f40; font-weight:bold;}
#sidebar a:hover {color :#b5cd9e; }
#sidebar img {margin:20px;}

#content 
{
  padding : 20px 0 0 0;
  width : 700px;
  float : right; 
}

img
{
  display : inline;
  padding : 10px;
}

.nopadding { padding : 10px 0; }

table
{
  width : 680px;
  padding : 14px 0;
}

.table-small { width : 290px; }
.table-left  { width : 420px; }
.table-right { width : 130px; text-align : right; }

h4.table-head
{
  margin : 22px 0 0 0;
  width : 680px;
  height : 30px;
  line-height : 30px;
  font-weight: bold;
  font-size: 15px;
  border-top : 1px solid #111;
  border-bottom : 1px solid #111;
  text-align : center;
}

#contact ul li, #contact ul li a { color : #383428;}

a.post-edit-link { float: right; font-size: 12px; }

.alignleft { float : left;}
  img.alignleft {margin: 4px 30px 17px 0; }
.alignright { float : right;}
  img.alignright {margin: 4px 0 17px 30px; }

.clear { clear : both; }

ul#list { list-style : disc; margin : 14px 20px; }

a {
 -webkit-transition-duration: .15s;
 -webkit-transition-property: color;
  -o-transition-duration: .15s;
  -o-transition-property: color;
  transition-duration: .15s;
  transition-property: color;
}

#contact_form textarea
 {
  font-family: Arial;
  font-size: 14px;
  margin   : 4px 0;
  padding  : 9px;
  height   : 160px;
  width    : 402px;
  overflow : auto;
  border   : 1px solid #ddd;

  -moz-border-radius:5px; 
  -webkit-border-radius:5px; 
   border-radius:5px;
}

#contact_form input
 {
  font-size: 14px;
  margin  : 3px 0 12px 0;
  padding : 9px;
  width   : 200px;
  border  : 1px solid #ddd;

  -moz-border-radius:5px; 
  -webkit-border-radius:5px; 
  border-radius:5px;
}

input#send_button
{
  background : #f3f3f3;
  cursor: pointer;
}

#contact_form input:hover, #contact_form textarea:hover
{
  border: 1px solid #ccc;
}

#contact_form input:focus, #contact_form textarea:focus
{
  outline : none;
}

  #articles {
    float: left;
    padding: 0px 0 30px 0;
    width: 100%;
  }
    .article {
      margin: 0 0 25px 0;
      border-bottom : 1px solid #cdc5ac;
      border-bottom-style: dotted;
      width: 700px;
      float: left;
    }
      .article h3 {
        line-height: 18px;
        margin: 0 0 20px 1px;
      }
      .article h3 a {
        font-size: 20px;
      }
      .article-content img {
        width: auto;
        max-width: 700px;
        _width: expression(this.width > 700? 700 : true);
        height: auto;
        padding: 0;
        margin-top: 4px;
        margin-bottom: 4px;
      }
      .article-content span.thumbnail {
        width: 165px;
        height: 196px;
        margin: 5px 30px 0 0 !important;
        margin: 5px 15px 0 0;
        background: url('images/thumb_shadow.png') no-repeat bottom center;
        float: left;
      }
      .meta {
        width: 700px;
        text-align: right;
        float: left;
        padding: 10px 0 0 0;
      }
      .meta a {
        font-size: 15px;
        margin: 0 12px;
      }

.paging {
  font-size: 17px;
  text-align: center;
  float: left;
  width: 100%;
  height: 40px;
  margin: 20px 0;
  line-height: 40px;
}

img.aligncenter {width:300px; margin:20px 200px;}

#footer {text-align:center;}
#footer ul {padding:10px 0;}
#footer li a {color:#777;}
#footer li {display:inline; margin-right:14px; color:#777;}

img.nopadding {width:330px;}
img.left {margin-right:20px;}