

/* --- Stylesheet 1603 () --------- */ 

#footer {
	font-size: 13px; line-height: 16px;
	background-color: #E4E2D7;
	padding: 5px 20px 20px 20px;
	margin: 0px 30px 5px 0px;
}

#footer .col { float: left; margin-right: 40px; }
#footer .col.first { width: 220px; }
#footer .col.last { margin-right: 0px; }

#footer .col.right { float: right; margin-left: 0px; margin-right: 0px; }
#footer .col.rightx .boxx {  margin-right: -10px; }

#footer .box .inner { background-color: #fff; }
#footer .box .shadow { width: 250px; height: 10px; background-image: url(//tramino.s3.amazonaws.com/s/hotel-oberstdorf/390390/shadow-right-250.png) }


#footer a { display: block; }
#footer form input { margin: 0px; }

#footer h4 {
	margin: 15px 0px 5px 0px;
	font-size: 11px;
	color: #777;
	font-family: "Maven Pro", sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

#footer .siegel { margin-right: 10px; float: left; }
#footer .siegel img { width: auto; height: 60px; }



#copyright { margin: 5px 40px 10px 20px; font-size: 11px; color: #aaa; }
#copyright .left {  margin-right: 15px; }
#copyright .left.first {  width: 245px; }
#copyright a {color: #aaa; }
#copyright a:hover { text-decoration: underline; }

/* --- Stylesheet 2724 () --------- */ 

@media all and (min-width: 1000px) and (max-width: 1250px) {

}

@media all and (min-width: 768px) and (max-width: 999px) {

}

@media all and (max-width: 767px) {
	#footer { margin-left: 30px; }
	#footer .col.right { float: left; }
}