/** body **/


body {
width:100%;
background:url(../images/bg_header.png) repeat-x #FFFFFF;
margin:0;
padding:0;
font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
z-index:-1000;
}

/** Heading styles **/

H1.title {
display:inline;
line-height:3.0em;
margin-top:0;
vertical-align:top;
padding-bottom:1px;
color:#70A832;
font-size:1.0em;
font-weight:bold;
border-bottom:#333 solid 3px;
}


H2 {
font-size:0.80em;
font-weight:bold;
}

H2.kalender {
background:url(../images/kalender.png) no-repeat left;
line-height:31px;
margin-top:10px;
padding-left:40px;
font-size:0.85em;
font-weight:bold;
color:#414141;
}

H3 {}

/** font styles **/

p {
font-size:12px;
}

span {
display:block;
margin-bottom:5px;
}

a {
color:#4E7423;
}

a:hover {
	color: #70A832;
}

a.info {
background-image:url(../images/icon_info.png);
background-position:left;
background-repeat:no-repeat;
padding-left:24px;}

.coordinaten {
font-size:10px;
}

.vet {
font-weight: bold;
}

/** Page layout starts here **/

#page  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
    width: 925px;
  }


/** header **/
  #header
  { 
  height:200px;
  width:925px; /* use same width as page width */
  clear:both;
  }

  #logo
  {
    float: left;
	padding-top:10px;
  }
  
    #logo img
  {
    border:none;
  }
  
/** navigation **/

	#navigation {
	float:right;
	width:662px;
	z-index:1000;
	}
	
	ul.menu {
	margin-top:125px;
	}
	
	#navigation li {
	display: block;
	float:left;
	list-style:none;
	list-style-image:none;
	padding-left:0;
	padding-right:0;
	margin-left:60px;

}

	#navigation li.first {
	margin-left:0;

}

	#navigation a {
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;
}


	#navigation a:link {
	border-bottom:none;
}

	#navigation a:hover {
	border-bottom:4px solid #fff;
	color:#fff;
}


/** columns **/

#columns {
clear:both;
}


/** content **/

  #content
  {
    width: 395px;
    margin-left: 265px; /* The width of #sidebar-left */
    margin-right: -660px; /* Negative value of #content's width + left margin. */
	z-index:1000;
  }


/** sidebar-left **/
  #sidebar-left
  {
    float: left;
    width: 265px;
    margin-left: 0;
    margin-right: -265px; /* Negative value of #sidebar-left's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
  }

  #sidebar-left-inner
  {
    margin: 0 20px 0 0;
    padding: 0;
  }

/** sidebar-right **/
  #sidebar-right
  {
    float: left;
    width: 265px;
    margin-left: 660px; /* Width of content + sidebar-left. */
    margin-right: -925px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }

  #sidebar-right-inner
  {
    margin: 0 0 0 20px;
    padding: 0;
	height:100%
  }
  
    #sidebar-right-inner img
  {
  border:none;
  float:right;
    }
  

/** footer **/
  #footer
  {
  		position:absolute;
		bottom:0;				/* Keeps footer at the bottom of the page */
		width:100%;
		height:80px;			/* Height of the footer */
		background:#6cf;
		background:url(../images/bg_footer.png) repeat-x #333333 bottom;
		z-index:-1000;
		color:#A5A5A5;
		text-align:center;
  }

    #footer p a, #footer a:focus, #footer a:visited, #footer a:link
  {
  text-decoration:underline;
  color:#F5F5F5;

  }
  
  #footer p a:hover
  {
  color:#0099CC;
  }

/** Prevent overflowing content **/
#header,#content,#sidebar-left,#sidebar-right,#footer
    {  overflow: visible;
	/*word-wrap: break-word; /* A very nice CSS3 property */
  }
  

  
/** Contact formulier **/



#contact .tekstveld {
width:280px;
background: #F3F3F3;
padding:1px;
border:solid 1px #999;
color:#666;
}

#contact .tekstruimte {
width:280px;
height:120px;
background: #F3F3F3;
padding:1px;
border:solid 1px #999;
color:#666;
}

#contact .button {
width:100px;
background: #F3F3F3;
border:solid 1px #999;
color:#414141;
cursor:pointer;
}


/** Inschrijvingsformulier BBQ **/



#bbq .tekstveld {
width:250px;
background: #F3F3F3;
padding:1px;
border:solid 1px #999;
color:#666;
}

#bbq .select-short {
width:80px;
background: #F3F3F3;
padding:1px;
border:solid 1px #999;
color:#666;
}

#bbq .tekstruimte {
width:250px;
height:120px;
background: #F3F3F3;
padding:1px;
border:solid 1px #999;
color:#666;
}

#bbq .button {
width:100px;
background: #F3F3F3;
border:solid 1px #999;
color:#414141;
cursor:pointer;
}

#bbq {
padding-bottom:15px;
}



/** Fotopagina's **/

td.imageholder {
padding:2px;
}