/*
    website by WAHLE DESIGN - www.wahle.com                    
-------------------------------------------------------------- */
*          { margin:0; padding:0; }
img, a img { border:0; }

.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }
.clearfix       { display:inline-block; }
.inv, hr, .printonly { display:none; }
.clear,.cb { clear:both; }
.fl     { float:left; }
.fr     { float:right; }
.dispb  { display:block; }
.tar    { text-align:right; }
.fwb    { font-weight:bold; }
.wsnw   { white-space:nowrap; }


body { text-align:center; font-family:arial,sans-serif; color:#bbb; background:#000; position: relative; }
p,li,h2,h3 { 
    font-size:112.5%;
    line-height: 131.25%;
    font-family: adobe garamond pro, times new roman, serif;
    font-weight: normal;
    }
#cmain h2 { color:#c68c02; font-size:25px; margin: 0 0 20px; }
h3 {  color: #fff; }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; }
ul { margin-left:2em; }


#pwrap { width:960px; margin:0 auto; text-align:left; position:relative; }

#phead { width:960px; height:190px; background:url(/images/phead_bg.png) bottom right no-repeat; position:fixed; z-index:5; }
#phead h1 a { display:block; width:850px; height:160px; top:0; left:120px; text-decoration:none; position:relative; background:#000 url(/images/benefizkonzert-aachen.png) 22px 52px no-repeat; }
#phead h1 a span { position:relative; left:-9999px; }

#rt58logo { position:absolute; top:10px; right:-45px; }


#navmain      { list-style-type:none; margin:1px 0 0 125px; z-index:200; position:fixed; }
#navmain li   { float:left; margin-right:1px; }
#navmain li a { font:81.5%/150% gill sans, gill sans std, helvetica, arial, sans-serif; text-transform:uppercase; letter-spacing:4px; padding:12px 20px; color:#a3a3a3; text-decoration:none; display:block; text-shadow:#000 0 1px 0; }

#navmain li a:hover,
#karten #navmaina a,
#programmheft #navmainb a,
#sponsoren #navmainc a,
#programm #navmaind a
               { color:#fff; background: #333; }


#cmain { margin-top:150px; width:400px; clear:both; float:right; background:rgba(40,40,40,.85); padding:20px 0 100px; }
#cmain p  { padding:0 15px 1em; }
#cmain h2,
#cmain h3 { padding:1em 15px 0; }
#cmain p, #cmain h2 { text-shadow:#000 0 1px 2px; }
#cmain em.musiker { display: block; margin-left: 30px; padding:;}

#cmain .programm-pause {
    text-transform: uppercase;
    letter-spacing: 20px;
    text-align: center;
    padding: 1em 15px;
}

#footerwrap { clear:both; display:block; text-align:center;  }
#footer { width:960px; margin:0 auto; }
#footer p { font:75%/100% gill sans, gill sans std, helvetica, arial, sans-serif; color:#666; text-align:right; letter-spacing:+1px; padding:8px 0 12px; }
#footer a { color:#666; text-decoration:underline; margin-left:5px; }
#footer a:hover { color:#888; text-decoration:none; }

#pageimg { position:fixed; top:0; left:0; z-index:-20; width:960px; height:770px; }


/*#programmheft #pageimg { background:url(/images/benefizkonzert-programmheft.png) 0 bottom no-repeat;}*/

a span.pdficon { background:#292929; padding-right:6px; }
a img.pdficon { vertical-align:middle; top:-2px; }

.sponsoren-listing {
    margin: 0;
}
.sponsoren-listing li {
    margin: 0;
    list-style: none;
    float: left;
    margin: 10px 2.5%;
    padding: 2.5%;
    text-align: center;
}
.sponsoren-listing li.full {
    width: 90%;
}
.sponsoren-listing li.half {
    width: 40%;
}
.sponsoren-listing li.third {
    width: 30%;
}
.sponsoren-listing a {
    display: block;
    text-decoration: none;

}
.sponsoren-listing span {
    display: block;
    font-size: 13px;
    line-height: 16px;
    font-family: arial, sans-serif;
    color: #555 !important;
}

#sponsorenwrap {
    background: #000;
    position: fixed;
    height: 75px;
    bottom: 0;
    left: 0;
    right: 0;
    
}

#sponsorenwrap p   { font:68.75%/125% gill sans std, gill sans, verdana, sans-serif; text-align:right; float:right; }
#sponsorenwrap img { float:right; margin:0 10px; }