* {
    margin: 0;
    padding: 0;
}
header, nav, footer, aside, section {
    display: block;
}
header {
/*    background-color: yellow; */
    background-image: url(images/head1.png);
    height: 220px;
    width: 900px;
    margin: 0 auto;
}
header p {
/*    background-color: orange; */
    text-align: right;
    padding-right: 15px;
}
header a {
    color: black;
}
#logotext {
    padding-top: 100px;
    font-size: 20pt;
    color: black;
}
#steuerungoben {
 /*   background-color: red; */
    background-image: url(images/grau-50.png);
    height: 24px;
}
#steuerungoben ul {
    list-style-type: none;
/*    background-image: url(images/grau-50.png);
    height: 1em; */
}
#steuerungoben li {
    display: inline;
}
#steuerungoben a {
    display: block;
    width: 120px;
/*    background-color: yellow; */
    float: left;
/*    border-right: 1px solid red; */
    text-align: center;
    line-height: 24px;
    color: white;
    text-decoration: none;
}
#steuerungoben a:hover {
    background-image: url(images/grau-50.png);
}
#steuerunglinks {
    /*background-color: green; */
    width: 200px;
    float: left;
    padding-left: 1em;
}
#steuerunglinks ul {
    padding-left: 2em;
    padding-top: 20px;
    list-style-type: none;
}
#steuerunglinks li {
    padding-bottom: 0.5em;
}
aside {
    /*background-color: #808000; */
    width: 175px;
    float: right;
}
aside img {
/*   margin-left: 10px; */
    border: 1px solid silver;
}
aside p {
    margin-top: 20px;
    margin-left: 10px;
}
section {
    /*background-color: orange; */
    margin-left: 220px;
    margin-right: 195px;
}
section h1 {
    padding-top: 20px;
    padding-bottom: 0.4em;
    color: #dd9661;
}
section p {
    padding-bottom: 1em;
}
section h2 {
    color: #dd9661;
    font-size: 15pt;
    padding-top: 1em;
    padding-bottom: 0.6em;
}
footer {
    /* background-color: brown; */
    background-image: url(bilder/grau-50.png);
    color: darkgrey;
    text-align: center;
    clear: both;
}
body {
    text-align: left;
    background-color: #eeeeee; 
   /* background-image: url(images/background1.jpg);
    background-attachment: fixed; */
	width: 100%;
	height: 100%;
    font-family: Arial, sans-serif;
}
#graph img {
  height: 275px;
  width: 550px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
#graph img:hover {
  width: 800px;
  height: 300px;
}
#pic img {
  height: 150px;
  width: 450px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
#pic img:hover {
  width: 1000px;
  height: 375px;
}

#wrapper {
    background-color: #eeeeee; 
    width: 1600px;
    /*border: 2px solid red; */
    margin: 0 auto;
    text-align: left;
  /*  background-image: url(images/durchsichtig8.png); */
}
#liste_im_text {
  /*  background-color: green; */
    width: 220px;
    float: left;
    padding-left: 1em;
}
#liste_im_text ul {
  /*  background-color: green; */
    padding-left: 3em;
    padding-top: 20px;
    list-style-type: circle;
}
#liste_im_text li {
    padding-bottom: 0.5em;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}