/* Style für WWW.FREIRAUM-ZUM-LEBEN.DE 
(c) http://www.webdaum.de */

/* PRESETS & RESETS */

html {
height:100%;
}
#content * a {
font-size:inherit;
font-weight:bold;
}
#termine #content * a {
font-weight:normal;
}
body, iframe {
min-height:101%;
/*
font-family:Palatino, Georgia, 'Garamond New', 'Times New Roman', serif;
*/
font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, serif;
color:#444;
background:#fff;
font-size:0.9em;
margin:0;
padding:0;
border:0;
border-bottom:20px solid rgb(125,186,0);
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, a, img, pre, code, td, th, a img {
line-height:1.4em;
font-size:inherit;
margin:0;
padding:0;
border:0;
text-decoration:none;
}
img {
max-width:100%;
height:auto !important;
}
iframe#do-not-piwik {
min-height:auto;
border:0;
background-color:rgb(125,186,0);
}
/* POSITIONIERUNG - Haupt Container

#outer-container {
padding-bottom:10px;
} */
#header {
width:100%;
transition:2s;
}
#header h2 {
/* background:transparent url(freiraum-logo.png) 100% -82px no-repeat; */
margin-right:10px;
}
/*
#header h2:hover {
background:url(freiraum-logo.png) 100% 0 no-repeat;
}
*/
#header h2 a {
display:block;
width:100%;
height:82px;
background:url(freiraum-logo.png) 1px -82px no-repeat;
}

#header h2 a:hover {
background:url(freiraum-logo.png) 1px 0 no-repeat;
}

#header h2 a {
margin:1em;
}
#header h3 {
color:rgb(102,153,194);
font-weight:normal;
margin:1em;
}
aside#font-scale {
}

#content, nav, aside, #footer {
width:340px;
margin:0 10px;
transition:2s;
}
iframe {
width:340px;
}
nav ul, aside ul {
list-style:none;
}
#footer {
border-top:1px solid #ccc;
margin:10px 10px 0 10px;
overflow:auto;
}
ul.om-list li + li,
aside li + li { 
border-top: 1px solid #DDDDDD;
}
/* Farbe */
* a:link,* a:visited, #footer h3, a.skip-to-top {
color:rgb(125,186,0);
}
#content a, #search-news a {
color:rgb(102,153,194);
font-weight:bold;
}
#content p small {
color:#999;
}
#search-news a {
font-weight:normal;
}
#content a:hover,
#search-news a:hover {
text-decoration:underline;
}
#content #calendar a, #content #calendarEvents a {
color:rgb(0,99,56);
}
aside nav#tiles form-news li + li {
border-top:1px solid #ddd;
}
aside h4 {
margin-top:3em;
margin-bottom:1em;
color:#999;
text-align:center;
width:100%;
}
#content h1, #content h2, #content h1 a, #content h2 a {
color:#fff;
}
#content h1, #content h2 {
background:rgb(125,186,0);
padding:0.2em 1em;
margin-bottom:3em;
text-transform:uppercase;
margin-top:5em;
border-radius:5px;
}
#content h2 {
padding:0.1em 1em;
background:rgb(102,153,194);
width:50%;
min-width:50%;
max-width:100%;
}
#content h3 {
background:#fff;
text-transform:uppercase;
color:rgb(125,186,0);
margin-top:3em;
}
#content h4 {
margin-top:1em;
}
#content h5 {
margin-top:1em;
font-style:italic;
}
.clear {
clear:both;
}
#gemeinden-partner-projekte #content h3 {
padding:0.2em 1em;
}
#content p {
margin:1em 0;
}
#content li {
margin:1em 0 1em 2ex;
list-style:outside;
}
a.skip-to-top {
position:fixed;
bottom:10px;
right:10px;
font-size:2em;
font-weight:bold;
}
p#holzwinkel-altenmuenster-eu {
text-align:center;
width:100%;
margin:0;
}
#gemeinden-partner-projekte #content {
min-height:700px;
}
#karten-container {
width:360px;
height:500px;
overflow:auto;
position:relative;
background:rgb(216,234,178);
}
#karten-container img, #karten-container h3 {
position:absolute;
}
#karten-container a img {
box-shadow:0 0 0 #fff;
transition:0.3s;
}
#karten-container a img:hover {
box-shadow:0 0 60px #fff;
background:rgba(255,255,255,0.5);
transform:rotate(9deg);
}
#karten-container h3 { top:10px; left:0; z-index:3}
#em { top:118px; left:450px; }
#re { top:280px; left:275px; }
#we { top:235px; left:400px; }
#la { top:192px; left:562px; }
#hr { top:255px; left:640px; }
#bo { top:345px; left:564px; }
#ad { top:427px; left:590px; }
#lk { top:5px;   left:360px; }
#at { top:10px;  left:467px; } /* regio augsburg  */
#na { top:15px;  left:547px; }
#rk { top:510px; left:40px;  } /* holzwinkel-radweg */
#zr { top:520px; left:150px; } /* zusam-radweg */
#ow { top:555px; left:307px; } /* ortsentwicklung-welden */
#ku { top:450px; left:240px; }
#ga { top:530px; left:530px; }
#vh { top:100px; left:14px;  }
#rw { top:100px; left:625px; } /* real west */
#am { top:237px; left:140px; }
#bh { top:240px; left:40px;  }
#ep { top:250px; left:213px; }
#hb { top:104px; left:280px; }
#hh { top:170px; left:147px; }
#nm { top:338px; left:43px;  }
#us { top:322px; left:144px; }
#vi { top:288px; left:102px; }
#zz { top:150px; left:230px; }

#content ul.broschueren li.pdf, li.pdf {
list-style:none;
padding:5px 0 0 60px;
background:url(pdf_icon.png) left 50% no-repeat;
min-height:40px;
clear:left;
}
/* SITEMAP */

#sitemap #content li  * {
	font-size: 1em;
}
#sitemap #content ul {
	margin-left:4ex;
}

/* TABELLE  */
.center table {
display:block;
margin:0.5em auto 0.5em auto;
}
.center table.first {
width:550px;
}
.center table.second {
width:250px;
}
.center table.third {
width:700px;
overflow:auto;
}
td { 
vertical-align:top;
border-collapse:collapse;
border-top:1px solid #ccc;
padding:1ex;
}
td  + td {
border-left:1px solid #ccc;
}
th,
#content .center table.third h3 {
vertical-align:top;
color:#4f8c0d;
padding:1ex;
text-align:left;
background-color:#efe;
text-transform:none;
}
#content .center table.third h3 {
height:110px;
}
#content .center table.third strong {
display:block;
height:100px;
}
th + th {
text-align:center;
border-left:1px solid #ccc;
}

/* WIRHALTENZUSAMMEN*/
#wirhaltenzusammen h2.search-header {
	display:none;
	clear:left;
}
#wirhaltenzusammen h3 {
	clear:left;
}
#wirhaltenzusammen ul.search-results {
	margin: 2em -20px 0  0;
	overflow:auto;
}
.betrieb {
  overflow: auto;
}

.betrieb address {
  font-style: normal;
}
#wirhaltenzusammen .search-entry  {
list-style:none;
padding:0px;
margin:0 20px 20px 0;
float:left;
display:inline-block;
	width: 180px;
	height: 180px;
	overflow-y:hidden;
	border:1px solid #ccc;
}
#wirhaltenzusammen .search-entry  + .search-entry {

}
.tease.betrieb {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	box-sizing:border-box;
	width: 180px;
	height: 180px;
}
.tease.betrieb .outer-logo {
	display:inline;
}
.betrieb .outer-logo {
	width: auto;
	height: auto;
	display:block;
	border:0;
}
.betrieb .outer-logo img {
  margin:auto;
  max-width:100%;
  max-height:100%;
}
.betrieb a.anfahrt {
  display: block;
  background: url(anfahrt.png) 0% 50% no-repeat;
  padding-left: 30px;
}

/* NEWS MANAGER */

div.nm_post{
padding-top:0.5em;
padding-bottom:1em;
}
div.nm_post + div.nm_post{
border-top:1px solid #ccc;
}

/* KALENDER START */

nav.calendar {
text-align:center;
margin:1em 0;
}
#calendar, #calendarMini, #calendarEvents {
width:100%;
margin:0;
color:#000;
background:rgb(216,234,178);
border:0;
border-collapse:collapse;
}
#calendar td a + a {
display:block;
border-top:1px solid rgb(216,234,178);
margin:1em 0 0 0;
padding:1em 0 0 0;
}
#calendar th, #calendarMini th {
color:#fff;
width:100px;
background:rgb(125,186,0);
border:0;
}
#calendar td, #calendarMini td {
text-align:center;
background:rgb(190,220,127);
border:2px solid rgb(216,234,178);
}
#calendar td {
height:96px;
padding: 0 0 25px 5px;
word-break: break-word;
max-width:14%;
box-sizing:border-box;
}
#calendarMini td  {
height:30px;
}
#calendar td:hover, #calendarMini td:hover {
background:rgb(164,207,76);
}
#calendar td.none, #calendarMini td.none {
background:transparent;
}
#calendar td.today, #calendarMini td.today {
background:rgb(125,186,0);
}
#calendar th.sunday, #calendarMini td.sunday, #calendar td.redDay:hover {
background:rgb(102,153,194);
}
#calendar td.redDay {
background:rgb(178,204,224);
}
#calendarMini td.eventIS, #calendarEvents {
background:#fff;
}
#calendarEvents th {
font-weight:bold;
}
#calendarEvents th.title {
text-align: left;
}
#calendarEvents th.date, td.date {
text-align: right;
}
#calendarEvents td {
border-bottom:1px dotted #ccc;
}
#calendarEvents tr:hover {
background-color:rgb(216,234,178);
}

/* KALENDER ENDE */

#tiles a + a:before {
content:' | ';
}

/* FÖRDERHINWEISE */

.alf a {
display:block;
width:52px;
height:122px;
background:url(alf.png);
}
.stmelf a {
display:block;
width:124px;
height:75px;
padding-top:42px;
background:url(staatswappen.png) 100% 100% no-repeat;
}
#header h2 span,
#header h3 span,
aside#font-scale,
nav#tiles,
.alf a strong,
.stmelf a strong {
display:none;
}
dt.stmelf,
dt.stmelf + dd,
dt.alf,
dt.alf + dd {
display:inline;
float:left;
}
dt.alf + dd {
width:150px;
margin-top:60px;
margin-right:92px;
margin-left:0;
text-align:right;
}
dt.stmelf + dd{
width:210px;
margin-left:10px;
margin-top:60px;
}

/*  IMMO BÖRSE  + GASTRONOMIE + HOSTEL*/

.eintrag  img,
.eintrag table{
width:340px;
}
.eintrag  img{
float:left;
}
.eintrag,
.teaser {
overflow:auto;
}
.eintrag img {
margin-right:20px;
border-radius:20px;
}
.eintrag img + img {
margin-top:20px;
}
.eintrag dt {
font-weight:bold;
margin-right:1ex;
float:left;
clear:left;
}
.eintrag dd {
margin-bottom:0.5em;
}
#content .teaser h3,
#content .eintrag h3 {
margin-top:0;
}
.eintrag h4 {
margin-bottom:2em;
}
.teaser img {
width:30%;
margin-right:3%;
float:left;
border-radius:10px;
}
#content a.backlink,
#content .detail:link,
#content .detail:visited,
#content a.button {
float:right;
padding:10px;
display:inline-block;
margin:2em 1em 1em 1em;
border-radius:10px;
background-color:rgb(125,186,0);
color:#fff;
}
.langer-text {
font-weight:bold;
margin:1em 0;
}
.search-entry  {
list-style:none;
padding-top:10px;
margin-bottom:3em;
}
.search-entry  + .search-entry {
border-top:1px solid #ccc;
}
.gastro address,
.gastro p,
.gastro ul,
.hostel address,
.hostel p,
.hostel ul {
display:table;
list-style-position:inside;
}
address a {
font-style:normal;
}
/* SUCHE */
span.mark {
background-color:rgb(164,207,76);
}
/*BUTTONS */

#font-scale a, a.skip-to-top {
box-shadow:0 0 5px #ccc;
display:block;
width:40px;
height:40px;
background:url(button.png);
margin-bottom:4px;
color:#fff;
font-size:1.5em;
line-height:40px;
text-align:center;
transition:0.5s;
}
.shadow {
box-shadow:5px 5px 10px #666;
margin-right:30px;
margin-bottom:30px;
float:left;
clear:left;
}
#font-scale a:hover, a.skip-to-top:hover {
box-shadow:0 0 10px #666;
}

img.left {
float:left;
margin:0 7ex 2em 0;
}
.zweispalt {
width:47%;
float:left;
margin:0 0 2em 0;
padding:0 2% 0 0;
}
/* LISTEN */
.center table li,
#right ul li,
ul.broschueren li,
ul.om-list li {
list-style:none;
}
/*RAD UND WANDERWEGE  */
#content ul.broschueren li {
border-top:1px solid #ccc;
border-bottom:10px solid #ccc;
overflow:auto;
padding:1em 0;
clear:left;
}
/*  CONTACT MANAGER  Eintrag in TERMINE */
div.om-contact {
width:50%;
background:#BEDC7F;
border-radius:10px;
padding:2%;
margin:2em 0 2em 45%;
}
div.om-contact h5 {
color:#fff;
}
div.om-contact .wrap {
text-align:right;
background-color:#fff;
padding:1ex;
border-radius:10px;
}
#content ul.om-list p.wrap {
margin-bottom:3em;
}

/* verschachtelte Listen ein- und ausblenden */
li.weiterlesen h2:after {
content:' weiterlesen';
}
li.zumachen h2:after {
content:' zumachen';
}
/* ADAPTIVE POSITIONING START */

@media all and (min-width: 460px) {

	#container{
	margin:5px 5px 0 5px;
	}
	#content, nav, aside, #footer {
	width:auto;
	}
}
@media all and (min-width: 970px) {
	/*elemente unterdrücken */
	#header h3 span, nav#tiles a span {
	display:none;
	}
	
	aside#font-scale,
	nav#tiles {
		display:block;
	}
	#tiles a + a:before {
	content:'';
	}
	#container {
	position:relative;
	width:940px;
	margin:40px auto 0 auto;
	}
	#search-news p img.border {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:9px;
	background:#efe;
	}
	#footer {
	/* height:220px; */
	height:auto;
	width:100%;
	margin:0;
	position:relative;
	font-size:0.9em;
	}
	#footer dl {
	height:122px;
	margin-top:17px;
	}
	#footer a.email {
	position:absolute;
	bottom:20px;
	}
	#footer address, #footer h3 {
	float:right;
	clear:right;
	font-style:normal;
	width:220px;
	}
	#footer h3 {
	margin-top:20px;
	margin-bottom:0.8em;
	font-size:1em;
	}
	#footer {
	background:url(wappen.png) 20px 20px no-repeat;
	}
	#header {
	width:700px;
	height:323px;
	background:url(entwicklungsforum-home.jpg) 100% 100% no-repeat;
	}
	#ilek #header, body.ilek #header {
	background:url(entwicklungsforum-wegweiser.jpg) 100% 100% no-repeat;
	}
	#region #header, body.region #header {
	background:url(entwicklungsforum-region.jpg) 100% 100% no-repeat;
	}
	#projekte #header, body.projekte #header{
	background:url(entwicklungsforum-projekte.jpg) 100% 100% no-repeat;
	}
	#immobilienboerse #header, body.immobilienboerse #header{
	background:url(entwicklungsforum-home.jpg) 100% 100% no-repeat;
	}
	#tag-der-ausbildung #header {
	background:url(entwicklungsforum-tag-der-a.jpg) 100% 100% no-repeat;
	}
	#schwammregion #header {
	background:url(entwicklungsforum-schwammregion.jpg) 100% 100% no-repeat;
	}
	#schwammregion #header h3 {
	background: transparent;
	}
	#termine #header {
	background:url(entwicklungsforum-termine.jpg) 100% 100% no-repeat;
	}
	#termine #header {
	background:url(entwicklungsforum-termine.jpg) 100% 100% no-repeat;
	}
	#herzstueckholzwinkel #header {
	background:url(entwicklungsforum-herzstueck.jpg) 100% 100% no-repeat;
	}
	#team #header {
	background:url(entwicklungsforum-dies-und-das.jpg) 100% 100% no-repeat;
	}
	#team-1-wohnen-und-gewerbe #header, body.team-1-wohnen-und-gewerbe #header {
	background:url(entwicklungsforum-agrar.jpg) 100% 100% no-repeat;
	}
	#team-2-schule-und-bildung #header, body.team-2-schule-und-bildung #header {
	background:url(entwicklungsforum-kontakt.jpg) 100% 100% no-repeat;
	}
	#team-3-gemeinschaft-und-freizeit-einwohner #header, body.team-3-gemeinschaft-und-freizeit-einwohner #header {
	background:url(entwicklungsforum-projekte.jpg) 100% 100% no-repeat;
	}
	#team-4-naherholung-und-kultur-gaeste #header, body.naherholung-und-kultur-gaeste #header {
	background:url(entwicklungsforum-erholung.jpg) 100% 100% no-repeat;
	}
	#team-5-infrastruktur-und-anbindung #header, body.infrastruktur-und-anbindung #header {
	background:url(entwicklungsforum-energie.jpg) 100% 100% no-repeat;
	}
	#team-6-dorfentwicklung-und-zukunft #header, body.team-6-dorfentwicklung-und-zukunft #header {
	background:url(entwicklungsforum-zukunft.jpg) 100% 100% no-repeat;
	}
	#kontakt #header {
	background:url(entwicklungsforum-kontakt.jpg) 100% 100% no-repeat;
	}
	#header h2 a {
	margin:0;
	position:relative;
	z-index:1;
	}
	#header h3 {
	width:700px;
	height:170px;
	background:url(transp-logo-motto.png);
	margin:75px 0 0 0;
	position:relative;
	z-index:1;
	}
	#herzstueckholzwinkel #header h3 {
		background-image:none;
	}
	#content, #level-1, iframe {
	width:100%;
	margin:0;
	}
	#content {
	width:700px;
	padding:10px 9px 10px 0;
	border-right:1px solid #ccc;
	min-height:1000px; /* Inhalts-Bereich vertikal ausdehnen, damit die absolut positionierte rechte Spalte nicht den Footer überlappt */
	}
	#content p {
	text-align:justify;
	}
	#level-1 {
	position:absolute;
	z-index:2;
	top:92px;
	left:0;
	right:0;
	height:60px;
	border-top:1px solid #ccc;
	}
	#level-1 ul.menu {
	width:550px;
	}
	ul.menu li {
	padding:0 1ex;
	background-color:#fff;
	display:inline-block;
	border-top:10px solid #fff;
	font-weight:bold;
	font-size:12pt;
	}
	#sub ul.menu li {
	display:block;
	font-weight:normal;
	padding:0.2em;
	}
	#sub ul.menu li + li,
	#sub ul.menu li + li.current {
	border-top:1px solid #ccc;
	}
	#sub ul.menu li a{
	line-height:1em;
	}
	ul.menu ul li {
	border:0;
	display:block;
	padding:0 1ex;
	font-weight:normal;
	font-size:10pt;
	}
	ul.menu a {
	color:rgb(125,186,0);
	line-height:40px;
	}
	#sub a {
	line-height:1.8em;
	/*color:#444;*/
	}
	ul.menu li.current,
	ul.menu li.currentpath.open {
	font-weight:bold;
	}
	ul.menu li.current,
	ul.menu li.currentpath.open {
	border-top:10px solid rgb(125,186,0);
	}
	#sub ul.menu li.current,
	#sub ul.menu ul li.current,
	#sub li,
	#level-1 ul.menu ul li.current {
	border-top:0;
	font-weight:bold;
	}
	ul.menu ul a,
	#sub ul.menu ul li.current li a,
	#sub ul.menu ul li.current li a {
	color:#444;
	font-weight:normal;
	line-height:1.8em;
	}
	ul.menu ul a:hover {
	color:#000;
	}
	li.current a,
	ul.menu ul li.current a {
	color:rgb(125,186,0);
	}
	#level-1 ul.menu ul {
	width:220px;
	position:absolute;
	opacity:0.3;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:7px solid rgb(125,186,0);
	background:#fff;
	padding:1em 1px 2em 1px;
	box-shadow:0 7px 7px #666;
	clip:rect(0,220px,5px,0);
	transition:0.5s;
	}
	#level-1 ul.menu li:hover ul,
	#level-1 ul.menu ul:hover {
	top:45px;
	display:block;
	z-index:100;
	opacity:1;
	clip:rect(-20px,230px,500px,0);
	}
	/* BUTTONS */
	#font-scale {
	position:fixed;
	top:40px;
	left:0;
	z-index:100;
	width:40px;
	}
	aside#right {
	position:absolute;
	top:0;
	right:-10px;
	width:220px;
	padding:152px 0 0 10px;
	border-left:1px solid #ccc;
	min-height:250px;
	}
	#sub {
	width:210px;
	}
	nav#tiles form {
	position:absolute;
	z-index:4;
	right:0;
	top:102px;
	}
	nav#tiles form input {
	display:inline-block;
	border:1px solid #ccc;
	box-shadow:0 0 5px #ccc;
	}
	nav#tiles form input.text,
	nav#tiles form input.search-words {
	width:170px;
	border-left:0;
	height:36px;
	padding-left:5px;
	}
	nav#tiles form input.submit,
	nav#tiles form input.search-submit {
	width:40px;
	height:40px;
	margin:0;
	float:left;
	cursor:pointer;
	transition:1.5s;
	border-right:0;
	background:rgb(125,186,0) url(lupe.png) 50% 50% no-repeat;
	font-size:1px;
	color:rgb(216,234,178);
	}
	nav#tiles form input.submit:hover,
	nav#tiles form input.search-submit:hover {
	background:rgb(0,99,56) url(lupe.png) 50% 50% no-repeat;
	}
	#immo, #radler, #gastro, #download, #karte, #login, #logout {
	position:absolute;
	z-index:3;
	top:0;
	width:40px;
	height:40px;
	background-color:rgb(164,207,76);
	background-position:50% 50%;
	background-repeat:no-repeat;
	box-shadow:0 0 5px #ccc;
	transition:0.5s;
	}
	#immo:hover, #radler:hover, #gastro:hover, #download:hover, #karte:hover, #login:hover, #logout:hover {
	background-color:rgb(216,234,178);
	}
	#download {
	right:138px;
	width:82px;
	height:82px;
	background-image:url(download.png);
	}
	#karte {
	right:0;
	height:82px;
	width:127px;
	background-image:url(karte.png);
	border-top-right-radius:20px;
	}
	#radler {
	top:102px;
	right:240px; /* 390px */
	background-image:url(radler.png);
	}
	#gastro {
	top:102px;
	right:340px;
	background-image:url(gastro.png);
	}
	#immo {
	top:102px;
	right:290px;
	background-image:url(immo.png);
	}
	#logout {
	top:102px;
	right:440px;
	background-image:url(logout.png);
	}
	#login {
	top:102px;
	right:240px;
	background-image:url(login.png);
	}
	#wander-und-radwege #radler, #gastronomie #gastro, #dokumente-download #download {
	background-color:rgb(125,186,0);
	}
	p#holzwinkel-altenmuenster-eu {
	margin-top:50px;
	display:inline-block;
	width:480px;
	}
	#karten-container {
	width:700px;
	height:617px;
	overflow:visible;
	margin-top:3em;
	}
	#content *.right {
	float:right;
	clear:right;
	margin:0 0 2em 7ex;
	}
	.right em {
	display:block;
	width:340px;
	}
	blockquote {
	margin:2em 0 2em 0;
	padding:40px 0 0 50px;
	background:url(blockquote.png) 0 0 no-repeat;
	}
	#marke-holzwinkel-altenmuenster #content h2,
	#rezepte #content h2,
	#gemeinsam-sind-wir-stark #content h2,
	#wissenswertes #content h3,
	#erlebenswertes #content h3,
	#sehenswertes #content h3 {
	margin-top:0;
	margin-bottom:1em;
	}
	/* Suchergebnisse */
	.teaser .langer-text,
	.teaser h3,
	.teaser h4 {
	float:right;
	width:230px;
	}
	.teaser table,
	.teaser address {
	width:230px;
	float:left;
	}
	.detail {
	clear:both;
	}
	/* TdA PARTNER LOGOS */
	#tag-der-ausbildung p.logos img {
		max-width:155px;
	}
}
@media all and (min-width: 1380px) {
	
	#tag-der-ausbildung p.logos a {
		height:120px;
		display:inline-block;
	}
	
	#sub {
	position:absolute;
	z-index:2;
	top:142px;
	left:-940px;
	}
	aside h4.first {
	margin-top:0;
	text-align:left;
	}
}
/* Nur Internet Explorer 10 + 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#header,
	#content,
	nav,
	aside,
	#footer,
	nav#tiles *,
	nav#tiles form input.search-submit {
	transition:0;
	}
}