* { padding: 0; margin: 0; border: 0; }

body {
	margin: 0px;
	padding: 0px;
	background: #423139;background-attachment: fixed;MARGIN:0px auto;FONT-SIZE:0.8em;COLOR:#999; height:auto; width:auto;
	color: #FFFFFF;
	font: 12px Verdana, Bookman, serif;
	
}

/* links */
a { color: #b6d6ed; outline: none; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: none; }

p { margin: 0 10px 20px 0; }
p:a { background:#ccc; padding:3px; }
ul, ol { margin-bottom: 20px; }

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

.clear { clear:both; }
.left { float: left; }
.right { float: right; }


/***********************
	  LAYOUT
************************/
#page { width: 960px; margin: 0 auto; border:4px solid #8f7a55; background: #423139; opacity: 1.0;filter:alpha(opacity=100)}
#page2 { width: 960px; margin: 0 auto; border:0px solid #423139; }

/* Page Top */
#top { width: 960px; margin: 0px; padding: 10px 0 0 0; }


/* Header */	


#sitename a { color: #FFFFFF; text-decoration: none; padding-left: 0px; border:0px solid #423139; }
#sitetag { font: bold 0px Bookman, serif; color: #cdcdcd; margin: 0 0 20px 20px; border:0px solid #423139; }

/* Site Navigation */
#nav { width: 960px; height: 45px; margin: 0px; padding: 0px; background: url(images/bg-menu.gif) repeat-x left top;}

/* Site content Container */
#container { overflow: hidden; padding: 0px 0 0 0; background: transparent; border: 0px solid #37080b; font-family: Verdana, Arial; text-align:justify; }

/* News Container */
#content-left { float: left; width: 960px; padding:0px;background: #423139; }

/* Welcome message */
.welcomeMessage { font: 13px Verdana, Arial, Tahoma, Verdana, Helvetica; color: #FFFFFF; padding: 10px 30px; }

/* News Post Items */
.newsPost { clear: both; margin: 0 0 0px 0px;border:0px solid #000000; }
.newsPost a { color: #8BB82E; text-decoration: none; }
.newsPost a:hover { color: #4e4e4e; text-decoration: none; }
.newsHeader { margin: 20px 0 20px 0; font-size: 1.3em; font-weight: 700; font-style:none; color: #ffffff; text-align: center;font-family:Verdana, Bookman, serif; border-bottom:0px solid #423139; }
.newsHeader a { text-decoration: none; font-family:Bookman, serif; }
.newsHeader a:hover { text-decoration: none; }
.newsOptions { float: right; margin: -27px 5px 0 5px; padding: 0; text-align: right; }
.newsBody { margin: 0px 40px 0 0px; } 
.newsBody img { float: left; margin: 0 7px 7px 0; border: none; }


.newsBottomCategories { padding: 2px 15px 2px 20px; background: #423139; }
.newsBottomComments { padding: 2px 15px 2px 20px; background: url(images/comment.gif) no-repeat 0px 2px; }

/* Comments style */
.comment_bg { clear: both; width: 960px; background: url(images/bg-comment.gif) repeat-y center top; margin: 0 auto; padding: 0; }
.comment_bg_inner { width: 960px; background: url(images/bg-comment-top.gif) no-repeat center top; margin: 0 auto; padding: 0; }
.comment_header { font: 13px Arial, Tahoma, Verdana, Helvetica; color: #505358; margin: 0; padding: 10px;  }
.comment_body { width: 960px; margin: 0; padding: 0; }
.comment_left { float: left; width: 170px; font: 12px Arial, Tahoma, Verdana, Helvetica; color: #505358; border-right: 1px solid #c7d7a4; padding: 5px; }
.comment_right { float: right; width: 349px; font: 12px Arial, Tahoma, Verdana, Helvetica; color: #505358; padding: 10px; text-align: left; }
.comment_bottom { clear: both; width: 960px; height: 19px; background: url(images/bg-comment-bubble.gif) no-repeat center top; margin: 0 auto; padding:0; }

/* Right Menu */
#content-right { float: right; width: 960px; margin: 0; padding: 0; }

.box-right { margin: 0 20px 20px 0; padding: 20px; background: transparent; border: 0px solid #423139; }
.box-right ul { margin: 0 0 5px 0; padding: 0px; list-style: none; }
.box-right li { margin: 0px; padding: 5px 5px 5px 10px; /* border-bottom: 1px solid #dedede; */ background: none; }
.box-right li a { text-decoration: none; }
.box-right li:hover{ margin: 0px; padding: 5px 5px 5px 15px; background: #FFFFFF url(images/bg-meta.gif) repeat-x left top; }

.rightMenuHeader { margin: 0 0 10px 0; font-size: 16px; font-style:none; color: #ffffff; border-bottom:1px solid #423139;} 
.rightMenuContent {
	font: 13px Verdana, Arial, Tahoma, Verdana, Helvetica;
	font-style:bold;
	color: white;
	margin: 0 0 5px 0;
	padding: 0px;
}


/* center menu */
.box-left { clear: both; margin: 10px 5px; padding: 0; background: url(images/centermenubottom.png) no-repeat center bottom; }
.box-left a { color: #8bb82e; text-decoration: none; } 
.box-left a:hover { color: #ff0000; text-decoration: none; } 
.box-leftHeader { margin: 0 0 10px 0; font-size: 1.9em; font-weight: 700; font-style:normal; color: #8f7a55; font-family:Bookman, serif; border-bottom:0px solid #ccc; }
.box-leftBody { font: 12px Verdana, Arial; color: #8f7a55; margin: 0 10px 20px 0; }


/* other menu */
.box-other { background: #000000; border: 0px solid #000000; margin: 0; padding: 0; }
.box-other a { color: #8bb82e; text-decoration: none; }
.box-other a:hover { color: #ff0000; text-decoration: none; }
.box-otherHeader { margin: 10px 10px 20px 10px; font-size: 16px; font-weight: 700; font-style:bold; color: ; font-family:Bookman, serif; border-bottom:0px solid #ccc; }
.box-otherContent { font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color: #000000; margin: 0; padding: 10px 5px 20px 5px; }


/* footer */
#footer { clear: both; width: 900px; margin: 0 auto; padding: 20px; color:#FFFFFF; font-family:Verdana, Arial; }
#legal { float: left; width: 500px; }
.legal_text { margin: 0 0 10px 0; font-family:Verdana, Arial; }
#webdemar { float: right; width: 300px; text-align: right; }
.webdemar_text { float: left; margin: 10px 0 10px 0; font-family:Verdana, Arial; }

/* Browsers */

.ie7_logo { float: left; width: 30px; height: 30px; background: url(images/ie7_logo.png) no-repeat center top; padding: 0 10px; }
.firefox_logo { float: left; width: 31px; height: 30px; background: url(images/firefox_logo.png) no-repeat center top; padding: 0 10px; }
.opera_logo { float: left; width: 34px; height: 30px; background: url(images/opera_logo.png) no-repeat center top; padding: 0 10px; }


/********************** core style ********************************/

/* tbox, chatbox, button */
.tbox{ font: 12px Verdana, Arial; color: #5e5e5e; padding: 6px; background: #FFFFFF url(images/bg-form-text.gif) repeat-x left top; border: 1px solid #dadada; }
.tbox.chatbox { width: 88%; color: #5e5e5e; border: 2px solid #7a8e0d; padding: 6px; margin: 2px auto; background: #FFFFFF url(images/bg-form-text.gif) repeat-x left top; }
.button { width: auto; height: 30px; margin: 2px; padding: 0 10px; background: #4a4f54; border: 1px solid #373737; color: #FFFFFF; cursor:pointer; }
.button:hover { color: #FFFFFF; background: #8bb82e; }
.button a { color: #FFFFFF; }
.button a:hover { color: #969696; }

/* FORUMS */
.border { border: 1px solid #8f7a55; }
.fborder { border: 1px solid #8f7a55; border: none; border-collapse: collapse; background: transparent; }  
.forumheader{ background: url(images/forumheader.png) repeat-x left bottom; font: bold 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color: #8f7a55; padding: 4px; border-bottom: 1px solid #8f7a55; }
.forumheader2{ background: transparent; font: 11px Verdana, Arial, Tahoma, Verdana, Helvetica; color: #8f7a55; padding: 4px; border-bottom: 1px solid #8f7a55; }
.forumheader3{ background: transparent; font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color: #8f7a55; padding: 4px; border-bottom: 0px solid #8f7a55; }
.forumheader3 a { color: #8BB82E; text-decoration: none; } 
.forumheader3 a:hover { color: #000; text-decoration: none; }
.forumborder{ border: 1px solid #8f7a55; }
a.forumlink{ color: #617b90; text-decoration: none; }
.nforumcaption2 { background: transparent; font: bold 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color:#8f7a55; padding: 4px; border-bottom: 1px solid #8f7a55; }
.caption { background: transparent; font: bold 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color:#8f7a55; padding: 4px; border-bottom: 1px solid #8f7a55; }   
.fcaption { background: transparent; font: bold 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color:#FFFFFF; padding: 4px; border-bottom: 1px solid #8f7a55; }
.fcaption a { color: #8bb82e; text-decoration: none; }
.fcaption a:hover { color: #ff0000; text-decoration: none; }
.finfobar{ background: transparent; font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color:#8f7a55; margin-bottom: 2px; padding: 4px; border-bottom: 1px solid #8f7a55; } 
.nforumholder { }
.nforumcaption { }
.nforumthread { }
.nforumreplycaption { }
.nforumreply { }
.nforumdisclaimer { }
.nforumview1 { }
.nforumview2 { }
.nforumview3 { }
.nforumview4 { }

/* TEXTS */
.indent{ font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color: #FFFFFF; padding: 10px; margin: 5px; border: 2px dotted #8f7a55; }
.smalltext { font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; } 
.smallblacktext { font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; }  
.defaulttext { font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; }
.mediumtext { font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; }
blockquote { margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 5px solid #f7f7f7; }
.nextprev{ height: 30px; background: transparent; font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color: #FFFFFF; text-align: center; padding : 8px; margin: 20px auto 0 auto; }
.nextprev_link { color: #8bb82e; padding: 3px; border: 1px solid #8bb82e; }
.nextprev_current { color: #000; padding: 3px; border: 1px solid #000; }
.searchhighlight { text-decoration: none; color: #ff0000; font-weight: bold; }


/* MISC */
td { font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; padding: 0 4px; text-align:left; }
form { margin: 2px 0px 0px 0px; }
.spacer{ padding: 6px 0px 6px 0px; }
hr { height: 2px; border-top: 1px solid #dfe5cb; border-bottom: 0px solid #423139; text-align: left; margin: 5px; } 
.helpbox { background: transparent; font: 9px Verdana, Arial, Tahoma, Verdana, Helvetica; color:#FFFFFF; border: 0px; margin: 0; padding: 0; }
.bodytable { font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color: #FFFFFF; padding: 8px; }
.code-box { font: 12px Verdana, Arial, Tahoma, Verdana, Helvetica; color:#000; padding: 8px; }
.code_highlight { 
  width: 95%; 
  margin: 0px 0;
  padding: 10px;
  text-align: justify;
  display: block;
  overflow: auto;  
  font: 14px Times New Roman, Arial, Tahoma, Verdana, Helvetica;
  /* white-space: pre; */
  background: #000000; 
  border: 0px dotted #423139; 
  
}

/* Navigation */
div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over,
div.menu,
div.menu a.menuItem {
  font: 14px Verdana, Arial; text-align: left; 
}

div.menuBar {
  width: 960px;
	list-style: none;
	line-height: 45px;
}

div.emenuBar {
  text-align: left;
}

/* main level links */
div.menuBar a.menuButton, div.menuButton, div.menuButton_over { 

  cursor: pointer;
  background: ;
  border: 2px solid #8f7a55;
  color: #ffffff; 
  line-height: 45px; 
  margin: 0; 
  padding: 13px 20px 12px 20px; 
  text-transform:uppercase;
  text-align: center; 
  text-decoration: none;
  font: 13px Times New Roman,Verdana, Arial, Helvetica, sans-serif;
  font-style:none;
  font-weight: bold;
  position: relative;
  left: 10px;
  top: 0px;
  z-index: 100;
}
  
/* main level links hover */  
div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
  background:#000000 url(images/bg-menu-a.gif) no-repeat right top;
}

/* main level links active */
div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover {
  background:#000000 url(images/bg-menu-a.gif) no-repeat right top; 
}

/* sublinks styles ************************* */

/* sublink container */
div.menu {
  width: 174px;
  margin: 0px;
  padding: 1px;
  position: absolute;
  left: -999em;
  top: 0;
  left: 0;
  visibility: hidden;
  border-bottom: 0px solid #000000;
  background: #8f7a55 ;
	margin-top: -1px;
	text-decoration: none;
}

/* sublinks main style */
div.menu a.menuItem {
  width: 172px;
  cursor: pointer;
  display: block;
  font-weight:bold;
	font-size:0.9em;
	color:#ffffff;
	border-top: 2px solid #8f7a55;
	border-right: 2px solid #8f7a55;
	border-left: 2px solid #8f7a55;
	line-height: 45px;
	background: #8f7a55 url(images/bg-menu.gif);
  text-decoration: none;
}

/* sublinks hover style */

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  color: #000;
  background: #8f7a55 
}

div.menu a.menuItem span.menuItemBuffer {
  padding: 0 2px 0 2px;
  color: #8f7a55;
}

div.menu a.menuItem:hover span.menuItemBuffer {
  padding: 0 2px 0 2px;
  color: #FFFFFF;
}

div.menu a.menuItem span.menuItemText {
padding: 0 0 0 18px;
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin: 4px 2px;
}

a.menuItem.header {
  border-bottom: 1px solid #b3b3b3;
}

#s3slider { 
   width: 350px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 350px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #FFFFFF;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

/**************  FBOX ************/

div#promos div.scroller {
	width: 960px; 
	height: 235px;
	text-align: center;
	overflow: hidden;
	padding-bottom: 10px;
	background:#000000 url(images/smaak6001.gif) no-repeat ;
	background-repeat: no-repeat;
}

div#promos div.scroller div.content {
width: 10000px;
}

div#promos div.scroller div.section {
width: 960px; 
height: 235px;
overflow: hidden;
float: left;
}

.innerbox {
margin: 15px 30px;
}

h2.promo {
color: #8f7a55;
font-variant: small-caps;
font-weight:bold;
text-transform: bold;
padding: 0px 0px 10px 0px;
margin: 0px
}

p.promo{
color: #EFEFEA;
font-size: 13px;
}

.promo a{
	color: #207db7;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.promo a:hover {
	color: #ff0000;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.fBoxImage img, div.ecliImage img {
padding: 0px;
}

div#buts {
	position: absolute;
	width: 626px;
	height: 35px;
	margin-top: 4px;
	z-index: 0;
}
/************************************************************* 
* TinyMCE specific rulesBody background etc *************************************************************/ 
/* set this the same as content background color */ 
body.mceContentBody { 
background: #000000; 
}