/* 
    Document   : structure.css
    Created on : 01.03.2010, 21:07:51
    Author     : Tobias Graeber, Open New Media GmbH
    Description: HTML Grid Format
*/

/* Container */

/* Hauptcontainer */
#container {
    margin: 0 auto;
    position: relative;
    padding-bottom: 100px;
    width: 1000px;
    height: 100%;
    min-height: 100%;
}

/* Header */
#header-container {
    float: left;
    width: 100%;
    position: relative;
    z-index: 5;
}

#headline-container {
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0 0 30px 25px;
    width: 480px;
    z-index: 1;
}

/* Veranstaltungen - Headlines (Veranstaltungsauflistung) */
#headline-container.programm {
    padding: 0 0 30px 260px;
}

#headline-container  h1 {
    font-size: 45px;
    text-shadow: #BCB991 0 0 1px;
    text-rendering: optimizeLegibility;
}

#headline-container h2 {
    font-size: 24px;
    color: #bcb991;
    font-weight: normal;
    text-shadow: 0.02em 0.03em 0.02em rgba(188, 185, 145, 0.7);
    text-rendering: optimizeLegibility;
}

#content-container {
    width: 950px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* ***********************************************************************

/* Content Left (Navigation, Sidebar) */
#content-left {
    padding: 0 10px 0 50px;
    float: left;
    width: 200px;
}

/* Actor Image (Folgeseite) */
#actor_image {
    position:absolute;
    left: 25px;
    top: -83px;
    z-index:0;
}

/* NAVIGATION (der Untermenuepunkte) */
#navigation {
    position: relative;
    z-index: 20;
    width: 200px;
    list-style: none;
    font-size: 0;
}

#navigation.folge {
    padding-top: 240px;
}

#navigation a{
    text-decoration: none;
    font-size: 11px;
}

#navigation ul {
    padding-bottom: 15px;
}

#navigation ul li{
    display: inline;
    height: auto;
    list-style:none;
    padding: 0;
}

#navigation ul li a {
    color: #d72c1a;
    font-weight: bold;
    display: block;
    margin: 0;
    height: auto;
    padding: 8px 0 8px 10px;
    border-bottom: 1px solid #262626;
}

#navigation ul li a.selected {
    color: #ffffff;
    font-weight:bold;
    padding: 8px 0 8px 10px;
    background: url(../img/menuepunk2.gif) 2px 13px no-repeat;
}

#navigation ul li ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#navigation ul li li a {
    color: #d72c1a;
    display: block;
    margin: 0;
    padding: 8px 0 8px 30px;
    background: url(../img/menuepunkt.gif) 20px 13px no-repeat;
}

#navigation ul li li a.selected {
    color: #ffffff;
    padding: 8px 0 8px 30px;
    background: url(../img/menuepunkt2.gif) 20px 13px no-repeat;
}

#navigation ul li ul li ul {
    padding: 3px 0 0 0;
    margin: 0;
}

#navigation ul li ul li ul li{
    margin: 1px 0 0 0;
}

#navigation ul li li li a {
    color: #3F3F3F;
    display: block;
    margin: 0;
    padding: 8px 0 8px 30px;
    background: none;
}

#navigation ul li li li a.selected {
    /* padding: 8px 0 8px 30px; */
    background: none;
}

#navigation img.sb_v_button {
    position: relative;
    z-index: 999;
    margin-bottom: 20px;
}

/* Sidebar */
#sidebar {
    position: relative;
    z-index: 0;
    width: 220px;
}

#sidebar .sbbox {
position: relative;
z-index: 20;
}

#sidebar img {
    border: none;
}

#sidebar .sbbox-content {
    position: relative;
    z-index: 10;
    margin-bottom: 30px;
}

#sidebar .sbbox-content img {
    margin: 5px 0 5px 0;
}

#sidebar h2 {
    font-family: font_headlines, Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #bcb991;
    margin: 5px 0;
}

#sidebar h2 a {
    color: #bcb991;
}

#sidebar h3 {
    font-family: font_headlines, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #b7b7b7;
}

#sidebar p {
    font-size: 11px;
    margin-bottom: 5px;
    width: 190px;
    color: #b7b7b7;
}

#sidebar a {
    font-weight: bold;
    color: #961f26;
}

/* Content Right (Content, Content Footer) */
#content-right {
    float: right;
    width: 525px;
}

/* Content */
#content-holder {
    position: relative;
    z-index: 10;
    padding: 30px;
    color: #55504a;
    background: #e1e1e1 url(../img/background_content.jpg) 0 0 repeat-y;
}

#content {
    position: relative;
    z-index: 50;
}

/* Styling fuer Object Einbindungen (z.b Video Player) */
#content object {
    border: 1px solid #757575;
    margin: 0 15px 10px 0;
}

#content ul li {
    padding: 6px 0 6px 30px;
    min-height: 16px;
    background: url(../img/checked.png) 0 5px no-repeat;
}

#content ol {
    padding-left: 17px;
}

#content ol li {
    padding: 6px 0 6px 14px;
}


#content h1 {
    font-size: 30px;
    width: 455px;
    color: #666450;
    font-weight: bold;
    font-family: font_events ,Verdana, Arial, Helvetica, sans-serif;
    margin: 3px 0 10px 0;
}

#content h2 {
    font-size: 20px;
    color: #666450;
    font-weight: normal;
    font-family: font_events,Verdana, Arial, Helvetica, sans-serif;
    margin: 3px 0 10px 0;
}

#content-top-shadow {
    background: url(../img/background_content_bt.png) 0 0 repeat-x;
    height: 57px;
    width: 525px;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0px;
}

#content-bottom-shadow {
    background: url(../img/background_content_bt.png) 0 -57px repeat-x;
    height: 57px;
    width: 525px;
    position: absolute;
    z-index: 0;
    left: 0px;
    bottom: -2px;
}

/* Content Footer */
#content-footer {
    position: relative;
    z-index: 10;
    padding-bottom: 20px;
}

#content-footer h2 {
    font-weight: bold;
    margin: 0;
}

#content-footer span.titel {
    color: #666450;
    font-family: font_events, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}

#content-footer span.subheadline {
    color: #666450;
    font-family:font_events,Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    padding-bottom: 10px;
}

#content-footer.bg {
    padding-top: 30px;
    background: url(../img/trenner.png) 0 top repeat-x;
}

#content-footer p a {
    color: #961f26;
}

#content-footer p {
    width: 250px;
    padding: 0 0 0 2px;
}

#content-holder .guitar {
    width: 240px;
    height: 330px;
    position: absolute;
    left: -212px;
    bottom: -30px;
    z-index: 5;
    background: url(../img/guitar_mic.png) 0 0 no-repeat;
}

#polaroids {
    border: none !important;
}

#polaroids-holder {
    width: 324px;
    height: 248px;
    position: absolute;
    right: -90px;
    bottom: -50px;
    z-index: 10;
}

/* ***********************************************************************

/* Footer */
#footer {
    position: absolute;
    z-index: 80;
    bottom: 10px;
    width: 100%;
    padding: 70px 0px 20px 0px;
}

#footer ul {
    width: 410px;
    float: left;
}

#footer ul li {
    float: left;
    border-right: 1px solid #545454;
    padding: 0 10px 0 0;
    color: #6e6e6e;
}

#footer ul li a,
#footer ul li strong a {
    color: #6e6e6e;
    padding-left: 10px;
}

#footer ul li.last {
    border: none;
}

/* Add This Toolbox */

#footer .addthis_toolbox {
    color: #6e6e6e;
    float: left;
    position: relative;
    left: 72px;
    width: 200px;
}

#footer iframe {
    position: relative;
}

#footer #onmsponsorship {
    width: 500px;
    float: right;
    margin: 0;
    color: #6e6e6e;
}

#footer #onmsponsorship img {
    float: left;
    margin-right:20px;
}
#footer #onmsponsorship p {
    width: 300px;
    float: left;
}
#footer #onmsponsorship a {
    color: #6e6e6e;
}


/* ----------------------------------------------------------------------- */

/* Logo */
#header-container #logo {
    float: left;
    width: 132px;
    height: 135px;
    margin-top: 32px;
    padding-left: 40px;
}

/* Kopfnavigation (Auf Schwarz) */
ul#header-navigation {
    overflow: hidden;
    height: 140px;
    width: 760px;
    float: right;
    padding: 30px 0 0 5px;
    margin-right: 8px;
    background: url(../img/bg_header_navigation.png) 0 0 no-repeat;
}

ul#header-navigation li {
    position: relative;
    float: left;
    height: 85px;
    z-index: 10;
    margin-top: 10px;
    padding: 0 13px 0 13px;
}

ul#header-navigation li.first {
    padding: 0 12px 0 0px;
}

ul#header-navigation li a {
    text-decoration: none;
}

ul#header-navigation li a span.big,
ul#header-navigation li a span.small {
    left: 10px;
    position: relative;
    z-index: 5;
    padding-right: 10px;
}

/* Seitentitel */
ul#header-navigation li a span.big  {
    margin-top: 12px;
    display: block;
    font-weight: bold;
    color: #fff;
}

/* Seitentitel-Beschreibung */
ul#header-navigation li a span.small  {
    color: #8e8e8e;
    width: 115px;
    float: left;
}

/* Selected Status */

ul#header-navigation li.selected div.bgselected {
    position: absolute;
    left: 11px;
    z-index: 1;
    height: 85px;
    width: 141px;
    background: url(../img/menu_selected.png) 0px 0px no-repeat;
}

ul#header-navigation li.first div.bgselected {
    left: 0px;
}

ul#header-navigation li div.menuborder,
ul#header-navigation li.selected div.menuborder {
    position: absolute;
    right: -10px;
    top: 20px;
    z-index: 1;
    width: 1px;
    height: 46px;
    background: url(../img/header_navigation_trenner.png) right 20px repeat-y;
}

ul#header-navigation-top li.last,
ul#header-navigation li.last div.menuborder {
    border-right: none;
    background: none;
}

ul#header-navigation li.selected a span.big,
ul#header-navigation li.selected a span.small {
    color: #767563;
}

/* Kopfnavigation (Auf Rot) */
ul#header-navigation-top {
    position: absolute;
    right: 25px;
    top: 20px;
    z-index: 5;
}

ul#header-navigation-top li {
    font-weight:bold;
    color: #fff;
    float: left;
    padding: 0px 12px;
    border-right: 1px solid #ab4c53;
}

ul#header-navigation-top li a {
    font-weight:bold;
    color: #fff;
}

/*
    Modul       : index_suche.php
    Template    : index_suche.htm
    Author      : Tobias Knab, Open New Media GmbH
    Description : Index Suche
*/
.index-search-form {
    margin: 14px 0;
}
.index-search-form .submit {
    cursor: pointer;
}
.index-search-result div {
    position: relative;
    margin: 14px 0;
    padding: 5px;
}
.index-search-result div strong a,
.index-search-result div strong a span {
    font-size: 13px;
}
.index-search-result div .highlight0 {
    color: #7F0000;
    background: #FFF;
}
.index-search-result div .highlight1 {
    color: #7F007C;
    background: #FFF;
}
.index-search-result div .highlight2 {
    color: #19007F;
    background: #FFF;
}
.index-search-result div .highlight3 {
    color: #005E7F;
    background: #FFF;
}
.index-search-result div .highlight4 {
    color: #007F35;
    background: #FFF;
}
.index-search-result div .highlight5 {
    color: #7F6800;
    background: #FFF;
}
.index-search-result div em a {
    color: #505050;
}
.index-search-result div:hover {
    background: #FFF;
}
.index-search-result div div.infos {
    position: absolute;
    top: 0;
    left: 536px;
    width: 160px;
    margin: 0;
    padding: 5px 5px 5px 21px;
    display: none;
    background: url(../img/index_search_infos_bg.gif) no-repeat left center;
}
.index-search-result div:hover div.infos {
    display: block;
}
.index-search-result-browse {
    text-align: center;
    margin: 0 0 10px 0;
}
.index-search-result-browse a {
    padding: 0 5px;
    font-size: 13px;
}
.index-search-result-browse a.active {
    color: #333;
    text-decoration: underline;
}

/*
    Modul       : suche.php
    Template    : suche.htm
    Description : Standard Content-Suche
*/

/* Suchmaske */
#searchform {
    position: absolute;
    top: 8px;
    right: 300px;
    width: 200px;
}

#searchform input {
    color: #9F4E3B;
    background: transparent url(../img/suche_bg.png) 0 0 repeat;
    padding: 2px 5px;
    border: none;
    height: 18px;
    width: 155px;
}

/* Suchergebnisse */

table#search_results {
    width: 100%;
}

table#search_results th {
    text-align: left;
}

table#search_results tr:hover {
    background: #d4d4d4;
}

table#search_results td {
    border-bottom: 1px solid #d4d4d4;
    padding: 5px;
    cursor: pointer;
}

span.search_area {
    color: #727272;
    font-weight: bold;
}

/* VCARD (Main.htm) */
.vcard span {
    font-weight: bold;
}

.vcard span.postal-code,
.vcard span.locality,
.vcard span.region {
    font-weight: normal;
}

.vcard span.given-name,
.vcard span.additional-name,
.vcard span.sort-string,
.vcard span.family-name,
.vcard span.region,
.vcard span.country-name,
.vcard span.sort-string,
.vcard span.latitude,
.vcard span.longitude {
    position: absolute;
    top: -99999px;
    left: -99999px;
}