@charset "utf-8";
html { min-height:100%; width:100%; margin:0px; padding:0px; background-color:#fff; }
body { min-height:100%; width:100%; margin:0px; padding:0px; text-align:center; }


/* Allgemein */
body, div, p { text-align:left; font-family: 'Arial', sans-serif; font-size:14px; line-height:1.3em; color:#000000; font-weight:400; }
h1, h2 { font-family: 'Arial', sans-serif; margin:0px; margin-bottom:20px; font-size:16px; line-height:1.3em; font-weight:700; }
h2 { font-size:14px; }
b { font-weight:700; }
p { margin:0px; padding:0px; margin-bottom:20px; }
.clear { clear:both; }

.m_left30 { margin-left:20px; }
.m_top30{ margin-top:20px; }
.center, .center p, .center h1, .center h2 { text-align:center; }

.blue{ color:#3a60ad; }
.green{ color:#3d974c; }

/* Header */
div#header { position:relative; width:1000px; height:330px; margin-left:auto; margin-right:auto; background:url(../layout/header.jpg) center center no-repeat; background-size: cover !important; }
div#header h0 { position:absolute; top:0px; display:block; width:100%; text-align:center; font-size:30px; line-height:40px; font-weight:700; color:#ffffff; padding-top:100px; text-shadow: 0 0 5px black; }
div#header h0 a, div#header h0 a:hover { color:#fff; text-decoration:none; }
div#header p { position:absolute; top:135px;  width:100%; text-align:center; font-size:24px; line-height:30px; font-weight:400; color:#ffffff; padding-top:20px; text-shadow: 0 0 5px black; }


/* Content */
div#content{ position:relative; width:1000px; margin-left:auto; margin-right:auto; margin-top:20px; }

#navi_top { display:none; }

#navi_left { font-size:16px; position:relative; float:left; width:170px; }
#navi_left ul { list-style:none; margin:0px; padding:0px; }
#navi_left ul li { border-bottom:1px solid #000; }
#navi_left ul li a { display:block; color:#3a60ad; text-decoration:none; padding:10px 0px 10px 10px; }
#navi_left ul li a:hover { color:#000000; text-decoration:none; }
#navi_left ul li.selected a { color:#000000; text-decoration:none; }
#navi_left ul li ul li { padding-left:10px; }
#navi_left ul li ul li.selected a { color:#000000; }
#navi_left ul li ul li.selected a:hover  { color:#000000; }


#navi_right { font-size:16px; position:relative; float:left; width:170px; }
#navi_right ul { list-style:none; margin:0px; padding:0px; text-align:right; }
#navi_right ul li { border-bottom:1px solid #000; }
#navi_right ul li a { display:block; color:#3d974c; text-decoration:none; padding:10px 10px 10px 0px; }
#navi_right ul li a:hover { color:#000000; text-decoration:none; }
#navi_right ul li.selected a { color:#000000; text-decoration:none; }
#navi_right ul li ul li { padding-right:10px; }
#navi_right ul li ul li.selected a { color:#000000; }
#navi_right ul li ul li.selected a:hover  { color:#000000; }


#c72 {
padding: 20px;
  margin-top:20px;
  border-top: 1px solid #3a60ad;
  border-left: 1px solid #3a60ad;
  border-right: 1px solid #3d974c;
  border-bottom: 1px solid #3d974c;
}

#c72 li {
  margin-bottom:5px;
}

#c72 input {
border-top: 1px solid #3a60ad;
  border-left: 1px solid #3a60ad;
  border-right: 1px solid #3d974c;
  border-bottom: 1px solid #3d974c;
}

#c72 .submit {
  cursor:pointer;
  background:#fff;
  color:#000;
  padding:5px 10px;
  margin-top:15px;
  font-weight:bold;
}

#navi_left ul .last, #navi_right ul .last { border-bottom:0px solid; }


.content-table { float:left; margin-left:20px; margin-right:20px; width:620px; }
.table { display:table; width:100%; }
.table-left{ display:table-cell; width:300px; padding:20px; border:1px solid #3a60ad; }
.table-left h1, .table-left h2, .table-left p a, .table-left div a, .table-left div a{ color:#3a60ad; }
.table-right h1, .table-right h2, .table-right p a, .table-right div a, .table-right div a{ color:#3d974c; }

.table-middle{ display:table-cell; width:20px; }
.table-right{ display:table-cell; width:300px; padding:20px; border:1px solid #3d974c; }

.table-content{ display:table-cell; width:100%; padding:20px; border-top:1px solid #3a60ad; border-left:1px solid #3a60ad; border-right:1px solid #3d974c; border-bottom:1px solid #3d974c; }

.table-left img, .table-right img, .table-left-middle img { max-width:100%; height:auto; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .table-left img, .table-right img, .table-left-middle img { width:100%; }
}

/* Footer */
div#footer { position:relative; width:1000px; margin-left:auto; margin-right:auto; margin-top:20px; border-top:1px solid #000000; padding-top:15px; padding-bottom:40px; }
div#footer #footernavi { position:relative; margin-left:10px; padding-top:0px; }
div#footer #footernavi ul { margin:0px; padding:0px; list-style:none; }
div#footer #footernavi ul li { margin-right:30px; float:left; }
div#footer #footernavi ul li a { color:#3a60ad; text-decoration:none; }
div#footer #footernavi ul li a:nth-child(even)  { color:#3d974c; text-decoration:none; }
div#footer #footernavi ul li a:hover { color:#000000 !important; text-decoration:none; }
div#footer #footernavi ul li .selected { color:#000000 !important; text-decoration:none; }
div#footer #footernavi ul li:nth-child(even) a { color:#3d974c; }



@media (max-width: 1024px){
  div#header h0 { width:80%; padding-left:10%; padding-right:10%; }
  div#header p { width:80%; padding-left:10%; padding-right:10%; }
  #header, #content, #footer { width:100% !important; }
  #navi_left, #navi_right { width:17% !important; }
  .content-table{ width:62% !important; margin-left:2% !important; margin-right:2% !important; }
}

@media (max-width: 700px){
  #navi_left, #navi_right { width:24% !important; }
  .content-table{ width:48% !important; margin-left:2% !important; margin-right:2% !important; }
  .table { display:block !important; }
  .table-left{ display:block !important; width:90%; padding:5%;  }
  .table-middle{ display:block !important; width:100%; height:30px !important; }
  .table-right{ display:block !important; width:90%; padding:5%; }
}

@media (max-width: 530px){
  div#header p { top:175px; }
}

@media (max-width: 500px){
  #navi_left, #navi_right { display:none; }
  .content-table{ width:96% !important; float:none !important; }
  
  #navi_top {
    display:block;
    position:relative;
    width:100% !important;
    padding: 0px;
      color: #000;
    background:#fff;
      text-align: left;
    top:0px;
    margin-left:0px; 
    z-index:9999;
    font-size:14px;
    padding-top:50px;
  }
  #navi_top ul {
      display: none;
      list-style: none;
      margin-left: 0;
      padding-left: 0;
    background:#fff;
      margin-bottom: 0;
    padding-top:20px;
  }
  #navi_top ul.expanded {
      display: block;
    position:absolute;
    width:100% !important;
    margin-left:0% !important;
    border-top:3px solid #ffffff;
    top:20px;
  }
  
  #navi_top li { float:none; width:100% !important; border:0px !important; border-bottom:1px solid #000 !important; padding-top:10px; padding-bottom:10px; }
  #navi_top ul li{ padding-bottom:10px !important; }
  #navi_top li a {
    width:auto !important;
      display: inline !important;
      padding: 2% 0px;
      border: 0px solid !important;
      color: #3a60ad !important;
      text-decoration: none;
    text-align: left;
    padding-left:2% !important;
    padding-right:2% !important;
  }
  #navi_top li a:nth-child(even){ color:#3d974c !important; }
  
  #navi_top li a:hover { color: #000 !important; }
  #navi_top ul li .selected { color:#000 !important; }
  
  .menu_button {
    position:absolute;
    left:2%;
    top:-14px;
    display: block !important;
      text-align: left;
      text-decoration: none;
    z-index:9999;
    width:50px;
    height:50px;
    z-index:9999;
  }
  
  .menu_button  img { width:50px; height:50px; padding-top:5px; }
  
}