/*
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,400);
*/

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v10/HqHm7BVC_nzzTui2lzQTDVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); }

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');}

html,body{
 font-family:Oswald;
 color:#333;
 font-size:.9em;
 margin:0;
 padding:0;
 width:100%;
 min-height:100%;}

html{
 overflow:none !important;
 background-image:linear-gradient(90deg, #BBBBBB 0%, #EAEAEB 15%, #EAEAEB 85%, #BBBBBB 100%);}

body{
}

a{ text-decoration:none;}

#page{
 width:100%;
 height:100%;
 background-image:url(layout/bluebar.png);
 background-position:50% 97px;
 background-repeat:no-repeat !important;}

#seite {
 margin:0 auto;
 width:960px;}

#kopf {
 width:960px;
 margin:0;padding:0;
 margin:auto;
 width:inherit;}

#adresse{
 color:#26357B;
 font-family:Oswald;
 font-size:1.2em;
 font-weight:400;
 display:inline-block;
 white-space:nowrap;
 width:580px;
 padding-left:358px;
 padding-top:37px;}

#innerkopf {
 background-image:url(layout/logo_bar.png);
 background-repeat:no-repeat;
 background-position:0 97px;
 margin:auto;
 width:960px;
 height:240px;
 padding-top:5px;}
 
#unterkopf{
 overflow:hidden;
 display:block;
 width:960px;
 height:480px;
 margin:0 auto;
 margin-bottom:11px;
 background-size:100% 450px;
 background-size: cover;
 border:none;
/* background-image:linear-gradient(-30deg, #FFFFFF 0%, #EAEAEB 100%);*/}

#bluebar_unterbild{
 display:block;
 overflow:hidden;
 position:absolute;top:725px;left:-50%;
 margin-left:480px;
 width:100%;
 height:11px;
 background-image:url(layout/bluebar2.png);
 background-repeat:no-repeat;}

#submenu{
 width:355px;
 float:left;
 text-align:right;}

#rechts{
 float:right;
 margin:0;
 text-align:left;
 width:575px;
 background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 50%, #EAEAEB 100%); }

#fliesstextfeld{
 line-height:150%;
 font-family:Oswald;
 font-size:1.2em;
 font-weight:300;
 min-height:200px;
 margin-top:28px;
 margin-left:38px;margin-right:38px;}

#rechts a{
 color:#009EE2;
 text-decoration:none;}

#rechts a:hover{
 text-decoration:underline;}

.fl{
 float:left;}

.noprint { display:none; }

.cke_show_borders, #cke_19_text, #cke_20_text, .cke_panel, .cke_rcombopanel .cke_panel_block {
 background:none;}

.box,.arrow,.close{
 width:15px;
 height:15px;
 display:inline-block;
 border-radius:4px;
 border:1px solid #26357B;
 background-color:#FFFFFF;
 cursor:pointer;
 opacity:.5}

.box .on{
 width:15px;border:1px solid #26357B;
 background-color:#009EE2;}

#layerhg{
 display:none;
 z-index:100;
 position:absolute;top:0;left:0;
 width:99%;
 height:inherit;
 background-image:url(media/layerhg.png);}

.ptr{
 margin-right:.55em;
 margin-bottom:.8em;
 display:inline-block;
 cursor:pointer;
 border:1px solid #26357B;}

#bigbild{
 max-width:860px;}

#s{ /* layer für das große Bild (Skizzen) */
 text-align:center;
 position:absolute;
 top:100px;left:50%;
 margin-left:-430px;
 border:5px solid #666;
 width:860px;
 height:1216px;
 overflow:hidden;}

.arrow,.close{
 border:none;
 box-shadow:2px 2px 4px #999;
 font-family:arial;
 line-height:48px;
 z-index:11;
 text-align:center;
 overflow:hidden;
 width:48px;height:48px;
 border-radius:24px;
 background-color:#FFFFFF;
 font-size:1.8em;
 color:#000000;}

.arrow:hover,.close:hover{
 box-shadow:1px 1px 1px #666;
 background-color:#ccc;}

.close:hover{
 background-color:#535353;}

.close{
 border:1px solid #535353;
 opacity:.7;
 background-color:#ccc;
 box-shadow:2px 2px 4px #666;
 position:relative;top:-1200px;left:390px;}

#n{
 font-family:Oswald;
 clear:both;
 margin:0;
 margin:auto;
 width:100%;
 margin-top:55px;
 padding-left:358px;
 display:inline-block;}

#n ul,#submenu ul li{
 display:inline-block;
 margin:0;
 padding:0;
 width:100%; }

#n ul li,#submenu ul li{
 display:inline-block;
/* background-color:yellow;*/
 text-align:center;
 margin-right:3px;
 width:146px;
 height:60px;
 color:#333333;
 vertical-align:middle;}

#submenu ul li{
 display:block;}

#content{
 line-height:140%;
 clear:both;
 width:inherit; }

h1,h3{
 color:#009EE2;
 margin:0;
 padding:0;
 margin-top:10px;
 margin-bottom:.5em;
 font-family:Oswald;
 margin-bottom:.6em; 
 font-size:1.6em;
 font-weight:300;}

h3{
 font-weight:700;
 font-size:1em;}

h2{
 margin:0;
 font-size:1.1em;
 font-family:Oswald;
 color:#26357B;
 font-weight:400;
 margin-bottom:.6em; }

p{
 margin-top:0;
 margin-bottom:.75em;}

p.bigger{
 font-size:1.1em;}

.b{
 font-weight:400 !important;}

.bb{
 color:#26357B;
 font-weight:400 !important;}

strong{
 margin-top:0;
 font-size:1em;
 color:#26357B;
 font-family:Oswald;
 font-weight:400;}

.tel,.mail{
 color:#000000 !important;}

h2 a{
 color:#26357B !important;
 text-decoration:none;}

.link,.linka{ width:100%;}
.link,.linka{line-height:150%;}

select {
 border:none;}

.tform tr{
 vertical-align:top;}

.tform td{
 padding:3px;}
 
.adresse{
 display:inline-block;
 float:right;
 text-align:left;}

.submission{
 display:inline-block;
 float:left;}

.inputbox{
 font-size:1em;
 padding:5px;
 width:300px;
 border-radius:2px;
 background-color:#f8f8f8;
 border:1px solid #26357B;}

body,span,p,div,td,input,textarea{
 font-size:1em;
 font-family:Oswald;}

.nodec{
 text-decoration:none;}

.nolink{
 text-decoration:none;
 color:#000000;}

.static{
 font-family:Oswald;
 font-size:10pt;
 width:100%;}

.weiss{
 color:#ffffff;}

img{
 vertical-align:middle;
 border:none; }

hr{
 height:1px;
 border:none;
 background-color:#333;
 color:#333;}

.L{
 height:10px;
 line-height:10px;
 font-size:10px; }

.cb{clear:both;}

/* Formulare Suchen und Einfügen */

.red{
 font-weight:bold;
 color:#cc0000;}

.riesig{
 display:block;
 padding-left:50px;
 white-space:nowrap;
 font-weight:bold;
 font-size:3em;
 height:50px;
 overflow:visible;
 margin-bottom:-30px;
 color:rgba(229,229,229,.3);}

.k,.nav,.nava,.snav,.snava{
 display:inline-block;
 width:100%;
 height:60px;
 line-height:60px;
 text-decoration:none;
 font-size:1.5em !important;
 color:#FFFFFF;
 background-color:#26357B;
 font-family:Oswald;
 font-weight:300; }

.nav:hover,.snav:hover{
 background-color:#009EE2;}

.nava,.snava{
 background-color:#009EE2;}

#submenu ul {
 margin:0;
 margin-top:0px;
 float:right;}

#submenu ul li{
 font-family:Oswald;
 margin-bottom:13px;}

.onlywide{inline-block;}
.onlysmall *{display:none;}

#bild{
	max-width:100%;max-height:auto;}

#prev{
	position:absolute;top:480px;left:50%;margin-left:-470px;}

#next{
	position:absolute;top:480px;left:50%;margin-left:420px;}

/* RESPO */

@media screen and (max-width: 1220px) {
	.nows{white-space:nowrap;}
	#page{background:none;}

	#seite,#kopf,#innerkopf,#unterkopf,#bild{
		width:98vw;}
	#innerkopf {
	 background-position:0 60px;background-repeat:no-repeat;}
 
	#unterkopf{height:auto;margin-bottom:0;}

	#bluebar_unterbild{
		position:static;
		width:98vw;margin:0 auto;paddding:0;}

	#adresse{
		margin-top:60px;
		width:40%;
		white-space:normal;}

	#rechts{
		width:100vw;
		padding:1em;}

	.onlywide{display:none;}
	.onlysmall *{display:inline-block;}

	#submenu {height:40px;display:block;clear:both;width:100%;text-align:left;margin:1rem 0;}
	#submenu ul{display:block;clear:both;float:none;}
	#submenu ul li{display:inline-block;}
	#submenu ul li{background:none;}

	.nav,.nava,.snav,.snava{height:auto;line-height:40px;height:40px;}

	#prev{
		position:absolute;top:45vh;left:10px;margin:0;}
	#layerhg{width:100vw;}
	#next{
		position:absolute;top:45vh;left:calc(100vw - 60px);margin:0;}
	#s{width:100%;margin:0;position:static;}

	#bild{margin:0 !important;height:auto !important;}

	#bigbild{ max-width:100vw;height:auto;}
	#n{
		overflow:hidden;
		height:40px;width:150px;padding:0;margin:0;z-index:100;position:absolute;top:45px;left:calc(100vw - 150px - .5em);}
	#n ul {float:right;}
	#n ul li {display:block;line-height:40px;height:40px;}
}

@media screen and (max-width: 620px) {
	#adresse{width:200px;}
	.nows{display:block;}
	.dot{display:none;}
}

@media screen and (max-width: 480px) {
	#layerhg{width:100vw;height:auto;}
	#s{height:auto;}
	#adresse{width:100%;padding:0 0 0 5px;margin-top:120px;}
	#innerkopf {
	 background-position:5px 10px;background-repeat:no-repeat;}
	#n{
		width:100%;position:absolute;top:175px;left:0;}
	#n ul li{
		width:100%;}
	.nows{display:inline-block;}
	.dot{display:inline-block;}
}

body{
 background-repeat:repeat-x;
 overflow-y:scroll;}