/* reset browser defaults and basic styles */

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,strong,th,var {
	font-style: normal;
	font-weight: 800;
}

em {
	font-style: italic;
	font-weight: 800;
}


ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

q:before,q:after {
	content: '';
}

a {
	outline: 0;
/* 	color: #d9d9d9; */
        color: #B8B8B8;
	text-decoration: none;

}

a:hover {
	color: #CC99CC;
	text-decoration: none;
}


body {
	font: 76% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: #999;
        background:#FFFFFF url(/images/46.gif) repeat-y;
}

/* ----- main containers, floated with negative margins -------------------*/

div#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

div#wrapper {
	float: left;
	width: 100%;
	margin-top: 0;
}

div#content {
	margin-right: 530px;
	padding-bottom: 25px;
}

div#content ol {
        list-style:decimal ;
        margin-left:25px;
        margin-bottom:15px;
}


div#content.nieuws {
	margin-right: 300px;
}

div#sidebar {
	float: left;
	width: 255px;
	margin-left: -265px;
	padding-bottom: 25px;
	background-color: #ffffff;
}

div#extra {
	float: left;
	width: 255px;
	margin-left: -510px;
	padding-bottom: 25px;
	background-color: #ffffff;
}

div#extra img {
	border: 0px;
	padding: 0px;
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
}
div#header {
        float:left;
        width:100%;
	margin-bottom: 45px;
}


div#logo {
        margin-right: 800px;
	padding-top: 40px;
        padding-bottom: 10px;
}

div#footer {
clear: both; 
position: relative; 
text-align:center;
height: 40px; 
margin-top: -40px;
margin-bottom: 40px; /* required for Opera 6 to show background color but others don't like it so hide the value of 0 from it */
z-index: 15;
}

/* Banner bol.com */
#banner_bol{
width:100%;
float:right;
width: 468px;
position:absolute;
left: 492px;
top: 20px;
}


/* Begin CSS Popout Menu */

#menu{
width:100%;
float:right;
width: 590px;
position:absolute;
left: 375px;
top: 100px;
}

#menu a{
font:normal 90%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#666 #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 5px;
}

#menu h2{
font:bold 90%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#666 #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 5px;
letter-spacing:2px;
}

#menu h2{
color:#fff;
background:#CC99CC no-repeat 100% 100%;
text-transform:uppercase
}

#menu h2 a, #menu h2 a:visited{
font:bold 100%/205% tahoma,arial, helvetica,sans-serif;
color:#fff;
background:#000 no-repeat 100% 100%;
border-width:0px;
border-style:none;
/*padding: 0 -5px;*/
padding: 0px;
}

#menu h2 a:hover{
color:#B973B9; 
background:#ddd;
}


#menu a{
background:#eee; 
text-decoration:none;
}

#menu a, #menu a:visited{
color:#000;
}

#menu a:hover{
color:#B793B9;
background:#ddd;
}

#menu a:active{
color:#B973B9;
background:#666;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:12em;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#000 url(/css/images/expand3.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:normal;
color:#000;
background:#CC99CC url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#B973B9;
background:#666;
}

/* End CSS Popout Menu */


/* main blogpost styles */

.story{
        margin:0px 0 0 15px;
        min-height: 150px;
        height: auto;
	border-bottom: 1px solid rgb(85, 85, 85);
	padding: 4px 0;
}

.receptenlist{
        margin:0px 0 0 15px;
	padding: 4px 0;
}

h2, #content h2 a:link, #content h2 a:visited {
	font: bold 1.5em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	letter-spacing: 1px;
	word-spacing: 0px;
        color: #CC99CC;
	text-decoration: none;
	border: none;
}

#content h2 a:link, #content h2 a:visited {
	font-size: 1.1em;
}

#content a:link,#content a:visited, #extra p a, #footer a:link, #footer a:visited {
/*	color: #d9d9d9;*/
        color: #999999;
	border-bottom: 1px dotted #CCCCCC;
	text-decoration: none;
}

#content a:hover, #extra p a:hover, #footer a:hover {
	color: #CC99CC;
	border-bottom: 1px dotted #CC99CC;
}

#content p, #content ul, .simplepie ol, #extra p, #footer p {
/* 	color: #aaaaaa;  */
        color: #999999; 
	font: 1em/1.5em "Frutiger", "Univers", "Candara", Arial, sans-serif;
	margin: 0 2.25em 1em 0.25em;
}


#content h3.date {
	margin: -18px 19px 0 0;
	font-size: 0.8em;
	float: right;
	color: #525252;
}

div#content img {
	border: 1px dotted #CCCCCC;
	padding: 4px;
	display: block;
	margin-bottom: 18px;
	margin-top: 0;
}

img.left {
	float:left;
	margin:0.4em 5px 1em 0;
}

img.right {
	float:right;
	margin:0em 0 0em 0;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.center{
text-align:center;
}


#content blockquote {
	border-left: 5px solid rgb(146, 136, 131);
	margin: 15px 30px 0 10px;
	padding-left: 20px;
}

#content ul {
	list-style-type: disc;
	margin: 1em 0 1em 3em;
}

#content h3 {
	margin: 0em 0 0em 2px;
	font-size: 1.2em;
}

/* toetje-van-het-jaar styles  */

#toetje-van-het-jaar {
	margin: 0 0 10px 0px;
	overflow: auto;
}

#toetje-van-het-jaar h2, #toetje-van-het-jaar p{
        margin-left:10px;
}

#toetje-van-het-jaar ul {
	margin-top: 4px;
	width: 255px;
	overflow: hidden;
	height: 440px;
}

#toetje-van-het-jaar li {
	float: left;
}

#toetje-van-het-jaar ul li a {
        border: 1px solid #EEEEEE;
	margin: 0 1px 4px;
	padding: 1px;
	text-decoration: none;
	display: block;
	width: 75px;
	height: 100px;
	float: left;
	background-image: none;
}

#toetje-van-het-jaar ul li a:hover {
	background: #ffffff none repeat;
}

/* help-ons-helpen styles  */

#nieuwsbrief {
	margin: 0px 0 20px 10px;
        overflow: auto;
}


#babykookboek, #toetje, #psst, #boekenplank, #volop, #pinkribbon,rss_feeds {
	margin: 0px 0 20px 10px;
        overflow: auto;
}

#advertenties {
	margin: 0px 0 20px 75px;
        overflow: auto;
}

#helpen, #doorsturen {
	margin: 0px 0 10px 5px;
        overflow: auto;
}

.button a {
        color: #000000;
        background: #ffffff;
        border: 2px solid #CC99CC;
        width: 9em;
        margin-top: 4px;
        margin-bottom: 4px;
        margin-right: 10px;
        padding: 3px;
        letter-spacing: -1px;
        text-decoration: none;
        float: left;
}

.button a:hover {
        color: #d9d9d9;
}

.left{
        float: left;
}

.right{
        float: right;
        margin-right:5px;
}

.feed {
	margin: 5px 0 0 10px;
	padding: 0 0 5px 20px;
	background-image: url("/images/117.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

/* validation styles  */

#validatie {
	margin: 10px 5px 10px 0px;
        overflow: auto;
        float: right;
}

.w3c {
        margin-bottom: 2px;
}


/* vrienden styles  */

#vrienden {
	margin: 0 0 0 5px;
	overflow: auto;
}

#vrienden ul {
	margin-top: 4px;
        margin-left: 0px;
	width: 400px;
	overflow: hidden;
}

#vrienden li {
	float: left;
}

#vrienden ul li a {
        border: 1px solid #EEEEEE;
	margin: 0 2px 4px;
	padding: 2px;
	text-decoration: none;
	display: block;
	width: 122px;
	height: 62px;
	float: left;
	background-image: none;
        border-bottom: 0px dotted #ffffff;
}

#vrienden ul li a:hover {
	background: #ffffff none repeat;
}

#vrienden ul li a img {
/*	border: 1px dotted #CCCCCC; */
	padding: 0px;
	display: block;
	margin-bottom: 1px;
	margin-top: 0;
        border-bottom: 0px dotted #ffffff;
}


/* zem_contact_reborn*/
.zemContactForm fieldset {
   border: none;
}

.zemContactForm label {
   float: left;
   width: 70px;
   margin: 0.3em 10px 0.3em 0;
   text-align: right;
}

.zemContactForm br {
   clear: left;
}

.zemContactForm .zemSubmit {
   margin: 0.5em 0 0 80px;
   font-size:90%;
}

.zemContactForm label.zemCheckbox {
	float: none;
}

.zemContactForm input.zemCheckbox {
	margin: 0 5px 0 80px;
	background-color: #EEEEEE; 
}

.zemContactForm label.zemRadio {
   float: none;
}

.zemContactForm input.zemRadio {
   margin: 0 0px 0 10px; 
   background-color: #EEEEEE;
}

/* searchform position*/
#searchform {
	float: right;
	margin: 15px 0px 0 0;
}

input {
/*	background-color: #d9d9d9;*/
        background-color: #EEEEEE;

}

#searchform fieldset label {
	color: #525252;
	font: 1em/1.5em "Frutiger", "Univers", "Candara", Arial, sans-serif;
}

/*live search default styles */

#LSResult {
	position: absolute;
	right: 7px;
	background-color: #525252;
	width: 252px;


	z-index: 100;
}

#LSShadow {
	padding: 5px;
}

#LSRes {
	background-color: #525252;
}

.LSRow {
	padding: 5px;
}

.LSRow a, #LSHeader div a {
	color: #ffffff;
}

.LSRow a:hover, #LSHeader div a:hover {
	color: #000;
}

#LSHighlight {
	background-color: #CC99CC;
}

#LSHeader {
	padding: 2px 2px 8px;
}

.lsDate {
	display: block;
	color: #555;
}

ul#advertenties {
	margin-bottom: 10px;
        margin-top: 5px;
}

ul#advertenties li {
/*	border-bottom: 1px solid #000000;*/
	padding: 4px 0;
	margin: 15px 0px 25px 0;
}

ul#recent_articles, ul#weetjes, ul#recente_recepten, ul#leeftijd {
	margin-bottom: 2em;
}

ul#recent_articles li, ul#weetjes li, ul#recente_recepten li, ul#leeftijd li {
	border-bottom: 1px solid rgb(85, 85, 85);
	padding: 4px 0;
	margin: 0 35px 0 0;
}

ul#recent_articles li a, ul#weetjes li a, ul#recente_recepten li a, ul#advertenties li a {
	padding-left: 1.75em;
}


/* elsewhere article list */
.simplepie ol li {
	padding: 4px 0;
	margin: 0 8px 0 -2px;
	border-bottom: 1px solid rgb(85, 85, 85);
}

.simplepie ol li a  {
	color: #d9d9d9;
	text-decoration: none;
}

.simplepie ol li a:hover {
	color: #CC99CC;
	text-decoration: none;
}

#extra p img#me {
	border: 1px dotted #CCCCCC;
	padding: 2px;
	display: block;
	float: left;
	margin: 0 1em 1em 0;
}

#extra p {
	margin: 5px 25px 2em 0;
}

/* comment form styles */
/*=COMMENT FORM--*/
#comment-section {
	border-top:6px solid #CC99CC;
	margin-top:30px;
	padding-top:10px;
}

.comment {
	background:#F5F5F5 none repeat scroll 0%;
	border-top:2px solid #DDDDDD;
	padding:10px;
}

.comment_meta {
	border-top: 2px solid #DDD;
	margin-bottom: 15px;
	padding-top: 3px;
}

#cpreview {
	color:#555555;
	margin-bottom:10px;
	padding-right:7px;
}

#txpCommentInputForm label {
	display:block;
	float:left;
	width:100px;
        margin: 0px 30px 0px 0;
        text-align: right;

}

#txpCommentInputForm input {
	float:left;
        margin-bottom:5px;
}

.txpCommentInputMessage {
        float:left;
        width:260px;
        margin-bottom:10px;
}

#publish input {
        clear: both; 
	border:1px solid #CCCCCC;
	cursor:pointer;
	height:30px;
	margin:10px 0 0 10px;
	width:100px;
}

#publish input:hover,
input.zemSubmit:hover {background: #CCC;}

#cpreview h3 {margin-bottom: 10px;}

.error {color:#red;
}

#comment_label img {margin:10px;
}
.asy_input {margin: 100px 0px 0px 0px;
} 

/*=POST
--------------------------------------------*/
.post-wrap {
	margin:0 0px 20px 0;
	padding-bottom:20px;
}
.post {
	float:right;
	padding:0 0px 0 0;
	width:430px;
	}
.post h2 {
	color:#9BAAB9;
	font-size:25px;
	margin:12px 0pt;
	text-transform:uppercase;
}

.post td{
        font-size:13px;
}

.post h3 {margin:3px 0pt 10px;}
.post ul li,
.post ol li {padding: 3px 0;
list-style-type:none;
}

h3.post-title {
	font-size:35px;
	letter-spacing:-0.03em;
	margin:0 0 11px;
	padding-right:0;
	text-align:right;
	}
h3.post-title a {
	color:#4A5B6D;
	clear:both;
	text-decoration:none;
}
h3.post-title a:hover {color:#9BAAB9;}
.post p {line-height:22px;}

/*SPECIAL HEADINGS
--------------------------------------------*/

.note {
	background:#E1E1FF none repeat scroll 0%;
	border:1px solid #D9D9D9;
	font-color:#000000;
	padding:5px;
        margin:10px;
	}

h2.note {
	font-size:24px;
	margin:0 0 60px 95px;
	padding:10px;
	text-align:right;
}