html {
}

body {
	    height:100%;
	    margin:0 auto;
	    background-image: url('http://scharendebroeders.nl/images/marmer.jpg');
	    background-repeat: repeat;
	    font: 17px arial, sans-serif;
	    line-height: 20px;
	    color: #a66c06;
}

H2 {
	margin-bottom:5px;
}

@media screen and (min-width: 600px) {
.container
  {
	position:absolute;
	background-color: #efe0cb;
	text-align: center;
	width:1024px;
	height:700px;
	margin-top:-379px;
	margin-left:-512px;
	top:60%;
	left:50%;
  }
}

.thetext
{
	position:absolute;
	top:20px;
	text-align: left;
	margin-left:60px;
	margin-right:40px;
	width:910px;
}

.plaatje
{
	margin-left:15px;
 	border-style: solid;
 	border-width: 1px;
 	border-color: #a66c06;


}

.reclame
{
 	position:absolute;
 	width:350px;
 	height:350px;
	background-color: #ecd6ba;
 	left:50%;
 	top:50%;
 	margin-left:-125px;
 	margin-top:-300px;
 	border-style: solid;
 	border-width: 2px;
 	border-color: #a66c06;
	display: none;
	box-shadow: 8px 8px 5px #a66c06;
}

.reclametext
{
	position:absolute;
	top:26px;
	font: 17px arial, sans-serif;
	line-height: 19px;
	color: #a66c06;
	text-align: left;
	margin-left:30px;
	margin-right:50px;
	width:270px;

}



#mobile_view { display:block; }

@media only screen and (orientation:portrait){
  #mobile_view {
    height: 900vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@media only screen and (orientation:landscape){
  #mobile_view {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
  }
}