@font-face {
    font-family: 'bebas_neueregular';
    src: url('webfonts/bebasneue-webfont.eot');
    src: url('webfonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/bebasneue-webfont.woff') format('woff'),
         url('webfonts/bebasneue-webfont.ttf') format('truetype'),
         url('webfonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
 * Body and basic containers
 */
 body {
  margin: 0;
  padding: 0;
  background-color:#e2cfac;
}
 
.bg {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

body.cms .bg{
  margin-top: 0px;
  /*background-position: 0px 32px;*/
}

#center {
  position:relative;
  width: 880px;
  background-color:#FFFFFF;
}

#center-content {
  position:relative;
  margin-left: auto;
  margin-right: auto;
  width: 820px;
  background-color:#FFFFFF;
}

/*
 * Header & Footer
 */

#header {
  clear:both;
  position:relative;
  top:0;
  left:0;
  height:105px;
  z-index:2;
}

#header #logo {
  position:absolute;
  top:50px;
  left:0px;
  width:267px;
  height:37px;
  background-image: url('../images/logo.gif');
  background-repeat: no-repeat;
  cursor:pointer;
}

#footer {
  clear:both;
}


#banner {
  position: relative;
  z-index: 1;
}

#banner-header {
  position: relative;
  height:30px;
  margin-right: 124px;
  background-color: #f6d48a;
  z-index: 2;
}

.banner-content {
  position: relative;
  margin-top:12px;
  z-index: 2;
  height:253px;
  background-image: url("../images/banner-default.jpg");
  background-repeat: no-repeat;
}

.banner-image-0 {
  height:533px;
}

.page {
  border:1px solid #CCC;
  border-top:1px solid #CCC;
  min-height: 200px;
}

.page-header {
  height:24px;
}


.page-0 .page {
  border:0px solid #CCC;
  border-top:0px solid #CCC;
  min-height: 0px;
}

.page-0 .page-header {
  display:none;
}

.page-1 .page {
  border-top:1px solid #f6d48a;
}
.page-1 .page-header {
  background-color:#f6d48a;
}

.page-2 .page {
  border-top:1px solid #e2cfac;
}
.page-2 .page-header {
  background-color:#e2cfac;
}

.page-3 .page {
   border-top:1px solid #c5bba0;
}
.page-3 .page-header {
   background-color:#c5bba0;
}

.page-4 .page {
  border-top:1px solid #a2b09e;
}
.page-4 .page-header {
  background-color:#a2b09e;
}

.page-5 .page {
  border-top:1px solid #6baeae;
}
.page-5 .page-header {
  background-color:#6baeae;
}

.page-12 .page {
  border-top:1px solid #6baeae;
}
.page-12 .page-header {
  background-color:#6baeae;
}

.page-13 .page {
  border-top:1px solid #949494;
}

.page-13 .page-header {
  background-color:#949494;
}

/*
 * Page  columns / contents
 */

.page {
  clear:both;
  margin: 12px 0px 10px 0px;
}

.page-content {
  padding:15px;
}

.col-left {
  float:left;
  width:25%;
}

.col-left .content {
  position:relative;
  margin-left:10px;
  margin-right:10px;
  padding-top:42px;
  min-height:500px;
}

.col-left .content .menu,
.col-left .content .box
{
  position:relative;
  z-index:10;  
}

.col-right {
  float:right;
  width:74%;
}

.col-right .content {
  margin-left:10px;
  margin-right:20px;
  min-height:300px;
  margin-top:50px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	height: 0;
  line-height: 0;
}


/*
 * Menu
 */

#main-menu
{	
  margin: 0;
  padding: 0;
  position: absolute;
  top:0;
  right:0;
  width:110px;
  z-index: 10;
}

#main-menu li
{
  position:relative;
  float:none;
  list-style: none;
  font: 12px Tahoma, Arial;
}

#main-menu li a
{
  display: block;
  width: auto;
  padding: 0; /* margin for menu items */
  background: transparent; 
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0.03em;
  font-weight: bold;
  border-bottom:0px solid transparent;
}

#main-menu li a span
{
  display: block;
  background-color:#f6d48a;
  color: #FFF;
  padding: 7px 5px 7px 10px; /* padding for menu items */
}

#main-menu li a:hover
{

}

#main-menu li a.active span
{
  background-color:#f6d48a;
  color: #000;
}

#main-menu li a.offline span
{
  color:#CCC;
}

#main-menu li a:hover span,
#main-menu li a.active:hover span,
#main-menu li a.hover span
{
  background-color:#f6d48a;
  color: #000;
}

#main-menu li ul
{
  position: absolute;
  top:0px;
  left:110px;
  width:135px;
  margin: 0;
  padding: 0;
  display:block;
  visibility: hidden;
}

#main-menu li.active ul
{
  visibility: visible;
}

#main-menu li ul li
{

}

#main-menu li ul li a
{

}

#main-menu li ul li a span
{
  background-color:#000;
  color: #FFF;
}

#main-menu li ul li a:hover
{

}

#main-menu li ul li a.active span
{
  background-color:#000;
  color: #FFF;
}

#main-menu li ul li a.offline span
{
  color:#CCC;
}

#main-menu li ul li a:hover span,
#main-menu li ul li a.active:hover span,
#main-menu li ul li a.hover span
{
  background-color:#000;
  color: #FFF;
}

/* different colors for first level (according to index) */

#main-menu li.menu-0 a span
{
  background-color:#f6d48a;
  color: #FFFFFF;
}
#main-menu li.menu-0 a:hover span,
#main-menu li.menu-0 a.active span,
#main-menu li.menu-0 a.active:hover span,
#main-menu li.menu-0 a.hover span
{
  background-color:#fad88e;
  color: #000000;
}

#main-menu li.menu-1 a span
{
  background-color:#e2cfac;
  color: #FFFFFF;
}
#main-menu li.menu-1 a:hover span,
#main-menu li.menu-1 a.active span,
#main-menu li.menu-1 a.active:hover span,
#main-menu li.menu-1 a.hover span
{
  background-color:#e5d2af;
  color: #000000;
}

#main-menu li.menu-2 a span
{
  background-color:#c5bba0;
  color: #FFFFFF;
}
#main-menu li.menu-2 a:hover span,
#main-menu li.menu-2 a.active span,
#main-menu li.menu-2 a.active:hover span,
#main-menu li.menu-2 a.hover span
{
  background-color:#c7bda2;
  color: #000000;
}

#main-menu li.menu-3 a span
{
  background-color:#a2b09e;
  color: #FFFFFF;
}
#main-menu li.menu-3 a:hover span,
#main-menu li.menu-3 a.active span,
#main-menu li.menu-3 a.active:hover span,
#main-menu li.menu-3 a.hover span
{
  background-color:#a3b29f;
  color: #000000;
}

#main-menu li.menu-4 a span
{
  background-color:#6baeae;
  color: #FFFFFF;
}
#main-menu li.menu-4 a:hover span,
#main-menu li.menu-4 a.active span,
#main-menu li.menu-4 a.active:hover span,
#main-menu li.menu-4 a.hover span
{
  background-color:#6fb2b1;
  color: #000;
}

#main-menu li.menu-0 ul li a span,
#main-menu li.menu-1 ul li a span,
#main-menu li.menu-2 ul li a span,
#main-menu li.menu-3 ul li a span,
#main-menu li.menu-4 ul li a span
{
  background-color:#000;
  color: #FFF;
}

#main-menu li.menu-0 ul li a:hover span,
#main-menu li.menu-0 ul li a.active span,
#main-menu li.menu-0 ul li a.active:hover span,
#main-menu li.menu-0 ul li a.hover span,
#main-menu li.menu-1 ul li a:hover span,
#main-menu li.menu-1 ul li a.active span,
#main-menu li.menu-1 ul li a.active:hover span,
#main-menu li.menu-1 ul li a.hover span,
#main-menu li.menu-2 ul li a:hover span,
#main-menu li.menu-2 ul li a.active span,
#main-menu li.menu-2 ul li a.active:hover span,
#main-menu li.menu-2 ul li a.hover span,
#main-menu li.menu-3 ul li a:hover span,
#main-menu li.menu-3 ul li a.active span,
#main-menu li.menu-3 ul li a.active:hover span,
#main-menu li.menu-3 ul li a.hover span,
#main-menu li.menu-4 ul li a:hover span,
#main-menu li.menu-4 ul li a.active span,
#main-menu li.menu-4 ul li a.active:hover span,
#main-menu li.menu-4 ul li a.hover span
{
  background-color: #000;
  color: #6baeae;
}



/* Footer menu */
#footer-menu
{	
  float:right;
  margin: 0;
  margin-right:20px;
  padding: 0;
  position: relative;
  top:0;
  right:0;
  width:auto;
  z-index: 10;
}

#footer-menu li
{
  float:left;
  list-style: none;
  font: 12px Tahoma, Arial;
}

#footer-menu li a
{
  display: block;
  width: auto;
  padding: 0; /* margin for menu items */
  background: transparent; 
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0.03em;
  font-weight: bold;
  border-bottom:0px solid transparent;
}

#footer-menu li a span
{
  display: block;
  background-color:#FFF;
  color: #c5bba0;
  padding: 7px 10px 7px 20px; /* padding for menu items */
}

#footer-menu li:last-child a span
{
  padding: 7px 20px 7px 10px; /* padding for menu items */
}

#footer-menu li a:hover
{

}

#footer-menu li a.active span
{
  background-color:#949494;
  color: #FFF;
}

#footer-menu li a.offline span
{
  color:#CCC;
}

#footer-menu li a:hover span,
#footer-menu li a.active:hover span,
#footer-menu li a.hover span
{
  background-color:#949494;
  color: #FFF;
}


/*
 * Box with shadow
 */

.box-rc {
  border: 1px solid #dddddd;
  position:relative;
  top:0;
  left:0;
  background-color: #FFF;
}

.box-rc .shadow  {
  margin:0;
  border: 1px solid #c1c1c1;
  border-top-width: 0px;
}

.box-rc .shadow .shadow {
  margin:0;
  border: 1px solid #969696;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
}

.box-rc .tl,
.box-rc .tr,
.box-rc .br,
.box-rc .bl
{
	position:absolute;
	display:block;
	width:4px;
	height:4px;
	z-index:11;
	background-image: url('../images/bg-corner.png');
	background-repeat: no-repeat;
}

.box-rc .tl
{
	top:-1px;
	left:-1px;
	background-position: 0px 0px;
}

.box-rc .tr
{
	top:-1px;
	right:-1px;
	background-position: 0px -5px;
}

.box-rc .br
{
	bottom:-1px;
	right:-1px;
	background-position: 0px -10px;
}

.box-rc .bl
{
	bottom:-1px;
	left:-1px;
	background-position: 0px -15px;
}