header,
section,
footer,
aside,
nav,
main,
article,
figure                      { display: block; margin: 0; }


@font-face {
   font-family: 'Chopin Script';
   src: url('../fonts/ChopinScript.woff') format('woff');
   /*src: local('Chopin Script'), url('ChopinScript.woff') format('woff');*/
   font-weight: normal; font-style: normal;
}


body                        { padding: 0px; margin: 0px; background-color: #3C5996; font-family: 'Times New Roman', Times, serif; font-weight: normal; font-style: italic; color: #eaeaea; }
h1                          { font: 70px 'Chopin Script'; font-weight: normal; font-style: normal; padding: 0; margin: 0 0 35px 0; }
a                           { text-decoration:none; color: #fff; }
a:hover                     { color:#5e6187;-webkit-transition-duration:0.3s;-webkit-transition-timing:ease-out;-o-transition-duration:0.3s;-o-transition-timing:ease-out;-moz-transition-duration:0.3s;-moz-transition-timing:ease-out;-ms-transition-duration:0.3s;-ms-transition-timing:ease-out;transition-duration:0.3s;transition-timing:ease-out; }

p a:hover                   { color: #fff; }
p a:active                  { text-decoration: none; }

#black-layer                { position: absolute; width: 100%; height: 479px; background: black; opacity: 0.5; top: 248px; left: 0; }

#container                  { width: 960px; height: 1060px; text-align: left; margin: auto; background-color: #2C447B; }

#cont-header                { padding-left: 50px; padding-top: 50px; padding-right: 50px; margin-bottom: 33px; }
.logo-links                 { float: left; }
.header-rechts              { float: right; }
.header-platzhalter         { margin-left: 20px; }

#cont-inhalt                { width: 960px; height: 800px; }
#inhalt                     { width: 960px; height: 478px; }
#inhalt-links               { float: left; width: 120px; height: 310px; padding-left: 30px; padding-top: 200px; }
#inhalt-mitte               { width: 610px; height: 420px; font-size: 22px; position: absolute; top: 285px; left: 50%; margin-left: -305px; }
#inhalt-rechts              { float: right; width: 120px; height: 310px; padding-right: 30px; padding-top: 200px; text-align: right; }

.inhalt-pfeil               { font: 70px 'Vollkorn'; font-weight: normal; font-style: normal; color: #fff; }
.inhalt-pfeil:hover         { color:#202547;-webkit-transition-duration:0.3s;-webkit-transition-timing:ease-out;-o-transition-duration:0.3s;-o-transition-timing:ease-out;-moz-transition-duration:0.3s;-moz-transition-timing:ease-out;-ms-transition-duration:0.3s;-ms-transition-timing:ease-out;transition-duration:0.3s;transition-timing:ease-out; }

#index                      { width: 145px; height: 35px; margin: auto; padding-top: 40px; padding-left: 18px; }
.kreis-puffer               { width: 17px; height: 15px; margin: 0; padding: 0; }
.kreis-img                  { width: 15px; height: 15px; }

#footer-text                { padding: 30px 50px 0 50px; text-align: center; font-size: 20px; }

#shop                      { width: 176px; height: 110px; float: right; margin: 55px -173px 0 0; }

/*.lb-img                     { float: left; width: 100px; height: 67px; background-color: #9fa3ae; padding: 5px; }*/
/*.lb-img                     { float: left; width: 100px; height: 67px; background-color: #374566; padding: 5px; }*/
/*.lb-img                     { float: left; width: 100px; height: 67px; background-color: #0d1322; padding: 5px; }*/
.lb-img                     { float: left; width: 100px; height: 67px; padding: 5px; }

.margin-right               { margin-right: 10px; }
.float-left                 { float: left; }
.puffer                     { width: 960px; height: 160px; }
.cleaner                    { clear: both; }