* { padding: 0; margin: 0; }
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #dcdcdc;
 background-image: url('images/bg.jpg');
 background-repeat: no-repeat;
 background-position: top left;

}
a, a:visited{
color: #707070;
font-weight: bold;
text-decoration: underline;
}
a:hover{
color: #b9cd0a;
text-decoration: none;
}

#wrapper {
 margin: 20px auto;
 padding: 1px 0 1px 0;
 width: 920px;
 height: auto;
 background: #ffffff;
}


#header {
 width: 900px;
 color: #333;
 border: 1px solid #dcdcdc;
 height: 100px;
 margin: 10px auto;
}
a.logo, a.logo:visited {
 width: 250px;
 height: 80px;
 margin: 10px 0 0 0;
 background: url('images/bdsg_logo.jpg') no-repeat;
 display: block;
 float: left;
 }
.menu-stoerer{
 width: 500px;
 height: 100px;
 float: right;
 list-style-type: none;
 }
.menu{
 width: 400px;
 height: 100px;
 float: right;
 list-style-type: none;
 }
.menu li, .menu-stoerer li{
 float: left;
 }
a.information{
 width: 100px;
 height: 100px;
 display: block;
 background: url('images/menu_information.jpg');
 }
a.information:hover{
 background: url('images/menu_information-over.jpg');
 }
a.programm{
 width: 100px;
 height: 100px;
 display: block;
 background: url('images/menu_programm.jpg');
 }
 a.programm:hover{
 background: url('images/menu_programm-over.jpg');
 }
a.partner{
 width: 100px;
 height: 100px;
 display: block;
 background: url('images/menu_partner.jpg');
 }
a.partner:hover{
 background: url('images/menu_partner-over.jpg');
 }
a.kontakt{
 width: 100px;
 height: 100px;
 display: block;
 background: url('images/menu_kontakt.jpg');
 }
a.kontakt:hover{
 background: url('images/menu_kontakt-over.jpg');
 }
a.stoerer{
 width: 100px;
 height: 100px;
 display: block;
 background: url('images/menu_stoerer.jpg');
 }

#teaser {
 width: 900px;
 height: 50px;
 color: #ffffff;
 margin: 0 auto 10px;
 background: #b9cd0a;
}
span.teaser{
 font-size: 14px;
 padding: 0 10px 0 10px;
 line-height: 50px;
 float: left;
 }
#teaser a, teaser a:visited{
 font-size: 12px;
 text-decoration: none;
 color: #ffffff;
 font-weight: bold;
 padding: 0 10px 0 10px;
 line-height: 50px;
 float: right;
 }
#teaser a:hover{
 color: #000;
 }


#picture {
 width: 900px;
 height: 50px;
 color: #ffffff;
 display: block;
 margin: 0 auto 10px;
}
#picture.index{
 background: url('images/pic_index.jpg');
 }
#picture.information{
 background: url('images/pic_information.jpg');
 }
#picture.programm{
 background: url('images/pic_programm.jpg');
 }
#picture.partner{
 background: url('images/pic_partner.jpg');
 }
#picture.kontakt{
 background: url('images/pic_kontakt.jpg');
 }
#picture.registrierung{
 background: url('images/pic_registrierung.jpg');
 }
#picture.impressum{
 background: url('images/pic_impressum.jpg');
 }

#pdf{
 float: right;
 }
#pdf a, pdf a:visited{
 width: 200px;
 height: 45px;
 display: block;
 background: url('images/pdf_download.jpg');
 }
#pdf a:hover{
 background: url('images/pdf_download-over.jpg');
 }
#anfahrt{
 float: right;
 width: 400px;
 height: 450px;
 display: block;
 margin: 10px 0 0 20px;
 }
#anfahrt a, anfahrt a:visited{
 width: 369px;
 height: 450px;
 display: block;
 background: url('images/anfahrt.jpg');
 }
#anfahrt a:hover{
 background: url('images/anfahrt-over.jpg');
 }
#content {
 width: 900px;
 color: #333;
 border: 1px solid #dcdcdc;
 background:url('images/bg_content.jpg');
 background-position: bottom right;
 background-repeat: no-repeat;
 margin: 0 auto 10px;
 height: auto;
}
#content p{
 padding: 10px;
 line-height: 1.5;
 }
#content h1{
 font-style: italic;
 font-size: 18px;
 font-weight: bold;
 color: #000;
 margin: 10px 0 0 10px;
 padding-left: 22px;
 background-image:url('images/bdsg_arrow.jpg');
 background-repeat: no-repeat;
 }
#content p.readmore{
  text-align: right;
  padding-right: 80px;
  }
#content i.indent{
 margin-left: 60px;
 font-weight: bold;
 }
#content p.partner{
  text-align: center;
  margin-top: 50px;
  }
#content b.gd{
  color:#cc3c1f;
  }
#content a img{
 border: none;
 }
#copy{
 width: 900px;
 margin: 0 auto 10px;
 height: auto;
 color: #707070;
 font-size: 10px;
}
#copy p.bdsg{
 float: left;
 padding: 0 10px 0 10px;
 }
#copy a, copy a:visited{
 text-decoration: underline;
 color: #707070;
 }
#copy a:hover{
 text-decoration: none;
 }
#copy p.gd{
 float: right;
 padding: 0 10px 0 10px;
 }
#copy img{
 border: none;
 }

.contact{
 padding-left: 10px;
 }
td.form{
 color: #707070;
 line-height: 2em;
 }
td.form2{
 line-height: 2em;
 }
.inputbox{
 border: 1px solid #b9cd0a;
 }