@font-face {
  font-family: 'Georama-Regular';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Georama-Regular.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/Georama-Regular.ttf') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Georama-Regular.ttf') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Georama-Regular.ttf') format('woff'), /* Modern Browsers */
       url('./fonts/Georama-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Georama-Medium';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/Georama-Medium.ttf'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/Georama-Medium.ttf') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Georama-Medium.ttf') format('woff2'), /* Super Modern Browsers */
       url('./fonts/Georama-Medium.ttf') format('woff'), /* Modern Browsers */
       url('./fonts/Georama-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
}

* {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    background-image: url(images/background.png);
    background-attachment: fixed; 
    font-family: Georama-Medium, sans-serif;
    color: #02454B;
}

a { 
   color: #02454B; 
} 

.header, .left, .middle, .right, .footer, .section {
    display: block;
}

.wrapper {
    background-color: #eeeeee;
    width: 1000px;
    margin: 0 auto;
    text-align: left; 
    background-image: url(images/background.png);   
}


.header {
    background-image: url(images/header_1000.jpg); 
    background-repeat: no-repeat;
    background-attachment: local;
    background-position: center 10px;    
    height: 680px;
}

.steuerungoben {
    background-color: blue;
}

.left {
    margin-left: 0px;
    width: 278px; 
    float: left;
}

.middle {
    /*background-color: orange;*/
    margin-left: 14px;
    width: 542px;       
    float: left;
}

.right {
    width: 151px;
    float: right;
}

/*
.left img {
    display: block;
    text-align: center;
}

.middle img {
    display: block;
    text-align: center;
}

.right img {
    display: block;
    text-align: center;
}
*/

.section {
    background-color: orange;
    margin-left: 250px;
    margin-right: 195px;
}

.footer {
    background-color: brown;
}

.paragraph_left {
    margin-top: 20px;
    padding: 10px;
    background-color: #FEE8C7; 
    text-align: center;
}

.paragraph_middle {
    margin-top: 20px;
    padding: 10px;
    background-color: #FEE8C7; 
    text-align: center;
}

.paragraph_middle_impressum {
    margin-top: 20px;
    padding: 10px;
    background-color: #FEE8C7; 
    text-align: left;
    font-size: 16px;
}

.paragraph_right {
    margin-top: 20px;
    padding: 10px;
    background-color: #FEE8C7; 
    text-align: center;
}

.paragraph_middle img, .paragraph_left img, .paragraph_right img {
    align: center;
    margin: 10px;    
}    

.font_size1 {
    font-size: 32px;
    margin: 20px;    
} 

.font_size2 {
    font-size: 20px;    
    margin: 10px;    
}