@import url(mini-reset.css);

/* ----------------------------------------------------- Browser specific CSS */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */

/* ----------------------------------------------------- standard */

/* ------------------------------------- Body */

body {
	font-family: 'Kreon', serif;
	font-weight: 300;
	font-size: 0.9em;
    background: #ccc6b6;
}

h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	font-size: 6em;
	color: #94161c;
}

h2 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 200;
	font-size: 3em;
	letter-spacing: 0.01em;
	color: #593269;
}

h3 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 200;
	font-size: 2.3em;
	line-height: 1em;
	margin: 0 0 1em 0;
	color: #94161c;
}

h4 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	letter-spacing: 0.07em;
	color: #593269;
	padding: 2em 0 0 0;
}

h5 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 200;
	font-size: 1.5em;
	color: #593269;
	padding: 1em 0 0 0;
}

h6 {
	font-family: 'Kreon', serif;
	font-weight: 400;
}

p {
	font-family: 'Kreon', serif;
	font-weight: 300;
}

a {
	text-decoration: none;
	color: #c50c29;
}

a:hover {
	color: #593269;
	transition: .5s;
	-webkit-transition: .5s;
}

.danktext {
	color: #ccc6d6;
	letter-spacing: 0.05em;
}

.teambild {
	padding: 2em 1em 0 0;
}

.tun {
	font-family: 'Kreon', serif;
	font-weight: 700;
	padding: 0 0 0.8em 0;
}

#frauenlyrik {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	line-height: 0.8em;
	font-size: 3.5em;
	color: #593269;
	padding: 0 0 0 2em;
}

#rhythmus {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	line-height: 0.9em;
	font-size: 3.5em;
	color: #593269;
	padding: 0 0 0 3.5em;
}

#tanz {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	line-height: 0.5em;
	font-size: 3.5em;
	color: #593269;
	padding: 0 0 3em 2.8em;
}

#tanzstueck {
	color: black;
	font-size: 4.6em;
	text-align: right;
}

#kulturmuehle {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	color: #94161c;
	text-align: right;
	font-size: 1.8em;
}

.lyrik {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 200;
	color: #94161c;
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: 0.02em;
}

.autorin {
	font-weight: 700;
	font-size: 0.6em;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-align: right;
	color: #593269;
	padding: 0.8em 15em 1.4em 0;
}


/* ------------------------------------- Wrapper */

.wrapper {
	background-color: silver;
	margin: auto;
}

/* ------------------------------------- Header */

header {
	background-color: black;
	position: fixed;
	width: 100%;
	margin: auto;
}

/* ------------------------------------- Nav */

nav {
	width: 960px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	margin: auto;
	padding: 0.3em 0.2em 0.2em 0.2em;
}

nav li {
	display: inline;
	padding: 1em 1.5em 1em 0;
}

nav a {
	color: #a99fa6;
}

nav a:hover {
	color: #fedda7;
	transition: .5s;
	-webkit-transition: .5s;
}

/* ------------------------------------- Article */

article {
	width: 960px;
	margin: auto;
	padding-bottom: 2em;
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
    column-gap: 2em;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    -ms-column-gap: 2em;
}

article li {
	list-style: square;
	margin-left: 20px;
}

/* ------------------------------------- Bereiche */

.breitetext {
	width: 960px;
	margin: auto;
	padding: 2em;
	min-height: 25em;
}

/* ------------------------------------- Inhalt Titel */

#streiftitel {
	background-color: #ffefd4;
	padding-top: 2em;
}

#titelbild {
	float: right;
	padding: 2em;
}

#breitefooter {
	width: 960px;
	margin: auto;
	padding: 2em;
}

/* ------------------------------------- Streifenfarben */

#streiftermin{
	background-color: #f9c5ad;
	padding-top: 2em;
}

#streifidee {
	background-color: #abb6a1;
	padding-top: 2em;
}

#streifteam {
	background-color: #ccc6b6;
	padding-top: 2em;
}

#streifmedia {
	background-color: #e08f71;
	padding-top: 2em;
}

#streiflyrik {
	background-color: #b59ec4;
	padding-top: 2em;
}

#streifdank {
	background-color: #391943;
	padding-top: 2em;
}

/* ------------------------------------- Footer */

footer {
	background-color: #272029;
	padding-top: 2em;
}

footer a {
	color: #a99fa6;
}
footer p {
	color: #a99fa6;
}

/* ------------------------------------- Extras */

.grid-of-images a {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    border-bottom: 0;
    height: 100px;
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    width: 120px
}

.grid-of-images a:hover {
    opacity: .8
}

.vita {
	padding: 2em 2em 5em 2em;
}

.vitafoto {
	float: left;
	padding: 0 2em 6em 1em;
}

/* ----------------------------------------------------- smaller screens */

@media only screen and (max-width: 640px) { }

/* ----------------------------------------------------- huge screens */

@media only screen and (min-width: 1280px) { }