/* responsive */
#mobile_select h2 {border:0; padding:0; text-align:center; margin:1em;}

#mobile_select h2 a {
display:inline-block;
font-size:0.8em;
padding:6px;
font-size:0.75em;
}

#navi {
  float: none;
  margin: -0.7em;
 /* max-width: 400px; */
  padding: 0;
  z-index:10000;
}


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

	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

.logoheader {
  background: #1f1f1f none repeat scroll 0 0;
  color: #ffffff;
  max-width: 1024px;
  min-height: 100px !important;
}
#contentarea, #contentarea2 {
  margin: 0 auto;
  max-width: 1000px;
  overflow: hidden;
  padding: 1em;
  position: relative;
}

#untermbild-inner {
  color: #fff;
  font-family: raleway;
  font-size: 1.3em;
  font-weight: 300;
  margin: 1.5em;
  padding: 0 0.5em;
  text-align: center;
}

#copyright {
  color: #fff;
  margin: -3em 0 0 0;
  text-align: center;
}

#footer {
  color: #fff;
  font-size: 1em;
  margin: 1em 0 0 0;
  text-align: center;
}

.footer_img {
  max-width:50%;
}



	#fontsize{display:none}
	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form
		{
		float: none;
		width: 100%
	}
	#header {padding-top:3em}
	#header form  {margin:0}
	.logoheader {background:#1f1f1f; min-height:100px; margin:0}
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
	#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100% ;
		min-width:100%;

		margin: 0 0px; background:#095197;
	}
	#header form input {
		float: none; margin-bottom:4px
	}
	#menuwrapper { margin-top:10px; }
	#header ul.menu {position:relative; top:0; margin:0; width:100%; border-radius:4px}
	#header ul.menu li:first-child a {border-radius: 4px 4px 0 0}
	#header ul.menu li:last-child a {border-radius:0 0 4px 4px }
#header ul.menu li a:link, #header ul.menu li a:visited {
  display: block;
  padding: 2px 10px;
  text-align: center;
}}

/* navi */

.button:hover, .button:active, .button:focus, button:hover, p.readmore a:hover, #header ul.menu a:hover, #header ul.menu a:active, #header ul.menu a:focus, .pagenav a:hover, .pagenav a:active, .pagenav a:focus, #advanced-search-toggle:hover, #advanced-search-toggle:active, #advanced-search-toggle:focus, .profile-edit a:hover, .profile-edit a:active, .profile-edit a:focus, #fontsize a:hover, #fontsize a:active, #fontsize a:focus, #mobile_select h2 a {
  background-color: #1f1f1f !important;
  border-color: #00456b #095197 hsl(201, 100%, 16%);
  color: #fff;
}

@media only screen and (min-width: 481px) and (max-width: 800px {
#header ul.menu li a:link, #header ul.menu li a:visited {
  display: block;
  padding: 2px 10px;
  text-align: center;
}
}
@media only screen and (min-width: 801x) and(max-width: 991px){
#header ul.menu {
  display: block;
  margin: 2em 15em;
  text-align: center;
  width: auto;
}

}

@media only screen and (min-width: 992px)and (max-width: 1381px) {
#header ul.menu {
  display: block;
  margin: 2em 15em;
  text-align: center;
  width: auto;
}
}

@media only screen and (min-width: 1382px) { /* Styles */
#header ul.menu {
  display: block;
  margin: 2em 15em;
  text-align: center;
  width: auto;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) { /* Styles */
}