@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700|Open+Sans+Condensed:300,700&subset=latin,latin-ext);

html {height:100%;}
body {  font: 1.00em 'Opens Sans', Verdana, Arial;
        margin: 0; padding: 0;
        background-color:#ddd;
        height:100%;
        background: #ffffff; /* url(images/bodybg.jpg)  no-repeat fixed left top; */
        -o-background-size: 100% auto, auto;
        -moz-background-size: 100% auto, auto;
        -webkit-background-size: 100% auto, auto;
        background-size: 100% auto, auto;
}

div#one, div#two {
                        margin: 0 1%;
                        float: left;
                        }
                #one {width: 98%}
                #two {width: 98%}

.container {
        max-width: 1140px;
    width: 90%;
        min-height:90%;
    margin: 0 auto;
        background:transparent url(images/bg30.png);
}

.header { width: 100%; background: /*transparent url(images/header.jpg) no-repeat right top;*/}
.header .logo img {max-width:100%; float:left;}

/* ------Allgemeine Textformatierungen------ */
a, a:active {color:  #72AF26; border:none;text-decoration:none;}
a:hover{color:  #747373; border:none;text-decoration:underline;}
a:visited {color:#747373;}
a img{border:0px;}


/* Page Headings */
h1, h2, h3, h4, h5, h6 {color: #72AF26;font-style: normal; font-weight: 700; font-family:'Open Sans Condensed', Arial, Verdana, serif; text-align:left; margin: 0px 0px 12px;text-shadow: 0px 0px 0px #747373;   }
h1          {font-size:1.80em;}
h2          {font-size:1.60em;}
h3          {font-size:1.40em;}
h4          {font-size:1.30em;}
h5          {font-size:1.20em;}
h6          {font-size:1.10em;}

p, pre{
font-family:'Open Sans', Verdana, serif;
font-weight:300;
color:#747373;margin-top:0px;
line-height:150%;
font-size:1.00em;
}

li{
font-family:'Open Sans', Verdana, serif;
font-weight:300;
color:#747373;margin-top:0px;
line-height:150%;
font-size:1.00em;
}


.mainbox {margin: 20px 2% 20px 2%; background-color:#0ff;}

.contentbox {width: 68%; float:left; background:transparent url(images/bg50.png);}
.contentbox .inner {margin:0 5px 0 10px;}
.rightbox {width: 30%; float:right; }
.rightbox .inner {margin:0 5px 0 5px;}
.buttonbox {
         float:right;
         border: 0px solid red;
         margin:25px 50px 0px auto;
}
.buttonbox a img {max-width:100%; float:left;margin-right:5px;}

#contentwide {width: 98%; }

.footer {
    width: 90%;
    max-width: 1140px;
    height:40px;
    margin: -40px auto 0 auto;
    position:relative;
    background: #72AF26;
    color:#ffffff;
}

.footer .footerpic {width:100%; height:100%;}

.footer .inner { position:absolute; top:10px; left: 0; width:100%; font-size:0.8em; text-align:center; line-height:110%; }
.footer .inner p{color:#ffffff;}

.footer .inner span { font-size:0.7em; }



.clearer {height:30px; clear:both;}

  #footer {
      clear:both;
      background-image: url(images/footer.gif);
      background-repeat: no-repeat;
          background-position:bottom center;
      margin: -20px auto 25px auto;
      padding:0px 0px 0px 0px;
      height: 20px;
      max-width: 1140px;
  }


#footer_content {
     width: 90%;
    max-width: 1075px;
      margin: auto;
      background-color: #ffffff;
      border: 0px solid red;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9px;
  }

#footer_content p {

         font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
        }
.clearer {height:60px; clear:both;}



.toggleMenu {
    display:  none;
    background: #72AF26;
    color: #fff;
        width:100%;
}
.toggleMenu span {display:block; padding: 10px 15px; font-weight: bold;}

.nav {
        list-style: none;
     *zoom: 1;
     background:#72AF26;
         margin: 0; padding: 0;
}

.nav:before,
.nav:after {
    content: " ";
    display: table;
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 14em;
        margin: 0; padding: 0;
        background-color:#72AF26;


}
.nav a {
    padding: 8px 12px;
    color:#fff;
        text-decoration: none;

}

.nav a.menu-current, .nav a.menu-parent {  background: #91D100;  color: #000; }

.nav li {
    position: relative;
        margin: 0; padding: 0;
        border-right: 1px solid #fff;
}
.nav li li {border-right: none;z-index:2000;}

.nav > li {
    float: left;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
        padding-right: 20px;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
        background: #fff;
        z-index:1000;
}
.nav > li.hover > ul {
    left: 0;  background: #fff;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
        background: #fff;
}
.nav li a:hover {  background: #747373;}
.nav li li a {
    display: block;
    background: #72AF26;
    position: relative;
    z-index:1000;
    border-top: 1px solid #ffffff;
}
.nav li li li a {
    background:#72AF26;
    z-index:200;
    border-top: 1px solid #fff;
}

@media screen and (max-width: 768px) {
        body { background-image: /*url(images/bodybgmobile.jpg);*/ }

    .active {
        display: block;
    }
    .nav > li {
        float: none;
                border-right: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: right 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
       position: static;
    }

        /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

        .mainbox {margin: 20px 0 20px 0;}
        .contentbox {width: 100%;}
        .rightbox {display:none;}
         .buttonbox {display:none;}

}

@media screen and (max-width: 1024px)

{
.buttonbox {
         float:right;
         border: 0px solid green;
         margin:25px 0px 0px auto;
}
.buttonbox a img {max-width:80%; float:left;margin-right:5px;}

}

@media screen and (max-width: 880px)
{

.buttonbox {display:none;}
}