/*  
Theme Name: Oefentherapie Cesar
Author: Karen Folkertsma
Author URI: http://www.karenfolkertsma.nl/
*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td,img {
margin: 0;
padding: 0;
}

/* Removes list-style from lists */
ol, ul {
list-style: none;
}

/* Removes border from fieldset and img */
fieldset,img {
border: 0;
}

/* layout en kleuren */

html {
text-align: center
}

body {
background-color: #fff;
background-image: url("images/header-streep.gif");
background-repeat: repeat-x;
background-attachment: scroll;
position: relative;
width: 800px; 
margin: auto; 
text-align : left;
}

body#home {
background-color: #006;
background-image: url("images/header-streep-home.gif");
}

div#branding  {
background: url("images/header.gif") no-repeat;
height: 165px;
border-bottom: 10px none
}
body#home div#branding {
background-image: url("images/header-home.gif")
}

h1, div#branding h2 { 
text-indent: -9999px; 
}

div#container {
position: relative;
padding: 0.5em 0;
height: auto !important;
min-height: 530px;
z-index: 1;
left: 0;
}


body#home div#container { 
position: relative;
padding: 10px 0;
}

div#nav_main {
position: absolute;
width: 195px;
padding: 0 0 -20px 20px;
height: auto !important;
min-height: 398px;
z-index: 2;
padding-top: 32px;
}


div#nav_main ul,ol{
list-style: none;
}

div#nav_main li a {
display: block;
padding: 0 0 .5em 0;
color: #669;
font-size: 110%;
font-weight: bold;
text-decoration: none;
}

body#home div#nav_main li a {
color: #ccf;
text-decoration: none;
}

div#nav_main .current_page_item a, div#nav_main li.current_page_ancestor a  {
color: #f09
}

div#nav_main li a:hover {
color: #006;
text-decoration: underline;
}

body#home div#nav_main li a:hover {
color: #99c;
text-decoration: underline;
}

div#nav_main li li.page_item a {
padding: .25em 20px; 
text-align: left;
display: block;
font-size: 95%; 
font-weight: normal;  
color: #669;
}

div#nav_main li li.current_page_item a  {
color: #f09
}

div#nav_main li li a:hover {
color: #006;
text-decoration: underline;
}

div#content_main {
margin-left: 200px;
position: absolute;
padding: 1em 20px 1em 15px;
width: 550px;
height: auto !important;
min-height: 398px;
border-left: 2px dashed #006;
z-index: 3;
}

body#home div#content_main {
border-left: 2px dashed #99c;
min-height: 315px;
/* Hack for min-height in IE6 */
  height:auto !important;
  height:315px;
}

/* typography.css */

body {
color: #333;
font: 80%/1.5 "Trebuchet MS", Verdana, sans-serif
}

h2, h3, h4, h5, h6 {
color: #006;
font-weight: bold
}

p { 
font-size : 100%; 
margin-bottom: 1em;
}

address {
font-weight: bold;
}

h2 { 
font-size: 160% ; 
margin-top: 0;
margin-bottom: 1em;
}

h3 { 
font-size: 110% ;
}

body#home .entry h2 {
color: #cc0;
}

strong {
font-weight: bold; 
font-size: 105%;
}

body#home .entry p {
color: #fff;
}

ul,ol  {
list-style: disc;
margin-left: 25px;
margin-bottom: 1em;
}

em {
font-style: italic; 
}

img {
margin-top: 0.5em;
margin-bottom: 1em;
margin-left: 1em;
float: right
}

a {
text-decoration: none;
color: #f09;
}

a:active, a:hover {
color: #f09;
text-decoration: underline
}

body#home .entry a {
font-weight: bold;
text-decoration: underline;
color: #ccf;
}

body#home .entry a:active, {
color: #ccf;
text-decoration: underline
}

body#home div#copyright {
display: block;
color: #fff;
margin-left: 215px;
font-size: 85%;
margin-top: 1em;
}

body#home div#copyright a:hover { 
text-decoration: underline;
}

body#home div#copyright a:link, div#copyright a:visited { 
color: #fff;
text-decoration: none;
}


/* breadcrumbs */

ul#breadcrumbs {
margin-top: -18px;
margin-bottom: 10px;
margin-left: 0px;
padding-left: 0px;
}

ul#breadcrumbs li {
font-weight: bold;
display: inline;
padding: -10px;
}

ul#breadcrumbs li a:hover {
text-decoration: underline
}

ul#breadcrumbs li a:link, ul#breadcrumbs li a:visited, ul#breadcrumbs li a:active {
color: #000;
font-weight: normal
}
body#home ul#breadcrumbs {
display: none;
}