/*

colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer

*/

* { margin: 0px;	padding: 0px; outline-style: none; }

html, body {
	height: 100%;
}

#site-container {
	position: relative;
	padding: 0px;
	width: 100%;
  min-width: 990px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(pics/header-bg.gif) left top repeat-x ;
}

#site-container #site {
  position: relative;
  margin: 0px auto;
  padding: 0px;
  width: 100%;
  width: 950px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  font: 12px arial, verdana, sans-serif;
  color: #000;
  line-height: 16px;
}

/* ------------------------------------------------------------------------- Header */

#print_header {
	display: none;
}

#header {
	width: 950px;
	height: 123px;
  color: #4a4439;
  font: 36px Georgia, arial, verdana;
  font-style: italic;
}

#header .logo {
  float: left;
  width: 950px;
  height: 123px;
}

#header .logo a img {
	border: 0px solid #fff;
}

/* ------------------------------------------------------------------------- Navigation */ 

#navigation {
  width: 950px;
  height: 36px;
  margin-bottom: 20px;
  background: url(pics/nav-bg.gif) top left repeat-x;
}

#navigation ul {
	list-style-type: none;
}

#navigation li {
  float: left;
  display: inline;
  color: #50493c;
  font: 12px arial, verdana, sans-serif;
  font-weight: bold;
}

#navigation li.first a:link, #navigation li.first a:visited {
  padding: 0px 10px 0px 0px;
}

#navigation li a:link, #navigation li a:visited {
	padding: 0px 10px;
  font: 12px arial, verdana, sans-serif;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  text-transform: uppercase;
  color: #50493c;
	text-decoration: none;
}

#navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------------------------- news */ 

#content .newsitem {
	padding-top: 3px;
  margin-top: 5px;
	border-top: 1px solid #e8e8e8;
}

#content .newsitem .date {
	padding: 10px 0px 15px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

#content .newsitem a:link, #content .newsitem a:visited, #content .newsitem a:hover {
	color: #000;
	border: 0px;
}

#content .newsitem h1 a:link, #content .newsitem h1 a:visited, #content .newsitem h1 a:hover,
#content .partner h1 a:link, #content .partner h1 a:visited, #content .partner h1 a:hover,
#content .partner h1  { 
	font: 24px georgia, arial, verdana, sans-serif; 
	font-weight: bold;
	font-style: italic;
	color: #514b3d;
  text-decoration: none;
  border: 0px;
}

#content .partner {
  border-top: 1px solid #E8E8E8;
  margin-top: 5px;
  padding-top: 10px;  
}

#content .partner .logo {
  float: left;
  width: 180px;
}

#content .partner .tekst {
  margin-top: 14px;
}

/* ------------------------------------------------------------------------- Upcoming */ 

#upcoming {
	margin-top: 5px;
	padding: 20px;
	width: 590px;
	float: left;
	background-color: #f9f6f1;
	border: 1px solid #e8e8e8;
}

#upcoming .head {
  padding-bottom: 3px;
  margin-bottom: 5px;
  background: url(pics/line-light.gif) bottom left repeat-x;
}

#upcoming h1 {
  text-transform: uppercase;
  color: #4f493c;
  font: 14px arial, verdana, sans-serif;
  font-weight: bold;
}

#upcoming .item {
  padding-bottom: 3px;
  margin-bottom: 5px;
  min-height: 48px;
  height: auto !important;
  height: 48px;
  background: url(pics/line-light.gif) bottom left repeat-x;	
}

#upcoming .item .calendar {
	width: 44px;
	height: 43px;
	float: left;
	background: url(pics/calendar-light.gif) bottom left no-repeat;		
}

#upcoming .item .calendar .month {
	padding-top: 1px;
	color: #000;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#upcoming .item .calendar .day {
	padding-top: 1px;
	color: #fff;
	line-height: 24px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#upcoming .item h1 a:link, #upcoming .item h1 a:visited, #upcoming .item h1 a:hover {
	padding: 0px 20px;
	font: 14px georgia, verdana, sans-serif; 
	text-transform: none;
	color: #000;
	border: 0px;
}

#upcoming .item .intro a:link, #upcoming .item .intro a:visited, #upcoming .item .intro a:hover {
	padding: 0px 20px;
	width: 505px;
	float: left;
	color: #000;
	line-height: 22px;
	border: 0px solid #fff;
}

#upcoming .footer a:link, #upcoming .footer a:visited, #upcoming .footer a:hover  {
	margin-top: 3px;
	color: #4f493c;
	text-decoration: none;
	font: 14px georgia, verdana, sans-serif;
	font-style: italic;
	line-height: 22px;
	border: 0px solid #fff;
}

/* ------------------------------------------------------------------------- Content */ 

#content {
	width: 950px;
  padding-bottom: 20px;
}

#content .left {
  float: left; 
  width: 630px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
}

#content .left .block {
	margin-bottom: 10px;
	float: left; 
  width: 630px;
  min-height: 10px;
  height: auto !important;
  height: 10px;	
}

#content .right {
  float: right;
  width: 300px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
}

#content .right .block {
  padding: 15px;
  width: 270px;
  margin-bottom: 15px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
  font-size: 11px;
  color: #423b33;
  background: #b6afa1 url(pics/block-right-bg.gif) top left repeat-x;
}

#content .right .block.image {
  width: 288px;
  height: 288px !important;
  background: none;
  padding: 5px;
  border: 1px solid #e8e8e8;
  background-color: #f9f6f1;
  overflow: hidden;
}

#content .right .block.image img {
	top: 5px !important;
	left: 5px !important;
	width: 288px !important;
	height: 288px !important;
  margin: 0px;
}

#content .right .block .head {
  padding-bottom: 3px;
  margin-bottom: 5px;
  background: url(pics/line.gif) bottom left repeat-x;
}

#content .right .block h1 {
  text-transform: uppercase;
  color: #fff;
  font: 14px arial, verdana, sans-serif;
  font-weight: bold;
}

#content .right .block .row .invul {
  float: left;
  margin-bottom: 5px; 
  width: 215px;
  min-height: 5px;
  height: auto !important;
  height: 5px;
}

#content .right .block .row .invul input.text {
  padding: 3px;
  width: 215px;
  border: 0px solid #fff;
  font-size: 11px;
  color: #423b33;
}

#content .right .block .row .submit {
  float: left;
  width: 55px;
}

#content .right .block ul li a:link img, #content .right .block ul li a:visited img{
  margin: 0px;
  border: 0px solid #fff;
}

#content .right .block .row .submit input.submit {
  width: 21px;
  height: 21px;
  padding: 0px;
  margin-left: 20px;
  border: 0px solid #fff;
  cursor: pointer;
  background: url(pics/btn-bg.gif) top left no-repeat;
}

#content .right .block .item {
  padding-bottom: 3px;
  margin-bottom: 5px;
  height: 48px;
  background: url(pics/line.gif) bottom left repeat-x;	
  overflow: hidden;
}

#content .right .block .item .calendar {
	width: 44px;
	height: 43px;
	float: left;
	background: url(pics/calendar.gif) bottom left no-repeat;		
}

#content .right .block .item .calendar .month {
	padding-top: 1px;
	color: #fff;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#content .right .block .item .calendar .day {
	padding-top: 1px;
	color: #514b3d;
	line-height: 24px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

#content .right .block .item .intro a:link, #content .right .block .item .intro a:visited {
	padding: 0px 20px;
	width: 185px;
	float: left;
	font: 14px georgia, verdana, sans-serif;
	line-height: 22px;
	border: 0px solid #fff;
}

#content .right .block .footer a:link, #content .right .block .footer a:visited {
	margin-top: 3px;
	color: #fff;
	text-decoration: none;
	font: 14px georgia, verdana, sans-serif;
	font-style: italic;
	line-height: 22px;
	border: 0px solid #fff;
}

#content .right .block ul.gallery {
  float: left;
  list-style-type: none;
  margin: 8px 0px 0px 0px;
}

#content .right .block ul.gallery li {
  margin: 0px 3px 3px 0px;
  float: left;
}

#content .right .block ul.gallery li a:link, #content .right .block ul.gallery li a:visited {
  width: 86px;
  height: 64px;
  display: block;
  border: 1px solid #46433c;
}

h1, td h1 {font: 19px arial, verdana, sans-serif; font-weight: bold; color: #514b3d; margin-bottom: 7px;}
h2, td h2 {font: 17px arial, verdana, sans-serif; font-weight: bold; color: #514b3d; margin-bottom: 7px;}
h3, td h3 {font: 15px arial, verdana, sans-serif; font-weight: bold; color: #514b3d; margin-bottom: 7px;}
h4, td h4 {font: 14px arial, verdana, sans-serif; font-weight: bold; color: #514b3d; margin-bottom: 7px;}
h5, td h5 {font: 13px arial, verdana, sans-serif; font-weight: bold; color: #514b3d; margin-bottom: 7px;}
h6, td h6 {font: 12px arial, verdana, sans-serif; font-weight: bold; color: #514b3d; margin-bottom: 7px;}

h1.upper { text-transform: uppercase; }

#content a:link, #content a:visited {text-decoration: none; color: #514b3d ;  border-bottom: 1px solid #514b3d;}
#content a:hover { color: #514b3d;  border-bottom: 1px solid #514b3d; }

table {margin: 5px 0px;}
td {
	font: 12px arial, verdana, sans-serif;
	line-height: 16px;
	color: #514b3d;
}

#content .left img { margin: 10px 0px; padding: 5px; border: 1px solid #e8e8e8; background-color: #f9f6f1;  }
#content img { margin: 10px 0px; }
#content img.left {	margin: 0px 10px 10px 0px; float: left; width: auto; height: auto; }
#content img.right { margin: 0px 0px 10px 10px; float: right; width: auto; height: auto;  }

p { margin-bottom: 9px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content a.addthis_button:link, #content a.addthis_button:visited {
  float: right;
  text-decoration: none;
  border-bottom: 0px solid #fff;
}

#content a.addthis_button:link img, #content a.addthis_button:visited img {
  margin: 0px;
  background-color: transparent;
}

#content span.floatLeft {
  float: left;
}
/* ------------------------------------------------------------------------- Gallery */ 

#breadcrumb {
	margin-bottom: 10px;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover {
	font: 12px georgia, arial, verdana, sans-serif;
	font-style: italic;
	border: 0px;	
}

#content .left .blocks {
	width: 630px;
	float: left;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

#content .left .imgblock {
	position: relative;
	margin: 0px 10px 10px 0px;
	float: left; 
  width: 150px;
  height: 112px;
}

#content .left .imgblock.last {
	margin: 0px 0px 10px 0px;
}

#content .left .imgblock img { margin: 0px; }

#content .left .imgblock .titlebar {
	position: absolute;
	bottom: 6px;
	left: 6px;
	padding: 0px 10px;
	width: 118px;
	height: 37px;
	display: block;
	color: #50493C;
	font: 12px georgia, arial, verdana, sans-serif;
	font-style: italic;
	line-height: 18px;
	background: url(pics/titlebar.png) top left repeat;
	overflow: hidden;
}

#content .left .imgblock a:link, #content .left .imgblock a:visited, #content .left .imgblock a:hover {
	border: 0px;
}

#prevnext {	margin-top: 10px; width: 630px; float: left; }
#prevnext .prev { float: left; }
#prevnext .next { float: right; }

#prevnext a:link, #prevnext a:visited, #prevnext a:hover {
	font: 12px georgia, arial, verdana, sans-serif;
	font-style: italic;
	border: 0px;	
}

/* ------------------------------------------------------------------------- Form */ 

#form .row {
	position: relative;
	margin: 0px 0px 3px 0px;
	float: left;
}

#form .row .errorMsg {
	position: absolute;
	top: 0;
	left: 440px;
	height: 18px;
	width: 18px;
	font-size: 0px;
	color: #BC2A2F;
	border: 0px solid #fff;
}

#content #form .row .errorMsg img { margin: 0px; padding: 0px; border: 0px; }

#tooltip {
	position: absolute;
	z-index: 3000;
	font: 12px arial, verdana;
	border: 1px solid #50493C;
	background-color: #f9f6f1;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


#form .description {
	width: 230px;
	float: left;
}

#form .value {
	width: 250px;
	float: left;
}

#form .value input.text {
	width: 200px;
	float: left;
	border: 1px solid #50493C;
}

#form .value input.textsmall { width: 60px; margin-right: 2px; border: 1px solid #50493C; }
#form .value input.textmedium { width: 133px; border: 1px solid #50493C; }

#form .value textarea {
   width: 200px;
	height: 75px;
}

#form .row .value input.button {
	margin: 7px 0px 0px 0px;
	height: 20px;
	width: 100px;
	background: #f9f6f1;
	color: #000;
	float: none;
	font-size: 11px;
	border: 1px solid #50493C;
}

/* ------------------------------------------------------------------------- Footer */ 

#footer {
	width: 100%;
	height: 20px;
	font: 10px arial, verdana, sans-serif;
	color: #b5afa0;
	text-align: left;
	border-top: 1px solid #e8e8e8;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	line-height: 20px;
	color: #b5afa0;
}

#footer a:hover { text-decoration: underline; }

br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; }