html {
margin: 0;
}

br.clear {
clear: both;
}

.invis {
visibility: hidden;
}

.nodisp {
display: none;
}

body {
background-color: #fff;
background-image: url(img/bg.jpg);
background-position: left;
background-repeat: repeat-y;
font-family: Georgia, Times;
font-size: 1em;
color: #000000;
margin: 0;
padding: 0;
}


/* ############################################## */

/* linke spalte, grunddefs */

#links {
position: absolute;
top: 0px;
left: 0px;
width: 394px;
height: 700px;
background-image: url(img/linksbg.jpg);
background-position: left;
background-repeat: no-repeat;
}


/* #####
   MENÜ!
   ##### */

#links ul {
position: relative;
top: 150px;
left: 154px;
width: 200px;
text-align: right;
list-style-type: none;
line-height: 50px;
color: #6F4400;
}

#links ul li {
display: block:
width: 200px;
padding-right: 20px;
font-size: 1.8em;
text-transform: lowercase;
}

/* EYECANDYZEUG */
#links ul li span.arrow {
visibility: hidden;
color: #C67B00;
font-style: normal;
}

#links ul li span.uline {
visibility: visible;
}

/* HOVERVERHALTEN + AKTIVE LINKS */
/* bei hover von anderem item eigenschaften von aktivem item resetten - geht das? */
#links ul li:hover, #links ul li.active {
font-style: italic;
text-transform: lowercase;
padding-right: 0px;
font-size: 1.8em;
}

#links ul li:hover span.arrow, #links ul li.active span.arrow {
visibility: visible;
}

#links ul li:hover span.uline, #links ul li.active span.uline {
padding-right: 20px;
padding-bottom: 1px;
border-bottom: #AE7F17 3px solid;
}

/* LINKS ZÄHMEN */
#links ul li a {
color: #6F4400;
text-decoration: none;
}
#links ul li a:hover {
color: #6F4400;
text-decoration: none;
}
#links ul li a:visited {
color: #6F4400;
text-decoration: none;
}
#links ul li a:active {
color: #6F4400;
text-decoration: none;
}


/* ######################################################### */



#rechts {
position: absolute;
left: 429px;
width: 600px;
}

h3 {
color: #AE7F17;
font-size: 2em;
}

h4 {
color: #AE7F17;
font-size: 1.1em;
margin-bottom: 0;
}

p {
color: #333333;
font-size: 1.2em;
line-height: 1.5em;
margin-top: 3px;
}

p.inst {
margin: 3px 0 3px 0;
color: #C67B00;
font-size: 0.9em;
}

/* MODULE */

/* Termine */
table.gigs {
width: 600px;
border: none;
border-spacing: 0px;
padding-top: 5px;
}
table.gigs thead {
display: none;
}
table.gigs td {
padding: 5px 0px 5px;
border: none;
border-top: #AE7F17 1px solid;
font-size: 1.2em;
}
table.gigs tr.last td {
border-bottom: none;
}
table.gigs td.date {
width: 110px;
vertical-align: top;
}
table.gigs td.location {
width: 250px;
font-weight: bold;
vertical-align: top;
}
table.gigs td.venue {
width: auto;
vertical-align: top;
}

/* kontakt */
legend { display: none; }
fieldset {
width: 560px;
border: none;
margin: 0px 15px 10px 15px;
padding: 15px 15px 15px 15px;
background-color: #F7F5E8;
background-image: url(../img/mailicon.png);
background-repeat: no-repeat;
background-position: top right;
}
.left {
float: left;
width: 150px;
margin-right: 5px;
font-weight: bold;
}
button {
width: 85px;
}
textarea { height: 180px; }
textarea, input {
width: 560px;
margin-bottom: 5px;
padding: 3px;
border: #C4B597 1px solid;
}
* html textarea, * html input { width: 450px; }
input.halb {
width: 398px;
margin-bottom: 22px;
}
input.SPsec {
margin: 0px;
padding: 3px;
width: 34px;
text-align: center;
font-weight: bold;
font-size: 0.8em;
color: #F00;
}
img.SPsec {
vertical-align: bottom;
background-color: #FFFFFF;
padding: 4px;
border: #D2C7B0 1px solid;
}
* html input.halb { width: 356px; }
label {
font-size: 0.8em;
font-weight: bold;
}