* {
	margin: 0;
	padding: 0;
}
	
html { 
	min-height: 100% !important;
	
		
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(219,219,219,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(22%,rgba(255,255,255,1)), color-stop(100%,rgba(219,219,219,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(219,219,219,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(219,219,219,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(219,219,219,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 22%,rgba(219,219,219,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );
}
	
body {
	font: 14px/1.2 'Roboto Condensed', sans-serif;
	color: #4E4B49;
}

a {
	color: #C54922;
	text-decoration: none;	
	outline: none;
  word-wrap:break-word;
}

a:hover {
	text-decoration: underline;
}

h1 {
	margin: 30px 0 0;
	padding: 0 15px 0 0;
	font: 400 20px/40px 'Roboto Condensed', sans-serif;
	color: #fff;
	box-shadow: 0 1px 2px #4E4B49;
	
	background: rgb(231,120,23);
	background: -moz-linear-gradient(top, rgba(231,120,23,1) 0%, rgba(175,43,41,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,120,23,1)), color-stop(100%,rgba(175,43,41,1)));
	background: -webkit-linear-gradient(top, rgba(231,120,23,1) 0%,rgba(175,43,41,1) 100%);
	background: -o-linear-gradient(top, rgba(231,120,23,1) 0%,rgba(175,43,41,1) 100%);
	background: -ms-linear-gradient(top, rgba(231,120,23,1) 0%,rgba(175,43,41,1) 100%);
	background: linear-gradient(to bottom, rgba(231,120,23,1) 0%,rgba(175,43,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77817', endColorstr='#af2b29',GradientType=0 );
}


h2 {
	margin: 15px 0 15px;
	padding: 0 15px 0 10px;
	font: 700 16px 'Roboto Condensed', sans-serif;
	color: #C54922;
	float: none;
	clear:both
}

h3 {
	margin: 15px 0 0;
	padding: 0 0px 0 10px;
	font: 700 13px 'Roboto Condensed', sans-serif;
	float: none;
	clear:both
}

h1:first-child, h2:first-child {
	margin-top: 0;
}

h1 + h2 {
	margin-top: 5px;
}


span {
	padding: 0 10px;

}

p {
	margin: 20px 10px 0;
	padding: 0;
}

h1  p {
	margin: 0 10px 0;
	padding: 0;
}

h3 + p {
	margin-top: 0;
}

p.kontakt {
	float: left;
	width: 70px;
	margin: 0 0 0 10px;
	padding: 0;
}

img {
	border: 0;
}

ol, ul {
	margin: 15px 0 20px 30px;
	padding: 0;
	font-weight : normal;
	text-align: left;
	list-style-position: outside;
}

ol {
	list-style-type: decimal-leading-zero;
}

ul {
	list-style-type: square;
}

li {
	padding: 0 0 3px 0;
}


#page-wrap {
	width: 980px;
	min-height: 300px;
	margin: 0 auto;
	padding: 0;
	overflow: auto;	
}

a#logo  {
	width: 244px;
	height: 273px;
	margin: 20px auto 0;
	display:block;
}

div#head {
	width: 970px;
	overflow: auto;
	margin: 40px 0 0 0;
	padding: 5px;
	
}

div#contactbox {
	width: 313px;
	height:303px;
	background: #C1C0BF;
	float: left;
	margin: 0 15px 0 0;
}

.fader1 {
	position:relative;
	width:642px;
	height:303px;
	box-shadow: 0px 0px 10px #000;
	float: left;
}
	
.fader1 img {
	position:absolute;
	left: 0;
	top: 0;
	border: 5px solid #fff;
}


#content {
	width: 970px;
	overflow: auto;
	margin: 20px 0 0 0;
	padding: 5px;
}

#content div {
	width: 313px;
	height:303px;
	background: #C1C0BF;
	float: left;
}

#content div.box {
	width: auto;
	height:auto;
	background: #C1C0BF;
	float: none;
	padding: 0 0 20px;
	margin: 20px 0 20px 0;
}

#content div.boxLeft {
	width: 475px;
	height:auto;
	background: #C1C0BF;
	float: left;
	padding: 0 0 20px;
	margin: 0 20px 0 0;
}

#content div.boxRight {
	width: 475px;
	height:auto;
	background: #C1C0BF;
	float: left;
	padding: 0 0 20px;
}

#content div.boxRight a  {
	width: 80px;
	height: 80px;
	
	border: 1px solid #fff;
	background: #fff;
	float: left;
	margin: 0 5px 5px 0;
	box-shadow: 0px 0px 3px #4E4B49;

	overflow: hidden;
}


#content div.cont_2 {
	margin: 0 15px;
	
	background: url(images/efh_moeller/aussen_5.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#content div.cont_3 {
	background: url(images/lesum.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

p.angebot {
	background: rgba(255,255,255,0.8);
	padding: 10px;
	font: 700 16px 'Roboto Condensed', sans-serif;
	position:absolute;
	margin: 195px 0 0 0;
}

a.angebothref {
	width: 313px;
	height: 263px;
	display: block;
}

a.angebothref:hover p {
	text-decoration: underline;

}

#footer {
	width: 970px;
	margin: 20px auto 80px;
	font-size: 12px;
	text-align:right;
	
}

#footer a {
	color: #000;
}

.verkauft {
	position:fixed;
	left: 50%;
	top: 7%;
	margin: 0 0 0 -500px
}


/* Mobile Landscape and Portrait */
@media only screen and (max-width: 767px) {
    #page-wrap { width: 400px; }
	#content {	width: 400px; margin:0;	padding: 0px;}
	div#head {	display: none; visibility:hidden;}
	
	#content {	width: 400px; margin:0;	padding: 0px;}	
	#content div {	width: 400px; height:auto; float: none; margin: 0; }

	#content div.cont_1  { margin: 0 0 20px 0; padding: 0 0 20px 0;}
	#content div.cont_2  { margin: 0 0 20px 0;}
	
	#content div.box {	width: 400px; float: none;	padding: 0 0 20px;	margin: 0 0 20px 0;}
	#content div.boxLeft {	width: 400px; float: none;	padding: 0 0 20px; margin: 0 0 20px 0; height:auto important!;}
	#content div.boxRight {	width: 400px; float: none;	padding: 0 0 20px; margin: 0 0 20px 0; height:auto important!; overflow: auto;}
	
	#footer {	width: 400px;	margin: 0 auto 50px;	font-size: 12px;	text-align:center; }
	#footer span {	display: block; margin: 0 0 10px 0; }
	
	#content div.boxRight a  {	width: 80px; height: 80px; }
	
	a.angebothref {	width: 313px;	height: 263px;	display: block; background: ; }
	
	a#logo  {	margin: 20px auto 20px;}
	
	a.angebothref {	width: 400px;	height: 283px; }
	
	.verkauft {	position:fixed;	left: 50%;	top: 320px;	margin: 0 0 0 -200px; width: 400px; }
    
}

/* Mobile Portrait */
@media only screen and (max-width: 479px) {
    #page-wrap { width: 280px; }
	#content {	width: 280px; margin:0;	padding: 0px;}
	div#head {	display: none; visibility:hidden;}
	
	#content {	width: 280px; margin:0;	padding: 0px;}	
	#content div {	width: 280px; height:auto; float: none; margin: 0;}
	
	#content div.cont_1  { margin: 0 0 20px 0; padding: 0 0 20px 0;}
	#content div.cont_2  { margin: 0 0 20px 0;}
	
	#content div.box {	width: 280px; float: none;	padding: 0 0 20px;	margin: 0 0 20px 0;}
	#content div.boxLeft {	width: 280px; float: none;	padding: 0 0 20px; margin: 0 0 20px 0; height:auto important!;}
	#content div.boxRight {	width: 280px; float: none;	padding: 0 0 20px; margin: 0 0 20px 0; height:auto important!; overflow: auto;}
	
	#footer {	width: 280px;	margin: 0 auto 50px;	font-size: 12px;	text-align:center; }
	#footer span {	display: block; margin: 0 0 10px 0; }
	
	#content div.boxRight a  {	width: 70px; height: 70px; }   

	a#logo  {	margin: 20px auto 20px;}
	
	a.angebothref {	width: 280px;	height: 283px; }
	
	.verkauft {	position:fixed;	left: 50%;	top: 320px;	margin: 0 0 0 -140px; width: 280px; }
	
}