/* standaard */
body
{
  font-size: 17px;
  font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
  color: #FDFDFD;
  background-color: #AD9F85;
  background-image:url('/images/bg.png');background-repeat:repeat-y;background-position:center;
  margin:0px;
  padding:0px;
}

td
{
   font-size: 17px;
}

h1
{
   font-family: Georgia;
   margin-top: 0px;
   font-size: 18px;
   letter-spacing: 1px;
   color: #645844;
   margin-bottom: 20px;
}

h2
{
   font-family: Georgia;
   margin-top: 10px;
   font-size: 15px;
   letter-spacing: 2px;
   color: #645844;
   margin-bottom: 20px;
}

a
{
   color: #000000;
}

a.hover
{
   color: #000000;
}

img
{
   border: 0;
}

p
{
   padding: 0px;
   margin: 0px;
}

img.thumb
{
   border: 1px #ffffff solid;
   padding: 1px;
}

#container
{
	width: 960px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #cccccc;*/
	text-align: left; /* this overrides the text-align: center on the body element. */	
}

.headerarea	{height:85px; background-color: #645844;}
.headerarea .header     {width: 960px; height:85px; background-color: #433C2E; text-align:left;}
.headerarea .logo	{float:right;}
.menu 
{
   float:left;
   height: 75px;
   padding: 0px 0px 0px 10px;
   font-weight:bold;
   /*font-style:italic;*/
   font-size:14px;
   font-family:georgia;
}
.footerarea	{height:100px; background-color: #645844;}
.footer
{
  width: 950px;
  height:90px; 
  background-color: #433C2E;
  text-align: right;
  color: #DED9CF;
  font-size: 11px;
  padding: 5px;
}
.footer a
{
   text-decoration: none;
   color: #DED9CF;
}
.footer a:hover
{
   text-decoration: underline;
}

.bannerarea				{background-color:#FDFDFD; padding:0px; height: 150px;}
.banner					{width:560px;height:150px;text-align:left; overflow: hidden;}
.banner	 img			{width:560px;height:150px;}

td.content_left
{
	/*border: 1px #c1b7a4 solid;*/
	background-color:#C1B7A4;
}

td.content_right
{
   /*border: 1px #c1b7a4 solid;*/
   background-color:#C1B7A4;
}

#content_left
{
	width:190px;
	padding: 15px 5px 5px 5px;
	color: #FDFDFD;
	font-size: 13px;
}

#content_right
{
   width:190px;
   padding: 15px 5px 5px 5px;
   font-size: 13px;
   color: #FDFDFD;
}

#content_middle
{
   width: 540px;
   padding: 20px 10px 10px 10px;
   background: #DCD7CD;
   margin-right: 0px;
   margin-left: 0px;
   margin-top: 0px;
   min-height: 500px;
   color: #000000;
   font-weight: bold;
}

#header
{
   clear:both;
   height:85px;
   padding: 0px 0px 0px 0px;
   margin-bottom: 0px;
   /*background-image:url(/images/logo-bg.gif);background-repeat:repeat-x;background-position:top;*/
}

#menu
{
   /*background: #ff0000;*/
   /*position: relative;*/
}

#logo
{
   /*position: relative;*/
   width:253px;
   float:right;
   margin:0px 0px 0px; 0px;
   padding: 0px 0px 0px 0px;
   height: 75px;
}

#lastmenu
{
   position: relative;
   /*width: 100%;*/
   float:left;
   top: 45px;
}

#header h1
{
   margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
   padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

div.paintings
{
   /*letter-spacing: 1px;*/
}

/* pages */
div.pages
{
	letter-spacing: 2px;
}

div.pages.home
{
  /*background: url(/images/introx.png) 50% 0% no-repeat;*/
  min-height: 500px;	
}

div.pages.view div.contents
{
  min-height: 380px;
  color: #000000;
}

/* view */
div.view table
{
   text-align: left;
}

div.view td
{
   padding: 5px;
   color: #000000;
}

/* index controller */
div.index table
{
   text-align: left;
}

div.index td
{
   padding: 5px;
   /*vertical-align: top;*/
}

div.index th
{
   text-align: left;
   border-bottom: 1px #0F443F solid;
   padding: 5px;
   vertical-align: top;
}

div.index tr.altrow
{
   background: #A29273;
}

div.index a.grid
{
   text-decoration : none;
   background:url(/images/arrow-link2.gif) no-repeat left center;
   margin: 9px 0px 0px 0px;
   padding:0px 0px 0px 13px;
}

div.index a:hover.grid
{
   text-decoration : underline;
}

/* nieuwe button */
a.button, span.button
{
 display:block;
 float:left;
 margin:0 10px 0 0;
 border:1px solid #8C94B5;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 background:#8C94B5 url(/images/button-bg.png) repeat-x 100% 0;
 text-decoration:none!important;
 color:#000!important;
 cursor:pointer;
 text-align:center;
 letter-spacing: 0px;
 font-size:12px;
}
a.button span, span.button span
{
 display:block;
 min-height:16px;
 padding:3px 20px!important;
 white-space:normal!important;
}

a.button:hover
{
 background:#F1E229 url(/images/button-bg-hover.png) repeat-x 0 0;
 border:1px solid #F1E229;
}

/* actions button */
div.actions
{
   border-top: 1px #c1b7a4 solid;
   padding-top: 5px;
   margin-top: 5px;
   height: 20px;
}

div.actions ul, div.actions li
{
   margin:0;
   padding:0;
   list-style:none;
   font-size: 11px;
   letter-spacing: 1px;
}

div.actions li
{
   list-style:none;
   float: left;
   position: relative;
   margin-right: 5px;
}


div.actions li a
{
  display: block;
  padding:2px 8px 2px 8px;
  border:1px #ffffff solid;
  background-color:#FF9955;
  text-decoration : none;
  color: #000000;
}

div.actions li a:hover
{
   padding: 2px 8px 2px 8px;
   background-color:#FF9955;
   color:#ffffff;
   text-decoration: none;
   border:1px #000000 solid;
}


/* paging */

div.paging
{
   position: relative;
   margin-top: 5px;
   margin-bottom: 5px;
   height: 20px;
   font-size: 11px;
   border-top: 1px #c1b7a4 solid;
   border-bottom: 1px #c1b7a4 solid;
   padding-bottom: 5px;
   padding-top: 5px;
   /*background: #ff0000;*/
}

div.paging .paginator
{
  float: left;
  /*background: #ff0000;*/
  height: 20px;
  margin: 0px;
}

div.paging .counter
{
  float: right;
  padding-top: 4px;
}

div.paging ul
{
   margin:0px;
   padding:0px;
   list-style:none;
   font-size: 11px;
   height: 20px;
}

div.paging li
{
   float: left;
   position: relative;
   margin-right: 5px;
   /*margin-top: 0px;*/
}

div.paging li div.disabled
{
  /*display: inline-block;*/
  padding:2px 5px 2px 5px;
  border:1px #dddddd solid;
  background-color:#AD9F85;
  color: #cccccc;
}

div.paging li.current
{
  display: inline-block;
  padding:2px 5px 2px 5px;
  border:1px #ffffff solid;
  font-weight: bold;
  text-align: right;
  background-color: #D25400;
  color: #ffffff;
}

div.paging li a
{
  display: block;
  padding:2px 5px 2px 5px;
  border:1px #dddddd solid;
  background-color:#AD9F85;
  text-decoration : none;
  color: #333333;
}

div.paging li a:hover
{
   padding: 2px 5px 2px 5px;
   background-color:#FF9955;
   color:#ffffff;
   text-decoration: none;
   border:1px #ffffff solid;
}

/* form */

div.form
{
   border:1px #c1b7a4 solid;
   padding: 5px;
   min-height: 388px;
   color: #000000;
}

div.form fieldset
{
   /*padding: 5px;*/
}

div.form div.input
{
   margin-bottom: 10px;
   float: left;
   margin-right: 10px;
}

div.form input.text
{
   border: 1px #808080 solid;
}

div.form input.text.number
{
   text-align: right;
}

div.form input.button
{
  /*padding:2px 8px 2px 8px;*/
  height: 19px;
  border:1px #ffffff solid;
  background-color:#FF9955;
  color: #000000;
  font-size: 11px;
  letter-spacing: 1px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  cursor: hand;
}

/* blocks 
--------------------*/
.block
{
   /*border: 1px #ded9cf solid;*/
   margin-bottom: 5px;
   padding: 0px 5px 5px 5px;
   background: #c1b7a4;
   color: #ffffff;
}

.block .header
{
   border-bottom: 1px #ded9cf dotted;
   padding: 5px 0px 2px 0px;
   height: 22px;
   /*padding-bottom: 5px;*/
   line-height: 22px;
   font-weight: bold;
   margin-bottom:10px;
   color: #ffffff;
   clear: both;
   font-size: 13px;
   letter-spacing: 1px;
}

.block .content
{
   font-style: italic;
   color: #645844;
}

.block .meer
{
   padding-top: 10px;
   text-align:right;
   color: #ffffff;
   font-size: 12px;
}

.block a
{
   color: #000000;
   text-decoration: none;
}

.block a:hover
{
   color: #ffffff;
   text-decoration: underline;
}

.block div.subject
{
   font-weight: bold;
   margin-bottom: 10px;
}

div.left_banner
{
   padding: 0px;
   height: 150px;
}

div.right_banner, div.right_banner .block
{
   background-color: #A29273;
   padding: 0px;
   color: #ffffff;
   font-size: 14px;
   height: 150px;
}

div.right_banner .block .content
{
   padding: 10px;
   font-style: italic;
   background-color: #A29273;
}

div.right_banner .block a.grid
{
   text-decoration : none;
   background:url(/images/arrow-link2.gif) no-repeat left center;
   margin: 9px 0px 0px 0px;
   padding:0px 0px 0px 13px;
   color: #000000;
   font-size: 13px;
}

div.right_banner .block a:hover
{
   color: #ffffff;
   text-decoration: underline;
}

/* block rechts */
div#content_right .block
{
   /*border: 1px #ded9cf solid;*/
   margin-bottom: 10px;
   padding: 0px 5px 5px 5px;
   color: #ffffff;
}

div#content_right .block .header
{
   border-bottom: 1px #ded9cf dotted;
   padding: 5px 0px 2px 0px;
   min-height: 22px;
   line-height: 22px;
   font-weight: bold;
   margin-bottom:10px;
   color: #ffffff;
   clear: both;
   font-size: 12px;
   letter-spacing: 1px;
}

div#content_right .block .content
{
   font-style: italic;
}

div#content_right .block .meer
{
   padding-top: 10px;
   text-align:right;
   color: #ffffff;
   font-size: 12px;
}

div#content_right .block a
{
   color: #000000;
   text-decoration: none;
}

div#content_right .block a:hover
{
   color: #ffffff;
   text-decoration: underline;
}

div#content_right .block div.subject
{
   font-weight: bold;
   margin-bottom: 10px;
}

div#content_right .block a.grid
{
   text-decoration : none;
   background:url(/images/arrow-link2.gif) no-repeat left center;
   margin: 9px 0px 0px 0px;
   padding:0px 0px 0px 13px;
   color: #000000;
}

div#content_right .block a:hover.grid
{
   text-decoration : underline;
}
 
div.index table.details
{
   
}
 
div.index table.details td
{
   border-bottom: 1px #c1b7a4 dotted;
}


/* buttons */

div.buttons
{
}

div.buttons ul, div.buttons li
{
   margin:0;
   padding:0;
   list-style:none;
   font-size: 11px;
   letter-spacing: 1px;
}

div.buttons li
{
   list-style:none;
   float: left;
   position: relative;
   margin-right: 5px;
   /*font-family: Arial, Helvetica, sans-serif;*/
}


div.buttons li a
{
  display: block;
  padding:2px 8px 2px 8px;
  border:1px #ffffff solid;
  background-color:#FF9955;
  text-decoration : none;
  color: #000000;
}

div.buttons li a:hover
{
   padding: 2px 8px 2px 8px;
   background-color:#FF9955;
   color:#ffffff;
   text-decoration: none;
   border:1px #000000 solid;
}

div.newsitem_header
{
   font-weight: bold;
   width:100%;
   margin-top:0px;
   margin-bottom: 0px;
   padding-bottom:3px;
   min-height: 10px;
   font-size: 14px;
   color: #433C2E;
}

div.newsitem_message
{
   border: 1px #ded9cf solid;
   color: #000000;  
   height:inherit;
   padding: 10px 10px 10px 10px;
   margin-bottom:20px;
   font-style: italic;
   background: #c1b7a4;
}