/* Normalisiert margin, padding*/
body, div, dl, dt, dd, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin : 0; padding : 0;}

/* Normalisiert font-size für Überschriften */
h1, h2, h3, h4, h5, h6
{font-size : 100%;}

/* Entfernt list-style aus listen */
ol, ul
{ list-style : none;}

/* Normalisiert font-style und font-weight auf normal */
adress, caption, cite, code, dfn, em, strong, th, var
{font-style : normal; font-weight : normal;}

table 
{border-collapse : collapse; border-spacing : 0;}

/* Entfernt border aus fieldset und img */
fielset, img
{border : 0;}

/* Richtet Text in caption und th links aus */
caption, th
{text-align : left;}

/* Entfernt anführungszeichen aus q */
q:before, q:after 
{ content :''; }


/* header*/
body {
background-image: url(img/head.jpg); 
background-repeat : no-repeat;}
h1 {
top: 0;
left: 50%;
width: 750px;
height: 304px;
text-indent: -9999px;}

/*main_nav*/

ul#navigation {
padding: 0 0;
width: 700px;
position: absolute;
margin: -150px 0 0 260px;}
ul#navigation li{
float: left;}

li#news a {
background-image: url(img/news.gif);
background-position: 100% 100%;
background-repeat: no-repeat;
text-indent: -9999px;}
li#news a:hover{
background-image: url(img/news.gif);
background-position: 100% 51%;}
li#songs a {
background-image: url(img/songs.gif);
background-position: 50% 100%;
background-repeat: no-repeat;
text-indent: -9999px;}
li#songs a:hover{
background-image: url(img/songs.gif);
background-position: 50% 51%;
background-repeat: no-repeat;}
li#konzerte a {
background-image: url(img/konzerte.gif);
background-position: 50% 100%;
background-repeat: no-repeat;
text-indent: -9999px;}
li#konzerte a:hover{
background-image: url(img/konzerte.gif);
background-position: 50% 51%;
}
li#archiv a {
background-image: url(img/archiv.gif);
background-position: 50% 100%;
background-repeat: no-repeat;
text-indent: -9999px;}
li#archiv a:hover{
background-image: url(img/archiv.gif);
background-position: 50% 51%;}
li#kontakt a {
background-image: url(img/kontakt.gif);
background-position: 50% 100%;
background-repeat: no-repeat;
text-indent: -9999px;}
li#kontakt a:hover{
background-image: url(img/kontakt.gif);
background-position: 50% 51%;}
li#news, li#news a, li#songs, li#songs a, li#konzerte, li#konzerte a, li#archiv, li#archiv a, li#kontakt, li#kontakt a {
display: block;
width: 132px;
height: 85px;}

/*content*/

#main{
position: relative;
width: 650px;
padding-left: 315px;}

#content1 {
float: left;
width: 188px;
padding-right: 20px;}

#content1 p{
text-align: justify;
margin-top: 0px;
font: 80%/1.3em "Lucida Grande", Verdana, sans-serif;
color: #7d7d7d;}

 div.hr {
  height: 5px;
  background: #fff url(img/linie.gif) no-repeat scroll center;
  margin: 0px 0 20px 0;
}
div.hr hr {
  display: none;
}

#content1 h2{
text-align: left;
font: 100%/1.8em "Lucida Grande", Verdana, sans-serif;
font-weight: bold;
color: #9cbd20;}

#content1 h3{
text-align: left;
font: 80%/1.6em "Lucida Grande", Verdana, sans-serif;
font-weight: bold;
color: #3f92ad;}

#content1 a{
font: 100%/1.3em "Lucida Grande", Verdana, sans-serif;
font-weight: bold;
color: #f99c01;
text-decoration: none;}

#content1 a:hover{
font: 100%/1.3em "Lucida Grande", Verdana, sans-serif;
font-weight: bold;
color: #a1770f;
text-decoration: underline;}

#content2 {
float: left;
width: 188px;
padding-right: 20px;}

#content2 p{
text-align: justify;
margin-top: 0px;
font: 80%/1.3em "Lucida Grande", Verdana, sans-serif;
color: #7d7d7d;}

#content3 {
float: left;
width: 188px;
padding-right: 20px;}

#content3 p{
text-align: justify;
margin-top: 0px;
font: 80%/1.3em "Lucida Grande", Verdana, sans-serif;
color: #7d7d7d;}

/*footer*/


#footer_all{
clear: both;
background-image: url(img/foot.jpg);
background-repeat: repeat-x;
background-position: -150px 0px;
height: 181px;}
#footer{
padding-top: 160px;
padding-left: 210px;
font-size: 0.85em;}
#footer p{
margin-left: 200px;
margin-top: -20px;
font: 80%/1.3em "Lucida Grande", Verdana, sans-serif;
color: #7d7d7d;}
#footer a{
font-family: "Lucida Grande", Verdana, sans-serif;
color: #6d92b2;
text-decoration: none;}
#footer a:hover{
font-family: "Lucida Grande", Verdana, sans-serif;
color: #6d92b2;
text-decoration: underline;}
#footer_right{
margin:-15px 0 0 580px;}
#footer_right a{
width: 130px;
height: 20px;
display: block;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 83%;
color: #7d7d7d;
text-decoration: none;
background-image: url(img/logo.gif);
background-position: 0 0%;
background-repeat: no-repeat;
padding: 0 10px 0 25px;}
#footer_right a:hover{
height: 20px;
display: block;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 83%;
color: #7d7d7d;
text-decoration: underline;
background-image: url(img/logo.gif);
background-position: 0 100%;
background-repeat: no-repeat;
padding: 0 10px 0 25px;}