@charset "utf-8";
/* Responsive template "Responsive HTML" v3 2013-01-15 By Oldnema*/
*{padding:0;margin:0}
body{background:#fff;font:100% Arial}
a{color:#369}
#wrapper{max-width:1200px;margin:1em auto;background:#fff;padding: 10px;}
#header{padding:0;margin:0;border-top:0px solid #0080c0;height:160px;margin-bottom:1em;background:#fff}
#headerin{width:100%;padding:0;margin:0 auto}
#header h1{width:auto;float:right;clear:right;color:#0080c0;font-size:24px;line-height:1.2em;text-align:right;font-weight:100;padding:0.5em;margin:0;letter-spacing:1px;}
#header .logo{float:left;margin:0;border:0 solid #666;margin:5px;width:auto;}
#slogan {width:auto;float:right;clear:right;color:#0080c0;font-size:15px;line-height:1.2em;text-align:right;font-weight:100;padding-bottom:10px;margin:0;letter-spacing:1px;}
#content {float:left;background:#fff;min-height:300px;overflow:auto}
#navi{float:left;max-width: 400px; width:20%}
#locator{font:55% Arial;color:#0080c0;}
#content{width:55%;overflow:hidden;}
.content_in{padding:0 1em 1em}
.content_in textarea {width: 90%;}
table.edit {background: #004080; font-size: 100%; line-height: 1.2em; margin: 1px 0;}
table.edit td {padding: 3px;}
table.edit a:link, table.edit a {color: #fff;}
#boxs { float:right; position: absolute;   
       height: auto; width: 20%;    
       right: 10px; top: 190px; }
.news{font-size:90%;padding-top:0;margin-top:1em;padding:.6em;border-radius:5px;border:1px #0080c0 solid;background:#ecf5f0}
#footer{color:#666;clear:both;margin:2em;border-bottom:5px solid #0080c0}
.footer_in{text-align:center;min-height:3em;padding:1em 0;clear:both;width:100%}
.copyright{font-size:50%}
h1,h2,h3{margin:0;font-size:130%;color:#004090;padding-top:.5em;text-shadow:0 1px 1px gray}
h4{margin:0;font-size:110%;padding:0;color:#004090;text-shadow:2 1px 1px gray}
h5{margin:0;font-size:90%;padding:0;color:#004090;text-shadow:1 1px 1px gray}
h6{margin:0;font-size:70%;padding:0;color:#004090;text-shadow:0 1px 1px gray}
input[type="submit"]{background:#013F7F;color:#fff;display:inline-block;height:24px;position:relative;text-align:center;text-decoration:none;margin-left:5px;margin-top:11px;padding:2px 10px 10px;border-radius:5px;font-variant:normal;font-weight:normal;font-size: 100%;}
input[type="text"],input[type="text"]:focus,input[type="password"]:focus{border:#006432 inset 1px;border-radius:5px;font-size: 100%;}
#search{display: none; background:#ffffff; height:40px;}
#iconmenu {float: left;margin-top: -25px; padding-left: 10px;}
blockquote {font-family: Georgia, serif;font-size: 100%;font-style: italic;width: 80%;margin: 0.25em 0;padding: 0.25em 40px;line-height: 1.45;position: relative;color: #383838;}
blockquote:before {display: block;content: "\201C";font-size: 80px;position: absolute;left: -5px;top: -20px;color: #7a7a7a;}
blockquote a,blockquote a:visited{color:maroon;}
blockquote a:after{content:"\00BB";}
img{max-width:100%;height:auto;width: auto; /* 3 */}
.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
p{margin:1em 0;line-height:1.3}
ol{margin:6px 0}
ol li{line-height:1.2;border:0;padding:0;margin:0 0 0 22px}
ul{list-style-position:inside;margin:6px 0 6px 10px}
ul li{line-height:1.2;border:0;padding:5px 0;margin:0 0 0 17px}
#menu li,#menu ul{list-style-type:none;margin:4px;padding:0}
#menu a{display:block;color: #0080c0; text-decoration:none;line-height:200%;padding-left:1em;padding-right:1em;
        border-radius:5px;  background:#ecf5f0;  border:1px #0080c0 solid}
#menu a:hover{background:#ecf5f0;  border: 1px #ff6600 solid}
#menu{float:left;width:100%;font-size:90%;color:#fff;}
#menu li{list-style-type:none;list-style-image:none;padding:0}
#menu ul.menulevel1 li{line-height:1em;margin:1px 0}
#menu ul.menulevel2{margin:4px 6px}
#menu ul.menulevel2 li{line-height:1em;margin:1px 0}
#menu ul.menulevel2 li a{  background:#ecf5f0  }
#menu ul.menulevel2 li a:hover{  background:#ecf5f0  }
#menu ul.menulevel3{margin:4px 10px}
#menu ul.menulevel3 li a{  background:#ecf5f0  }
#menu ul.menulevel3 li a:hover  {background:#ecf5f0  }
#menu ul ul.menulevel3 li{margin:1px 0}
#menu2 {display: none; padding-top : 0px;padding-bottom : 5px;margin-top: -6px;padding-bottom: 3px;width: 100%;
        font-size:90%;}
#menu2 li {list-style : none;padding : 0;display : block;text-decoration : none;line-height : 200%;
           padding-left : 1em;padding-right : 1em;border-radius : 5px;   background : #ecf5f0;
           border : #fff solid 1px;   margin-left: -10px;margin-bottom: 1px;font-size: 100%;}
#menu2, #menu2 a {text-decoration: none; display: none; list-style : none;  color: #555;
                  line-height : 200%;font-family: arial, sans-serif;}
#menu2 li a:hover {  color: #555;  }
.lastupdate {font-size : 90%;border-top : 1px solid #0080c0;}
.block {width: 95%;margin:0 1%;float: left;box-shadow: 0 0px 0px -0px black;border-top: 0em solid #0080c0;background-color: #f5f5f5;border-radius: 5px;margin-top:  0em;}
.blockin {padding: 0.5em;font-size: 100%;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.lastupdate {color:#004080;font-size: 90%;padding: 0.5em;border-top: 2px #0080c0 solid;}
.langmenu {padding-left: 0.5em;padding-top: 0.5em;}
.button a {background: #004080;display: none; padding: 5px 10px 6px;color: #fff;text-decoration: none;border-radius: 6px;box-shadow: 0 1px 3px rgba(0,0,0,0.6);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer; }
.button a:after {display: inline;content: "  \2191";font-weight: bold;}
.Bild_links {float: left; margin-right: 10px; margin-bottom: 5px;}
.Bild_rechts {float: right; margin-right: 10px; margin-bottom: 5px;}
#uppermenu { position: absolute;   
       height: auto; width: auto;    
       right: 20px; top: -5px; } 
#uppermenu a:hover {
    color: #fc0;
    text-decoration: none;
}


@media screen and (max-width: 480px) {
#search{display: inline;}
#content,#navi,#boxs{clear:both;width:100%}
#menu2{visibility:hidden;height: 1px; overflow: hidden}
.block{overflow: hidden}
.news {display: none; visibility: visible;}
#locator{visibility:hidden;height: 1px; overflow: hidden}
ul.menulevel1 {display:none}
#menu:hover ul.menulevel1 {display:block;}
#uppermenu {display:none}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
#search{display: inline;}
#content,#navi,#boxs{clear:both;width:100%}
#menu2{visibility:hidden;height: 1px; overflow: hidden}
.news{display: none; visibility:hidden; height: 1px; overflow: hidden}
.block {width: 48%; visibility: visible;}
#locator{visibility:hidden;height: 1px; overflow: hidden}
#locator{visibility:hidden;height: 1px; overflow: hidden}
ul.menulevel1 {display:none}
#menu:hover ul.menulevel1 {display:block}
#uppermenu {display:none; top: -60;}
}

@media screen and (min-width: 769px) and (max-width: 959px) {
#navi{width:25%}
#content{width:55%}
.news{display: none; visibility:hidden;height: 1px; overflow: hidden}
.block {width: 48%; visibility: visible;}
#iconmenu {visibility:hidden;}
#boxs{clear:none;width:100%}
#uppermenu a{color: #fff; text-decoration:none;font-size:80%; top: -50;}
}
@media screen and (min-width: 960px) and (max-width: 1029px) {
#uppermenu a{color: #fff; text-decoration:none;font-size:100%; top: -30;}
}

@media screen and (min-width: 1030px) {
#iconmenu {visibility:hidden;}
#navi{width:20%}
#content{width:55%}
#boxs{width:20%}
#uppermenu a{color: #fff; text-decoration:none;font-size:125%; top: -25;}
}
@media screen and (min-width: 1300px) {
#uppermenu {display:none;}
}