* {
margin:0;
padding:0;
}

body {
font-family: Arial, Helvetica, sans-serif;
background-color:#355222;
font-size:small;
background-image:url(../images/graphics/pageBg.png);
background-repeat:repeat-y;
background-position:center;
}

textarea {
font-family:Arial, Helvetica, sans-serif;
}

#page {
width:900px;
margin:0 auto;
margin-bottom:1%;
background-color:#E9291E;
}

h1 {
height:100px;
margin-top:20px;
text-indent:-9999px;
background:url(../images/graphics/logo.png) center no-repeat;
}

#banner {
background-color:#000;
background-image:url(../images/photos/byMarkusHoffmann.png);
background-position:bottom right;
background-repeat:no-repeat;
color:#FFD536;
}

#banner img {
float:left;
margin-left:20px;
}

#leading_article {
width:40%;
margin-left:230px;
background-color:#000;
z-index:10;
}

#navi {
margin-top:35px;
width:23%;
float:left;
}

#navi ul {
margin:0;
padding:0;
}

#navi ul li {
list-style:none;
list-style-position:outside;
}

#content {
width:74%;
margin-top:27px;
margin-left:24%;
padding-top:8px;
padding-bottom:4px;
}

#content .sb-inner { /* Spezieller Selektor für die JS-Ecken */
background-color:#98bc7f;
}

#footer {
clear:both;
font-style:italic;
font-size:small;
text-align:right;
color:#FFD536;
}

#footer p {
padding-right:20px;
}
/* Typografie, Seitenelemente ################################################################ */
h2 {
margin:0 10px 5px 15px;
padding-top:15px;
font-size:133%;
}

h3 {
margin:0 10px 5px 15px;
padding-top:10px;
}

p, dl, dt{
margin:15px;
}

hr.clear {
clear:both;
visibility:hidden;
}

table {
margin:15px;
border-collapse:collapse;
}

tr .article {
width:300px;
}

hr {
background-color:#4A722B;
width:98%;
margin:auto;
}
#banner a:link, #banner a:visited, .dates a:link, .dates a:visited, #footer a:link, #footer a:visited {
color:#ffd536;
font-weight:bold;
text-decoration:none;
}
#banner a:hover, #banner a:focus, .dates a:hover, .dates a:focus,  #footer a:hover, #footer a:focus  {
text-decoration:underline;
color:#fff;
}
/* Navigation ################################################################################## */
#navi {
margin-left:10px;
}

#navi li a {
display:block;
padding:10px 15px;
background-repeat:no-repeat;
}
#navi li a:link, #navi li a:visited {
color:#ffd536;
background-image:url(../images/graphics/nav_btn.png);
text-decoration:none;
font-weight:bold;
font-size:18px;
}

#navi li a:hover, #navi li a:focus {
color:#355222;
background-image:url(../images/graphics/active_nav_btn.png);
}

/* Seitenspezifisches ########################################################################## */
#content h2 {
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;
}
#content p {
margin-top:0;
}
.dates th, .dates td {
font-size:110%;
color:#FFD536;
border-collapse:collapse;
padding:2px 3px;
text-align:left;
vertical-align:top;
}


.odd  {
background-color:#65894C;
}

.even  {
background-color:#4A722B;
}


#events {
background-color:#355222;
}

.article {
padding-bottom:0.5em;
margin-bottom:1em;
}

.read_on {
clear:both;
}

/* CDS ####################################################################################### */
.article ol {
margin-left:15px;
list-style:none;
}
.article img {
margin:15px;
margin-top:0;
float:right;
border:none;
}

div.cd_pic {
width:210px;
padding-left:15px;
float:left;
}

div.cds h3 {
margin-left:30px;
}

div.cd_pic img {
margin:0;
}

p.price {
text-align:center;
font-weight:bold;
}

.tracklist {
margin-left:20px;
float:left;
width:180px;
}

.tracklist ol li {
list-style-position:inside;
list-style:decimal;
}

.player {
margin:1em;
}
/* Videos ################################################################################### */
.object {
margin-left:100px;
}

.object p {
width:405px;
}

.object h3 {
margin-top:15px;
}

/* Imprint ################################################################################## */
.vcard {
margin:15px;
}
.vcard a {
text-decoration:none;
color:#000;
}

.vcard .sort-string {
text-indent:-9999px;
display:block;
height:0;
}

/* Kontakt ################################################################################## */
#kontakt_form {
margin:15px auto;
width:50%;
background-color:#355222;
padding:1em;
border:1px solid #FFD536;
}

#kontakt_form fieldset {
border:none;
}

#kontakt_form legend {
margin-bottom:10px;
color:#FFD536;
font-weight:bold;
}

#kontakt_form .url {
display:none;
height:0;
width:0;
text-indent:-9999px;
height:0;
}
#kontakt_form label {
margin-top:10px;
margin-bottom:3px;
display:block;
color:#FFD536;
}
#kontakt_form .newsletter label {
display:inline;
}
#kontakt_form #newsletter {
width:20px;
border:1px solid #FFD536;
}
#kontakt_form input, #kontakt_form textarea {
width:325px;
}
#kontakt_form textarea {
margin-bottom:10px;
}
#kontakt_form #submit {
margin-top:10px;
width:33%;
}

#thx-message, #error-message {
width:95%;
background-color:#355222;
color:#FFD536;
border:1px solid #ffd536;
margin:auto;
}

#error-message {
color:#355222;
background-color:#ffd536;
}

#thx-message p, #error-message p, #error-message ul {
padding:15px 0 15px 0;
}

#error-message ul {
list-style:inside;
}

#thx-message span, #error-message span {
font-style:italic;
}