* {
   font-family: Arial, Verdana, Helvitica;
   font-size: 13px;
   line-height: 20px
 }
 
 a, img {
   border: 0px;
   color: #1760A7;
   text-decoration: none;
   font-weight: bold;
 }
 
 h1 {
   color: #1760A7;
   font-size: 24px;
   font-weight: bold;
   margin: 0px;
   padding: 10px 0px;
   line-height:30px;
 }
 
 h2 {
   color:#1760A7;
   font-size: 16px;
 }
 
 body {
   background: #ccff66 url(../images/bg_buerener_fruehling_regionalmesse_bueren.jpg) repeat-x left top fixed;
   margin: 0px;
 }
 
 .date {
   background: transparent url(../images/top_corner_right_regionalmesse_bueren.gif) no-repeat right top;
   float: left;
   height: 39px;
   width: 487px;
 }
 
 .date .headline .HP-pageblock-content {
   background: #1760a7;
   color: white;
   font-size: 24px;
   font-weight: bold;
   padding: 8px 0px 0px 15px;
   height: 31px;
   width: 450px;
 }
 
 .HP-section.HP_page img {
   display: block;
   top: 0px;    
   margin: 0px;
   vertical-align: top;
 }
 
 .HP-menu {
   list-style: none;
   padding: 0px;
   margin-left: 10px;
 }
 
 .HP-menu li {
   padding-bottom: 35px;
 }
 
 .HP-menu li.submenu {
   display:inline;
   padding-bottom:5px;
 }
 
 .HP-menu li.submenu ul li {
   list-style-type:none;
   padding-bottom:5px;
   padding-top:2px;
 }
 
 .HP-menu li.submenu ul {
   margin:6px 0 -3px 0;
   padding:0px;
 }
 
 #sub-menu {
   background:transparent url(../images/bg-content-middle.png) repeat-y scroll left top;
   padding:0 55px 0 20px;
   margin:0px;
   text-align:center;
   width:690px;
 }
 
 #sub-menu .HP-menu {
   border-bottom:1px solid #1760A7;
   padding:0 0 5px 0;
   margin:0;
   position:relative;
   top:-5px;
 }
 
 #sub-menu .HP-menu .center-button {
   margin:0 93px;
 }
 
 .HP-section.HP_page {
   clear: both;
   margin-top: -30px;
 }
 
 .HP-section.HP_page img {
   float: left;
 }
 
 .HP-section.HP_page .files th {
   display: none;
 }
 
 .HP-section.HP_page .files td {
   text-align: center;
   width: auto !important;
 }
 
 .HP-section.HP_page .files td img {
   display: inline;
 }
 
 .HP-section.HP_emaildirect {
   width: 700px;
 }
 
 .HP-section.HP_emaildirect form {
   float: left;
   margin-bottom: 15px;
 }
 
 .HP-section.HP_emaildirect h1 {
   font-size: 20px;
 }
 
 
 .HP-section.HP_emaildirect label {
   width: 190px;
   float: left;
   margin-top: 5px;
   clear: both;
 }
 
 .HP-section.HP_emaildirect input {
    float: left;
    width: 260px;
    margin-top: 5px;
  }
  
 .HP-section.HP_emaildirect textarea.textarea {
   float: left;
   width: 260px;
   margin-top: 5px;
 }
 
 .HP-section.HP_emaildirect div.io {
   color: #FFFF99;
   background-color: #339933;
 }
 
 .HP-section.HP_emaildirect div.error,
 .HP-section.HP_emaildirect div.io {
   font-weight: bold;
   padding: 5px 15px 5px 15px;
   margin: 10px 0px 10px 0px;
   text-align: center;
   width: 415px;
 }
 
 .HP-section.HP_emaildirect div.error {
   color: white;
   background-color: #cc0000;
 }
 
 .HP-section.HP_emaildirect .text.error,
 .HP-section.HP_emaildirect .textarea.error {
   border: 1px solid #cc0000;
   background: #ffcccc;
 }
 
 .logo {
   position: absolute;
   left: 544px;
   top: 30px;
 }
 
 #content {
   background-color: transparent !important;
   display: block;
   padding-top: 30px;
   margin-bottom: 50px;
   margin-left: 210px;
   left: 0px;
   width: 765px;
 }
 
 #content .bg-middle {
   background: transparent url(../images/bg-content-middle.png) repeat-y left top;
   padding: 15px 20px 0px 0px;
   margin: 0px;
   height: 500px;
   overflow-x:hidden;
   overflow-y:scroll;
 }
 
 #content .bg-middle .div {
   padding: 10px 20px 0px 20px;
   margin: 0px;
   vertical-align: top;
 }
 
 #content .bg-middle .div .HP-section.HP_page {
   border-bottom:1px solid #1760A7;
  float:left;
  width:100%;
 }
 
 #content .bg-middle .div .HP-section.HP_page img {
   padding-right: 10px;
   padding-bottom: 10px;
 }
 
 #content .bg-top-corner {
   background: transparent url(../images/bg-content-top.png) no-repeat left top;
   height: 34px;
   vertical-align: top;
 }
 
 #content .bg-bottom-corner {
   background: transparent url(../images/bg-content-bottom.png) no-repeat left bottom;
   height: 34px;
   margin-bottom: 30px;
 }
 
 #footer {
   bottom: -5px;
   color: #76A024;
   clear: both;
   left: 410px;
   position: relative;
   width: 400px;
 }
 
 #footer ul {
   margin: 0px;
   padding: 0px;
 }
 
 #footer .links li {
   list-style: none;
   display: inline;
 }
 
 #footer .links a {
   color: #76A024;
   font-size: 12px;
   padding: 0px 3px;
   font-weight: normal;
 }
 
 #menu {
   float: left;
   padding-top: 0px;
   margin-top: 20px;
   vertical-align: top;
   width: 208px
 }
 
 #top-header {
   height: 125px;
 }
 
 .HP-section.HP_page .files td {
   float:left;
   width:340px !important;
   text-align:left;
   vertical-align:top;
 }
 .HP-section.HP_page .files td a {
   display:block;
 }
 
 .HP-section.BG_gallery .BG-picture {
    display:block;
    float:left;
    height:120px !important;
    width:120px !important;
    overflow:hidden;
    margin:0 15px 15px 0;
 }
 
 .HP-section.BG_gallery .BG-picture img {
   margin:auto;
 }