@CHARSET "UTF-8";

/* Adjust the body and html elements */
body,html {
    margin: 0;
    padding: 0;
    color: #444;
}

.noscreen {
    display: none
}

body {
    background: white;
}

#wrap {
    width: 800px;
    margin: 0 auto;
    background: url(../gfx/contentbg.jpg) 0 137px no-repeat;
}

#wrap.konzerte,
#wrap.neues,
#wrap.media {
    background: url(../gfx/contentbg_fade.jpg) 0 137px no-repeat;
}

/* =========================== HEADER =========================== */

#header {
    background: url(../gfx/header.jpg) 0 0 no-repeat;
    position: relative;
}

#header #logo {
	position: absolute;
	left: 27px;
	top: 12px;
}

#header h1 {
    background: url(../gfx/header.jpg) 0 0 no-repeat;
    height: 95px;
    margin: 0;
}
#header h1 span {
    display: none;
}

#header h2 {
    background-position: top right;
    background-repeat: no-repeat;
    height: 49px;
    margin: 0;
}

#header h2 span {
	display: none;
}

/* =========================== NAVIGATION =========================== */

#navigation {
    float: left;
    width: 131px;
    min-height: 520px;
    position: relative;
}

#navigation ul.menu {
    margin: 0 8px 0 8px;
    padding: 0;
    list-style: none;
    color: white;
}

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

#navigation li a,
#navigation li span {
    font-family: 'Serif-Regular', serif;
    font-size: 1.1em;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: block;
    background: #6d6b46;
    line-height: 1.2em;
    padding: 2px 8px 0 8px;
    margin: 11px 0;
}

/* besuchter Link */
#navigation li a:visited {}

/* Link mit Tastaturfokus */
#navigation li a:focus { 
    color: #6d6b46; 
    background: white;
    text-decoration:underline; 
}

/* Mouse-Over über Link */
#navigation li a:hover { 
    text-decoration: underline; 
}

/* gerade angeklickter Link (Mouse-Down) */
#navigation li a:active { 
    color: #6d6b46; 
    background: white;
}

/* aktuelle Seite in der Navigation */
#navigation li a.active {
    color: #6d6b46; 
    background: white;
}

/* Sonder-Navigationsbuttons */
#navigation li.archiv span { margin-top: 40px; }

#navigation li.archiv-heine a { background: #a71b0d; }
#navigation li.archiv-heine a:focus { color: #a71b0d; background: white; }
#navigation li.archiv-heine a:active { background: white; }
#navigation li.archiv-heine a.active { 
    color: #a71b0d;
    background: white; 
}

#navigation li.archiv-busch a { background: #19333e; }
#navigation li.archiv-busch a:focus { color: #19333e; background: white; }
#navigation li.archiv-busch a:active { background: white; }
#navigation li.archiv-busch a.active { 
    color: #19333e; 
    background: white;
}

/* =========================== CONTENT =========================== */

#content {
    float: right;
    width: 640px;
    min-height: 600px;
    padding: 14px 10px 20px 19px;
}

#content.konzerte,
#content.neues {
    width: 650px;
    padding-right: 0;
}

#content.konzerte div,
#content.neues div {
    padding-right: 10px;
}

#content h1 {
}

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

div#neues-navi
{
}

div#neues-navi ul
{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

div#neues-navi ul li
{
    float: left;
    display: block;
    margin: 4px 10px;
}

div#neues-anzeige
{
    clear: both;
    margin-top: 20px;
}

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

div#gedichte-navi
{
    width: 35%;
    float: left;
}

div#gedichte-navi ul
{
    margin: 0 20px 0 0; 
    padding-left: 10px;
}

div#gedicht-anzeige
{
    margin-left: 40%;
}

div#gedicht-anzeige h2:first-child,
div#gedicht-anzeige h3:first-child,
div#gedicht-anzeige h4:first-child,
div#gedicht-anzeige h5:first-child
{
    margin-top: 0;
}

#footer {
    font-size: 0.7em;
    text-align: center;
}