@import url("all.css");

*{margin: 0;
padding: 0;}

body {
  color: #000;
  background: #DAE2E8;
  background-image:url(images/hintstreifen.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  font-family: arial, sans-serif;
  font-size: 100.01%;
 /* letter-spacing: 0.05em;*/
  padding: 0px 0;
  margin: 0;
  text-align: center;   /* Zentrierung fuer alte IEs */
}

a { text-decoration: underline;}

a:link    { color: #df6401;}
a:visited { color: #df6401;}
a:focus, a:hover, a:active { color: #df6401;}



/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}



/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#rahmen {
  
  width: 974px;            /* der Breite des Hintergrundbilds entsprechend */
  border: 1px solid #FFF;
  margin: 20px auto;          /* Zentrierung fuer moderne Browser */
  text-align: left;        /* text-align:center (body) "neutralisieren" */
}

* html #rahmen {   /* Box Model Hack - notwendig wegen border-Angabe */
  width: 974px;    /* fuer IE 5 und 5.5 */
  wid\th: 974px;   /* fuer IE 6 */
}

#header1 {
  background: #FFF url(images/wolkenheader.jpg);
   width: 974px;
  height: 169px;
  padding: 0px 0 0px 0px;
}
#logo{
float:left;
  padding: 0px 0 0px 0px;
}




#header2 {
  width: 974px;
  background: #FFF  url(images/header2.jpg);
  background-repeat:no-repeat;
  background-position:right;
  height: 44px;
  padding: 0;
}

#main {
  background: #fff url(images/bg_main.gif) repeat-y;
  width: 974px;

     min-height: 490px;  
  height: auto !important;
  height: 490px; 
  font-size: 90%; 
  border: 0px solid #000;


}

/* Rote Menueleiste
/* * * * * * * * * * * * * * * * * * * * * * * * * * */



/* Spalte 1
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte1 {
  float: left;
  width: 197px;    /* Breite ohne senkrechte weisse Linie */
  padding: 28px 0;
}




/* Spalte 2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte2 {
  float:left;
  width: 700px;                  /* Breite ohne senkrechte Linien */
  background: #fff;
    font-size: 90%;
  padding: 38px 20px 10px 25px;
  border-right: 1px solid #FFF;  /* Senkrechte Linie rechts */
  border-left: 1px solid #FFF;   /* Senkrechte Linie links */
}

* html #spalte2 {  /* Box Model Hack - notwendig wegen border-Angabe */
  width: 700px;    /* Fuer IE 5 und 5.5 */
  wid\th: 700px;   /* Fuer IE 6 */
}

#spalte2 h1 {
display:block;
  /*color: #00AED7;*/
  background-color: #00aed7;
  color: #fff;
  font-size: 120%;
  line-height: 140%;
  margin: 1em 0px 1em 0px;
  padding-left: 5px;
}

#spalte2 h2, h3, h4 {
  color: #00AED7;
  font-size: 120%;
  line-height: 140%;
  margin: 1em 20px 1em 0px;
}



#spalte2 p {

  line-height: 150%;
  margin-top: 15px;

}

#spalte2 a:link {
  color: #df6401;
  font-weight: normal;
  text-decoration: none;
}
 #spalte2 a:visited {
  color: #df6401;
  font-weight: normal;
  text-decoration: none;
}


#spalte2 a:focus, #spalte2 a:hover, #spalte2 a:active {
  color: #df6401;
  font-weight: bold;
  text-decoration: underline;
}


#spalte2 ul {

margin: 10px 0px 0px 0px;
padding: 0;

}


#spalte2 ul li{

margin-left: 35px;
margin-bottom: 8px;
padding-left: 5px;
}



.nachoben { text-align: right; }

.left{float:left; margin-right: 8px;}


/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#spalte3 {
  float:right;
  width: 200px;  /* Breite ohne senkrechte weisse Linie */
  background: #fff;
  padding: 28px 5px 0px 0;
}

#spalte3 h1 {
  color: #2A5165;
  font-size: 80%;
  line-height: 160%;
  margin: 0 0px;
}

#spalte3 p {
  font-size: 70%;
  line-height: 150%;
  margin: 0px;
}