body
{
background-image: url(../images/back.gif);
background-repeat: repeat-x;
background-attachment: fixed;
margin: 25px;
padding: 0px;
background-color: #bbb;
color: #555;
font-size: 0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p
{
text-align: justify;
margin: 0px 0px 20px;
padding: 0px;
}

form
{
margin: 0px;
}

img
{
border: none;
}

a
{
color: #e26f16;
font-weight: bold;
}

div.H20
{
width: 828px;
height: 20px;
margin: 0px auto;
padding: 0px;
background-color: #fff;
color: inherit;
}



div#header
{
margin: 0px auto;
padding: 0px;
width: 828px;
height: auto;
background-color: #fff;
color: inherit;
}

div.header20
{
width: 20px;
background-color: #fff;
float: left;
margin: 0px;
padding: 0px;
height: 180px;
}

div.header20R
{
margin: 0px;
padding: 0px;
width: 20px;
background-color: #fff;
float: right;
height: 180px;
}

div#headerL
{
margin: 0px;
padding: 0px;
width: 210px;
float: left;
}

div#headerR
{
margin: 0px;
padding: 0px;
width: 558px;
float: left;
}

div.clear
{
clear: both;
}

div#navigation
{
width: 828px;
margin: 0px auto;
padding: 0px;
background-color: #fff;
color: inherit;
}

div#navi
{
width: 788px;
margin: 0px auto; 
padding: 0px;
background-color: #e26f16;
color: #fff;
font-weight: bold;
text-align: right;
}

ul
{
margin: 0px;
padding: 7px;
}

li
{
display: inline;
}

ul a
{
width: 150px;
color: #fff;
background-color: inherit;
text-decoration: none;
padding: 3px 15px;
border-bottom: 4px solid #e26f16;
}

ul a:hover
{
width: 150px;
color: #000;
background-color: #ccc;
text-decoration: none;
padding: 3px 15px;
border-bottom: 4px solid #000;
border-top: 4px solid #ccc;
}

div#content
{
width: 828px;
margin: 0px auto;
background-color: #fff;
color: inherit;
}

div#contentL
{
width: 190px;
float: left;
color: #000;
background-color: #e7e7e7;
height: auto;
padding: 10px;
text-align: left;
}

div#contentR
{
width: 558px;
float: left;
height: auto;
padding: 10px 0px;
}

div#fusszeile
{
width: 828px;
margin: 0px auto;
padding: 20px 0px 0px;
background-color: #fff;
color: inherit;
}

div#fuss
{
width: 768px;
margin: 0px auto; 
padding: 7px 10px 0px;
background-color: #fff;
color: #000;
font-weight: bold;
text-align: right;
font-size: 0.8em;
border-top: 1px solid #ddd;
}

a.fuss
{
color: #000;
text-decoration: none;
}

h1.sub
{
background-color: #999;
color: #fff;
font-weight: bold;
margin: 0px 0px 15px;
font-size: 1em;
background-image: url(../images/icon.gif);
background-position: left;
background-repeat: no-repeat;
padding: 3px 10px 3px 16px;
}

p.subcontact
{
padding: 0px 5px;
font-size: 0.8em;
}
p.subcontact2
{
padding: 0px 0px;
font-size: 0.0em;
}

h1
{
background-color: #e7e7e7;
color: #000;
font-weight: bold;
margin: 0px 0px 15px;
background-image: url(../images/icon.gif);
background-position: left;
background-repeat: no-repeat;
padding: 3px 10px 3px 16px;
font-size: 1em;
}

p.klein
{
margin: 10px 0px 20px;
padding: 0px;
font-size: 0.7em;
color: #999;
}

span.klein
{
font-size: 0.7em;
color: #999;
}

div#formular
{
width: 538px;
height: auto;
margin: 0px 0px 20px;
padding: 0px;
}

div.formularL
{
width: 118px;
float: left;
padding: 0px 0px 5px;
font-size: 0.8em;
}

div.formularR
{
width: 420px;
float: right;
padding: 0px 0px 5px;
}

input
{
padding: 3px;
border: 1px solid #ccc;
background-color: #e7e7e7;
width: 200px;
}

textarea
{
border: 1px solid #ccc;
background-color: #e7e7e7;
overflow: auto;
padding: 3px;
width: 370px;
height: 120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

input.submit
{
padding: 1px 3px 0px;
background-color: #ccc;
width: 100px;
}

p.fehler
{
background-color: inherit;
color: #e26f16;
font-weight: bold;
}

select#eventauswahl
{
width: 190px;
}

select#newsarchiv
{
width: 190px;
}





/* fotos */

div#fotos
{
width: 558px;
margin: 0px;
padding: 0px;
}

div.fotosL
{
width: 125px;
float: left;
margin: 0px 0px 19px;
}

div.fotosM
{
width: 19px;
float: left;
height: 80px;
}

div.fotosR
{
width: 125px;
float: right;
margin: 0px 0px 19px;
}





/* band */

div#band
{
width: 558px;
margin: 0px;
padding: 0px;
}

div.bandL
{
width: 101px;
margin: 0px 13px 20px 0px;
padding: 0px;
float: left;
text-align: center;
}

div.bandR
{
width: 101px;
margin: 0px 0px 20px;
padding: 0px;
float: right;
text-align: center;
}




/* Termine */

h1.termine
{
width: 160px;
background-color: #999;
color: #fff;
font-size: 0.75em;
margin: 0px auto 5px;
}
h2.termine
{
width: 160px;
font-size: 0.75em;
font-weight: normal;
margin: 0px auto 10px;
}
h3.termine
{
width: 100px;
font-size: 0.20em;
font-weight: normal;
margin: 0px auto 10px;
}




/* news */


div.news
{
width: 558px;
margin: 0px 0px 30px;
padding: 0px 0px 5px;
border-bottom: 1px solid #ddd;
}

div.newsL
{
width: 353px; 
float: left;
}

div.newsR
{
width: 190px;
float: right;
}





/* kommentare */

input.comment
{
width: 182px;
background-color: #fff;
color: inherit;
}

textarea.comment
{
width: 182px;
height: 100px;
overflow: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
background-color: #fff;
color: inherit;
}

input.commentsubmit
{
padding: 1px 3px 0px;
background-color: #ccc;
width: 30px;
}

p.comment
{
background-color: #f6dac5;
color: inherit;
padding: 5px;
}