@import url('https://fonts.googleapis.com/css?family=Dosis');
body {
	 margin : 0px auto 0 auto;
}

.blended_grid{ 
	 display : block;
	 width : 100%;
	 max-width: 900px;
	 overflow : hidden;
	 margin : 0px auto 0 auto;

	   
}
.topBanner{

color: rgb(245, 174, 120);
font-size: 25px;
text-shadow: rgb(3, 3, 3) 4px 4px 4px;
font-family: 'Dosis', sans-serif;
	 float: left; 
         margin: 0px 0px 0px 0px;
	 text-align: right; 
	 clear : both;
	 width : 100%;
	 max-width: 900px;
	min-height:100%; 
	position:relative;
	padding:0.5em 1em 0 1em;

	Box-sizing: Border-box;
}
.middleBanner{
	 float : left;
	 clear : none;
	 width : 100%;
	 max-width: 900px;
	 position:relative;
	 z-index: 10;
font-family: 'Dosis', sans-serif;
 	padding:0 0.5em 0 0.5em;
	 Box-sizing: Border-box;

}
.titelBanner{
font-family: 'Dosis', sans-serif;
	 float : left;
	 clear : none;
	 width : 100%;
	 max-width: 900px;
	 position:relative;
 	 padding:0 1em 0 1em;
	 Box-sizing: Border-box;
	text-shadow: rgb(255, 168, 97) 4px 4px 4px;
font-family: 'Dosis', sans-serif;
}
.inhoudBanner{
	 float : left;
	 clear : none;
	 width : 100%;
	 max-width: 900px;
	 position:relative;
	 Box-sizing: Border-box;	
border-top: solid 2px #FFA861;
border-left: solid 2px #FFA861;
border-right: solid 2px #FFA861;
  
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;

    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
 background-color : rgba(255,255,255,0.8);
font-family: 'Dosis', sans-serif;
}
.bottomBanner{
	 background-color : rgba(0,0,0,0.9);
	 height : 100%;
	 width : 100%; 

}
.bottomBannercenter{
	 background-color : rgba(0,0,0,0.0);
	 height : 125px;
	 display : block;
	 max-width: 900px;
	 overflow : visible;
	 margin : 0px auto 0 auto;
	 position:relative;
}
.bottomBannerLeft{
	 background-color : rgba(0,0,0,0.0);
	 float : left;
	 clear : none;
	 width : 22%; 
	 color: #bababa;
	 font-size: 10px;
  	font-family: 'Dosis', sans-serif;
	 text-align: left;
	 padding: 10px;
	 position:relative;
	 box-sizing: border-box;
}.bottomBannerCenterleft{
	 background-color : rgba(0,0,0,0.0);
	 float : left;
	 clear : none;
	 width : 22%; 
	 color: #bababa;
font-size: 10px;
font-family: 'Dosis', sans-serif;
	 text-align: left;
	 padding: 10px;
	 position:relative;
	 box-sizing: border-box;
}

.bottomBannerCenterRight{
	 background-color : rgba(0,0,0,0.0);
	 float : left;
	 clear : none;
	 width : 22%; 
	 color: #bababa;
font-size: 10px;
font-family: 'Dosis', sans-serif;
	 text-align: left;
	 padding: 10px;
	 position:relative;
	 box-sizing: border-box;
}
.bottomBannerRight{
	 background-color : rgba(0,0,0,0.0);
	 float : right;
	 clear : none;
	 width : 22%; 
	 color: #bababa;
font-size: 10px;
font-family: 'Dosis', sans-serif;
	 text-align: left;
	 padding: 10px;
	 position:relative;
	 box-sizing: border-box;
}
.Loginbanner{
	 background-color : rgba(0,0,0,0.7);
	 	 color: #bababa;
font-size: 22px;
text-shadow: rgb(3, 3, 3) 4px 4px 4px;
font-family: 'Dosis', sans-serif;
	 text-align: center; 
	 clear : both;
	 height : 30px;
	 width : 100%; 

}


@media screen and (max-width: 400px) { 
.bottomBannerLeft{
	 background-color : rgba(0,0,0,0.0);
	 float : left;
	 clear : none;
	 width : 140px; 
	  min-height:150px; 
	 color: #bababa;
	 font-size: 10px;
  	font-family: 'Dosis', sans-serif;
	 text-align: left;
	 padding: 10px;
	 position:relative;
	 box-sizing: border-box;
}.bottomBannerCenterleft{
	 background-color : rgba(0,0,0,0.0);
	 float : left;
	 clear : none;
	 width : 140px; 
	  min-height:150px; 
	 color: #bababa;
font-size: 10px;
font-family: 'Dosis', sans-serif;
	 text-align: left;
	 padding: 10px;
	 position:relative;
	 box-sizing: border-box;
}

.bottomBannerCenterRight{
	 background-color : rgba(0,0,0,0.0);
	 float : left;
	 clear : none;
	 width : 140px; 
	  min-height:50px; 
	 color: #bababa;
font-size: 10px;
font-family: 'Dosis', sans-serif;
	 text-align: left;
	 padding: 10px;
	 position:relative;
	 box-sizing: border-box;
}
.bottomBannerRight{
	 background-color : rgba(0,0,0,0.0);
	 float : right;
	 clear : none;
	 width : 140px; 
	  min-height:50px; 
	 color: #bababa;
font-size: 10px;
font-family: 'Dosis', sans-serif;
	 text-align: left;
	 padding: 10px;
	 position:relative;
	 box-sizing: border-box;
}

} //mobile devices

blockquote {
  
  border-left: 10px solid #FFA861;
  margin: 1.5em 10px;
  padding: 5px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #FFA861;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #FFA861;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
.formveld{

   
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	 background-color : rgba(0,0,0,0.5);


}