@charset "UTF-8";

.DatelLayout #main #mainContent {
	margin: 0; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	font-size:12px;
	width:100%;
	padding: 0;
}
.DatelLayout #main #mainContent #maintext{
	margin: 0; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
	font-size:12px;
	float: left;
	width:994px;
}

/* CSS Document */
html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	color:#000000;
}
/* Global Style Classes */
h1 {
	font-size:26px;
	font-family: Arial,Helvetica,sans-serif;
	color:#000000;
}

h2 {
	font-size:14px;
}

h3, h4, h5, h6 {
	font-size:12px;
}

sup, sub {
 	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

sub { 
	top: 0.4em; 
}
.showcase-txt {
font-size:0.9em;
text-align:left;
padding:0 5px 0 10px;
background-color:#e4e4e4; /*  #faf3d6; */
}

.headline-border {
	border-bottom:solid 1px #666666; 
	padding-bottom:3px;
}

.rtl {
	direction: rtl;
}

.clear {
	height: 0px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	clear: both;
}

.cf:before, .cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.hidden {
    display: none;
}

a img, img[usemap]  {
	border:none;	
}

.no-wrap {
	white-space:nowrap;	
}


/*One Column Fluid Layout */
.layout-onecolumn {
	min-width:800px; 
	max-width:994px; 
	margin:20px; 
	/*overflow:auto;*/	
}

.layout-onecolumn {
  width: 100%;
  margin: 0;
  padding: 0;
  max-width: 100%;
  min-width: 100%;
}


.layout-onecolumn .content-column {
  min-width: 700px;
  max-width: 990px;
  margin: 0 auto;
  /*! padding: 0 50px; */
  width: 100%;
}

#homepage-content-storage {
    display: none;

}

.homepage-content
{

  display: table;

  width:100%;

  margin-bottom:20px;

}

.homepage-content div {
  width:23%;
  display: table-cell;
 /* border:solid 1px #ccc; */
 /* background-color: #e6e6e6; */
}


.homepage-content div.spacer {
  width:1%;
  background:none;
  border: none;
}

.homepage-featured div.spacer18px {
  background:none;
  border: none;
  height:18px:
}

.homepage-featured__content div img{
  width:100%;
  height:auto;
}

.homepage-featured__content div a {
  display: block;
}


.homepage-featured__content div a img { /* banners */
  border:solid 1px #fff;
  box-sizing: border-box;
}

.homepage-featured__content div img {
  border-bottom:solid 1px #ccc;

}

.homepage-featured__content a {
  text-decoration: none;
  color:black;
}


.homepage-featured__content-section,

.homepage-featured__content-title,

.homepage-featured__content-desc {
  color: black;
  text-decoration:none;
  display: block;
  padding:2px 5px;
}

.homepage-featured__content-section {
text-transform: uppercase;
}

.homepage-featured__content-title {
  text-transform: uppercase;
  font-weight:bold;
  font-size:14px;
  text-align:center;
}
.homepage-featured__content-desc {
	font-size:13px;
	text-align:center;
	
}

.homepage-featured__content_showcase div {
  width:31%;
  display: table-cell;
  /* border:solid 1px #ccc; */
  background-color: #ffffff;
}


.homepage-featured__content_showcase div.spacer {
  width:2%;
  background:none;
  border: none;
}
.homepage-featured__content_showcase-desc {
	font-size:13px;
	text-align:center;
	text-height:18px;
}

/* Hover Button */
.button {
	background-color: #3e7ec4; /* Blue */
  /*background-color: #4CAF50;  Green */
    border: none;
    color: white;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 2px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.btn-navi {
    background-color: #008CBA;
    color: white;
    border: 2px solid #008CBA;
}

.btn-navi:hover {
	background-color: white; 
    color: black;  
    border: 2px solid #008CBA;
}

/* 2 column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	border: 2px solid #008CBA;
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}
/* 2 Column (right menu) settings */
.rightmenu {
	background:#f1e9c6;		/* right column background colour# eee */
}
.rightmenu .colleft {
	right:25%;			/* right column width */
	 background:#fff;	/*	 left column background colour */
}
.rightmenu .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}