/*  +-body---------------------------------+
    |                                      |
    |  +-section-index------------------+  |
    |  |+-container--------------------+|  |
    |  ||+-headerimage----------------+||  |
    |  |||                            |||  |
    |  ||+----------------------------+||  |
    |  ||+-sidebar-+ +-content--------+||  |
    |  |||+-li----+| |+-content-main-+|||  |
    |  ||||       || ||+-post--------+|||  |
    |  |||+-------+| |||             ||||  |
    |  |||+-li----+| |||             ||||  |
    |  ||||       || ||+-------------+|||  |
    |  |||+-------+| |+---------------+||  |
    |  ||+---------+ +----------------+||  |
    |  |+------------------------------+|  |
    |  +--------------------------------+  |
    |                                      |
    +--------------------------------------+ */

* { padding:0; margin:0; }
p { margin:0.7em 0; line-height:1.6em; }

a                 {text-decoration: underline; }
a:link, a:visited {color:#CC3333; }
a:hover, a:active {color:#032DFF; }

h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial; }

/* -- body -------------------------------------------------------------------*/
body
  { background-color: #FFFF99;
    font:76%/1.6em verdana, tahoma, arial, sans-serif;
    color: #CC3333; /* main font color */
    margin:0; text-align:center; /*voor IE*/ }

#header, #content, #sidebar, #footer
   {overflow:hidden;}

/* -- section-index ----------------------------------------------------------*/
html #section-index
  { margin-right:20px; }

/* -- container --------------------------------------------------------------*/
#container 
  { width:800px; border:#cccccc 1px solid;
    background:#ffffff; /* origineel: #FFFF99; */
    margin:20px auto 20px; position:relative; text-align:left; }

/* -- headerimage ------------------------------------------------------------*/
#headerimage 
  { background:url('zaranie.png') white no-repeat 0 0; height:104px; 
    clear:both; margin-bottom:20px; color:white; border-bottom:#cccccc 1px solid }
html #headerimage 
  { margin-top:0; }

/* -- sidebar / sidebox ------------------------------------------------------*/
#sidebar
   {float:left;width:150px;font-size:0.9em;overflow:hidden;}
#sidebar ul
   {list-style:none;margin:0px 0px 10px 15px; padding:0;}
.sidebox ul li
   {overflow:hidden;}
li.sidebox
   {padding:10px; background:url(sidebartop.gif) #fefeb4 no-repeat left top;margin-bottom:10px;}
html li.sidebox
   {padding-bottom:10px;}
.sidemenu
   {background: url('fotos_pag/bloemenrand4.jpg') #fefeb4 no-repeat left top; padding-left:50px; 
    font-size:1.2em; line-height:2.3em}
.sidemenu a 
   {text-decoration: none; color:#CC3333; }

/* -- content-main -----------------------------------------------------------*/
#content-main
  { float:left;width:590px;margin-right:20px;margin-left:20px;overflow:hidden; }
html #content-main
  { margin-right:20px; }

#content-main ul
   {margin:1em;padding:0 1em;list-style-image:url(img/bullet.png);}
#content-main ul.asides
   {margin:0;padding:2em;border-bottom:#ddd 1px dashed;}

/* -- content ----------------------------------------------------------------*/
#content 
  { margin:10px 10px 10px 30px; }
html #content 
  { height:1%; }

#content .post h2
   {font-size:2.0em; margin:0.5em 0 0.5em 0; font-weight:normal; font-variant:small-caps;}
#content .post h3
   {font-size:1.5em; margin:0.5em 0 0; font-weight:normal; font-variant:small-caps;}
#content .post h4
   {font-size:1.2em; margin:0.5em 0 0; font-weight:bold;}
#content .post h5
   {font-size:1.0em; margin:0em 0 0; font-weight:bold;}

#content p img.right
   {float:right;margin:10px 0 0 10px;}
#content p img.left
   {float:left;margin:0 10px 10px 0;}

img.aligncenter
   {display:block;margin-left:auto;margin-right:auto;}
img.alignright
   {margin:0 0 2px 7px;display:inline;}
img.alignleft
   {margin:0 7px 2px 0;display:inline;}

.alignright
   {float:right;}
.alignleft
   {float:left;}
.aligncenter, div.aligncenter
   {display:block;margin-left:auto;margin-right:auto;}

/* ---------------------------------------------------------------------------*/

