/* global.css
Author: coDESIGN
Last edited by coDESIGN Sysadmin Februar 2009
*/
/* wichtige Farben
color: #ffb300; orange background
color: #ff9c01; orange background
color: #fff8dc; cream
color: #333333; gray text
color: #999999; light gray text
color: #c00000; medium red header text
*/
/* Font family and size
font-family: arial;
font-size: 12pt;
*/
/* Global settings */
* {
    margin: 0;
    padding: 0;
    /* border: none; */
}

body {
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    min-width: 980px;
    color: #121212;
    background-color: #ffb300;
    background-color: #ff9c01;

    /* background-image: url(../img/layout/hintergrund.gif); */
    font-weight: normal;
    font-style: normal;
    font-size: 12px; /* = 12px; */
    font-family: Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, label, input, textarea, select, legend, fieldset {
    font-family: Arial, Helvetica, sans-serif;
}

p, ul, ol, li, dl, dt, dd, label, input, textarea, select, legend, fieldset {
    font-size: 1em;
}

h1 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 2em;
    color: #c00000;
}

h2 {
    font-size: 14px;
}

h3 {
    font-size: 12px;
}

#events h2 {
    font-weight: bold;
    padding-bottom: 1em;
    color: #003300;
}

p {
    line-height: 1.6;
    margin: 0 0 1em 0;
}

img {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

dl dt {
    color: #ff6600;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 1.6em;
}

dl dd {
    line-height: 1.6;
    /* margin: 0 0 1em 0; */
}

table th, table td {
    padding: 5px;
    vertical-align: top;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

#footer strong {
    color: #003300;
}

form p {
    padding-left: 10px;
}

form label {
    display: block;
    width: 110px;
    float: left;
}

form input {
    display: block;
}

form p.buttons {
    padding-left: 120px;
}

form#event_form table td.datum {
    width: 100px;
}

form#event_form table td.event {
    width: 350px;
}

form .kundendaten {
    margin-top: 30px;
}

form .kundendaten input[type="text"], form .kundendaten textarea {
    width: 350px;
}

.clear {
    clear: left;
}

.inner {
    padding: 20px;
}

.number {
    text-align: right;
}

/* wichtig */
.important {
    color: #ff6600;
}

/* warnung */
.warning {
    color: #6600ff;
}

/* Usually used for the line showing additional charges */
.zzgl {
    font-size: 10px;
    color: #999999;
}

tr.odd {
    /* background-color: #e0e0e0; */
    background-color: #f0f0f0;
}

#wrapper {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

#wrapper2 {
    /*
    background-image: url(../img/layout/schatten_rechts.png);
    background-repeat: repeat-y;
    background-position: 988px 0;
    */
}

#content {
    width: 980px;
    background-image: url(../img/layout/schatten_rechts.jpg);
    background-position: 918px 0;
    background-repeat: repeat-y;
    /* background-color: white; */
    overflow: hidden; /* used with padding and margin in #navbar */
}

#navbar {
    float: left;
    width: 198px;
    /* margin-top: -50px; */
    margin-top: 0px;
    font-size: 16px;
    background-image: url(../img/layout/schatten_links.jpg);
    background-position: 1px 0;
    background-repeat: repeat-y;
    /* This forces the navbar to appear to be */
    /* the same length as main_col */
    padding-bottom: 3000px;
    margin-bottom: -3000px;
    line-height: 1;
}

#navbar ul.navlist li {
    display: block;
    /* width: 203px; */
    font-size: 16px;
    padding: 10px 0 10px 0;
    margin-right: 20px;
    margin-left: 20px;
    border-bottom: 1px dashed #fff8dc;
}

#navbar ul.navlist li span {
    color: #fff8dc;
    font-weight: bold;
}

#navbar ul.navlist a {
    color: black;
    text-decoration: none;
}

#navbar ul.navlist li ul li {
    margin: 0;
    padding: 2px;
    padding-left: 24px;
    font-size: 10px;
    /* line-height: 10px; */
    border: none;
}

#navbar ul.navlist li ul li:before {
    /* content: "« "; */
}

#navbar a:hover {
    color: #ff6600;
}

#main_col {
    width: 721px;
    margin-left: 198px;
    background-color: #fff8dc;
}

#main {
    /* width: 680px; */
    /* margin-top: 290px; */
    margin-top: -80px;
    margin-top: 0px;
    padding: 0px 20px 20px 20px;
    min-height: 300px;
}

.prose {
    /* width: 30em; */
    width: 400px;
}

.prose p, p.prose {
    line-height: 1.8;
}

.prose h1 {
    padding-bottom: 1em;
}

#main ul, #main ol, #main dl {
    margin: 0 0 1em 0;
}

#main a, #footer a {
    color: black;
    outline: none;
}

#main a:hover, #footer a:hover {
    color: #c00000;
    outline: none;
}

#logo {
    width: 980px;
    height: 344px;
}

#logo img {
    display: block;
    float: left;
}

body#impressum #main p {
    line-height: 1.2;
}

#impressum #main h2 {
    color: #c00000;
}

#impressum #main strong {
    /* color: #003300; */
}

#main p.description {
    padding-top: 1em;
    padding-bottom: 1em;
}

#footer {
    text-align: center;
    margin: 0 10px 0 10px;
    padding: 10px;
    border-top: 1px dotted;
}

#header p#lang_buttons {
    position: absolute;
    display: block;
    margin-top: -340px;
    margin-left: 845px;
    width: 70px;
    height: 40px;
}

#header p#lang_buttons a {
    /*position: absolute;*/
    display: block;
    width: 30px;
    height: 25px;
    margin-left: 0px;
    text-indent: 0px;
    overflow: hidden;
}

#header p#lang_buttons a#button_de {
    position: absolute;
    display: block;
    text-decoration: none;
}

#header p#lang_buttons a#button_en {
    position: absolute;
    display: block;
    margin-left: 36px;
    text-decoration: none;
}

#main p.note {
    color: #c00000;
    font-weight: bold;
    line-height: 1.4;
    padding-bottom: 1em;
    font-size: 14px;
}

/*
p.note {
padding-left: 1.5em;
text-indent: -1.5em;
}
p.note:first-line {
text-indent: 1.5em;
}
p.note:before {
content: "--> ";
}
*/

.largecap {
    display: block;
    float: left;
    font-size: 300%;
    color: #ffcc66;
    margin-top: -0.15em;
    padding-right: 0.15em;
    line-height: 1;
}

/*
body#verein .prose {
float: left;
width: 340px;
}
body#verein .pics {
margin-left: 420px;
}
*/

body#verein #main {
    color: #003300;
}

body#verein #main a {
    color: #003300;
}

body#verein #main a:hover {
    color: #c00000;
}

ul.thumbnails {
    width: 500px;
}

ul.thumbnails li {
    float: left;
    padding-top: 10px;
    padding-left: 20px;
}

/* Bands */
#main .prose {
    margin-left: 64px;
    width: 400px;
    width: 500px;
}

#bands ul.bandlist {
}

#bands ul.bandlist li {
    padding-top: 1em;
    border-bottom: 1px dotted black;
}

#bands ul.bandlist li.lastchild {
    border-bottom: none;
}

#bands ul.bandlist li img {
    float: left;
    width: 100px;
    /* height: 100px; */
}

#bands ul.bandlist p {
    margin-left: 120px;
}

#bands p.bandname {
    font-size: 16px;
    font-weight: bold;
    color: #c00000;
}

#main ul.bandmembers {
    list-style-type: disc;
    margin-left: 20px;
    /* padding-top: 12px; */
}

#main ul.bandmembers {
    padding-top: 12px;
    padding-top: 0px;
}

#news #main ul.bandmembers li {
    padding: 3px;
}

.imagetext {
    text-align: right;
}

#main p.pic_big {
    margin: 0;
}

#main p.portrait {
    padding-left: 285px;
}

#main p#imglg img.portrait {
    /*margin-left: 285px;*/
    margin: 0 auto 0 auto;
}

/* News: similar to Bands */
#news .prose {
    margin-left: 65px;
    width: 400px;
    width: 500px;
}

#news #main ul.newslist {
}

#news #main ul.newslist li {
    padding-top: 1em;
    border-bottom: 1px dotted black;
}

#news #main ul.newslist li.lastchild {
    border-bottom: none;
}

#news ul.newslist li img {
    float: left;
    width: 100px;
    /* height: 100px; */
}

#news ul.newslist p {
    margin-left: 120px;
}

#news p.headline {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    color: #c00000;
}

#news p.imageset img {
    display: block;
    float: left;
    margin-right: 5px;
}

#news p.infolink {
    margin-top: 36px;
}

#tickets .prose {
    width: 550px;
}

/* events */
#events #main h1 + h1 {
    padding-bottom: 0;
}

#events #main p#slogan {
    margin: 0;
    padding: 0;
}

#events #main p#slogan img {
    position: absolute;
    display: block;
    margin: -60px 0 0 360px;
    padding: 0;
}

#events #main ul {
    /* list-style-image: url(..img/listimage.gif); */
    list-style-type: disc;
    padding-left: 20px;
}

#events #main ul li {
    color: black;
}

#events #main ul li ul {
    list-style-type: disc;
    margin-bottom: 0;
}

#events #main ul.program li ul li {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
}

#events #main p {
    line-height: 1.2;
    margin: 0 0 0 0;
}

#events #main ul.program {
    list-style-type: none;
    padding-bottom: 0;
    padding-left: 0px;
}

#events #main ul.program li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dotted black;
}

#events #main ul.program li:first-child {
    border-top: none;
}

#events #main ul.program li div.eventinfo {
    margin-left: 120px;
}

#events #main p img {
    float: left;
}

#events #main p.datetime {
    color: #c00000;
}

#events #main p.datetime span.date {
    font-weight: bold;
    font-size: 16px;
}

#events #main p.event {
    color: #c00000;
    font-weight: bold;
    font-size: 16px;
}

#events #main p.price {
    font-weight: bold;
}

#events #main p.order {
    margin-top: 12px;
    color: #c00000;
    font-weight: bold;
}

#events #main p.order:before {
    content: ">> ";
}

#events #main p.order a {
    margin-top: 12px;
    color: #c00000;
}

#events #main p.order span {
    color: #333333;
}

#main p.place {
    font-weight: bold;
}

ul.youtubelist {
}

ul.youtubelist li {
    height: 30px;
    list-style-image: url("../img/layout/YouTube_icon.jpg");
    margin-left: 40px;
}

ul.youtubelist li a {
    margin-left: 10px;
}

p.link_gallery {
    padding-top: 20px;
}

/* dixiekick */
#dixiekick #main h1 + h1 {
    padding-bottom: 0;
}

#dixiekick #main ul {
    /* list-style-image: url(..img/listimage.gif); */
    list-style-type: disc;
    padding-left: 20px;
}

#dixiekick #main ul li {
    color: black;
}

#dixiekick #main ul li ul {
    list-style-type: disc;
    margin-bottom: 0;
}

#dixiekick #main ul.program li ul li {
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
}

#dixiekick #main p {
    line-height: 1.2;
    margin: 0 0 0 0;
}

#dixiekick #main ul.program {
    list-style-type: none;
    padding-bottom: 0;
    padding-left: 0;
}

#dixiekick #main ul.program li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dotted black;
}

#dixiekick #main ul.program li:first-child {
    border-top: none;
}

#dixiekick #main p.datetime {
    color: #c00000;
}

#dixiekick #main p.datetime span.date {
    font-weight: bold;
    font-size: 16px;
}

#dixiekick #main p.event {
    color: #c00000;
    font-weight: bold;
    font-size: 16px;
}

#dixiekick #main p.price {
    font-weight: bold;
}

#links #main ul li {
    border-top: 1px dotted gray;
    padding-top: 20px;
}

#links #main ul li:first-child {
    border: none;
}

#links #main ul li.last-child {
    border-bottom: 1px dotted gray;
}

#links #main p.tag {
    color: #003300;
}

#links #main p.link {
    margin-top: 12px;
    color: #c00000;
    font-weight: bold;
}

#links #main p.link:before {
    content: ">> ";
}

#links #main p.link a {
    color: #c00000;
    font-weight: bold;
}

#main ul.itemslist li {
    padding-bottom: 20px;
}

#main ul.itemslist li p {
    margin: 0;
    line-height: 1.4;
}

#main ul li p img {
    margin-bottom: 18px;
}

#feedback #main p {
    line-height: 1.6;
    margin: 0 0 1em 0;
}

#feedback #main ul.program li {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px dotted black;
}

#feedback #main ul.program li:first-child {
    border-top: none;
}

#downloads #main p a {
    display: inline;
}

/* News */
#news #main ul#newsid li {
    border: 0;
    padding-bottom: 18px;
}

#news ul#newsid li p {
    margin: 0;
}

#news ul#newsid li p.datetime {
    color: #c00000;
}

#news ul#newsid li p.datetime span.date {
    font-weight: bold;
    font-size: 16px;
}

#news #bergwerk p.price {
    font-weight: bold;
}

#news #bergwerk p.order {
    margin-top: 12px;
    color: #c00000;
    font-weight: bold;
}

#news #bergwerk p.order:before {
    content: ">> ";
}

#news #bergwerk p.order a {
    margin-top: 12px;
    color: #c00000;
}

#news #main ul.newslist li ul {
    margin-left: 120px;
    padding-left: 15px;
    list-style-type: disc;
    margin-bottom: 0;
}

#news #main ul.newslist li ul li {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.4;
    border: none;
}