html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal 100% 'trebuchet ms', arial, sans-serif;
  background: #F7F7F7;
  color: #555;}
  
/* ***************************************************************************************************** */  
  
.headercontainer{background-image:url(../images/bg-fade.jpg); background-repeat: repeat-x; max-height:578px; height:100%; overflow: hidden;}
header{ max-width:1110px; margin: auto; }
header img{ float:right; max-width:811px; width: 100%; }
.headspeel{ float:left;  margin-top:10%; color:#FFFFFF; padding-left:10px;  position: absolute }
.headspeel h1{color:#FFFFFF; }

section{max-width:1110px; margin: auto; padding:0 10px 20px 10px;}

.footercontainer{ background-color:#2F3034; overflow:hidden; padding:55px 0;}
footer{ max-width:1110px; margin: auto; padding:0 10px; color:#8D9192; }
.footerhighlight{ color:#FFFFFF;}
.footleft{clear:both; float:left;}
.footright{float:right;}
footer a{ color:#8D9192;}

/* Media Queries */
@media screen and (max-width: 480px) {
.footright{clear:both;float:left;}
}
@media screen and (max-width: 776px) {
.headspeel{ display:none }
}

/* ***************************************************************************************************** */  

p
{ padding: 0 0 20px 0;
  line-height: 1.7em;}

h1, h2, h3, h4, h5, h6, h7 
{ color: #40395f;
  letter-spacing: 0em;
  padding: 0 0 5px 0;}

h1, h2, h3
{ font: bold 1.17em 'century gothic', arial;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
  color: #40395f;}

h1
{ font: bold 2.5em 'trebuchet ms', arial, sans-serif;
  padding: 50px 0 5px 0;
  color: #555;}

h2
{ font-size: 1.875em;
  padding: 9px 0 5px 0;
  color: #555;}
  
.rik{font-size:2.5em; font-weight:bold}

.holder{margin:20px}

  
.hide{display:none;}

ul , ol
{ margin: 2px 0 0 17px;
 padding: 0 0 4px 15px;
  line-height: 1.5em;}


.form-majo{
	max-width: 310px; 
	padding: 20px 12px 10px 20px;
	font: 13px Arial, Helvetica, sans-serif;
	style=" border-collapse:collapse; -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.2);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);
	 border:1px solid #999999;"
	 
	 font-weight: bold;	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 103px;
}

.form-majo label{
	display: block;
	margin: 0px 0px 15px 0px; 
}

.form-majo span.required{
	color:red;
}

.form-majo input.input-field{
	width: 100%;
	
}

.form-majo input.input-checkbox{
	width: 15px; margin-right: 10px;  display:inline-block;  
	
}

.form-majo input.input-field, 
.form-majo .textarea-field{ 

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
}
.form-majo .input-field:focus, 
.form-majo .textarea-field:focus{
	border: 1px solid #0C0;
}
.form-majo .textarea-field{
	height:100px;
	width: 100%;
}
.form-majo input[type=submit],
.form-majo input[type=button]{ width:100%;
	border: none;
	padding: 8px 15px 8px 15px;
	background: #FF8500;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.form-majo input[type=submit]:hover,
.form-majo input[type=button]:hover{
	background: #EA7B00;
	color: #fff;
}

.majo-label{padding-top:0;}
  
  table
{ margin: 10px 0 30px 0;}

table tr th, table tr td
{ background: #3B3B3B;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;}
  
table tr td
{ background: #E5E5DB;
  color: #47433F;
  border-top: 1px solid #FFF;}