* { margin: 0; padding: 0;}
a { text-decoration: none; }
ul { list-style: none; }

html { background: rgb(240,239,225) url(/img/background.png) no-repeat 50% 0; }
body { width: 960px; margin: auto; margin: 30em auto 2em auto; background: #fff; position: relative; }

header { position: absolute; top: -25em; left: 0; right: 0; background: url(/img/flo-pfeifer-header.jpg) no-repeat 50% 0; min-height: 389px; }
section, aside { width: 48%; margin: 1em 1%; }
footer { clear: both; background: url(/img/muenchen-illustration.jpg) no-repeat 10% 50%; margin: 1em 1%; min-height: 208px; }

#cd, #newsletter, #band, #poster { float: left; }
#konzerte, #kontakt, #news, #presse { float: right; }

#newsletter, #band, #poster, #news, #kontakt, footer { border-top: 1px solid #000; }
#news article, #konzerte h3 { border-bottom: 1px solid #000; }

#cd img { height: 263px; width: 353px; }
#poster img { height: 348px; width: 249px; }

h1 a { display: block; width: 420px; height: 160px; opacity: 0; }
h2 { display: none; }

nav { position: absolute; bottom: .5em; right: 1em; display: none; }
/*header:hover nav { display: block; }*/
nav ul li { display: inline-block; }
nav ul li a { display: block; padding: .5em .5em; color: #eee; }
nav ul li a:hover { color: #fff; }

.social { position: absolute; left: 0; top: -4em; }
.social li {display: inline-block; margin-left: 1em; }

.social li { background: url(/icon/youtube.png) no-repeat; width: 45px; height: 45px; overflow: hidden; }
.social li:first-child { background: url(/icon/facebook.png) no-repeat; }
.social li:last-child { background: url(/icon/phonofant.png) no-repeat; width: 75px; }
.social li a { display: block; opacity: 0; }

#cd h3 { display: none; }
#cd:before { content: ""; position: absolute; margin-left: -5em; margin-top: 1em; width: 227px; height: 194px; background: url(/img/vogel.png) no-repeat; }
#cd article p { font-size: 1.1em; font-style: italic; text-align: center; margin: 2em 1em 2em 8em; }
#cd figure { text-align: right; padding: 0 1em; }
#cd figcaption { display: none; }
#cd > p { font-size: 1.2em; font-style: italic; padding: 0 0 1em 1em; }
#cd > p a { display: block; font-style: normal; padding: .5em 1em; margin: 1em 2em 1em 10em; text-align: center; background: rgb(176,174,73); color: #fff; text-transform: uppercase; font: 1em arial, sans-serif; }

#cd li { display: inline-block; margin-left: 1em; overflow: hidden; }
#cd li { background: url(/icon/amazon.jpg) no-repeat 0 7px; width: 148px; height: 40px; }
#cd li:first-child { background: url(/icon/itunes.jpg) no-repeat 0 5px; width: 80px; }
#cd li:last-child { background: url(/icon/musicload.jpg) no-repeat 0 2px; width: 128px; }
#cd li a { display: block; opacity: 0; padding: 2em; }

#band { text-align: right; }
#band h3 { font-size: 1.3em; font-style: italic; text-transform: uppercase; padding: .8em 1em .5em 1em; }
#band ul { padding: 0 1.3em; line-height: 1.4em; }
#band li { font-size: 1.1em; }
#band li span { font-style: italic; }

#poster { background: url(/img/breze-illustration.jpg) no-repeat 1em 80%; }
#poster figure { text-align: right; padding: 0 1em; margin-top: 2em; }
#poster figcaption { display: none; }
#poster p { font-size: 1.1em; font-style: italic; padding: 1em 1em 2em 6em; }

#konzerte h3 { font-size: 1.3em; font-style: italic; text-transform: uppercase; padding: .8em 1em .5em .3em; }
#konzerte p { opacity: 0; }
#konzerte a { text-transform: none; font-weight: normal; color: rgb(176,174,73); }
#konzerte ul { padding: 0 .3em; line-height: 1.4em; font-size: 1.1em;  }

#kontakt p { text-transform: uppercase; font-weight: bold; font-style: italic; font-size: 1.2em; padding: .1em .4em; }
#kontakt p a { text-transform: none; font-weight: normal; color: rgb(176,174,73); }
#kontakt p:first-child { margin-top: 1em; }

#news h3 { font-size: 1.3em; font-style: italic; text-transform: uppercase; padding: .8em 1em .5em .3em; }
#news h3 span { display: none; }
#news p { font-size: 1.1em; line-height: 1.4em; padding: .2em 1em .2em .4em; }
#news article { padding-bottom: 1em; }
#news embed { margin-left: .5em; }

#presse { font-size: 1.2em; }
#presse a { margin-left: .5em; background: #707173; color: #fff; padding: .3em 1em; text-transform: uppercase; font: 1em arial, sans-serif; }
#presse span { display: none; }
#presse em { display: block; font-style: normal; color: #000; margin: .5em 0 0 .5em; }

#impressum { width: 98%; }
#impressum h3 { font-size: 2em; padding: 1em .5em; }
#impressum > p { padding: .3em 1em; }
#impressum a { color: rgb(176,174,73); }
#impressum h4 { font-size: 2em; padding: 1em .5em; }
#impressum address { font-size: 1.2em; padding: .9em; font-style: normal; line-height: 1.4em; }
#impressum article { padding: 0 1em; }
#impressum h5 { padding: .5em 0; font-size: 1.2em; }

footer { padding: 1em 0 1em 50%; }
footer a { color: rgb(176,174,73); }
footer p:last-child { position: absolute; bottom: -.8em; right: 0; background: #fff; }
footer p:last-child a { display: block; padding: .3em 1em; font-size: 1.2em; }
footer ul { background: url(/icon/footer.png) no-repeat; display: block; width: 225px; height: 65px; margin: 1em 0 2em 0; }
footer li { display: inline-block; width: 49%; overflow: hidden; }
footer li a { display: block; opacity: 0; height: 65px; }