/* Grundlegende Elemente*/
  a:link { color: rgb(255,255,255);
    font-size: medium;
    font-weight: bold;
    text-decoration: none;
    }

  a:visited { font-weight: bold;
    text-decoration: none;
    color: rgb(255,255,255);
    }

  a:hover { color: rgb(255, 102, 0);
    text-decoration: none;
    font-weight: bold;
    }

  a.lnk {
    color: rgb(70,70,255);
    font-size: small;
    font-weight: normal;
    text-decoration: none;
  }

  a.lnk:hover { color: rgb(255,102,0);
  }

  a.titlelnk {
    color: rgb(0,0,0);
  }

  a.titlelnk:hover {
    color: rgb(255,102,0);
  }

  a.photolink {
     color: rgb(200,200,200);
     font-size: smaller;
     text-decoration: none;
     position: absolute;
     right: 1em;
     bottom: 0em;
  }

  a.photolink:hover {
     color: rgb(255,255,255);
  }

  body {
    /*background-image: url('medien/bg.jpg')*/
    color: rgb(0, 0, 0);
    font-family: Arial,Helvetica,sans-serif;
    font-size: smaller;
    text-align: center;
    background-color: rgb(0, 0, 0);*/
    min-width: 1024px;
    }

   p {
    font-family: Arial,Helvetica,sans-serif;
    line-height: 100%;
    margin-bottom: 5px;
    margin-top: 0px;
    }

  h1 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: x-large;
    font-weight: normal;
    line-height: 100%;
    margin: 0em 0em 0em 0em;
    }

  h2 {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: large;
    font-style: italic;
    line-height: 100%;
    margin: 0em 0em 0em 0em;
    }

  h3 { font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: normal;
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 0px;
    }

  h4 { font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: normal;
    font-style:normal;
    margin: 0em 0em 0em 0em;
    }

  hr {
   width:200px;
   color: rgb(255,255,255);
   background-color: rgb(164,2,2);
   height:1px;
   margin-left:4em;
   text-align:left;
   }

   ul {
     margin-top: 0px;
     margin-bottom: 1em;
   }


img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}


img.logo {
  width= 100%;
  height= 100%;
  position: fixed;
  bottom: 1em;
  left: 1em;
}

/*Spezifische Elemente*/

#seitentitel {
    background-color: rgb(255,255,255); /*rgb(58,101,171); /* #22aa77*/;
    color: rgb(100,100,255);
    width:100%;
    /*min-height: 160px; /* wenn aktiviert, ist die untere Begrenzung in Firefox defekt */
    overflow:hidden; /* wenn deaktiviert, ist die untere Begrenzung in Firefox defekt */
    text-align: left;
    padding-top:1em;
    padding-bottom: 1em;
    }

#navbar {
    background-color: rgb(200,200,200);
    width:100%;
    /*min-height: 160px; /* wenn aktiviert, ist die untere Begrenzung in Firefox defekt */
    overflow:hidden; /* wenn deaktiviert, ist die untere Begrenzung in Firefox defekt */
    padding-top:3px;
    padding-bottom:3px;
    }
#mainfuncs {
    float:right;
    padding-right:3px;
    }

#navpos {
    color: rgb(255,255,255);
    float:left;
    padding-left: 3px;
    }


  #container {
    background-color: #000000; /* #ddffff;*/
    font-family: Arial,Helvetica,sans-serif;
    /*border-style: solid;
    border-width: 1px;
    /*border-color: #aaaadd;
    margin-left: 2%;
    margin-right: 2%;
    padding-bottom: 2em;
    min-height: 500px;*/
    }


  #navigationsleiste {
    position: absolute;
    top: 10px;
    left: 2em;
    right: 2em;
    min-width: 1024px;
    background-image: url("../medien/boxlila.png");
    background-repeat: repeat;
    /*background-color: #000000; /* #ddffff;*/
    /*background-color: rgb(255,255,255);*/
    /*position: fixed;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    /*line-height: 2em;*/
    /*width: 9em;*/
    padding: 10px 10px 10px 10px;
    }

  #suchfeld {
    position: relative;
    margin-top: 5px;
    float: left;
  }

  #toplinks {
    float: right;
    align: right;
    text-align: right;
  }

  #mainarea {
    min-width: 1100px;
    margin-top: 80px;
  }

  #spalte1 {
    position: relative;
    float: left;
    z-index: 1;
    /*bottom: 40%;*/
    /*left: 2%;*/
    margin-left:2em;
    width: 28%;
    min-width: 300px;
    /*height: 50%;*/
    height: auto;
    min-height: 10em;
    }


  #heise {
    /*position: absolute;*/
    float:left;
    top: 0%;
    /*bottom: 40%;*/
    left: 0%;
    width: 100%;
    /*height: 50%;*/
    height: auto;
    /*background-image: url("../medien/boxwhite.png");
    background-repeat: repeat;*/
    background-color: #ffffff; /* #ddffff;*/
    /*background-color: rgb(255,255,255);*/
    /*position: fixed;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    /*line-height: 2em;*/
    /*width: 9em;*/
    padding: 10px 10px 10px 10px;
    margin-bottom: 1em;
    }



  #zitat {
    /*position: absolute;*/
    clear: both;
    float: left;
    top: 0%;
    /*bottom: 40%;*/
    left: 0%;
    width: 100%;
    /*height: 50%;*/
    height: auto;
    /*background-image: url("../medien/boxwhite.png");
    background-repeat: repeat;*/
    background-color: #ffffff; /* #ddffff;*/
    /*background-color: rgb(255,255,255);*/
    /*position: fixed;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    /*line-height: 2em;*/
    /*width: 9em;*/
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    }

  #spalte2 {
    position: relative;
    float:left;
    z-index: 1;
    margin-left:4%;
    width: 28%;
    min-width: 300px;
    height: auto;
    min-height: 10em;
    }


  #tagesschau {
    /*position: absolute;*/
    float: left;
    top: 0%;
    /*bottom: 40%;*/
    left: 0%;
    width: 100%;
    /*height: 50%;*/
    height: auto;
    /*background-image: url("../medien/boxwhite.png");
    background-repeat: repeat;*/
    background-color: #ffffff; /* #ddffff;*/
    /*background-color: rgb(255,255,255);*/
    /*position: fixed;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    /*line-height: 2em;*/
    /*width: 9em;*/
    padding: 10px 10px 10px 10px;
    margin-bottom: 1em;
    }

   #spiegel {
    /*position: absolute;*/
    clear: both;
    float: left;
    top: 0%;
    /*bottom: 40%;*/
    left: 0%;
    width: 100%;
    /*height: 50%;*/
    height: auto;
    /*background-image: url("../medien/boxwhite.png");
    background-repeat: repeat;*/
    background-color: #ffffff; /* #ddffff;*/
    /*background-color: rgb(255,255,255);*/
    /*position: fixed;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    /*line-height: 2em;*/
    /*width: 9em;*/
    padding: 10px 10px 10px 10px;
    margin-bottom: 1em;
    }


  #spalte3 {
    position: relative;
    float:left;
    z-index: 3;
    margin-left:4%;
    width: 28%;
    min-width: 300px;
    /*height: 50%;*/
    height: auto;
    min-height: 10em;
    }

  #lesezeichen {
    /*position: absolute;*/
    float: left;
    top: 0%;
    /*bottom: 40%;*/
    left: 0%;
    width: 100%;
    /*height: 50%;*/
    height: auto;
   /* background-image: url("../medien/boxwhite.png");
    background-repeat: repeat;*/
    background-color: #ffffff; /* #ddffff;*/
    /*background-color: rgb(255,255,255);*/
    /*position: fixed;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    /*line-height: 2em;*/
    /*width: 9em;*/
    padding: 10px 10px 10px 10px;
    margin-bottom: 1em;
    }

  #wetter {
    /*position: absolute;*/
    float: left;
    top: 0%;
    /*bottom: 40%;*/
    left: 0%;
    width: 100%;
    /*height: 50%;*/
    height: auto;
    /*background-image: url("../medien/boxwhite.png");
    background-repeat: repeat; */
    background-color: #ffffff; /* #ddffff;*/
    /*background-color: rgb(255,255,255);*/
    /*position: fixed;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    /*line-height: 2em;*/
    /*width: 9em;*/
    padding: 10px 10px 10px 10px;
    margin-bottom: 1em;
    }

  #lesezeichen2 {
    position: absolute;
    z-index: 15;
    top: 0%;
    left: 0%;
    width: 100%;
    min-height: 800px;
    height: auto;
   /* background-image: url("../medien/boxwhite.png");
    background-repeat: repeat;*/
    background-color: #eeeeff; /* #ddffff;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    padding: 10px 10px 10px 10px;
    margin-bottom: 1em;
    }


  #impbox {
    position: absolute;
    top: 30%;
    bottom: 30%;
    left: 35%;
    width: 30%;
    min-width: 28em;
    height: 30%;
    min-height: 28em;
    /*background-image: url("../medien/boxwhite.png");
    background-repeat: repeat;*/
    background-color: #ffffff; /* #ddffff;*/
    /*background-color: rgb(255,255,255);*/
    /*position: fixed;*/
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    /*line-height: 2em;*/
    /*width: 9em;*/
    padding: 1em 1em 1em 1em;
    }

  #hauptteil1 {
    position: relative;
    color: rgb(255,255,255);
    text-align: center;
    margin-left: 1em;
    margin-right: 1em;
    }

  #hauptteil2 {
    color: rgb(0,0,0);
    text-align: left;
    margin-left: 1em;
    margin-right: 1em;
    }

  #hauptteil3 {
    color: rgb(0,0,0);
    text-align: left;
    line-height: 120%;
    margin-left: 1em;
    margin-right: 1em;
    }

  #uhr {
    position: fixed;
    z-index: 0;
    color: rgb(255,255,255);
    bottom:1em;
    right: 4em;
    text-align: right;

  }

  #uhr2 {
    position: relative;
    float:right;
    color: rgb(255,255,255);
    text-align: right;

  }