/*
Name: Moederpas
URI: http://www.mijnmoederpas.nl
Description: Moederpas, de website voor jou en je baby.
Version: 1.0 NL
Author: Greenkakapo
Author URI: http://www.greenkakapo.com/
=============== style.css ==================
*/

/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
.low {display:none;}

/* body
--------------------------------------------------*/
body {
  color:#656364;
  background:#efedee url("images/bg.png") repeat-x;
  margin:0;
  padding: 10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:75%;
  line-height:1.6em;
  text-align:center;
}

body#commentspopup {
background:white;
padding:0;
}

#wrapper {
  width: 796px;
  margin: 0px auto 0px auto;
  text-align: left;
  overflow: hidden;
  background: url("images/main_bg.jpg") repeat-y;
}
/* headings
--------------------------------------------------*/
h1 {
font-size:18px;
margin: 0px 0px 0px 0px;
}

h1, h1 a,
h2, h2 a,
h3 a,
h4 a{color:#585657;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover{color:#535353;}

#content h1 {
  margin:0px 0 12px 0;
  padding:0px 0 9px 0;
  font-family:Arial, Helvetica, sans-serif;
  color:#585657;
  border-bottom:1px solid;
  border-color: #e3e0e0;
  font-size:1.4em;
  text-transform:uppercase;
  letter-spacing: 1px;
  line-height:1.2em;
  font-weight:bold;
}

#content h1 a {
  color:#656364;
  text-transform:uppercase;
  font-weight:normal;
  letter-spacing: 0px;
}  

#content h2 {
  margin:0px 0 18px 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.4em;
  font-weight:700;
  letter-spacing: 1px;
  line-height:1.3em;
}

#content h3 {
  margin:20px 0 6px 0;
  font-size:1em;
  line-height:1.1em;
}

#content h4 {
  margin:0;
  font-size:1em;
}

#content h5 {
  font-family:Arial, Helvetica, sans-serif;
  color:#585657;
  font-weight:normal;
  font-size:1.1em;
  line-height:1.7em;
}

#content h5 span {
  font-weight:bold;
  font-size:1.1em;
}
  

/* links
--------------------------------------------------*/
a {
text-decoration:none;
color:#585657;
}

a:hover {color:#817e80;}

a img {border:none;}

/* paragraphs, lists, etc
--------------------------------------------------*/
p {
  margin:0;
  padding:0 0 18px 0;
  color: #726f70;
}

ul {
  margin:0 0 0 1.4em;
  padding:0 0 0px 0;
}

ul ul {padding:0;}

blockquote {
  margin:0;
  padding:0 0px;
  font-style:italic;
}

pre {
  overflow:auto;
  margin:0 0 0px 0;
  padding:4px;
}

pre, code, kbr {font-family:Courier, Monaco, monospace;}

code, kbr {padding:0 2px;}

pre, code {background-color:#F8FAF2;}

kbr {color:#545253;}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
}
ol li, ul li
{
   margin-bottom:0.5em;
}

/* images
--------------------------------------------------*/
img.left {
  float:left;
  margin:0 10px 0 10px;
}

img.right {
  float:right;
  margin:0 10px 0 10px;
}

img.center {
  display: block;
  margin:0 auto;
}
/* header
--------------------------------------------------------------------------------- */
#header {
  height: 91px;
  background: url("images/top_bg.jpg") no-repeat;
  overflow: hidden;
}

/* alt-navigation
--------------------------------------------------------------------------------- */
#alt-nav {
   float: right;
	margin: 14px 30px 0px 0px;
	font-size: .85em;
	overflow: hidden;
}

#alt-nav li {
   float: left;
   margin: 0 0px 0 11px;
   padding: 0px;
   background: transparent;
	overflow: hidden;
}

#alt-nav li a {
   background-repeat: no-repeat;
   display: block;
   text-decoration: none;
   padding-left: 20px;
   color: #666;
}

#alt-nav li#alt-contact a {
   background-image: url("images/contact.gif");
   background-position: 0 2px;
}

#alt-nav li#alt-print a {
   background-image: url("images/print.gif");
   background-position: 0 3px;
}

#alt-nav li#alt-sitemap a {
   background-image: url("images/sitemap.gif");
   background-position: 0 4px;
}

#alt-nav li a:hover {
   color: #434037;
	text-decoration: underline;
}


/* logo 
--------------------------------------------------------------------------------- */
a#logo {
  display: block;
  float: left;
  overflow: hidden;
 }

/* box
--------------------------------------------------------------------------------- */
#box {
  float: left;
  width: 790px;
  height: 80px;
  margin: 0px 0px 0px 3px; 
  background: url("images/head_sub.png") no-repeat;
  overflow: hidden;
}

/* box top 
--------------------------------------------------------------------------------- */
#box-top {
  float: left;
  width: 790px;
  height: 160px;
  margin: 0px 0px 0px 3px; 
  background: url("images/head_top.png") no-repeat;
  overflow: hidden;
}

.link a {
    float: left;
	 color: #8b97be;
	 letter-spacing:1px;
	 font: bold 12px Arial, Helvetica, sans-serif;
	 margin: 141px 0px 0px 3px; 
	 width: 250px;
	 line-height:15px;
	 text-align:center;
}

.link a:hover {
	color: #dce0f9;
}

/* box bottom
--------------------------------------------------------------------------------- */
#box-bottom {
  float: left;
  width: 790px;
  height: 80px;
  margin: 0px 0px 0px 3px; 
  background: url("images/head_bottom.png") no-repeat;
  overflow: hidden;
}
/* navigation
--------------------------------------------------------------------------------- */

#navigation-left {
width: 1px;
height: 30px;
color:#585657;
background: transparent url("images/nav-left.png") no-repeat;
position: absolute;
top: 0px;
left: 0px;
}

#navigation-right {
width: 1px;
height: 30px;
background:transparent url("images/nav-right.png") no-repeat;
position: absolute;
color:#585657;
top: 0px;
right: 5px;
}

#navigation {
background: transparent url("images/nav-bg.png") repeat-x;
margin: 40px 0px;
border-bottom-width: 0px;
height:30px;
list-style: none;
}

#navigation ul {
	margin: 0 19px 0 19px;
	padding: 0px;
	list-style: none;
	}

#navigation a {
	color: #acc1fb;
	font: bold 14px Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   letter-spacing:2px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	text-decoration: none;
	}
	
#navigation a:hover {
	background: #a3b1dd;
	background:transparent url("images/nav-a.png") repeat-x;
	color: #dce0f9;
	display: block;
	text-decoration: none;
   margin: 0px 0px 0px 0px;
	padding: 7px 7px 7px 7px;
	}

#navigation li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#navigation li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 140px;
	}
	
#navigation li li a, #navigation li li a:link, #navigation li li a:active, #navigation li li a:visited {
	background: #a3b1dd;
	color: #dce0f9;
	width: 140px;
	font: bold 13px Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   letter-spacing:1px;
	float: none;
	margin-left: -5px;
	padding: 7px 7px 7px 7px;
	border-left: 1px solid #90a2d1;
	border-right: 1px solid #90a2d1;
	border-bottom: 1px solid #90a2d1;
	text-decoration: none;
	}
	
#navigation li li a:hover {
	background: #8c9dcb;
	color: #acc1fb;
	padding: 7px 7px 7px 7px;
	}

#navigation li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#navigation li:hover ul {
	left: auto;
	display: block;
	}
	
#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
	}
	
#navigation li.current_page_item a{
   background: #a3b1dd;
	background:transparent url("images/nav-a.png") repeat-x;
	color: #dce0f9;
}

/* container
--------------------------------------------------*/
#container {
  float:left; 
  width:540px;
  margin:30px 15px 30px 15px;
  padding:0px 0px 0px 0px;
  text-align:left;
}

#container p a {
  text-decoration:none;
  font-weight: bold;
  color:#7f94d7;
}

#container p a:hover {
   text-decoration:underline;
}

#container li a {
  text-decoration:none;
  font-weight: bold;
  color:#7f94d7;
}

#container li a:hover {
   text-decoration:underline;
}

#container.singlecol,

#commentspopup #container  {
  background-image:none;
  width:540px;
  padding:0 10px;
}

/* Entry
--------------------------------------------------*/
.entry {
    margin:0px 0px 0px 0px;
 }

.entry .author {}

.entry .info {
  float:left;
  background:url(images/btn_bg.gif) repeat-x 0 100% #f1f1f1;
  position:relative;
  width:532px;
  margin-bottom:20px;
  padding:3px;
  border:1px solid #bbbbbb;
  font-size:0.9em;
  }

.entry a {
  text-decoration:none;
  color:#61719f;
}

.entry img {
margin:4px 10px 0px 0px;
float:left;
}

.entry .post-tags a {
text-decoration:none;
color:#585657;
font-weight:normal;
text-decoration:none;
background:none;
padding-right:0px;
}

.entry .post-tags {
padding-left:18px;
background:url(images/tags.gif) no-repeat left top;
}

.entry .info a {
  margin-right:6px;
  padding-right:9px;
  color:#585657;
  font-weight:normal;
  text-decoration:none;
  border-right:#a5a4a2 1px solid;
  background:none;
}

.entry a.commentlink {
  padding-left:17px;
  background:url(images/comments.gif) center left no-repeat;
}

#container .info a {
	text-decoration:none;
   color:#585657;
	font-weight:normal;
}  

#container .info a:hover {
   text-decoration:none;
}

.entry a.more {
  padding-left:15px;
  background:url(images/more.gif) center left no-repeat;
}

.entry .info em {
  padding-right:6px;
  font-style:normal;
}

.entry .info .date {
  padding-left:15px;
  background:url(images/post.gif) center left no-repeat;
}

.entry .info .author {
  padding-left:23px;
  border-color:#a5a4a2;
  background:url(images/author.gif) 10px 2px no-repeat;
}

.entry .author,
.entry .editlink a {
  margin:0;
  padding:0 0 0 10px;
  color:#585657;
  border-left:1px solid;
  border-right:none;
  background:none;
}

.entry #filedunder {
  clear:both;
  padding:3px 0 0 0;
  font-size:0.9em;
}

.entry.single {clear:both;}

.entry.single .info {margin:0 0 22px 0;}

.entry #filedunder {border-color:#a5a4a2;}





 /* body
--------------------------------------------------*/

.button {
  float:right;
  display: block;
  background:url("images/btn_bg.gif") repeat-x 0 100% #f1f1f1;
  width:90px !important;
  border:1px solid #bbbbbb;
  color:#757373;
  margin: 30px 10px 0px 0px;
  font:bold 11px arial, sans-serif !important;
  cursor:pointer;
  text-transform:uppercase;
  text-align:center;
  vertical-align:middle;
}

.buttons {
  float:right;
  display: block;
  background:url("images/btn_bg.gif") repeat-x 0 100% #f1f1f1;
  width:90px !important;
  border:1px solid #bbbbbb;
  color:#757373;
  margin: 30px 195px 0px 0px;
  font:bold 11px arial, sans-serif !important;
  cursor:pointer;
  text-transform:uppercase;
  text-align:center;
  vertical-align:middle;
}

.login-btn {
	 overflow:visible;
    width:auto;
    background:url(images/btn_bg.gif) repeat-x 0 100% #f1f1f1;
    border:1px solid #b5b5b5;
    padding:2px 5px;
	 margin: 0px 0px 0px 0px;
	 color:#757373;
    font:bold 11px arial, sans-serif !important;
    cursor:pointer;
	 text-transform:uppercase;
    text-align:center;
    vertical-align:middle;
}  


/* subcontent
--------------------------------------------------*/
#subcontent {
   float:right;
	margin: 30px 15px 10px 0px;
   width:210px;
   padding:0px 0px 0px 0px;
}

* html #subcontent {padding-top:0px;} /* dirty fix for IEWIN; temporary! */

/* subcontent headings
--------------------------------------------------*/


 
/* sitemap
--------------------------------------------------*/
.sitemap h2 {
  padding:0px 0 0px 0px;
  font-family:Arial, Helvetica, sans-serif;
  color:#585657;
  font-size:1.4em;
  text-transform:uppercase;
  letter-spacing: 1px;
  line-height:1.3em;
  font-weight:bold;
}

.sitemap ul {
  padding:0px 0 0px 6px;
  
}  

#container .sitemap li a {
  text-decoration:none;
  font-weight: normal;
  color:#757373;
}

/* footer
--------------------------------------------------*/

.footer { 
   overflow: hidden;
	display: block;
	float: left;
	height: 177px;
	width:796px;
	background:#FFF url("images/footer_bg.jpg") no-repeat; 
	text-align:left;
	color:#555; 
}

.footer dl dd {
    float:left;
	 margin:0px 0px 0px 15px;
	 padding:6px 0px 0px 0px;
}

.newsletter { 
   width:220px;
	overflow: hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.newsletter h6 { 
	font:bold 12px/16px Arial; 
	padding:6px 0px 0px 0px;
	text-transform:uppercase;
	letter-spacing:1px; 
	color:#555; border:0;
}

.newsletter span { 
  display:block;
  text-align: justify; 
  margin:3px 0 0px 0;
  padding:0px 0px 0px 0px;
}

.newsletter input.input-topbg {
  color:#bab8b9; 
  width:180px;
  border-style:solid;
  border-color:#c7c5c6;
  margin:-4px 0 0px 0;
  height:1.4em;
  border-width:1px;
  vertical-align:middle;
}

.foot-menu { 
   margin-left:80px;
	width:447px; 
}
.foot-menu ul {
   float:left;
	overflow: hidden;
}

.foot-menu a, .foot-menu a:hover { 
	display:block; 
	border-bottom:1px solid #d2d2d2; 
	color:#666;
	text-decoration:none;
	font-size:12px;
	padding:4px 0;
	background:none;
}
.foot-menu a:hover { color:#000; }

p .form-btn, p .form-btn-alt {
    float: right;
	 overflow: visible;
    width:auto;
    background:url(images/btn_bg.gif) repeat-x 0 100% #f1f1f1;
    border:1px solid #b5b5b5;
    padding:2px 5px;
	 margin: -35px 5px 0px 0px;
    color:#757373;
    font:bold 11px arial, sans-serif !important;
    cursor:pointer;
	 text-transform:uppercase;
    text-align:center;
    vertical-align:middle;
 }
 
 p .form-btn-news {
    float: left;
	 overflow: visible;
    width:auto;
    background:url(images/btn_bg.gif) repeat-x 0 100% #f1f1f1;
    border:1px solid #b5b5b5;
    padding:2px 5px;
	 margin: 10px 0px 0px 135px;
    color:#757373;
    font:bold 11px arial, sans-serif !important;
    cursor:pointer;
	 text-transform:uppercase;
    text-align:center;
    vertical-align:middle;
 }
 
 p .input-news {
   float: right; 
 	margin: -20px 197px 0px 0px;
	color:#bab8b9; 
   border-style:solid;
   border-color:#c7c5c6;
   height:1.4em;
   border-width:1px;
   vertical-align:middle;
 }
    
 
.copy {
    width:796px;
	 margin: 5px auto 0px auto;
	 color:#bab8b9;
	 line-height:20px;
	 text-align:center;
}

.copy a {
    color:#bab8b9;
}