@charset "utf-8";
html{
   height: 100%;
   width: 100%
}
body {
   font-family:Arial, Verdana, Geneva, sans-serif;
   margin:0px;
   background-color: #A5B7E9;
   height: 100%;
   width: 100%;
}

.header {
   width: 100%;
   height: 30px;
   background-color: #000;
}
.datum {
   float: right;
   color: #ff0000;
   margin-right: 10px;
   font-size: 10px;
}
.title {
   color: #fff;
   text-align: right;
   margin-right: 10px;
   padding-top: 5px;
   left: 80%;
}
.content {
   display: inline-block !important;
   width: 100%;
}

.starter-template {
      margin-top: 0px;
}
@media (min-width: 768px) {
   .grafik .portrait{
      display: none;
   }
   .grafik .rapsfeld {
     display: block;
     margin: 0 auto; 
   }
}
.grafik {
   resize: both;
   margin-top: 50px;
}
.portrait center img {
   max-width: 100%;
   height: auto;   
}
.rapsfeld img {
   max-width: 100%;
   height: auto;
}
img.center {
   display: block;
   margin: 0 auto;
}
.ce-table td {
   text-align: left;
}

.powermail_create {
   margin-top: 5px;
}
/*------------------ Anfang Content -----------------*/
.oben {
   width: 100%;
   text-align: center;
   min-height: 100px;
   padding-top: 10px;
   padding-bottom: 10px;
}

.links {
   display: table-cell;
   margin-top: 10px;
   float:left;
   padding-top: 5px;
   width:24%;
   min-height: 618px;
   margin-right: 10px;
}

article {
   display: table-cell;
   width: 50%;
   padding-left: 5px;
   padding-right: 5px;
   border-radius: 0 0 5px 5px;
   min-height: 400px;
}

.wide {
   padding: 5px;
   position:relative;
   border-radius:10px;
   min-height: 400px;
}

.schmal {
   display: table-cell;
   width: 45%;
   padding-left: 5px;
}

.rechts {
   display: table-cell;
   margin-top: 10px;
   float:left;
   background-color:#4091A4;
   padding-left: 0px;
   width: 20%;
   min-height: 618px;
   margin-bottom: 10px;
   padding-top: 5px;
}

.unten {
   width: 100%;
   min-height: 100px;
   text-align: center;
   padding-top: 10px;
   margin-top: -4px;
   padding-bottom: 10px;
}
/*------------------ Ende Content -----------------*/

/*------------------ powermail Einstellungen Anfang ------------------*/
.powermail_fieldset_1 {
   padding-bottom: 60px;
}
#powermail_field_anrede {
   width: 250px;
}
#powermail_field_firstname {
   width: 300px;
}
#powermail_field_lastname {
   width: 300px;
}
#powermail_field_email {
   width: 300px;
}
#powermail_field_nachricht {
   width: 400px;
}
.powermail_submit {
   float: left;
   height: 35px;
   width: 100px;
   border-color: #F0F0F0;
   border-radius: 5px;
   margin-right: 5px;
}
.powermail_submit .hover {
   background-color: #006400;
}
/*------------------ powermail Einstellungen Ende ------------------*/

.footer-container {
   position: fixed;
   bottom: 0px;
   text-align: center;
   display: inline-block !important;
   width: 100%;
   margin: 0;
   height: 40px;
   background-color: #006400;
}

footer .wrapper {
   height: 50px;
   background-color: #006400;
}

footer .cur {
   color: #ffffff
}

.copyright {
   display: inline-block;
   vertical-align: top;
   text-align: center;
   color: #fff;
   background-color: #006400;
   padding-top: 9px;
   margin: 0;
   width: 100%;
   height: 40px;
}
.navbar-fixed-bottom {
 /*  background-color: #006400; */
 background-color: #A5B7E9;
}

.extlinks {
  /* text-align: center; */
}
.extlinks a {
  /* background-color: #006400; */
}

a {
   color: #006400;
   text-decoration: none;
}
/* um den Text richtig zu platzieren */
.align-left { text-align: left }
.align-right { text-align: right }
.align-center { text-align: center }
.align-justify { text-align: justify }

@media (max-width: 768px) {
   .contentlinks {
      display: none;
   }
   .grafik .portrait {
      display: block;
      margin: 0 auto;
      padding-top: 5px;
   }
   .grafik .rapsfeld {
      
   }
}