/* -----------------layout.css mit Prozent----------- */
.page-wrapper {
	margin: 0;
	width: 100%;
}

header {
	padding: 0 1.606425703%;
	width: 96.8%;
}

footer {
	padding: 1.606425703%;
	clear: left;
	width: 96.8%;
}
nav {
	background:url(../img/n2.png) no-repeat left top;

	width: 26.86746988%;
	float:left;
	

}


.main {
	width: 73.1253012%;
	float: left;
  overflow: hidden; /* clearing für die floatenden gleichlangen Spalten (.mainContent und .aside) */
}
.mainContent {
	width: 60.59903382%;
	float: left;
	padding:1.93236715%;
	padding-left: 7%;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
}

.mainContent img {
	border: 2px solid #999;
  border-radius: 6px;	
	}

.mainContent img:hover{
	
	border: 2px solid #fff;	
	box-shadow: 1px 1px 7px 2px rgba(250,250,250,0.6);
}




section {
	padding: 0;
  overflow: auto; /* clearing für die floatenden article */
}

section p {
	color:#CCC;
	
	}

	
	
article {
	margin: 0;
	background: #333;
	
  border: 1px solid;
	border-radius: 0 0 12px 0;
		
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
}


/* ----------Navigation--------- */
nav img {
    margin-bottom: 160px;	
}

nav ul {
	margin: 10.523809524% 0 0;
	color: #333;
	padding: 0 9% 6%;
}
nav ul > li {
	width: 100%;
	
}
nav ul > li > a {
	padding: 0.8em 10.523809524%;
	display: inline-block;
}


/* ----------------Textauszeichnungen------------------ */

h1 {
	margin: 0;
}
h2 {
	margin: 0.3em 0;
}
p.teasertext {
	margin: 0.8em 0;
}
ul, ol {
	padding: 0;
	margin: 0 0 0.625em 1.125em;
}


/* -------------Bildauszeichnungen------------ */
 
img {
	/* width: 670px; */
	max-width: 100%;
	height: auto;
}
.slides {

}


/* -------------Teaserboxen mit Bild und Text----------------- */

.teaser {
	margin-bottom: 2em;
	padding: 20px;
	border: 1px solid #999;
}

.box.teaser {
	background-color: #484848;
	overflow: auto;
	box-shadow: 1px 1px 8px 3px rgba(0,0,0,0.4);
}

.teaser p {
	font-size: 1em; /* 16 px */
}



.kunstraum {
	background-color: #484848;
    margin-bottom: 2.816901408%;
    width: 97%;
    box-shadow: 4px 3px 7px 2px rgba(0,0,0,0.3);
	margin-bottom: 2.816901408%;
	padding: 20px;
	border: 1px solid #999;
	
}