/*
Cascading Style Sheet (css)
Website          : Faunaland
Version          : V1.0
Template Name    : 'Global Reset'
Author(s)        : Armand Lacle (Armand /[at]/ beyond-precision.com)
Company          : Beyond Precision
Created on       : 2006

------ Global Reset------ */

@import url("site.reset.css");

/* General formatting  
-----------------------------------------------------------------------------*/ 

body {
  background-color: #7b9b48;
  background-image: url('images/body_background.jpg');
  background-repeat: repeat-x;
  background-position: 0px 0px;
  background-attachment: fixed;
}

#wrapper {
  width: 900px;
  margin: 0 auto 30px auto;
  border: 2px solid #103517;
  border-top: 0;
  background-color: #CADD84;
}

#sub-header {
  font-size: 11px;
  padding: 0 10px;
  display: block;
  height: 40px;
}

#zoekoptie {
  position: relative;
  float: right;
  padding: 2px 0 0 0;
}

#breadcrumps {
  position: relative;
  float: left;
  padding-top: 13px;
  padding-left: 5px;/* clear:both;*/
}

#primary, #secondary, #tertiary {
  position: relative;
  float: left;
}

#primary { 
 padding-left: 25px;
 width: 555px;
}

#secondary { width: 170px; }

#tertiary {
  float: right;
  width: 147px;
}

#secondary .content { margin: 0.4em 1em 1em 1em; }

#primary #foto-menu { margin: 0.4em 0em 0.4em 0em;}

#primary #content-center { 
width: 529px;
}

#tertiary .content { margin: 0.4em 0 1em 0.7em; }

#footer .content { padding: 1em; }

#secondary, #tertiary, #footer {
  background-color: none;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-x-position: 0%;
  background-y-position: 0%;
}

#footer {
  clear: both;
  float: left;
  width: 100%;
  position: relative;
  font-size: 10px;
  margin-top: 1em;
  border-top: 2px solid #0E6530;
}

/* Menu
-----------------------------------------------------------------------------*/ 
#menu_container {
  width: 146px;
  padding-bottom: 10px;
  float: left;
  background-color:#648735;
  background-image: url('images/menu_border.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
}

#menu a:link, #menu a:visited {
  display: block;
  color: #ffff99;
  text-decoration: none;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #ffff99;
  border-width: 0 0 1px 0;
}

#menu a:hover, #menu a:active {
  color: #648735;
  background-color: #ffff99;
  border: 1px solid #C7CACB;
  border-width: 0 0 1px 0;
}

#menu_container #menu a.menu-level1-act {
  color: #648735;
  background-color: #ffff99;
}

#menu_container #menu a.menu-level2-act, #menu_container #menu a.menu-level2-no {
  color: #D20000;
  background-color: #BED73B;
}

#menu a.menu-level2-act:hover, #menu a.menu-level2-no:hover {
  color: #FFFF99;
  border: 1px solid #0F6531;
  border-width: 0 0 1px 0;
}



/* Typography
-----------------------------------------------------------------------------*/ 

#primary h1 { font-weight: bold; }
#primary h3 { font-weight: bold; }
.csc-firstHeader { *padding-top: 9px; }
/* Units
-----------------------------------------------------------------------------*/ 
#primary .unit {
  margin-right: 15px;
  margin-bottom: 15px;
}

#tertiary .unit .unit-header { font-size: 12px; }

.unit {
  width: 125px;
  position: relative;
  float: left;
  border: 1px solid #103517;
  background-color:#648735;
  background-image: url('images/unit_background.jpg');
  background-repeat: repeat-x;
  background-position: center 4px;
}

.unit .unit-header {
  font-weight: bold;
  font-size: 14px;
  padding: 2px 0;
  color:#FFFF99;
  text-align: center;
  width: 124px;
  display: block;
  float:left;
}

.csc-textpic-caption {
  font-weight: bold;
  padding: 5px 0 5px 5px;
  color:#FFFF99;
  background-color:#648735;
  font-size:12px;
  border-top: 1px solid #00280c;
}
.csc-textpic-imagewrap { 
 float:left;
}
#primary .csc-textpic-imagewrap .csc-textpic-image {
  border: 1px solid #00280c;
  margin: 0 7px 10px 0;
}
#tertiary .unit { margin-bottom: 15px; }

#tertiary .csc-textpic-image { 
  border: 1px solid #00280c;
}
.img-border { border: 2px solid #0E6530; }

/* News Item
-----------------------------------------------------------------------------*/
.mininews-list-container {
  font-size: 11px;
  padding-bottom: 4px;
  margin-bottom: 13px;
  border: 1px solid #00280c;
  background: url('images/news_bg.jpg') -50px center repeat-x;
}

.mininews-list-header {
  padding: 5px 0 5px 5px;
  border-bottom: 1px solid #00280c;
  background-color: #648735;
}

.tx-mininews-pi1 { padding: 0 3px; }

.tx-mininews-pi1 H2 {
  font-weight: bold;
  color: #D60316;
}

.tx-mininews-pi1 .bodytext { line-height: 1.7em; }

h1.list-header {
  font-weight: bold;
  font-size: 12px;
  color: #FFFF99;
}

.tx-mininews-pi1-fp_listrowField-datetime { font-size: 10px; }

/* Let op! Toegevoed door Juni.
   Reden: Klant wilt alleen dat de datum, titel en more link in 
   het menu voorkomen.
*/

#nieuws-vak .tx-mininews-pi1 P.tx-mininews-pi1-fp_listrowField-teaser {
  display:none;
  visibility: hidden;
}

#nieuws-vak .tx-mininews-pi1 .tx-mininews-pi1-fp_listrow-first, #nieuws-vak .tx-mininews-pi1 .tx-mininews-pi1-fp_listrow-normal {
  margin-bottom: 10px;
}
/* Search buttons
-----------------------------------------------------------------------------*/
.submit-button {
  padding: 0px;
  height: 25px;
  background-color: #638632;
  border: 1px solid #901F19;
  color: #FFFF99;
}

.input-text {
  font-weight: bold;
  color: #666666;
  border: 1px solid #901F19;
}

/* Scroller  
-----------------------------------------------------------------------------*/ 
#marqueecontainer{
  position: relative;
  width: 170px !important; /* marquee width */
  width: 140px; 
  height: 85px; /* marquee height */
  overflow: hidden;
/*
  background-color: white;
  border: 3px solid orange;
  padding: 2px;
  padding-left: 4px;
*/
}