@charset "UTF-8";

/* Layout (global rules for all sizes) */

body { margin: 0px; padding: 0px; }
header a.logo { display: block; position: absolute; background-position: 0px 0px; background-repeat: no-repeat; }
nav {
	width: 100%;
	display: block;
	position: absolute;
	background-color: #a6430a;
}

/* Layout Large Screens (default for older browsers) */

header { height: 275px; background: url(../images/banner_large.png) no-repeat right 0px; }
header a.logo { width: 600px; height: 85px; top: 28px; right: 30px; background-image: url(../images/logo_large.png); }

article { padding: 10px 20px 5px 20px; }

.vermietung_container { padding: 0px 0px 15px 20px; }
.vermietung_container .vermietung { width: 33%; float: left; background-position: 0px 3px; }
.vermietung_container .vermietung .content { padding: 0px 30px 0px 70px; }

.foerderverein_container { padding: 0px 0px 15px 20px; }
.foerderverein_container .foerderverein { width: 100%; float: left; background-position: 0px 3px; }
.foerderverein_container .foerderverein .content { padding: 0px 30px 0px 260px; }
.foerderverein_container .foerderverein .content_links { padding: 0px 30px 0px 260px; text-align:center; }
.foerderverein_container .foerderverein .content_contact { padding: 0px 30px 0px 260px; }

nav { top: 275px; }
nav a { margin: 12px 0px 10px 20px; }

a.cta {
	font-size: .9em;
}

.impressum article {
	font-size: .9em;
	margin: 10px;
}

.impressum .disclaimer {
	font-size: .9em;
	text-align: justify;
	margin-right: 10px;
}

.anfahrt {
	display:table;
	margin:0px auto;
}

.anfahrt article {
	width:50%;
	display:table-cell;
}

.anfahrt article .frame {
	width:350;
	height:350;
}

.box_old {
    width: 33.3%;
    padding-bottom: 33.3%;
}

.fotos {
	margin:0px auto;
}

.fotos article {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

.fotos article .fady{
	width:180px;
}

footer { 
		width:auto;
		max-width:960px;
		margin:0 auto;
		position: relative;
		font-size: .85em;
		height: 60px;
		color: #9ba0bd;
		background-color: #515673;
		padding: 10px 10px 10px 0px;
}


.footer_left, .footer_center, .footer_right { 
		width:30.5%;
		float:left;
		margin:0 10px;
}


@media screen and (max-width: 990px) {
	footer { padding-left: 20px; }
}