/* ALLGEMEIN */
*{margin:0px; padding:0px}
body{margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; color:#222; font-size:13px; line-height:16px;background-color:#9FA9B3;
-ms-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
:focus{outline:0}

li{margin-left:30px}

iframe{overflow-x: hidden}

a {text-decoration: underline;color: #5f7816; font-weight:normal}
a:hover {text-decoration: none;color: #5f7816; font-weight:normal}


#wrapper{background-color:#fff; margin:0px auto; padding:0px 0px 4px 0px; width:1100px;
-webkit-box-shadow: 0px 0px 8px 0px #222;
box-shadow: 0px 0px 8px 0px #222;
}

/* HEADER */

#header{ height:255px; margin:0px 0px 0px 0px; padding:10px;
background-image:url(/images/header2.jpg); background-position:center; background-repeat:no-repeat;
width:1080px; text-align:right; position:relative;
}
#header h1, #header h1 a{font-size:28px; color:#222; margin-bottom:16px; text-decoration:none; margin-top:10px}
#header h2{font-size:16px; color:#222; margin-bottom:16px}
#header p{position: absolute;
right: 10px;
bottom: 10px;
background: #5f7816;
margin-bottom: 0;
padding: 5px;text-align:right; font-size:12px; color:#fff}

/* CONTAINER */

#container{background-color:#FFF; margin:0px; width:1100px; padding:0px; min-height:500px}

#main, #side{margin:0px}
#side{padding:10px 10px 100px 10px; width:200px; color:#111; font-size:14px; float:left;}
#main{ padding:10px 10px 100px 10px; float:left; width:640px; color:#222; font-size:14px; line-height:1.2em;}
#right{padding:10px 10px 100px 10px; float:left; width:200px; color:#222; }

/* Menu */
#side ul {list-style: none; background:#fff;}
#side li{margin:0px; padding:0px; border-bottom:1px dotted #5f7816}
#side li.ng{margin-top:20px; border-top: 1px dotted #5f7816;}
#side li a{display: block; font-size: 13px; line-height:18px; color:#5f7816;text-decoration: none; padding:4px 5px 4px 5px; font-weight:normal}
#side li a:hover {text-decoration: none; color: #5f7816; font-weight:bold ; background-color:#eee }

#nav{margin-bottom:30px}
/*
*/
/* CONTENT MAIN */

h2{font-size:24px; line-height:1.2em; text-transform:none; border:0px; color:#222; font-weight:normal;
margin-bottom:16px;
}

h3{font-size:16px; line-height:1.2em; text-transform:none; border:0px; color: #222; font-weight:normal;
margin-bottom:33px; font-weight:bold;
}
#side h3 a{font-size:13px; line-height:1.2em; text-transform:none; color:#fff; font-weight:bold;
text-decoration:none; display:block; text-align:left; background-color:#5f7816; padding:6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;}
#side h3{margin-bottom:0px; font-size:14px;}

.clear0px, .clear{clear:both}
.clear0px{height:0px; line-height:0px; font-size:0px}

p{margin:0px 0 14px 0; padding:0px; text-align:left; font-size:14px; line-height:1.2em}

p.foto{color:#777; font-style:italic; font-size:12px; margin:5px auto 15px; text-align:left; width:606px; max-width:100%;}
p.foto img{ width:600px; max-width:100%; height:auto; padding:2px; border:1px solid #000; margin-bottom:3px}

p.foto.rechts{ float:right; margin:0px 0px 15px 15px; width:306px; max-width:100%;}
p.foto.rechts img{ width:294px;}

.box {
border:1px solid #5f7816;
width:188px;
text-align:center;
padding:10px 5px;
margin:0 0px 15px 0;
background:#5f7816;
font-size:13px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}

.box img {width:170px; margin-bottom:5px; background-color:#fff; padding:2px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;}

.box a {color:#fff;text-decoration:underline;font-weight:bold;}
.box a:hover {color:#fff;text-decoration:none;font-weight:bold;}

/* FOOTER */

#footer{clear:both; width:1092px; height:25px; padding:0px; margin:0px 4px; font-size:13px; line-height:25px; color:#fff; text-align:center; background: #5f7816;}
#footer a{ color:#fff}
#footer a:hover{text-decoration:none; color:#fff}

.alignleft{
float:left;
margin:3px 15px 10px 0px;
border:1px solid #000000;
}

.adright{float:right; margin:0 0 15px 15px;}
.adleft{float:left; margin:0 15px 15px 0;}
.admid{margin:15px 0px 15px 0px;text-align:center}
.adrand{margin:25px 0 15px 0;text-align:center}


#titleBar{display:none}
.only-mobile{display:none}

@media (max-width: 800px) {
/*allgemein*/
.not-mobile{display: none}
.only-mobile{display:block}

section {padding-bottom: 2em;}
.row{padding:0px 0px 80px 0px; margin:0}
.content{ margin-top:40px}

.row > * {
padding: 0px 0 15px 0 !important;
float: none !important;
width: 100% !important;
margin-left: 0 !important;
}

/*divers*/
body { background: none}
#header{display: block;
background-image:url(/images/header-mobil.jpg);
width: 100%;
height: auto;
padding: 25% 0 0 0;
background-size: contain;
margin: 45px 0 0 0;
}
#header h1, #header h2, #header p{ display:none}

#side{ padding:0}
#wrapper {padding: 0px; border:none; margin:0px auto;border-radius: 0px;-webkit-box-shadow: 0px 0px 0px 0px ;box-shadow: 0px 0px 0px 0px ; width:100%; box-sizing:border-box }
#container {width: 100%;padding:10px; background:none ;margin-top:0;border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;box-sizing: border-box;}
#main {float: none;width: 100%;padding: 0;}
#right{float: none;width: 200px; margin:0 auto}
#footer {width: 100%;
box-sizing: border-box;
margin: 0;
height: auto;}

img, object, embed{max-width:100%; height:auto}

.adright{float:none; display:block; text-align:center; margin:0px auto 15px;}
.adleft{float:none; display:block; text-align:center; margin:0px auto 15px;}

#titleBar a, #titleBar a:hover{font-weight:bold;text-decoration:none; display:block; color:#FFF}

/*titlebar*/
#titleBar {
display:block;
text-align: center;
color: #fff;
font-size: 1.25em;
background-color: #5f7816; /*background*/
backface-visibility: hidden;
transition: transform 0.25s ease-in-out 0s;
z-index: 10000;
position: fixed;
width: 100%;
height: 44px;
top: 0px;
left: 0px;
transform: translate(0px, 0px);
}

#titleBar .title {
line-height: 44px;
}

#titleBar .toggle {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 60px;
cursor:pointer;
}

#titleBar .toggle:after {
content: '';
position: absolute;
left: 4px;
top: 4px;
color: #fff;
text-align: center;
line-height: 31px;
font-size: 0.8em;
width: 50px;
height: 35px;
border-radius: 5px;
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 2px 0px rgba(0,0,0,0.5), inset 0px 6px 13px 0px rgba(255,255,255,0.2), 0px 2px 2px 0px rgba(255,255,255,0.1);
}

#titleBar .toggle:before {
content: '';
position: absolute;
width: 20px;
height: 30px;
background: url(/css/images/mobileUI-site-nav-opener-bg.svg);
top: 16px;
left: 19px;
}

#titleBar .toggle:active:after {
background: rgba(0,0,0,0.2);
}
/*menu*/			
#nav {background: #5f7816;padding:0px; margin:0px;width:270px; float:none; position:fixed; z-index:4000; height:calc(100% - 45px); top:45px; left:-270px; font-size:12px; overflow-y: auto;}
#nav.show{ left:0px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:fixed;}
#nav.hide{ left:-270px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:fixed;}
/*menu links*/
#nav li{margin-top:0; background:none; padding:0; border:0 }
#nav ul{margin-bottom:0px; border:none; padding:0}
#nav br{display:none}
#nav h3{margin-bottom:0}
#nav li.ng {border-top: none; margin-top:0}

#nav h3 a, #nav h3 a:hover, #nav ul li a, #nav ul li a:hover {
display: block;
border-top: solid 1px rgba(255,255,255,0.1);
border-bottom: solid 1px rgba(0,0,0,0.2);
height: 55px;
line-height: 55px;
font-size:14px;
padding: 0 15px 0 15px;
text-decoration: none;
border-right:0;
border-left:0;
background: #5f7816; /*background*/
color: #fff;
font-weight:normal}

}