.box{
   background-image: url("images/bground.jpg");
   background-repeat: repeat;
   font-family: Segoe UI, Arial, Calibri, Tahoma, Helvetica;
   width: 98%;
   line-height: 1em;
   padding: 0;
}

.img {
   border: none;
}

.kachel1 {
   font: bold 18px Segoe UI, Arial, Calibri, Tahoma, Helvetica;
   color: #FAFC08;
   position: relative;
   background-color: #F44605;
   opacity: 0.89999997615814208984375;
   margin: 10px;
   line-height: 265px;
}

.backforce {
   font: bold 10px Segoe UI, Arial, Calibri, Tahoma, Helvetica;
   font-weight: 500;
   color: #000066;
   position: fixed;
   bottom: 4px;
   right: 10px;
   width: 99%;
   line-height: 12px;
   text-align: right;
}

.widget ul.menu, .widget .post-body ul.menu {
   padding: 0;
   margin: 0;
   list-style: none;
   line-height: 0;
}

.post-body .menu {
   font-size: 1em;
}

.menu::after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.menu {
   width: 810px;
   height: 325px;
   padding: 20px !important;
   list-style: none;
   background: #eeeeee;
   position: absolute;
   left: 49%;
   top: 49%;
   margin-left: -420px;
   margin-top: -180px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
   border-radius: 5px;
}

.menu .cover {
   z-index: 2;
}

.menu .cover:focus {
   outline: 0;
}

.menu li {
   position: relative;
   float: left;
   vertical-align: bottom;
   margin: 10px -3px 0 10px;
   cursor: pointer;
   height: 150px;
   max-height: 150px;
   width: 150px;
   color: #FAFC08;
}

#one {
   width: 300px;
}

#logo {
   height: 150px;
   width: 306px;
}

#four {
   width: 300px;
}

.menu li:hover,
.menu li:focus {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.2)), to(rgba(255,255,255,0)));
   background-image: -webkit-linear-gradient(to bottom, rgba(255,255,255,.2), rgba(255,255,255,0));
   background-image: -moz-linear-gradient(to bottom, rgba(255,255,255,.2), rgba(255,255,255,0));
   /*/background-image: -ms-linear-gradient(to bottom, rgba(255,255,255,.2), rgba(255,255,255,0));*/
   background-image: -o-linear-gradient(to bottom, rgba(255,255,255,.2), rgba(255,255,255,0));
   background-image: linear-gradient(to bottom, rgba(255,255,255,.2), rgba(255,255,255,0));
}

.menu #one,
.menu #one .content,
.menu #one .close {
   padding-right: 10px;
   width: 300px;
   background-color: #F44605
}

.menu #two,
.menu #two .content,
.menu #two .close {
   padding-right: 10px;
   width: 150px;
   background-color: #F44605
}

.menu #logo,
.menu #logo .content,
.menu #logo .close {
   padding-left: 5px;
   background-color: #dddddd
}

.menu #three,
.menu #three .content,
.menu #three .close {
   padding-right: 10px;
   width: 145px;
   background-color: #F44605
}

.menu #four,
.menu #four .content,
.menu #four .close {
   padding-right: 10px;
   width: 305px;
   background-color: #F44605
}

.menu #five,
.menu #five .content,
.menu #five .close {
   padding-right: 10px;
   width: 145px;
   background-color: #F44605
}

.menu #six,
.menu #six .content,
.menu #six .close {
   width: 150px;
   background-color: #F44605
}

.menu .content {
   z-index: 1;
   position: absolute;
   opacity: 0;
   overflow: hidden;
   font: 18px Arial, Tahoma, Calibri, Helvetica;
   text-align: left;
   margin-left: 10px;
   vertical-align: bottom;
   height: 150px;
   width: 295px;
}

.content.titel {
   font: bold 0.42cm Arial, Calibri, Tahoma, Helvetica;
   color: #FAFC08;
   position: relative;
   line-height: 21px;
   text-align: left;
   margin-top: 0;
   padding-left: 10px;
   opacity: 0.89999997615814208984375;
}

.menu .expanded {
   opacity: 0.949999988079071044921875;
   display: block;
   overflow: visible;
   padding: 40px;
   height: 440px;
   width: 750px;
}

.menu #one .expanded, .menu #two .expanded, .menu #logo .expanded, .menu #three .expanded, .menu #four .expanded, .menu #five .expanded, .menu #six .expanded, .menu .title {
   font: bold 0.42cm Segoe UI, Arial, Calibri, Tahoma, Helvetica;
   color: #FAFC08;
   position: relative;
   line-height: 22px;
   text-align: left;
   margin-top: 0;
   margin-left: 10px;
   bottom: 30px;
   opacity: 0.89999997615814208984375;
}

.menu li:hover .title {
   opacity: 0.5;
}

.menu .close {
   display: none;
   border: #fff solid 5px;
   color: #fff;
   cursor: pointer;
   height: 40px;
   width: 40px;
   font: bold 20px/40px Segoe UI, Arial, Calibri, Tahoma, Helvetica;
   position: absolute;
   text-align: left;
   top: -20px;
   right: -20px;
   border-radius: 40px;
}

.menu .cover .close {
   display: block;
}

.kopf {
   width: 50%;
   padding: 15px !important;
   list-style: none;
   background: #eeeeee;
   position: absolute;
   left: 49%;
   top: 40%;
   margin-left: -367px;
   margin-top: -177px;
}

.kopf .cover {
   z-index: 1;
}

.kopf .cover:focus {
   outline: 0;
}

.kopf li {
   position: relative;
   float: left;
   vertical-align: bottom;
   margin: 10px -3px 0 10px;
   cursor: pointer;
   height: 150px;
   max-height: 150px;
   width: 150px;
   color: #FAFC08;
}

.ol1 li {
   font-family: Segoe UI, Arial, Calibri, Tahoma, Helvetica;
   font-size: 14px;
   padding: 6px;
   font-weight: 200;
   background-color: #dfdfdf;
   color: #000000;
   width: 100%;
   margin-left: -100px;
}

.kopf .expanded {
   display: block;
   overflow: visible;
   padding: 40px;
   height: 440px;
   width: 750px;
}

.liSpalte3 {
   position: relative;
   float: left;
   vertical-align: bottom;
   margin: 10px -3px 0 10px;
   cursor: pointer;
   height: 150px;
   max-height: 150px;
   width: 150px;
   color: #FAFC08;
}

.pLinks {
   font: normal normal 12px Segoe UI, Arial, Calibri, Tahoma, Helvetica;
   min-width: 150px;
   color: #000066;
}

.table3colgray {
   width: 40%;
   height: 15%;
}

.inbox {
   margin-right: 2%;
   margin-top: -2%;
   margin-left: 10%;
   margin-bottom: 1%;
   background: #dddddd;
   text-align: justify;
}

.meine_box {
   border-radius: 3px;
   box-shadow: 5px 5px 10px #000066;
}

.system {
   font-family: Segoe UI, Arial, Calibri, Tahoma, Helvetica;
   font-size: 12pt;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   color: #000066;
}

.system li {
   position: relative;
   background: #cccccc;
   list-style-position: outside;
   color: #000066;
   width: 100%;
   list-style-type: square;
}

.system2 {
   font-family: Segoe UI, Arial, Calibri, Tahoma, Helvetica;
   font-size: 8pt;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   color: #000066;
}

.oben_unten {
   color: #000066;
}

.caption {
   color: #FFFFFF;
   background: #000066;
}

.txtBlueBack {
   font-family: Segoe UI, Arial, Calibri, Tahoma, Helvetica;
   width: 100%;
   height: 39px;
   padding: 2px;
   max-width: 80em;
   font-size: 12px;
   line-height: 16px;
   color: #ffffff;
   background: #aaaaaa;
}

.putBlueBack {
   position: relative;
   vertical-align: bottom;
   width: 100%;
   margin-top: 18px;
   color: #FFFFFF;
   background: #aaaaaa;
}

.areaBlueBack {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   vertical-align: bottom;
   width: 97%;
   height: 80px;
   resize: none;
}

a:link {
   color: #1A9FA4;
   text-decoration: none;
}

a:visited {
   color: #16888B;
   text-decoration: none;
}

a:hover {
   color: #000000;
   text-decoration: none;
}

.mail_row {
   float: left;
   border: green solid 0;
}

.mail_list {
   color: yellow;
   background: black;
   text-align: center;
   font-weight: bold;
   margin: 0;
   text-transform: none;
}

.mail_combo_left, .mail_combo_right {
   font-weight: normal;
   line-height: 1%;
}

.mail_combo_right {
   margin-left: 10%;
}

.mail_left {
   background: #CCCCCC;
   text-align: left;
   float: left;
   white-space: nowrap;
   margin-left: 1%;
   border: white solid 2px;
}

.mail_center {
   text-align: center;
   font-weight: normal;
   border: red solid 1px;
}

.mail_right {
   text-align: left;
   width: 33%;
   float: right;
   color: #000000;
   margin-right: 1%;
   border: black solid 0;
}

.mail_lh {
   line-height: 1%;
   font-weight: normal;
}

.mail_ml {
   margin-left: 20%;
   font-weight: normal;
}

.mail_reset {
   color: #789;
   text-align: center;
}

.mail_a {
   text-align: left;
   color: #456;
}

.mail_.s {
   min-width: 10px;
}