/*
 Theme Name: After-Midnight 2013
 Theme URI: http://www.after-midnight.de/
 Description: After Midnight 2013
 Version: 2.0
 Author: Christoph Graack
 Author URI: http://www.kompaktdesign.de/
*/





/* Allgemein
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

@import url(http://fonts.googleapis.com/css?family=Droid+Sans|Gloria+Hallelujah|Lusitana|Permanent+Marker);


body {margin:0;padding:0;font-family: 'Gloria Hallelujah', cursive;background:#000000;color:#222222;margin:0;font-size:1em;}

li, ol, ul {list-style: none;}
img {border:0;}
form {display: inline;}
a {color:#333333;text-decoration:none; outline: none;}
a:hover {color:#111111;text-decoration:underline;}
p {margin:0; padding:0;}

.clr {width:100%;clear:both;}


/* Hintergrund
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.back1 {position:absolute;z-index:1;width:100%;margin:0;padding:0;}
.back1 img {width:100%;height:100%;position:fixed;}


/* Main
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.main1 {position:absolute;z-index:5;margin:0;padding:0;width:100%;overflow:hidden;}


/* Content 1024px
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.breite {width:1000px;margin:0 auto;}
.header {width:100%;}

.box1 {width:100%;display:block;}
.spalte1 {width:30%;display:block;}
.content {width:70%;float:right;display:block;}
.spalte2 {width:100%;}

.papier1 {width:100%;max-width:724px;background:url(gfx/papier1.png) no-repeat;padding:20px;font-size:1.4em;line-height:1.8em;color:#232323;background-size:100% 100%;}
.papier1 h1 {font-size:1.4em;}

.papier2 {width:100%;max-width:724px;background:url(gfx/papier1.png) no-repeat;padding:20px;font-size:1.0em;line-height:1.8em;color:#232323;background-size:100% 100%;font-family:'Droid Sans',arial;}
.papier2 h1 {font-size:2.2em;font-family: 'Gloria Hallelujah', cursive;}

.zeitung {width:642px;height:960px;background:url(gfx/zeitung.png) no-repeat;padding:390px 30px 0 92px;font-size:1.0em;line-height:1.2em;color:#232323;font-family: 'Lusitana', serif;text-align:justify;}
.zeitung h1 {font-size:2em;line-height:1.2em;}
.zeitung h2 {font-size:1.2em;line-height:1.0em;display:inline;}
.zeitdatum {padding-left:15px;color:#333333;}

.zeitspalte1 {width:30%;margin-right:1.557%;padding-right:1%;margin-top:20px;float:left;display:block;background:url(gfx/zeitung-linie1.png) right repeat-y;}
.zeitspalte2 {width:69%;margin-left:30%;display:block;}
.zeitzeile1 {width:100%;margin-top:5px;padding-top:10px;background:url(gfx/zeitung-linie2.png) top repeat-x;}

.rockband {width:422px;height:281px;display:block;float:left;}
.rockband img {width:422px;height:271px;}
.rockband a {width:422px;height:271px;background:url(gfx/rockband0.png) top no-repeat;display:block;}
.rockband a:hover {background:url(gfx/rockband1.png) no-repeat;}

.plakat {width:629px;height:188px;padding-left:115px;padding-top:860px;background:url(gfx/plakat.jpg) no-repeat;font-size:1.0em;line-height:1.2em;font-family:'Droid Sans', arial;}
.plakat h2 {font-size:1.6em;line-height:1.8em;display:inline;font-family: 'Permanent Marker', cursive;color:#ae0000;}

.kassettenplayer {width:691px;height:680px;background:url(gfx/kassettenplayer.png) no-repeat;}
.kassettennavi {padding-left:19px;padding-top:271px;}

.css_post_embedded {width:45% !important;display:block;float:left !important;}
.css_form_embedded {width:45% !important;display:block;}

/* Navigation
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.logo {width:501px;height:100px;float:left;display:block;padding-top:15px;padding-left:15px;}
.logo img {width:501px;height:100px;}
.logo a {width:501px;height:100px;background:url(gfx/aftermidnight0.png) top no-repeat;display:block;}
.logo a:hover {background:url(gfx/aftermidnight1.png) no-repeat;}

.ticket {width:179px;height:123px;float:left;display:block;margin-top:90px;margin-left:-60px;}
.ticket img {width:179px;height:123px;}
.ticket a {width:179px;height:123px;background:url(gfx/ticket0.png) top no-repeat;display:block;}
.ticket a:hover {width:178px;height:118px;background:url(gfx/ticket1.png) no-repeat;}

.bandinfo {width:337px;height:236px;float:left;display:block;margin-left:10px;}
.bandinfo img {width:337px;height:236px;}
.bandinfo a {width:337px;height:236px;background:url(gfx/bandinfo0.png) top no-repeat;display:block;}
.bandinfo a:hover {background:url(gfx/bandinfo1.png) no-repeat;}

.kassette {width:300px;height:265px;margin-left:-10%;}
.kassette img {width:300px;height:265px;}
.kassette a {width:300px;height:265px;background:url(gfx/kassette0.png) top no-repeat;display:block;}
.kassette a:hover {width:299px;height:261px;background:url(gfx/kassette1.png) no-repeat;}

.video {width:315px;height:420px;}
.video img {width:315px;height:420px;}
.video a {width:315px;height:420px;background:url(gfx/video0.png) top no-repeat;display:block;}
.video a:hover {width:305px;height:418px;background:url(gfx/video1.png) no-repeat;}

.fotos {width:312px;height:271px;margin-left:-2%;}
.fotos img {width:312px;height:271px;}
.fotos a {width:310px;height:265px;background:url(gfx/fotos0.png) top no-repeat;display:block;}
.fotos a:hover {width:312px;height:271px;background:url(gfx/fotos1.png) no-repeat;}

.cd {width:354px;height:335px;float:left;display:block;}
.cd img {width:354px;height:335px;}
.cd a {width:354px;height:335px;background:url(gfx/cd0.png) top no-repeat;display:block;}
.cd a:hover {width:346px;height:326px;background:url(gfx/cd1.png) no-repeat;}

.gbuch {width:283px;height:358px;float:left;display:block;}
.gbuch img {width:283px;height:358px;}
.gbuch a {width:283px;height:358px;background:url(gfx/gbuch0.png) top no-repeat;display:block;}
.gbuch a:hover {width:276px;height:354px;background:url(gfx/gbuch1.png) no-repeat;}

.geld {width:293px;height:284px;float:left;display:block;}
.geld img {width:293px;height:284px;}
.geld a {width:293px;height:281px;background:url(gfx/geld0.png) top no-repeat;display:block;}
.geld a:hover {width:290px;height:284px;background:url(gfx/geld1.png) no-repeat;}

.kontakt {width:304px;height:54px;}
.kontakt img {width:304px;height:54px;}
.kontakt a {width:304px;height:45px;background:url(gfx/kontakt0.png) top no-repeat;display:block;}
.kontakt a:hover {width:302px;height:54px;background:url(gfx/kontakt1.png) no-repeat;}

/* Galerie
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.fotobuch {width:714px;background:url(gfx/buch2.png) no-repeat;padding:20px 20px 80px 20px;font-size:1.0em;line-height:1.2em;color:#232323;background-size:100% 100%;}

/* Gästebhuch
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.gaestebuch {width:694px;background:url(gfx/buch1.png) no-repeat;padding:20px 20px 120px 40px;font-size:1.0em;line-height:1.2em;color:#232323;background-size:100% 100%;}

.gaestebuch h1 {}

.gbuchinhalt {width:330px;float:left;display:block;padding-right:20px;}
.gbuchinhalt ol,.gbuchinhalt li {padding:0;}

.comment-author img {display:none;}
.comment-author {color:#000572;padding-top:30px;}
.comment {color:#000572;}
.commentmetadata {font-family:'Droid Sans', arial;font-size:0.7em;font-weight:bold;}

.alignleft {float:left;display:block;}
.alignright {float:left;display:block;padding-left:150px;}

.gbuchform {font-family:'Droid Sans', arial;font-size:0.7em;float:left;display:block;}
.gbuchform h3 {font-size:1.4em;text-align:center;}
.gbuchform ul,.gbuchform li {margin:0;padding:0;}
.gbblock1 {padding-bottom:20px;}
.gbname, .gbmail {float:left;}
.gbuchform #author {width:150px;margin-bottom:10px;font-family: 'Gloria Hallelujah', cursive;color:#000572;}
.gbuchform #email {width:150px;margin-left:30px;margin-bottom:10px;font-family: 'Gloria Hallelujah', cursive;color:#000572;}
.gbuchform #comment {width:330px;font-family: 'Gloria Hallelujah', cursive;color:#000572;}
.gbuchform #submit {border-style:none;cursor: pointer;font-weight:bold;color:#555555;padding-left:250px;}
.gbuchform #submit:hover {color:#000000;}
.gbuchform input, textarea {background:none;border-bottom-style:dotted;border-bottom-color:#999999;border-bottom:width:1px;border-top-style:none;border-left-style:none;border-right-style:none;}
.gbuchform input:focus {outline:0;border-bottom-color:#000572;}
.gbuchform textarea:focus {outline:0;border-style:dotted;border-width:1px;border-color:#000572;}


/* Termine
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

#slider a {}
#slider a:hover {text-decoration:none;color:#ae0000;}

/* TV
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.fernseher {width:216px;height:312px;padding-left:520px;padding-top:390px;background: url(gfx/tv.png) no-repeat;}

.kassette2 {width:300px;height:265px;}
.kassette2 img {width:300px;height:265px;}
.kassette2 a {width:300px;height:265px;background:url(gfx/kassette0.png) top no-repeat;display:block;}
.kassette2 a:hover {width:299px;height:261px;background:url(gfx/kassette1.png) no-repeat;}

.fotos2 {width:312px;height:271px;}
.fotos2 img {width:312px;height:271px;}
.fotos2 a {width:310px;height:265px;background:url(gfx/fotos0.png) top no-repeat;display:block;}
.fotos2 a:hover {width:312px;height:271px;background:url(gfx/fotos1.png) no-repeat;}

.cd2 {width:354px;height:335px;float:left;display:block;}
.cd2 img {width:354px;height:335px;}
.cd2 a {width:354px;height:335px;background:url(gfx/cd0.png) top no-repeat;display:block;}
.cd2 a:hover {width:346px;height:326px;background:url(gfx/cd1.png) no-repeat;}

.gbuch2 {width:283px;height:358px;float:left;display:block;}
.gbuch2 img {width:283px;height:358px;}
.gbuch2 a {width:283px;height:358px;background:url(gfx/gbuch0.png) top no-repeat;display:block;}
.gbuch2 a:hover {width:276px;height:354px;background:url(gfx/gbuch1.png) no-repeat;}

.geld2 {width:293px;height:284px;float:left;display:block;}
.geld2 img {width:293px;height:284px;}
.geld2 a {width:293px;height:281px;background:url(gfx/geld0.png) top no-repeat;display:block;}
.geld2 a:hover {width:290px;height:284px;background:url(gfx/geld1.png) no-repeat;}

.tvebene2 {position:absolute;z-index:2;margin:0;padding:0;width:100%;}
.tvebenepos {width:1000px;margin:0 auto;}
.tvplayer {padding-left:59px;padding-top:315px;}

.tvknopf {width:165px;height:29px;}
a.tvk {text-decoration:none;background:url(gfx/lampe7-0.jpg) no-repeat;width:26px;height:24px;display:block;float:right;padding-right:1px;}
a.tvk:hover {background:url(gfx/lampe7-1.jpg) no-repeat;}
a.tvk:active {background:url(gfx/lampe7-1.jpg) no-repeat;}

a.amtv1 {text-decoration:none;width:226px;height:153px;display:block;background:url(gfx/amtv1-0.jpg);}
a.amtv1:hover {background:url(gfx/amtv1-1.jpg);}
a.amtv3 {text-decoration:none;width:226px;height:153px;display:block;background:url(gfx/amtv-0.jpg);}
a.amtv3:hover {background:url(gfx/amtv-1.jpg);}

/* footer
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.footer {width:100%;font-family:'Droid Sans', arial;font-size:0.8em;text-align:center;border-top-style:solid;border-top-width:1px;border-top-color:#bf734e;padding:10px;margin-top:20px;color:#bf734e;}
.footer a {color:#d7865f;}
.footer a:hover {color:#f7a67f;}

/* Preload
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

.preload {height:1px;visibility:hidden;font-size:1px;}
.preload img {width:1px;height:1px;}


/* Media-Queries
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

@media (min-width: 1000px) {
.logo {width:50.1%;padding-left:3%;}
.ticket {width:17.9%;margin-left:-6%;}
.bandinfo {width:33.7%;margin-left:1%;}
}

@media (min-width: 1200px) {

.breite, .tvebenepos {width:100%;}
.box1 {width:80%;float:left;display:block;}
.content {width:70%;max-width:1000px;}
.spalte1 {width:auto;}
.spalte2 {width:20%;float:left;display:block;}
.cd {margin-left:-10%;}
.geld {margin-left:-20%;}
.cd, .cd2, .gbuch, .gbuch2, .geld, .geld2 {float:none;}
.kassette {margin-left:-2%;}
}

@media (min-width: 1400px) {
.cd {margin-left:-20%;}
.fotos {padding-left:5%;}
.kassette {padding-left:1%;}
.videos {padding-left:2%;}
}

@media (min-width: 1600px) {
.breite, .tvebenepos {width:1600px;}
}

@media (max-width: 1200px) {
.breite, .tvebenepos {width:1200px;}

}