/* code by mondfabrikdotde # last changed 05-09-2008  */
* {
    margin: 0;
    padding: 0
    }
html {
    color: #000
    }
body {
    font: 78%/1.6em "Lucida Sans Unicode", "Lucida Grande", geneva, verdana, sans-serif;
    color: #000;
    padding: 0;
    margin: 0;
    /*background: #ccc;*/
    background: #7d7d7d url(../img/bg_verlauf.png) top left repeat-x
    }
#container {
    background: #fff;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 1006px;
    border: 1px solid #a6a6a6;
    border-top: 0;
    border-left: 0
    }
a:link, a:visited, a:active, a:hover {
    color: #E20A16;
    font-weight: bold;
    text-decoration: none;
    outline: 0
    }
a:active, a:hover {
    border-bottom: 1px dotted #E20A16
    }
code {
    color: #093;
    font-weight: bold;
    text-align: left
    }
ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
ol {
    margin: 1em 0 1em 1.8em;
    font-weight: bold
    }
img, a img, a:hover img, .bookinginfos a:hover {
    border: 0;
    margin: 0;
    padding: 0;
    color: #fff
    }
/* --------------text format------------- */
p {
    /*text-align:justify; */
    font-size: 1em;
    line-height: 1.5em;
    margin: 0.75em 0
    }
h1, h2, h3, dl#nav dt, #header #logo span {
    font-family: "Lucida Sans Unicode", "Lucida Grande", geneva, verdana, sans-serif;
    text-align: left;
    font-weight: bold;
    font-size: 2em;
    color: #2a2a2a;
    /* color: #24387C; */
    margin: 0 0 0.5em 0;
    font-size: 1.8em
    }
h2 {
    font-size: 1.4em;
    margin: 10px 0.5em 10px 0;
    padding-top: 5px
    }
h3 {
    font-family: "Lucida Sans Unicode", Courier, mono;
    font-size: 1.4em;
    margin: 10px 0.5em 10px 0;
    font-size: 1.3em;
    color: #2a2a2a
    }
.small {
    font-size: 11px
    }
.large {
    font-size: 1.4em
    }
.center {
    text-align: center
    }
/* --------------header------------- */
#header {
    color: #fff;
    height: 175px;
    margin: 0 10px 0 0;
    text-align: left;
    z-index: 50;
    background: transparent url(../img/h_bunker.jpg) no-repeat top left
    }
.show1 #header, .programm #header {
    background: transparent url(../img/h_trumpet.jpg) no-repeat top left
    }
.show2 #header, .service #header {
    background: transparent url(../img/h_cassette.jpg) no-repeat top left
    }
.show3 #header, .bunker #header, .verein #header {
    background: transparent url(../img/h_bunker.jpg) no-repeat top left
    }
.show4 #header, .vermietungen #header, .gastronomie #header {
    background: transparent url(../img/h_turntable.jpg) no-repeat top left
    }
.show5 #header, .netzwerk #header {
    background: transparent url(../img/h_headphones.jpg) no-repeat top left
    }
.show6 #header, .freunde #header {
    background: transparent url(../img/h_crowd.jpg) no-repeat top left
    }
.show7 #header, .links #header {
    background: transparent url(../img/h_guitar.jpg) no-repeat top left
    }
#header #logo {
    float: left;
    height: 175px;
    width: 240px;
    /*background: transparent url(../img/logo.gif) no-repeat 0 0;*/
    }
#header #logo a {
    display: block;
    width: 230px;
    height: 170px
    }
#header #logo a:hover {
    border: 0
    }
#header #logo span {
    display: none
    }
/* --------------header nav--------------- */
#header ul {
    float: left;
    padding: 0;
    margin: 0 0 0 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-right: 0
    }
#header li {
    margin: 0;
    padding: 0;
    display: inline
    }
#header ul li a:link, #header ul li a:visited {
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 2px 4px;
    text-decoration: none;
    color: #999;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-top: 0;
    border-left: 0
    }
#header ul li a.active:link, #header ul li a.active:visited, #header ul li a:hover {
    color: #000
    }
#header ul li a.on {
    color: #E20A16
    }
/* --------------wrap------------- */
#wrap {
    background-color: #fff;
    clear: both;
    font-size: 0.9em;
    padding: 10px 0 0 0;
    margin: 0;
    width: 100%
    }
/* --------------left------------- */
#leftside {
    padding: 0;
    width: 230px;
    float: left;
    padding: 0 0 0 10px;
    margin: 0;
    /*background-color:#ccc;*/
    }
/* --------------content------------- */
#indexfoto {
    color: #000;
    padding: 0 0 0 0;
    width: 706px;
    margin: 0;
    background: transparent url(../img/indexfoto.jpg) right top no-repeat;
    margin-top: 50px
    }
#contentwrap {
    color: #000;
    padding: 0 0 0 0;
    /* 0 0 0 20px*/
    width: 706px;
    margin: 0;
    /*background:#ffff00;*/
    }
#content {
    padding: 0 20px 0 0;
    margin: 0 0 1.5em 0;
    font-family: "Courier New", Courier, mono;
    font-size: 120%;
    min-height: 400px;
    /*background				:	transparent url("../img/indexfoto.jpg") right top no-repeat; diese zeile im original nicht vorhanden*/
    /*background:#ffff00;*/
    }
#start #content, .programm #content {
    padding: 0
    }
#content img {
    background: #fff
    }
#content .nb {
    border: 0;
    margin: 0;
    padding: 5px;
    background: #fff
    }
#content .imgleft, #content .imgright {
    float: left;
    margin: 5px 15px 6px 0
    }
#content .imgright {
    float: right;
    margin: 0 0 0 0;
    /* 5px 0 6px 15px*/
    }
.programm #content .imgleft, .programm #content .imgright {
    border: 1px solid #b0b0b0;
    padding: 5px;
    margin: 15px 15px 6px 0
    }
#facebook {
    background: transparent url(../img/facebook.png) right top no-repeat;
    margin-top: 5px;
    text-decoration: none
    }
/* 
.programm #content .imgright {
margin: 15px 0 6px 15px;
} diese zeile einblenden im original*/
/* --------------mainmenu------------- */
#mainmenu {
    float: left;
    padding: 0;
    margin: 0;
    width: 220px
    }
#mainmenu ul {
    font-size: 16px
    }
#mainmenu li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 3px 10px 2px 30px
    }
#mainmenu li a {
    color: #666;
    display: block;
    font-size: 0.8em;
    /*height:1em; diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
    text-decoration: none;
    font-weight: bold;
    height: 30px
    }
#mainmenu li#netzwerk {
    background-position: 0 -40px
    }
#mainmenu li#bunker {
    background-position: 0 -80px
    }
#mainmenu li#verein {
    background-position: 0 -120px
    }
#mainmenu li#vermietungen {
    background-position: 0 -160px
    }
#mainmenu li#service {
    background-position: 0 -200px
    }
#mainmenu li#links {
    background-position: 0 -240px
    }
#mainmenu li#gastronomie {
    background-position: 0 -280px
    }
#mainmenu li#freunde {
    background-position: 0 -320px
    }
/* admin bereich */
#mainmenu li#UpdateDB {
    background-position: 0 0
    }
#mainmenu li#AdminNewsletter {
    background-position: 0 -40px
    }
#mainmenu li#Scheduler {
    background-position: 0 -80px
    }
#mainmenu li#UserScheduler {
    background-position: 0 -120px
    }
#mainmenu li#Logout {
    background-position: 0 -160px
    }
#mainmenu li#AdminFooter {
    padding: 10px 0 0 30px;
    border-top: 1px dotted #ccc;
    background-position: 0 -420px;
    color: #666;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.2em;
    font-family: "Courier New", Courier, mono;
    margin-bottom: 20px
    }
#mainmenu li#reservierung {
    padding: 10px 0 0 30px;
    border-top: 1px dotted #ccc;
    background-position: 0 -390px;
    color: #666;
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.2em;
    font-family: "Courier New", Courier, mono;
    margin-bottom: 20px
    }
#mainmenu li#reservierung:hover, #mainmenu li#reservierung:hover a {
    color: #000;
    font-weight: bold
    }
#mainmenu li#reservierung:hover strong {
    color: #666
    }
#mainmenu li#reservierung strong {
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif
    }
#mainmenu li#reservierung a {
    background-position: 0 -400px;
    font-size: 100%;
    padding: 0;
    color: #666;
    font-weight: normal;
    height: 20px
    }
#mainmenu li a:hover {
    background: transparent url(../img/bg_menu_hover.png) right top no-repeat;
    color: #000;
    text-decoration: none;
    border: 0
    }
#mainmenu li a.on {
    background: transparent url(../img/bg_menu_hover.png) right -40px no-repeat;
    color: #E20A16;
    text-decoration: none
    }
/* -------------- submenu------------- */
#submenu {
    padding: 0;
    margin: 0 0 1.5em 0;
    border-left: 1px solid #ccc
    }
#submenu li {
    float: left;
    margin: 0;
    padding: 0;
    display: inline;
    border: 1px solid #ccc;
    border-left: 0
    }
#submenu li a {
    float: left;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    margin: 0;
    padding: 5px 5px 2px 5px;
    text-decoration: none;
    color: #999;
    border-bottom: 4px solid #fff
    }
#submenu li a.active:link, #submenu li a.active:visited, #submenu li a:hover {
    border-color: #fff;
    padding-bottom: 2px;
    background: #fff;
    color: #000
    }
#submenu li a.on, #submenu li a.on:hover {
    border-color: #E20A16;
    color: #000
    }
/* --------------programm liste # einzelveranstaltung------------------ */
.teaser {
    background: #f0f0f0;
    padding: 1em;
    border-bottom: 4px solid #999
    }
#uebersicht {
    width: 98%;
    padding: 1em 0 0 0
    }
dl.featurebox-start {
    float: left;
    width: 49%;
    padding: 1em 0
    }
#uebersicht div {
    padding-bottom: 0.5em
    }
#uebersicht dt/*, 
dl.featurebox-start dt*/ {
    float: left;
    background: #000;
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 10px 0 0 0;
    color: #fff;
    text-align: center;
    background: transparent url(../img/bg_date.png) center center no-repeat;
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    display: inline;
    line-height: 16px;
    /*border: 1px solid #ff0000;*/
    }
dt em {
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
    display: block;
    font-style: normal
    }
#uebersicht dd/*,
dl.featurebox-start dd*/ {
    float: left;
    background: #fff;
    width: 260px;
    padding: 0;
    margin: 0 5px 10px 10px;
    color: #000
    }
/* ---- STARTSEITE ---- */
/*.bookinginfos {
float: right;
margin:5px 0 6px 15px;
width: 167px;
height: 163px;
}

.bookinginfos a {
display: block;
width: 167px;
height: 163px;
 background:transparent url(../img/booking.png) 0 0 no-repeat;
}

.bookinginfos a:hover {
 background-position: -210px 0;
}
/*
.start-teaser {
    height: 75px;
    width: 700px;
 background:transparent url(../img/content/start_teaser.jpg) top left no-repeat;
}
*/
#start #content h1 {
    background: #E20A16;
    color: #e0a0a3;
    text-transform: uppercase
    }
#start #content p {
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif
    }
/* ---- DETAILSEITE ---- */
#uebersicht dl {
    padding: 0 0 0.5em 0
    }
#uebersicht dd strong {
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif
    }
dl#featurebox {
    width: 355px;
    float: right;
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
    background: #333;
    border: 2px solid #fff;
    color: #fff;
    padding: 0 0 0.8em 0;
    margin: 0 0 0.5em 1em;
    background: transparent url(../img/bg_featurebox.png) bottom left no-repeat
    }
dl#featurebox dt {
    color: #000;
    padding: 1.5em 0 0 1.5em;
    background: transparent url(../img/bg_featurebox.png) top left no-repeat;
    height: 100px
    }
dl#featurebox dd {
    padding: 0 1em 0 1.5em
    }
dl#featurebox dt em {
    font-size: 24px
    }
dl#featurebox hr {
    border: none 0;
    height: 3px;
    margin: 0.4em 1.5em;
    border-top: 3px dotted #464646
    }
ul.links {
    float: left;
    width: 48%;
    list-style-type: none;
    margin: 0;
    padding: 0 0 1em 0
    }
ul.links li {
    background: transparent url(../img/ul.gif) top left no-repeat;
    padding: 0 0 0.5em 1.7em
    }
.ext {
    background: transparent url(../img/ext.gif) top left no-repeat;
    padding: 0 0 0.3em 2em
    }
.pdf {
    background: transparent url(../img/pdf.gif) top left no-repeat;
    padding-left: 20px
    }
.doc {
    background: transparent url(../img/doc.gif) top left no-repeat;
    padding-left: 20px
    }
.pic {
    background: transparent url(../img/pic.gif) top left no-repeat;
    padding-left: 20px
    }
dl#downloads dt {
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
    font-weight: bold
    }
dl#downloads dd {
    padding-top: 0.4em
    }
/* --------------footer------------- */
#footer {
    clear: both;
    color: #666;
    font-size: 0.9em;
    padding: 10px 0;
    text-align: center;
    margin: 0 10px;
    border-top: 1px dotted #999
    }
#footer p {
    text-align: center;
    padding: 0;
    margin: 5px 0 0 0;
    font-size: 0.92em
    }
#footer a {
    color: #666;
    border-color: #666
    }
.vali {
    background: #fff url(../img/check.jpg) 0 50% no-repeat;
    padding: 0.1em 5px 0.1em 20px;
    border: 1px solid #999
    }
.vali a, .vali a:visited {
    color: #999
    }
/* --------------forms------------- */
form fieldset {
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
    margin: 0 0 1em 0;
    padding: 0.5em;
    border: #DDD 1px solid
    }
form fieldset legend {
    font-weight: bold;
    color: #666;
    padding: 0.25em 0.5em
    }
form fieldset div {
    padding: 0.25em 0
    }
form span {
    font-weight: bold;
    color: #f00
    }
#content form div img, #errormsg img {
    padding: 0;
    padding: 0;
    border: 0;
    width: 0
    }
#errormsg {
    font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
    font-weight: bold;
    color: #f00
    }
label, span.label {
    color: #000;
    margin-right: 0.5em;
    padding-right: 0.5em;
    width: 10em;
    display: block;
    float: left;
    text-align: right;
    position: relative
    }
input:focus, input.error:focus, textarea:focus {
    background-color: #FFC;
    border-color: #FC6
    }
form fieldset div.controlset label, form fieldset div.controlset input {
    display: inline;
    float: none
    }
form fieldset div.controlset div {
    margin-left: 11em
    }
/* --------------various tags------------- */
.hide {
    display: none
    }
#uebersicht dl:after, .clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block
    }
#uebersicht dl, .clearfix {
    display: block
    }
.floatbox {
    overflow: hidden
    }
/*
THIS IS FROM YAML
RESPECT TO Dirk Jesse
*/
/* Workaround: Clearfix-Anpassung für diverse IE-Versionen */
/* 
	** IE5.x/Mac - x
	** IE7       - x
	*/
.clearfix, #uebersicht dl {
    display: inline-block
    }
/* ... Clearing für IE5/Mac und IE7 */
/*
	** IE5.x/Win - x
	** IE6       - x
	*/
/* Hides from IE-mac \*/
* html .clearfix, #uebersicht dl {
    height: 1%
    }
/* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
.clearfix, #uebersicht dl {
    display: block
    }
/* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */
/* End hide from IE-mac */
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/* Workaround Anpassung der .floatbox-Klasse für IE */
/* Hides from IE-mac \*/
/* 
	** IE5.x/Win - x
	** IE5.x/Mac - x
	** IE6       - x
	** IE7       - 0
	*/
* html .floatbox {
    width: 100%
    }
/* End hide from IE-mac */
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/* Bug: "Disappearing List-Background Bug" */
/*
	** IE5.x/Win - x
	** IE5.x/Mac - x
	** IE6       - x
	** IE7       - 0
	*/
* html ul {
    position: relative
    }
* html ol {
    position: relative
    }
* html dl {
    position: relative
    }
/*------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------*/
/* Allgemeine IE-Layouthilfe, um die freie Spaltenanordnung zu gewährleisten und die Robustheit der     */
/* DIV-Container für beliebige Inhalte zu erhöhen. Die Eigenschaft "zoom" erzwingt "hasLayout" im IE.   */
/* 
	** IE5.01/Win - 0 (Eigenschaft "zoom" wird nicht interpretiert)
	** IE5.x/Win - x
	** IE5.x/Mac - x
	** IE6       - x
	** IE7       - x
	*/
#container, #links, #rechts, #header, #mainnav, #main, #footer {
    zoom: 1
    }
/*------------------------------------------------------------------------------------------------------*/