td{font-family:arial,verdana; font-size:10pt; color:#333333}
a{font-family:arial,verdana,helvetica;font-weight:normal;color:#333333; text-decoration:none}
a:hover{color:#d42031;font-family:arial,verdana,helvetica;text-decoration:underline}

html {overflow-y: scroll;}

body {
   background: #ffffff;
   margin:0;
   padding:0;
   border:0;			/* This removes the border around the viewport in old versions of IE */
   width:100%;
   min-width:980px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
   
}

hr {
  border-width: 1px 0 0 0;
  border-style:solid;
  border-color: #367852;
  height: 1px;
  padding: 0;
  margin: 4px 0 -4px 0;
}
.container {
	margin: 0px auto;
	width: 980px;
}

#frmtop{
   background: url(images/bgpixtop.jpg) top left;
   width: 100%;
   height: 540px;
   OVERFLOW: hidden;
}

#frmlogo{
   background: url(images/logo.jpg) top left;
   background-repeat: no-repeat;
   position: relative;
   width: 980px;
   height: 510px;
   OVERFLOW: hidden;
}
#midwrap{
   background: none;
   position: relative;
   width: 980px;
   OVERFLOW: hidden;
}

#frmmiddle{
   background: #f6f8fc url(images/bgpixmid.jpg) top left;
   background-repeat: repeat-x;
   width: 100%;
   min-height: 420px;
   OVERFLOW: hidden;
   z-index: -1;
}
#frmbot{
   background: url(images/bgpixbot.jpg) top left;
   width: 100%;
   height: 84px;
   OVERFLOW: hidden;
   text-align: center;
   z-index: -1;
   font-family: verdana,arial,helvetica; 
   color: #162983; 
   font-weight: normal; 
   text-decoration: none;
   font-size: 8pt;
}
#frmbot a{font-family:verdana,arial,helvetica;font-weight:normal;color:#162983; text-decoration:none}
#frmbot a:hover{color:#162983;font-family:verdana,arial,helvetica;text-decoration:underline}

.gelb {
   background-color: #fae9c5;
   padding-left: 20px;
   padding-right: 20px;
   width: 570px;
   border: 1px #c0c0c0 solid; 
}
.grau {
   background-color: #d9d9d9;
   padding-left: 20px;
   padding-right: 20px;
   width: 570px;
   border: 1px #c0c0c0 solid; 
}

/* --------------------------------------------------------------------
   Mainpage
   -------------------------------------------------------------------- */
#diashow{
   background: none;
   position: absolute;
   margin-top: 31px;
   margin-left: 11px;
   width: 721px;
   height: 334px;
   border: 0;
   OVERFLOW: hidden;
}

/* Footer styles */
#footer {
   background: url(images/bgpixbot.jpg) top left;
   background-repeat: x-repeat;
   clear:both;
   clear: left;
   width: 980px;
   height: 84px;
}

/* --------------------------------------------------------------------
   Inhaltsbereich
   -------------------------------------------------------------------- */
#frmcontent {
   background: none;
   position: relative;
   top: 0px;
   left: 44px;
   width: 710px;
   min-height: 420px;
   border: 0;
   OVERFLOW: hidden;
   z-index: 2;
}
#frmcontent2 {
   background: none;
   position: relative;
   margin-left: -512px;
   top: 0px;
   left: 50%;
   width: 760px;
   border: 0;
   OVERFLOW: hidden;
   z-index: 2;
}
#wasserz {
   background: url(images/wasserz.jpg) top left;
   background-repeat: no-repeat;
    position: absolute;
  padding: 0px 0px 0px 0px;
   TOP: 290px; 
   LEFT: 500px;
   width: 205px;
   height: 114px;
   border: 0px;
   OVERFLOW: none;
}

/* --------------------------------------------------------------------
   Sidebar rechts (Fragen, Ihr direkter Draht zu uns)
   -------------------------------------------------------------------- */
#frmsidebar{
   background: none;
   position: absolute;
   top: 10px;
   left: 786px;
   width: 194px;
   height: 260px;
   border: 0; 
   OVERFLOW: hidden;
}
* html #frmsidebar { /*IE6 hack*/
   top: 0px;
}

/* --------------------------------------------------------------------
   Navi
   -------------------------------------------------------------------- */
#frmnavi1 {
   background: none;
   position: absolute;
   top: 470px;
   left: 0;
   width: 980px;
   height: 40px;
   border: 0;
   OVERFLOW: hidden;
}
#frmback {
   background: url(images/back.gif) top left;
   background-repeat: no-repeat;
   position: absolute;
   top: 460px;
   left: 18px;
   width: 56px;
   height: 14px;
   border: 0;
   OVERFLOW: hidden;
   z-index: 4;
}


/* --------------------------------------------------------------------
   Bilder oben
   -------------------------------------------------------------------- */
#bild01{
   background: url(images/bild01.jpg) top left;
   background-repeat: no-repeat;
   position: absolute;
   margin-top: 0;
   top: 176px;
   left: 0;
   width: 980px;
   height: 293px;
   border: 0;
   OVERFLOW: hidden;
}
#bild02{
   background: url(images/bild01.jpg) top left;
   background-repeat: no-repeat;
   position: absolute;
   margin-top: 0;
   top: 176px;
   left: 0;
   width: 980px;
   height: 293px;
   border: 0;
   OVERFLOW: hidden;
}
#bild03{
   background: url(images/bild01.jpg) top left;
   background-repeat: no-repeat;
   position: absolute;
   margin-top: 0;
   top: 176px;
   left: 0;
   width: 980px;
   height: 293px;
   border: 0;
   OVERFLOW: hidden;
}
#bild04{
   background: url(images/bild01.jpg) top left;
   background-repeat: no-repeat;
   position: absolute;
   margin-top: 0;
   top: 176px;
   left: 0;
   width: 980px;
   height: 293px;
   border: 0;
   OVERFLOW: hidden;
}
#bild05{
   background: url(images/bild01.jpg) top left;
   background-repeat: no-repeat;
   position: absolute;
   margin-top: 0;
   top: 176px;
   left: 0;
   width: 980px;
   height: 293px;
   border: 0;
   OVERFLOW: hidden;
}

/* --------------------------------------------------------------------
   Definitionen für Übersicht Rubriken (DIA-Modul)
   -------------------------------------------------------------------- */
#dia{
   margin-top: 0px;
}
#dia a{
   font-family: arial,helvetica; 
   color: #000000; 
   font-weight: bold; 
   text-decoration: none;
}
#dia a:hover{
   color: #a30f1a; 
   font-weight: bold; 
   text-decoration: none;
}
.bildrahmen {
   width: 180px;
   height: 135px;  
   text-align: center; 
   vertical-align: middle; 
   border: 1px #c0c0c0 solid; 
}
.textrahmen {
   background: none;
   width: 180px;
   height: 20px;
   text-align: center; 
   vertical-align: middle; 
   border: 0;
   color: #333333; 
}
.emptyrahmen {
   width: 140px;
   height: 105px;  
}
/* --------------------------------------------------------------------
   Definitionen für Bildergalerie
   -------------------------------------------------------------------- */
.gal1_tb1{
   padding-left: 6px;
   margin-top: 0px;
   width: 640px;
   border: 0; 
}
.gal1_tb1 a{
   font-family: arial,helvetica; 
   color: #333333; 
   font-weight: normal; 
   text-decoration: none;
   font-family: arial;
   font-weight: normal;
   font-size: 11pt;
}
.gal1_tb1 a:hover{
   color: #333333; 
   font-weight: normal; 
   text-decoration: underline;
   font-family: arial;
   font-weight: normal;
   font-size: 11pt;
}
.gal1_bild{
   text-align: center; 
   vertical-align: middle; 
   border: 0; 
}
.gal1_td1{
   text-align: center; 
   vertical-align: top; 
   border: 0; 
}
.gal1_td2 {
   padding-left: 20px;
   width: 530px;
   text-align: left; 
   vertical-align: top; 
   border: 0; 
   color: #333333; 
   font-family: arial;
   font-weight: normal;
   font-size: 11pt;
}
.gal2_tb1{
   margin-top: 4px;
   width: 640px;
   border: 0; 
   border-spacing: 5px;
}
.gal2_title{
   padding: 2px;
   text-align: left; 
   vertical-align: middle; 
   border: 0; 
   font-family: arial;
   font-weight: bold;
   font-size: 11pt;
   color: #333333; 
   text-decoration: none;
}
.gal2_td{
   padding: 0px;
   width: 90px;
   text-align: center; 
   vertical-align: middle; 
   border: 0; 
}
.gal2_td img{
   border: 0;
}