/*
Theme Name: De Fontein
Theme URI: http://www.hfdesign.nl
Description: Theme ontwikkeld voor de De Fontein 2009.
Version: 1.6
Author: Jasja ter Horst
Author URI: http://www.hfdesign.nl
Tags: kerk 
*/

html{
}
body{
	margin: 0 ;
	color:#666;
	background: #e6e6e6 url("images/bg.gif") no-repeat  50% 10%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:0.8em;
	color:#888;
}
#wraper{
	padding: 0;
	margin: 0 auto;
	width:1002px;

}
#header{
	padding: 0;
	margin: 83px 0 10px 0;
 	background: #fff url("images/protestantse-kerk.gif") no-repeat top right;
	border:1px solid #ccc;
	overflow:hidden;
}
#logo {
	position:absolute;
	width:190px;
	height:156px;
	background-image:url(images/logo.gif);
	overflow:hidden;
	z-index:1;
	top: 9px;
}
#content{
	padding: 0 0 30px 0;
	margin: 10px 0 ;
	overflow:hidden;
	clear:both;
	display:block;
	background:#fff;
	border:1px solid #ccc;
}
#bottom_links{
	padding: 0;
	margin: 0 ;
	background:#ccc;
	overflow:hidden;
	clear:both;
	width:1000px;
}

#footer{
	padding: 0;
	margin: 0 0 20px 0;
	overflow:hidden;
	clear:both;
	text-align:center;
 	background: #fff url("images/footer.gif") no-repeat  center bottom;
	border:1px solid #ccc;
}
#footer p{
	font-size:10px;
	padding: 10px 0 40px 0;
	margin: 0;
	color: #3173bf;
	font-weight:bold;
}
#footer p a{
	padding: 0;
	margin: 0;
	color: #3173bf;
}
/*//////////////////////////navigatie//////////////////////////*/
/*--------------------------Hoofdmenu--------------------------------*/
#navcontainer
{
	float:right;
	padding: 0;
	margin-top:86px;
	margin-bottom:10px;
	font-size:85%;
	font-weight:bold;
	width:1002px;
	overflow:hidden;
}
#navcontainer ul
{
	margin:0;
	padding: 0 10px;
	height:40px;
	background: url("images/menu-bg.gif") repeat-x top left;
	list-style-type: none;
	text-align: center;	
	line-height:5px;
	width:1002px;
	overflow:hidden;
}
#navcontainer ul li
{
	padding: 0;
	margin: 0 ;
	display: block;
	float: left;
	text-align: center;
}
#navcontainer ul li a
{
	padding: 15px 20px 20px 20px;
	margin: 3px 2px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	background: url("images/split.gif") no-repeat 100% 50%;
}
#navcontainer ul li a:hover
{
	color: #7A7A7A;
	background: url("images/menu-on.gif") repeat-x top left;
}
#navcontainer a:active
{
	color: #7A7A7A;
}

#navcontainer li.currentparent a, #navcontainer li.current a
{
	color: #000;
	background: url("images/menu-on.gif") repeat-x top left;
}
/*--------------------------Submenu--------------------------------*/
ul.submenu {margin:0 0 2px 0; overflow:hidden; }
ul.submenu li  {margin:0; display:block; padding:0px 10px; width:212px; }
ul.submenu li a {margin:0; padding:5px 5px 5px 30px; display:block; color:#888; border-bottom:1px dashed #ccc; background: url("images/menu-sub.gif") no-repeat left center;}
ul.submenu li a:hover {background: #eee url("images/menu-sub.gif") no-repeat left center; color:#000;}
ul.submenu li.current_page_item a {background: #fff url("images/menu-sub.gif") no-repeat left center; color:#000;}


/*//////////////////////////end navigatie//////////////////////////*/

/*--------------------------Sectie--------------------------------*/

/*//////////////////////////algemeen//////////////////////////*/

a{ color:#000; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }
p { padding:10px 0px 15px 5px; margin:0; line-height: 20px; }
div.p { padding:0px 0px 0px 5px; margin:0; }
.sticky p { padding:10px 0px 0px 5px; margin:0; }
.sticky p a{ margin:0; color:#AFC11F; font-weight:bold; padding: 0 20px 0 0; background:url("images/link.gif") no-repeat right center;}
p#breadcrumbs{padding:0; margin:5px 20px 0 14px; text-align:right; font-size:11px;}
h1 {padding:0px 10px 10px 7px; margin:0; color:#3173bf; font-size:150%;}
h1.archive {padding:0px 10px 0px 7px; margin:0; color:#AFC11F; font-size:100%;}
.blue {color:#3173bf;}
h1 a {padding:0px 10px 10px 0px; margin:0; color:#3173bf;}
.col_main h2 {padding:15px 10px 7px 7px; margin:0; color:#3173bf; font-size:130%; /*background: url("images/menu-sub.gif") no-repeat 3px 11px;*/}
h2 a{color:#3173bf; text-decoration:none; }
h2 a:hover{color:#3173bf; text-decoration:underline;}
h3 {padding:20px 10px 10px 0px; margin:0; color:#AFC11F; font-size:150%;}
a.green  {color:#AFC11F; font-weight:bold; padding: 0 20px 0 0; background:url("images/link.gif") no-repeat right center;}
.col_left h2, .col_left h3 {padding:20px 10px 10px 0px; margin:0; color:#AFC11F; font-size:150%;}

.col_left ul{ list-style-type:none; margin: 0; padding: 0; }
.col_left ul li { display: block; text-align: left; }


.col_main .widget ul{ margin:0 0px; padding:0; list-style:none;}
.col_main .widget ul li {background:#C7E6FE url("images/menu-item.gif") no-repeat 7px center;  border-top:1px solid #3173bf; border-bottom:1px solid #3173bf; padding:5px 5px 5px 87px; margin:2px 0;}
.col_main .widget ul li a{color: #3173bf;}

.textwidget .arrow {margin: 0 0 0 0px; padding:0 0 0px 40px; background:url("images/arrow.gif") no-repeat left center; width:170px;}
.textwidget {margin: 0 0 0 10px; padding:0 0 10px 0px; border-bottom:1px dashed #ccc; width:210px;}

ul.submenu li.widget_text a, ul.submenu li.widget_text a:hover, ul.submenu li.widget_text a img {margin:0; padding:0px; border:none; background:none; text-decoration:underline; }


td  {border-top: 1px solid #E0EB81; border-bottom: 1px solid #E0EB81; background: #f6fde3; padding:2px 7px;}
.col_main td  ul {margin:0; padding:3px 0 10px 0; list-style-type:none;}
.col_main td  ul li{margin:0; padding:1px 0;}
td a {color:#AFC11F; padding:10px 0 0 0; margin:0;}
td strong {color:#AFC11F; font-weight:bold; }
.pie-gallery {border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #FAF9F5;}
.col_main a img {border: 2px solid #E0EB81;}



/*//////////////////////////end algemeen//////////////////////////*/

/*--------------------------Sectie--------------------------------*/

/*//////////////////////////indeling//////////////////////////*/

.col_main {
	float:left;
	padding:0;
	margin:0;
	width:750px;
	font-size:13px;
}

.col_main_left{
	float:left;
	padding:0;
	margin:0;
	width:250px;
}
.col_left {
	float:left;
	padding:0;
	margin:0;
	width:250px;
}

/*//////////////////////////end indeling//////////////////////////*/

/*--------------------------Sectie--------------------------------*/
.divider {
	width:1000px;
	clear:both;
	height:18px;
	background:#888;
}
.breadcrumb {border-top: 1px solid #E0EB81; border-bottom: 1px solid #E0EB81; background: #f6fde3 /*url("images/menu-sub.gif") no-repeat  center left*/; padding:5px 0 5px 7px; margin:0 0px 5px 0px; font-size:11px; color:#AFC11F; font-weight:bold;}
.breadcrumb a{; font-size:11px; color:#AFC11F; font-weight:bold;}

.post_foot {border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fefefe; padding:5px 5px 5px 7px; margin:15px 0px 2px 0; font-size:11px; color:#999; text-align:right; display:block; overflow:hidden; clear:both;}
.post_foot a{; font-size:11px; color:#999;  }

.post {border-bottom: 1px dashed #eee; padding:0 0 5px 0; margin:0 20px 0 10px; } 
.widget .post {padding:0; margin:0; } 

.navigation { padding:0px 0px 10px 15px; margin:0;}

/*form*/
form#searchform{
	
	background:none;
	display:block;
	width:230px;
	margin: 20px 0 0px 0px ;
	padding:0;
}
input#searchbox {width:148px; border: 1px solid  #3173bf; padding:2px; float:left; margin: 2px 4px 0 0; }
input#searchbutton {margin-top:1px;}


/*border: 1px solid #819CD7; background: #CDE1F9;*/

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */


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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */





/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */