html {
	padding: 0;	
	color: #000;
	background: #C1681A url("images/bg.png") repeat-x;
	font: 11px "Arial", Sans-Serif;
    overflow-y: scroll;
}

body {
	width: 800px;
	background: url("images/content_bg.png") repeat-y center;
	margin: 0 auto;
	padding: 0 20px;
}


/* Link opmaak */
a {
	color: #f4caa0;
	text-decoration: none;
}
a:hover {
	color: #ff9900;
	text-decoration: underline;
}
/* /Link opmaak */

/* Clear */
.clear {
	width: 1px;
	height: 1px;
	clear: both;
}
/* /Clear */

/* Images */
img {border: 0;}
/* /Images  */

/* Alinea */
p {
	margin: 0;
	padding: 7px 0;
}
form p {padding: 0;}
/* /Alinea  */

/* Header  */
ul#top {
	height: 23px;
	background: #663300;
	margin: 0;
	padding: 0 7px;
	list-style: none;
	border-left: 1px solid #6F4004;
	border-right: 1px solid #6F4004;
}
ul#top li {
	float: left;
	color: #f5d089;
	margin: 0 0 0 5px;
	font-size: 10px;
	line-height: 23px;
}
ul#top li a {color: #f5d089;}
div#header {
	height: 188px;
	background: url("images/header_bg.jpg") no-repeat;
	padding: 0;
}
#sitenaam {
	margin: 0;
	padding: 0;
}
/* /Header */

/* Left */
div#left {
	display: inline;
	float: left;
	width: 125px;
	margin: 12px 21px 0 1px;
}
/* Menu  */
ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#menu li a {
	position: relative;
	display: block;
	height: 36px;
	margin: -1px 0 0 0;
}
ul#menu li.welkom a {background: url("images/welkom.png") no-repeat;}
ul#menu li.welkom a:hover, ul#menu li.welkom a.active {background: url("images/welkom_hover.png") no-repeat;}
ul#menu li.ons_bedrijf a {background: url("images/ons_bedrijf.png") no-repeat;}
ul#menu li.ons_bedrijf a:hover, ul#menu li.ons_bedrijf a.active {background: url("images/ons_bedrijf_hover.png") no-repeat;}
ul#menu li.menukaart a {background: url("images/menukaart.png") no-repeat;}
ul#menu li.menukaart a:hover, ul#menu li.menukaart a.active {background: url("images/menukaart_hover.png") no-repeat;}
ul#menu li.agenda a {background: url("images/agenda.png") no-repeat;}
ul#menu li.agenda a:hover, ul#menu li.agenda a.active {background: url("images/agenda_hover.png") no-repeat;}
ul#menu li.fotogalerij a {background: url("images/fotogalerij.png") no-repeat;}
ul#menu li.fotogalerij a:hover, ul#menu li.fotogalerij a.active {background: url("images/fotogalerij_hover.png") no-repeat;}
ul#menu li.nieuws a {background: url("images/nieuws.png") no-repeat;}
ul#menu li.nieuws a:hover, ul#menu li.nieuws a.active {background: url("images/nieuws_hover.png") no-repeat;}
ul#menu li.vrienden a {background: url("images/vrienden.png") no-repeat;}
ul#menu li.vrienden a:hover, ul#menu li.vrienden a.active {background: url("images/vrienden_hover.png") no-repeat;}
ul#menu li.contact a {background: url("images/contact.png") no-repeat;}
ul#menu li.contact a:hover, ul#menu li.contact a.active {background: url("images/contact_hover.png") no-repeat;}
/* /Menu */

ul#openingstijden {
	margin: 42px 0 0 14px;
	padding: 0;
	list-style: none;
}
ul#openingstijden li {
	color: #ce7823;
	font-size: 9px;
	line-height: 14px;
}
ul#openingstijden li span {
	float: left;
	width: 35px;
}
/* /Left  */

/* Content */
div#content {
	float: left;
	width: 424px;
	margin: 15px 28px 0 0;
	color: #f4caa0;
	line-height: 20px;
}
div#content .flash {margin-bottom: 15px;}
div#content .flash * {border: 1px solid #FF9900;}

div#content p {
	color: #f4caa0;
	line-height: 20px;
}

/* /Content  */

/* Right */
div#right {
	float: left;
	width: 200px;
}
div#right strong {
	display: block;
	width: 170px;
	height: 15px;
	background: #663300;
	margin: 8px 0 0 13px;
	padding: 5px 0 0 0;
}
div#right strong img {
	display: block;
	margin: 0 0 0 7px;
}
ul#nieuws {
	margin: 12px 0 0 13px;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
ul#nieuws  li {
	color: #663300;
	margin: 0 0 12px 6px;
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
}
ul#nieuws li b {display: block;}
ul#nieuws li a {
	color: #663300;
	text-decoration: none;
}
ul#nieuws li a:hover {
	color: #ffffcc;
	text-decoration: none;
}
div#foto {
	width: 167px;
	height: 125px;
	background: url("images/foto_bg.png") no-repeat;
	margin: 8px 0 0 9px;
	padding: 5px;
}
div#right p {
	color: #663300;
	margin: 0 0 0 19px;
	font-size: 10px;
}
form#nieuwsbrief {
	margin: 0 0 0 13px;
	padding: 0;
}
form#nieuwsbrief p {
	margin: 0;
	padding: 0;
}
form#nieuwsbrief input.textfield {
	float: left;
	width: 139px;
	height: 16px;
	color: #663300;
	margin: 0 3px 0 0;
	padding: 3px 0 0 7px;
	font: 9px "Arial", Sans-serif;
	border: 1px solid #6F3900;
}
form#nieuwsbrief input.submit{float: left;}
/* /Right  */

/* Footer */
div#footer {
	height: 92px;
	background: url("images/footer_bg.png") no-repeat;
	margin: 0 -20px;
	padding: 0 0 0 45px;
	clear: both;
}
div#footer ul {
	color: #ffcc99;
	margin: 0;
	padding: 64px 0 0 0;
	list-style: none;
}
div#footer ul li {
	float: left;
	padding: 0 0 0 4px;
}
div#footer ul li a {color: #ffcc99;}
div#footer ul li a:hover, div#footer ul li.active a {
	color: #ff9900;
	text-decoration: none;
}

/* /Footer  */


/* MartinMedia aanpassing */

.melding { display:block; width:100%; color:#ff9900; }

#cform { 	
    color: #f4caa0;
	line-height: 22px;
	}

input.formulier {
   border: 1px solid #ff9900;
   font: 11px "Arial", Sans-Serif;
   color: #222;
   padding: 2px;
   background-color: #f4caa0;
   width: 250px;
  }

textarea.formulier {
   border: 1px solid #ff9900;
   font: 11px "Arial", Sans-Serif;
   color: #222;
   padding: 2px;
   background-color: #f4caa0;
   width: 250px;
   height: 125px;
  }

.agendadatum { 
   display: inline;
   float:left;
   background-color: #f4caa0;
   color: #333;
   width: 115px;
  }

.agendatitel {
   display: inline;
   float: left;
   background-color: #ff9900;
   color: #333;
   font-weight: bold;
   font-size: 10pt;
   width: 300px;
  }

.agendapl { 
   display: inline;
   float:left;
   width: 115px;
  }

.agendatekst {
   float:left;
   width: 275px;
   margin-top: 2px;
   margin-bottom: 15px;
   margin-left: 5px;
  }

  h2 {
   margin: 0px;
   color: #ff9900;
   font-size: 11px;  
  }

  h1 {
   margin: 0px;
   color: #ff9900;
   font-size: 12px;  
  }

  a.titel {
   color: #ff9900;
    }

  a.titel:hover {
   color: #fff;
    }

#vriendlnk {
    width: 125px;
	height: 125px;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	border: 2px solid #f90;
   }

#bannertjes { width: 195px; text-align: center; margin-top: 40px; } 
#bannertjes img.hyves { margin: 20px auto auto; padding: 0px auto auto; border: 0px; }

ul.menubalk { list-style-type: none; font-family: Georgia; font-size: 11pt; margin:0px; padding: 0px; width: 145px; overflow: hidden;}
ul.menubalk a { font-family: Georgia; font-size: 10pt; color: #F90; display: block; background: url(/images/menubg-off.jpg) top left no-repeat; height: 27px; width: 145px; padding-left: 15px; padding-top:9px;}
ul.menubalk a:hover { font-family: Georgia; font-size: 10pt; color: #FFF; display: block; background: url(/images/menubg-over.jpg) top left no-repeat; height: 27px; width: 145px; padding-left: 15px; text-decoration: none; }