body{font-size:1.3em;background-color:#333;background:url(../images/background1.png);
background-position:left top;
background-repeat:repeat-x;
}
strong{background:#006600;color:white;}
header{
	width:100%;
	text-align:center;
	background-color:#fff;
	border-radius:10px 10px 0px 0px;
}
article p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;}
aside{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;padding-left:0.5em;margin-top:0.5em;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;margin-left:-0.2em;background-image:url(../images/background4.jpg);background-position:left top;}
aside p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;margin-top:0.2em;margin-left:-0.2em;}
footer{
	background-color:#FFFFFF;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
}
footer p{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;margin-left:1em;margin-top:0.1em;padding:0.5em;}
.columns div,
.columns .columns div{}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.row{width:auto;}
.row:before,
.row:after{content:" ";display:table;}
.row:after{clear:both;}
.row .row{margin-left:-1em;margin-right:-1em;}
.columns{float:left;padding-left:1em;padding-right:1em;padding-top:0.5em;padding-bottom:0.5em;}
.push{float:right;}
@media screen and (max-width:600px){.small-1{width:100%;}
}
@media screen and (min-width:600px) and (max-width:1000px){.medium-1{width:16.66667%;}
.medium-2{width:33.33333%;}
.medium-3{width:50%;}
.medium-4{width:66.66667%;}
.medium-5{width:83.33333%;}
.medium-6{width:100%;}
.medium-7{width:25%;}
.medium-8{width:40%;}
.medium-9{width:60%;}
}
@media screen and (min-width:1000px){.large-1{width:33.33333%;}
.large-2{width:66.66667%;}
.large-3{width:100%;}
.large-4{width:100%;text-align:left;}
.large-5{width:50%;}
.large-6{width:25%;}
.large-5 {width: 50%;}
.large-6 {width: 25%;}
.large-7 { width: 40%;}
.large-8 { width: 60%;}
.large-9 { width: 20%;}
}
#wrapper{max-width:1000px;margin:auto;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;}
figure{width:auto;}
figure img{max-width:100%;}
figcaption{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;}
.centered{text-align:center;}
h1{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.0em;font-style:italic;color:#006600;text-align:center;text-transform:uppercase;}
h2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;font-style:italic;color:#006600;text-transform:none;padding-top:0.1em;}
h3{background:#006600;color:white;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.0em;font-style:italic;text-transform:none;padding-left:0.5em;padding-top:0.1em;padding-bottom:0.1em;padding-right:0.1em;}
h6{display:none;}
ul#Steuerungunten{
	width:auto;
	margin-left:1em;
	margin-top:0.1em;
	padding:0.5em;
	background-color:#FFFFFF;
}
ul#Steuerungunten li{
	list-style:none;
	margin:0.1em;
	padding:0.0em;
	display:inline;
	background-color: #FFFFFF;
}
ul#Steuerungunten a{
	float:left;
	padding-top:0.3em;
	padding-right:0.5em;
	padding-bottom:0.3em;
	padding-left:0.5em;
	text-decoration:none;
	border-left-color:black;
	border-top-color:black;
	color:#000;
	background-color:#FFFFFF;
	border-top-width:0.1em;
	border-right-width:0.1em;
	border-bottom-width:0.1em;
	border-left-width:0.1em;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-color:black;
	border-bottom-color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
ul#Steuerungunten a:hover{border-color:white;border-left-color:black;border-top-color:black;color:white;background-color:gray;}
.back-to-top{height:51px;width:51px;position:fixed;bottom:20px;right:20px;text-indent:-9999px;display:none;background-image:url(../images/up.png);}
.kontakt{}
.kontakt caption{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;font-style:italic;text-align:right;}
.kontakt thead th{}
.kontakt td{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.9em;}
/* neue Navigation */
nav, ul, li, a  {margin: 0; padding: 0;}
a {
	text-decoration: none;
	color: #000;
}
.container {
	font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    max-width: 1100px;
    margin: 2px auto;
}
.toggleMenu {
	cursor: pointer;
	display:  none;
	width: 100%;
	padding: 10px 15px;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../images/hamburger.png);
	background-color: #006600;
}
.nav {
	list-style: none;
	background-color: #006600;
	font-size: 0.9em;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
	list-style: none;
	width: 17em;

}
.nav a {
	padding: 15px 15px;
	color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
}
.nav > li > .parent {
    background-image: url(../images/downArrow.png);
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
	display: block;
	position: relative;
	z-index:100;
	background-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
.nav li li li a {
	z-index:200;
	background-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
	background-image: url(../images/downArrow.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
}
