@charset "utf-8";
/* CSS Document */

/* ============================================================ */
/* ==================== Global Tags =========================== */
/* ============================================================ */

* { margin:0; padding:0; border:0; }

body { font:62.5%/1.8em arial, verdana, sans-serif; color:#bfa990; background:#000 url(../images/bg-body.jpg) center top no-repeat; }

div#container { width:926px; margin:0 auto; font-size:1.2em; background:url(../images/bg-container.jpg) 0 0 repeat-y; }
div#container a { color:#fff; text-decoration:none; }
div#container a:hover { text-decoration:underline; }

h1.branding a { width:364px; height:72px; display:block; position:absolute; top:118px; left:25px; }

h2 { color:#ADD0E4; margin:0 0 6px 0; font-size:1.6em; text-transform:uppercase; }

h3 { color:#fff; font-size:1.2em; margin: 0 0 1.2em 0; }

p { margin:0 0 1.2em 0; }

/* ============================================================ */
/* ==================== Global Classes ======================== */
/* ============================================================ */

.clear { float:none; clear:both; }

.noMargin { margin:0!important; }

.noText { text-indent:-9999px; color:#000; font-size:1px; overflow:hidden; }

.trenner { width:100%; height:1px; margin:0 0 1.2em 0; border-top:1px solid #484138; float:none; clear:both; }

/* ============================================================ */
/* ==================== header ================================ */
/* ============================================================ */

div#header { width:926px; height:487px; position:relative; background:url(../images/bg-header.jpg) 0 0 no-repeat; }
div#header ul#navi { list-style:none; }
div#header ul#navi li a { display:block; background:url(../images/bg-navi.jpg) no-repeat; position:absolute; }
div#header ul#navi li a#studio { width:81px; height:37px; background-position:0 0; top:117px; left:468px; }
div#header ul#navi li a#backline { width:96px; height:37px; background-position:0 -37px; top:117px; left:550px; }
div#header ul#navi li a#live { width:101px; height:37px; background-position:0 -74px; top:117px; left:647px; }
div#header ul#navi li a#eventservice { width:130px; height:37px; background-position:0 -111px; top:117px; left:749px; }
div#header ul#navi li a#security { width:83px; height:39px; background-position:0 -148px; top:155px; left:468px; }
div#header ul#navi li a#magazin { width:76px; height:39px; background-position:0 -187px; top:155px; left:552px; }
div#header ul#navi li a#licht { width:158px; height:39px; background-position:0 -226px; top:155px; left:629px; }
div#header ul#navi li a#projekte { width:91px; height:39px; background-position:0 -264px; top:155px; left:788px; }
div#header ul#navi li a:hover,
div#header ul#navi li.active a { background:none; }

div#header div#headerbild { width:856px; height:138px; position:absolute; top:279px; left:35px; }
div#header div#headerbild.backline { background:url(../images/headerbilder/bg-headerbilder-backline.jpg) 0 0 no-repeat; }
div#header div#headerbild.licht { background:url(../images/headerbilder/bg-headerbilder-licht.jpg) 0 0 no-repeat; }
div#header div#headerbild.live { background:url(../images/headerbilder/bg-headerbilder-live.jpg) 0 0 no-repeat; }
div#header div#headerbild.liveberichte { background:url(../images/headerbilder/bg-headerbilder-liveberichte.jpg) 0 0 no-repeat; }
div#header div#headerbild.magazin { background:url(../images/headerbilder/bg-headerbilder-magazin.jpg) 0 0 no-repeat; }
div#header div#headerbild.mat { background:url(../images/headerbilder/bg-headerbilder-mat.jpg) 0 0 no-repeat; }
div#header div#headerbild.vorberichte { background:url(../images/headerbilder/bg-headerbilder-vorberichte.jpg) 0 0 no-repeat; }
div#header div#headerbild.studio { background:url(../images/headerbilder/bg-headerbilder-studio.jpg) 0 0 no-repeat; }
div#header div#headerbild.security { background:url(../images/headerbilder/bg-headerbilder-security.jpg) 0 0 no-repeat; }
div#header div#headerbild.projekte { background:url(../images/headerbilder/bg-headerbilder-projekte.jpg) 0 0 no-repeat; }
div#header div#headerbild.reviews { background:url(../images/headerbilder/bg-headerbilder-reviews.jpg) 0 0 no-repeat; }
div#header div#headerbild.impressum { background:url(../images/headerbilder/bg-headerbilder-impressum.jpg) 0 0 no-repeat; }
div#header div#headerbild.kontakt { background:url(../images/headerbilder/bg-headerbilder-kontakt.jpg) 0 0 no-repeat; }
div#header div#headerbild.eventservice { background:url(../images/headerbilder/bg-headerbilder-eventservice.jpg) 0 0 no-repeat; }

/* ============================================================ */
/* ==================== contentContainer ====================== */
/* ============================================================ */

div#contentContainer { width:856px; padding:0 35px; }

div#contentContainer div.column { width:418px; margin:0 20px 0 0; float:left; }
div#contentContainer div.column-klein { width:272px; margin:0 20px 0 0; float:left; }

div#contentContainer .img { width:191px; height:118px; background:url(../images/bg-image.jpg) 0 0 no-repeat; padding:4px; margin:0 20px 20px 0; float:left; }

div#contentContainer ul { list-style:none; margin:0 0 1.2em 0; }
div#contentContainer ul li { background:url(../images/required.png) 0 0 no-repeat; padding:0 0 0 20px; margin:0 0 0.6em 0; }

div#contentContainer a.button { width:112px; height:27px; padding:8px 35px 0 15px; display:block; font-weight:bold; text-transform:uppercase; background:url(../images/bg-button.gif) 0 0 no-repeat; }
div#contentContainer a.buttonBack { width:112px; height:27px; padding:8px 15px 0 35px; display:block; font-weight:bold; text-transform:uppercase; background:url(../images/bg-button2.gif) 0 0 no-repeat; }

/* ============================================================ */
/* ==================== footer ================================ */
/* ============================================================ */

div#footer { width:890px; padding:32px 35px 0 35px; height:30px; margin:0 0 60px 0; position:relative; background:url(../images/bg-footer.jpg) 0 0 no-repeat; }

div#footer ul { list-style:none; position:absolute; top:80px; }
div#footer ul li { margin:0 25px 0 0; font-size:1.2em; float:left; }
div#footer ul li.active a { text-decoration:underline; }

/* ===========================
	Ende ;)
=========================== */