body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  width: 98%;
}

.headline {  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: 333333; 
  font-weight: bold; 
  background-color: #33CC33;
}

.headline2 {  
  font-family: Arial, Helvetica, sans-serif;   
  font-size: 12px; 
  font-weight: bold; 
  color: #000000
}

.mainrahmen { border: 1px solid #33CC33; }

img { border: 0px; }

h2 {
  color: black;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: #33CC33;
}

h3 {
  color: black;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

td {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

a {
  font-family: Verdana, Arial, sans-serif;
  text-decoration: underline;
  color: #000000;
}

hr {
  color: #009900;
  background-color: #009900;
  height: 2px;
}

#active_menu { font-weight: bold; }

#menue {
  position: absolute;
  top: 207px;
  width: 212px;
  height: 795px;
  padding-top: 1px;
  background-repeat: repeat-x;
}

#hauptinhalt {
  position: absolute;
  left: 222px;
  top: 105px; 
  width: 780px;
  border: 1px solid #33CC33;
}

#inhaltstartseite {
  width: 776px;
  margin-bottom: 1px;
  margin-left: 2px;
}

#startseitelinks {
  float: left;
  width: 570px;
  margin-left: 2px;
  margin-top: 10px;
}

#startseiterechts {
  float: right;
  margin-top: 10px 2px 0px 0px;
}

#editor {
  position: absolute;
  top: 100px;
  left: 250px;
}

.boxlinks {
  float: left;
  width: 280px;
}

.boxrechts {
  float: right;
  width: 280px;
}

#box1 {
  border: 1px solid #33CC33;
  background-image: url(http://images.raiffeisen.com/Raicom/Images/Geno/weko-soest/bg_gruen.gif);
  background-repeat: repeat-x;
  width: 560px;
  float: left;
  position: top;
  margin-bottom: 10px;
}

#box1 img { padding: 5px; }

.topmeldungimg { margin: 3px; }

#box2 {
  border: 1px solid #33CC33;
  background-image: url(http://images.raiffeisen.com/Raicom/Images/Geno/weko-soest/bg_gruen.gif);
  background-repeat: repeat-x;
  width: 560px;
  float: left;
  position: top;
  margin-bottom: 10px;
}

#box3 {
  float: left;
  width: 280px;
  height: 260px;
  border-left: 1px solid #33CC33;
  background-image: url(http://images.raiffeisen.com/Raicom/Images/Geno/weko-soest/bg_gruen.gif);
  background-repeat: repeat-x;
  margin-bottom: 10px;
  border-bottom: 1px solid #33CC33;
}

#box4 {
  float: left;
  width: 280px;
  height: 260px;
  border-right: 1px solid #33CC33;
  background-image: url(http://images.raiffeisen.com/Raicom/Images/Geno/weko-soest/bg_gruen.gif);
  background-repeat: repeat-x;
  margin-bottom: 10px;
  border-bottom: 1px solid #33CC33;
}

#box5 {
  border: 1px solid #33CC33;
  background-image: url(http://images.raiffeisen.com/Raicom/Images/Geno/weko-soest/bg_gruen.gif);
  background-repeat: repeat-x;
  width: 560px;
  float: left;
}

#box6 {
  height: 270px;
  width: 195px;
  background-image: url(http://images.raiffeisen.com/Raicom/Images/Geno/weko-soest/bg_gruen.gif);
  background-repeat: repeat-x;
  border: 1px solid #33CC33;
}

#box7 {
  width: 195px;
  margin-top: 10px;
  background-image: url(http://images.raiffeisen.com/Raicom/Images/Geno/weko-soest/bg_gruen.gif);
  background-repeat: repeat-x;
  border: 1px solid #33CC33;
}

#box8 {
  width: 195px;
  margin-top: 10px;
  background-image: url(http://images.raiffeisen.com/Raicom/Images/Geno/weko-soest/bg_gruen.gif);
  background-repeat: repeat-x;
  border: 1px solid #33CC33;
}

#box9 {
  width: 195px;
  margin-top: 10px;
  background-image: url(http://images.raiffeisen.com/Raicom/Images/Geno/weko-soest/bg_gruen.gif);
  background-repeat: repeat-x;
  border: 1px solid #33CC33;
}

.mainmenu_a {
  text-decoration: none;
  width: 180px;
  color: #333333;
}

#kontaktsubmit { border: 1px solid black; }

.mainmenu_ul {
  margin-left: 0px;  
  padding-left: 5px;
  list-style-type: none;
  width: 195px;
  background-color: #CCCCCC;
  border-bottom: 1px solid #666666;
}

.mainmenu_li {
  margin-left: 0px;   
  text-decoration: none;
  border-top: 1px solid #666666;
  width: 190px;
  color: #333333;
}

.submenu_li {
  margin-left: 0px;   
  text-decoration: none;
  width: 160px;
  color: #333333;
}

.submenu_ul { list-style-type: none; }

.submenu_a { font-family: Verdana, Arial, sans-serif; }

#head1 {
  position: absolute;
  height: 214px;
  width: 122px;
  z-index: 1;
  left: 100px;
  background-repeat: repeat-x;
}

#head2 {
  position: absolute;
  height: 335px;
  width: 55px;
  z-index: 1;
  left: 167px;
  top: 214px;
  background-repeat: repeat-x;
}

#head3 {
  position: absolute;
  height: 226px;
  width: 118px;
  z-index: 1;
  left: 99px;
  top: 549px;
  background-repeat: repeat-x;
}

#haus {
  position: absolute;
  height: 106px;
  width: 119px;
  background-repeat: repeat-y;
  left: 10px;
  top: 35px;
}

#titel {
  position: absolute;
  height: 47px;
  width: 146px;
  left: 220px;
  top: 35px;
  background-repeat: repeat-y;
}

#head a { color: #000000; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#head a:visited { color: #000000; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#head a:active { color: #000000; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#head a:hover { color: #000000; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

#menue a { color: #000000; font-weight: bold; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#menue a:visited { color: #000000; font-weight: bold; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#menue a:active { color: #000000; font-weight: bold; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#menue a:hover { color: #000000; font-weight: bold; text-decoration: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#fuss { clear: both; text-align: center; }

#raicom_logo { padding: 5px; }

.boxlinks { float: left; }
.boxrechts { float: left; }

#fuss {  
  float: left;
  width: 445px;
}

#vorhersage { margin-top:10px; }

#iframeinhalt {
  position: absolute;
  left: 222px;
  top: 105px; 
  width: 780px;
  height:600px;
  border: 1px solid #33CC33;
}

#genoiframe {
  width: 100%;
  height: 100%;
}

#wetterzustand {
  width: 640px!important;
}

#wetterdaten img { float: right; }

#wetterdaten p { margin: 2px 0px 2px 0px; }

#vorhersage { 
  padding-top: 15px; 
  margin-top: 15px; 
}

.boxlinks h2 { background-color: #ffffff; }

.boxrechts h2 { background-color: #ffffff; }