/* Deze template is ontworpen door Gert-Jan Waterlander (http://www.gertjanwaterlander.nl) en is  //
// ontworpen voor gebruik door de verschillende KerstMissies/Kerstoutreaches die dat willen. ///////
// Deze template mag alleen gebruikt worden na toestemming van Gert-Jan Waterlander. /////////////*/

/* algemeen-------------------------------------------------------------------- */

*{
	margin: 0; 
	padding: 0; 
}

body{ 
	background: #fff url('img/bg.jpg') repeat-x; 
	font-family: arial,sans-serif; 
	font-size: 0.87em;
	color: #333333; 
}

/* container ------------------------------------------------------------------- */

#container{ 
	width: 800px; 
	margin: 0 auto; 
	padding: 0 0 18px 0; 
}

/* header ----------------------------------------------------------------------- */

#header{
	position: relative; 
	background: #d31717 url('img/header.jpg') no-repeat;
	height: 182px;
	overflow: hidden;
}

/* logo ------------------------------------------------------------------------- */
  
#logo{ 
	height: 122px;	
}

.logo{
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 2.6em;
	color: #ffffff;	 
	padding-top: 60px;
}

/*  navigatie -------------------------------------------------------------------- */

#nav{
	position: relative; 
	height: 60px;
	padding-top: 10px;
}

#nav ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#nav ul li{
	margin: 0; 
	padding: 0;  
	float: left; 
	display: inline; 
	background: url('img/nav.jpg') no-repeat;
}

#nav ul li a{
	font-family: 'Trebuchet MS', sans-serif;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	display: block; 
	padding: 16px 25px 16px 25px;
	text-align: center;
}
        
#nav ul li a:hover{
	text-decoration: none;
}

#first{
	background: none;
}

/*  content -------------------------------------------------------------------- */

#maincontent{ 
	background: #fff;
	padding-top: 15px;
}

.content{
	float: right; 
	width: 579px;
	border-left: 1px solid #e3e3e3;	
	padding: 0px 20px 10px 20px;
}

.panel{ 
	float:left;
	width: 155px;	
	padding: 0px 10px 10px 15px;  
}

.panel img{
	padding-left: 10px;
}
  
/* footer ------------------------------------------------------------------- */

#footer{
	clear: both;
	height: 55px;
	background: url('img/footer.gif') no-repeat;
	padding: 17px 20px 0px 10px;
	color: #676767;
}

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

h1{
 	margin-top: 10px;
	font-size: 1.7em;
	font-weight: bold;
} 

h2{
	font-size: 1.7em; 
	font-weight: normal; 
	margin-top: 10px;
}

h3{
	font-size: .9em; 
	border-bottom: 1px solid #dfdfdf;
	margin-top: 10px; 
	margin-right: 15px;
	font-weight: bold;	
} 

h4{
	font-size: .9em; 
	margin-top: 10px; 
	font-weight: bold;	
} 

#panel-left h3{
	font-size: 1.4em; 
	font-weight: normal; 
	border: none;
}

/* links ----------------------------------------------------------------------- */

a{
	color: #095799;
	text-decoration: underline;
}

a:link{
	color: #095799;
	text-decoration: underline;
}

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

/* formulier ----------------------------------------------------------------- */

form{ 
	width: 570px; 
	font-size: .87em;
	font-family: arial;		
}

fieldset{
	padding: 10px; 
	border: 1px solid #000;	
}

legend{
	margin-left: 10px; 
	font-size: 1.1em; 
	font-weight: bold; 
	color: #000;		                  
}

form label{ 
	display: block;
	float: left; 
	width: 150px; 
	margin-top: 5px;
	text-align: right; 
}

form label.required{
	
} 

form input, form textarea, form select{
	width: auto;
	margin: 5px 0 0 10px;
}

form input.required, form textarea.required, form select.required{
	
} 

form br{
	clear: left;
}

.instructie{
	margin-left: 160px; margin-bottom: 10px;
	display: block;
	font-size: .8em;
}

/* table ---------------------------------------------------------------------- */

table{
	margin: 20px 0 20px 0;
	border: 0px solid transparent;
	border-collapse: collapse; 
	font-size: .9em; 
	max-width: 560px;
}


th{
 	text-align: left;
	padding: 2px 4px 2px 4px; 
	font-weight: bold; 
	border-bottom: 1px solid #cdcdcd; 
	background-color: #cdcdcd;
}

td{
	text-align: left; 
	padding: 2px 4px 2px 4px; 
	border-bottom: 1px solid #cdcdcd;
}

.tableminwidth{
	min-width: 560px;
}

/* lijsten ---------------------------------------------------------------------- */

ul, ol{
	display: block; 
	margin: 15px 0 15px 30px;
}

ol{
	list-style-type: decimal;
}

li{
	display: list-item; 
	margin-bottom: 6px;
	line-height: 25px;
	font-size: .87em;
	font-family: arial;	
}

/* overig ------------------------------------------------------------------ */

p{ 
	margin: 15px 0 0 0; 
	line-height: 25px;
	font-size: .9em;
}

.fwidth{ /*fixed width*/
	width: 200px;  
}

blockquote{
	margin: 15px 20px; 
	font-style: italic;
}

abbr, acronym{
	border-bottom: 1px dotted #CCC; 
	cursor: help;
}

hr{
	display: block; 
	height: 1px; 
	margin: 10px 0; 
	border: 0 solid #CCC;
	background: #CCC;
	color:#CCC;
} 

.clear{
	clear: both;
}

a img {
	border: 1px solid #dadada;
}

a:hover img {
  border: 1px solid #bbbbbb;
}

.f-left{
	float: left;
	font-size: .87em;		
}

.f-right{
	float: right;
	font-size: .87em;	
}

.box{
	min-height: 1px;
}

.box:after{
	display: block; 
	visibility: hidden; 
	clear: both; 
	line-height: 0; 
	font-size: 0; 
	content: ".";
}

.noscreen{
	display: none;
}

.missieomschrijving{
	font-weight: bolder;
}

.noborder{
	border: 0; 
}

/* Template is ontworpen door Gert-Jan Waterlander (http://www.gertjanwaterlander.nl) en mag alleen na toestemming gebruikt worden. Deze melding mag niet verwijderd worden.
Dit is versie 2.0 van deze template. */