/**
*@author Jannik Zschiesche, Becklyn GmbH <jz@becklyn.com>
*@author Stephan Manteufel, Becklyn GmbH <sm@becklyn.com>
*@version $Id: style.css 45 2010-01-05 09:09:44Z sm $
**/



/* ---------------------------------------------------------------------------------------------- */
/* Global Reset */
/* ---------------------------------------------------------------------------------------------- */
* {
    padding: 0;
    margin: 0;
}



/* ---------------------------------------------------------------------------------------------- */
/* Global Settings, like typography, background color etc. */
/* ---------------------------------------------------------------------------------------------- */
a {
    color: #F2A019;
    text-decoration: underline;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

a:hover {
    color: white;
}

html, body, select, option, td, th {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

body {
    background-color: #000000;
}


input[type=text] {
	padding: 1px;
    width: 200px;
}

select.standard {
    width: 200px;
}

button.standard, input[type=text].standard, input[type=password].standard, select.standard {
    border-style:solid;
    border-width:1px;
    border-color: #F2A019;
    color: #F2A019;
    background-color:#333333;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

img {
    border: none;
}


/* ---------------------------------------------------------------------------------------------- */
/* Main Structure */
/* ---------------------------------------------------------------------------------------------- */
#mainWrap {
    width: 980px;
    height: 550px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -490px; /* width / 2 */
    margin-top: -275px;  /* height / 2 */
}



/* ---------------------------------------------------------------------------------------------- */
/* Main Header */
/* ---------------------------------------------------------------------------------------------- */
#mainHeader {
    height: 215px;
}

#mainHeader h1 {
    color: #a86b1c;
}


/* ---------------------------------------------------------------------------------------------- */
/* Content Area - Structure */
/* ---------------------------------------------------------------------------------------------- */
#mainContent {
    float: left;
    width: 619px;
    height: 335px;
    background: url(../../img/bg_content.jpg) transparent center no-repeat;
}

#mainContent .inner {
    margin-left: 40px;
    margin-right: 10px;
    height: 300px;
    overflow: auto;
}



/* ---------------------------------------------------------------------------------------------- */
/* Sidebar with Main Navigation */
/* ---------------------------------------------------------------------------------------------- */
#mainSidebar {
    float: right;
    width: 361px;
    height: 335px;
    background: url(../../img/bg_sidebar.jpg) transparent center no-repeat;
}

#mainNavigation {
    margin: 22px 0 0 0;
    list-style: none;
    width: 189px;
}

#mainNavigation a {
    display: block;
    height: 31px;
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
}

#mainNavigation a:hover {
    background-position: bottom center;
}

/* hide the actual content */
#mainNavigation a span {
    position: absolute;
    top: -50000em;
    left: -50000em;
}

#mainNavigation .button-history a {
    height: 37px;
}
#mainNavigation .button-history a             { background-image: url(../../img/button_history.jpg); }
#mainNavigation .button-programm a            { background-image: url(../../img/button_program.jpg); }
#mainNavigation .button-karten a              { background-image: url(../../img/button_tickets.jpg); }
#mainNavigation .button-bar-ambiente a        { background-image: url(../../img/button_bar.jpg); }
#mainNavigation .button-partner a             { background-image: url(../../img/button_partner.jpg); }
#mainNavigation .button-kontakt-impressum a   { background-image: url(../../img/button_contact.jpg); }
#mainNavigation .button-presse-infos a        { background-image: url(../../img/button_press.jpg); }
#mainNavigation .button-gutscheine-specials a { background-image: url(../../img/button_specials.jpg); }



/* ---------------------------------------------------------------------------------------------- */
/* General classes */
/* ---------------------------------------------------------------------------------------------- */
.end_float {
    clear: both;
}

input.small {
    width: 30px;
}

select.small {
    width: 60px;
}

.distanceBelow {
    margin-bottom: 20px;
}

.distanceAbove {
    margin-top: 20px;
}

img.thumbnail {
    float: left;
    margin: 2px;
}

.error {
    color: #F2A019;
}



/* ---------------------------------------------------------------------------------------------- */
/* Content formatting */
/* ---------------------------------------------------------------------------------------------- */
#mainContent p {
    margin: 5px 0;
}

/* page headline */
#mainContent h2, #mainContent h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
}


#mainContent .contact-left {
    float: left;
    width: 320px;
    margin-top: 0;
}

#mainContent .contact-right {
    float: right;
    width: 230px;
    margin-top: 0;
}

#mainContent .paging a {
    font-weight: normal;
}

#mainContent .table-program {
    border-collapse: collapse;
    width: 100%;
}

#mainContent .table-program td {
    padding: 4px 2px;
}

#mainContent .table-program .price {
    text-align: right;
}

#mainContent .table-program .more {
    text-align: center;
}