/* Universialselektor */
* {
    margin: 0;
    padding: 0;
}

body {

    text-align: center;
    background-image: url(bilder/ZingstMeer.jpg);
    background-repeat:No-Repeat;
    background-attachment: fixed;
    background-size: cover;
    font-family: Arial, sans-serif;
}


/* Für alte Browser verfügbar machen */
header, nav, footer, aside, section {
    display: block;
}

#rahmen {
/*background-color: #FFDF00;*/

   /* border: 2px solid red; */
    margin: 0 auto;
    width: 1200px;
    text-align: left;
    background-image: url(bilder/RahmenHintergrund2.png);
}
/*----------------------------------------------------------------------*/
/*--------------------------H E A D E R #FFDF00  ---------------------------*/
/*----------------------------------------------------------------------*/
header {
    height: 155px;

    margin: 0 auto;
    color: black;
    background-image: url(bilder/Ruegenherz.gif);
    background-size: 95 % auto;
    background-repeat:No-Repeat;
    background-color: orange ;

}

header p {
    /* background-color: orange; */
    text-align: right;
    padding-right: 15px;
}

header a {
    color: white;
 background-color: orange ;
}

#logotext {
    padding-top: 20px;
    font-size: 20pt;
    color: orange;
}
/*----------------------------------------------------------------------*/
/*--------------------------S T E U E R U N G NAV ----------------------*/
/* die brauchen eine ID #MeineID                                       -*/
/*----------------------------------------------------------------------*/
#steuerungsbalken {
    /* background-color: red; */
   /* background-image: url(bilder/OrangeBalken.png); */
    height: 24px;
    background-color: orange ;


}
#steuerungsbalken ul {
    list-style-type: none;
}
 /* Auswahl nebeneinander */
#steuerungsbalken li {
   display: inline;
}
#steuerungsbalken a {
    display: block;
    width: 180px;
    background-color: orange;
    float: left;
    /* border-right: 1px solid red; */
    text-align: center;
    line-height: 24px;
    color: black;
    text-decoration: none;
}

#steuerungsbalken a:hover {
    color: white;
    background-color: #F65B16 ;
}
#steuerungsbalken .textwhite  {
  color:white;
}
/*----------------------------------------------------------------------*/
#steuerunglinks {
    /* background-color: green; */
    width: 230px;
    float: left;
}

#steuerunglinks ul {
    padding-left: 3em;
    padding-top: 20px;
    list-style-type: square;

    /* list-style-type: none;  */
}

#steuerunglinks ul ul {
      padding-left: 1em;
     list-style-image: url(bilder/Herz.GIF);
}

#steuerunglinks li {
    padding-bottom: 0.5em;
}

 /* Linkfarben */
#steuerunglinks a {
    color: #009F00;
    font-size: 120%
    text-decoration: none;
                  }

#steuerunglinks p {
       text-indent: 1em;
       padding-top: 20px;
 }

#steuerunglinks .textorange  {
  color:orange;
}
/*----------------------------------------------------------------------*/
/*----------------------------A S I D E---------------------------------*/
/*----------------------------------------------------------------------*/
aside {
    /* background-color: #808000; */
    width: 175px;
    float: right;
}

aside p {
    margin-top: 20px;
    margin-left: 10px;
}

aside img {
    /* margin-left: 10px; */
    border:1px solid orange;
}
/*----------------------------------------------------------------------*/
/*----------------------------S E C T I O N-----------------------------*/
/*----------------------------------------------------------------------*/
section {
    /* background-color: orange; */
    margin-left: 250px;

    margin-right: 0px;
}

section h1 {
    color: orange;
    padding-top: 20px;
    padding-bottom: 0.4em;

}

section h2 {
    color: orange;
    padding-top: 1em;
    padding-bottom: 0.6em;
    font-size: 14pt;
}

section p {
    padding-bottom: 1em;
}

section ul, section ol  {
    padding-left: 3em;
}

section li {
    padding-bottom: 0.5em;
}
/*----------------------------------------------------------------------*/
/*----------------------------F O O T E R---------------------------------*/
/*----------------------------------------------------------------------*/
footer {
     background-color: orange;
   /* background-image: url(bilder/grau-50.png); */
    color: black;
    text-align: center;
    clear: both;
}