@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

/* Base */
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea {
	font: 300 1em "Open Sans", "Open Sans Condensed", "Helvetica", Tahoma, Arial, sans-serif;
	color: #333;
}
::selection {
	background: ##333;
	color: #fff;
	text-shadow: none;
}
/* Typography */
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }
h1 a, h2 a, h3 a { color: #121212!important; text-decoration: none; }

strong { font-weight: bold; }
hr {
	border: none;
	display: block;
	height: 1px;
	margin: 1em 0; padding: 0;
	border: none;
	border-bottom: thin solid grey; 
}
mark { background: #ff0; color: #000; }
pre { margin: 0.25em 1em; }

/* Lists */
dl, menu, ol, ul, dd { margin: 0; }
menu, ol, ul { padding: 0; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* STYLES */
img { border: 0; }
svg:not(:root) { overflow: hidden; }

/* CSS Document */
body.template {
	background-color: #E7E7E8;
	text-align: center;
	margin: 0;
	padding: 0 2em;
}

/* Links */
a { color: #666; }
a:hover { color: #111; }
a:active, a:hover { outline: 0; }

/* CUSTOM */
a.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
	background-color: #444;
	color: #fff;
}
a.button.next:after, button.next:after { content: ' ›'; }
a.button.prev:before, button.prev:before { content: '‹ '; }
.borderbox { box-sizing: border-box; }
.padding { padding: 0 1em; }
.buttonbox { margin: 1em 0; }
.shadow {
	-moz-box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 1px 2px 5px 0 rgba(0,0,0,0.2);
}
.paddingtop { padding-top: 1em; }
.margintop { margin-top: 1em; }
.nocolumn, #article section.nocolumn { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;  }

a.button, button, input[type="submit"], input[type="button"] {
	background: #ccc; border-radius: 1px;
	border: 0;
	display: inline-block;
	padding: 2px 0.75em;
	line-height: 2em;
}
a.button strong { text-transform: uppercase; }
.table { display: table; }
.cell { display: table-cell; }

.table { display: table; }
.cell  { display: table-cell; }

address { font-style: normal; }
.small { font-size: 60%; }

/* FORMULAR */
label.pflichtfeld {
	color: #AA0000;
	font-weight:300!important;
}

form { line-height: 160%; }
fieldset { border: none; }
fieldset label {
	width: 10em;
	display: inline-block;
	padding-bottom: 4px;
}
fieldset input {
	display: inline-block;
	background-color: transparent;
	border: none;
	line-height: 2em;
	width: 16em;
	margin: 0;
	margin-bottom: 4px;
	font-size: 1.25em;
	padding: 2px;
	text-indent: 0.25em;
	border-bottom: thin solid #eee;
}
fieldset.submit input[type="submit"] {
	display: inline-block;
	background-color: #222;
	color: #fff;
	line-height: 2em;
	width: 16em;
	margin: 2em 0 0 8em;
	font-size: 1.25em;
	padding: 0.125em;
	text-indent: 0.25em;
	cursor: pointer;
}
fieldset.submit input[type="submit"]:hover { background-color: #A00; }


/* CUSTOM */
input[type="submit"], input[type="button"] { line-height: 2em; }

/* WPAPPER */
.main, .wpapper {
	width: 100%;
	text-align: left;
	margin: 0 auto;
}
#print { display: none; }

/* HEADER */
#header {
	background-color: #fff!important;
	vertical-align: middle;
	max-height: 140px; height: 140px;
	display: table;
	margin: 1em auto auto auto;
	border-bottom: 1px solid #eee;
	clear: both;
}
#header #logo { display: table-cell; }
#header #logo {
	padding: 0;
	margin: 0 1em;
	padding-left: 2em;
	text-align: left;
	width: 190px;
	height: auto;
}

/* NAV */
#nav {
	margin:0 auto;
	padding:0;
}
#nav ul {
	margin: 0 auto;
	float:right;
}
#nav ul li {
	display:inline-block;
	margin:0 0.5em;
	padding:0;
}
#nav ul li a {
	padding: 0.5em;
    background-color: #fff;
    border: thin solid #ddd;
    margin: auto 0.25em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1em;
    border-radius: 2px;
    letter-spacing: -1px;
    transition: all .2s linear;
}
#nav ul li a span { opacity: 0; }
#nav ul li a:hover span { opacity: 1; }
#nav ul li.active a {
	border-top: none;
	border-radius: none;
}
#nav ul li a:hover {
	color: #333;
    background-color: #F5F5F3;
}
#nav ul li:hover > a, #nav ul li.active > a { background:#f9f9f9; }
#nav ul li.active > a {
	border: none;
	border-bottom-color: #ccc;
	border-radius:0;
}
#nav ul li:hover > ul {
	visibility: visible;
	opacity:1;
}
#nav ul li.active:hover a { background-color: #f9f9f9; }

#nav ul li ul, #nav ul li ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	min-width: 180px;
	opacity:0;	
}

#nav ul li ul {
	margin-top: 8px;
	margin-left: -15px;
	width:200px;
}
#nav ul li ul li {
	clear:both;
	line-height:100%;
	padding: 0;
	border: none;
	text-transform: none;
	display: block;
}
#nav ul li a span { display: none; }
#nav ul li:hover a span { visibility: 1; }
#nav ul li ul li a {
	background:#fff;
	padding: 0.5em 1em;
	color:#333;
	text-decoration:none;
	display:inline-block;
	border: none;
	border-radius: none;
	width:100%;
	margin-top: 2px;
	text-transform:none;
}
#nav ul li ul li a:hover {
		background-color: #666;
		color: #FFF;
}
#nav ul ul li:last-child {
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

.switch { display: none; }

/* PANORAMA */
#panorama, #panorama img  {
	width: 100%;
	height: 460px;
}
#panorama img { border: none; }
#panorama {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url('/grafik/homepage/zuerichsee.jpg');
 }
#panorama a { text-decoration: none; }
#panorama .bx-controls {
	display: block;
	width: inherit;
	padding: 0;
	text-align: center;
	height: 2.5em;
	margin-top:-2.5em;
}
#panorama .bx-controls-direction {
	position: relative;
	height: 2.5em; line-height: 2.5em;
	margin-top: -230px; 
	z-index: 2;
}
#panorama a.bx-prev, #panorama a.bx-next {
	display: block;
	overflow: hidden;
	text-indent: 99em;
	width: 2.5em;
	background-color: #fff;
	opacity: 0.5;
	background-repeat: no-repeat;
	background-position: center;
}
#panorama a.bx-prev {
	float: left;
	background-image: url('/grafik/template/arrow_left.png');
}
#panorama a.bx-next {
	float: right;
	background-image: url('/grafik/template/arrow_right.png');
}
#panorama a.disabled  { opacity: 0; }
#panorama a.bx-prev:hover, #panorama a.bx-next:hover { opacity: 1; }
#panorama .bx-default-pager div { display: inline-block; }
#panorama .bx-default-pager a {
	background-color: #fff; background-color: rgba(255,255,255,0.75);
	text-align: center;
	margin-right: 2px;
	padding: 0 0.25em;
	text-decoration:none;
	border-radius: 2px;
}

/* ARTICLE */
#article {
	background-color: #fff;
	padding: 2em 4em;
	margin-bottom: 0;
	border-bottom: thin solid #ddd;
	line-height: 180%;
	font-size: 1.125em;
	text-align: left;
}
#article a {
	text-decoration: none;
	border-bottom: thin solid #ccc;
}
#article a:hover {
	color: #111;
	border-color: #b00;
}
#article h1 { margin-bottom: 2em; }
#article h2 {
	font-weight: 300;
	letter-spacing: -1px;
	margin: 0.5em auto;
}
#article h2 strong {
	text-transform: none;
	font-weight: 400;
}
#article .section {
	column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;
	border-bottom: 2px solid #eee;
}
#article .section, #article .table {
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-top: 2px solid #eee;
}
#article .section:first-child  { border-bottom: none!important; }
#article .section h2 {
	margin: 1em;
	margin-left: 0;
}
#article hr { border: none!important; border: 2px solid #eee!important; }
#article .section.nocolumn { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
#article .section *:first-child { margin-top: 0; }
#article .section.nocolumn ul { margin-left: 2em; }
#article .cell { width: 46%; }
#article ul { padding: 1em!important; padding-left: 2em; }

#article a.button, strong.button {
	text-decoration: none;
	border-bottom: none;
	display: inline-block;
	padding: .75em .85em;
	background: #929392;
	border-radius: .2em;
	font-weight: 400;
	font-size: 14px;
	font-size: 1rem;
	color: #FFF;
	-webkit-transition: all .25s linear; transition: all .25s linear;
}
#article a.button:hover {
	text-decoration: none;
	color: #FFF;
	background: #777877;
	border: none;
}
#article a.button.prev {
	background-color: #fff;
	border: none;
	color: #333;
	border: thin solid #CCC;
}
#article a.button.prev:hover {
  background-color: #F5F5F5;
  color: #b00;
  /*border-color: #b00;*/
}
#article a.request { background-color: #B00!important; }
#article .cta { display: table; width: 100%; margin: 2em auto 4em auto; }
#article .cta p { display: table-cell; }
#article .cta p:last-child { text-align: right; }
#article fieldset strong { color: #b00; }

/* ASIDE */
#aside, aside {
	background-color: #757575;
	padding: 2em;
	color: #FFF;
}
#aside a, aside a { color: #FFF; }

#contactinfo {
	background-color: #bbb;
	padding: 1em;
	text-align:center;
	}
	
#contactinfo mark { background-color: transparent; border: thin solid rgba(33, 33, 33, 0.58); padding: 0.5em; }
#contactinfo mark, #contactinfo mark:hover a {  }
#contactinfo mark:hover { background-color: #fff; border-color: #FFF;  }
/*#contactinfo mark:hover a { background-color: #fff; border-color: #FFF; }*/

/* FOOTER */
#footer {
	color: #999;
	background-color: #444;
	margin: 0;
	padding: 2em 0em;
	text-align: left;
	width: 100%;
}
#footer ul {
	margin: 0;
	list-style: none;
	line-height: 2em;
}
#footer ul ul { display: none; }
#footer .table { width: 100%; }
#footer .table div:last-child { border: none; }
#footer a {
	transition: all .2s linear;
	color: #999;
	text-decoration: none;
	display: block;
}
#footer a:hover { color: #fff; }
#footer li:hover, footer li:hover span { color: #fff; }
#footer #contact { width: 46%; }
#footer address { font-style: normal; font-weight: 300; }
#footer address p { margin-top: 0; padding-top: 0; }
#footer address strong { font-weight: 600; }
#footer address span {
	font-weight: 300;
	text-transform: none;
}
#footer li { border-bottom: thin solid rgba(255,255,255,0.08); }
#footer li:last-child { border-bottom: none; }
#footer li.mail span {
	font-size: 110%;
	line-height: 110%;
	vertical-align: baseline;
}
#footer h3 { margin-bottom: 1em; }
	/* FOOTERNAV */
	.footernav a, .footernav a.active {
		font-weight: normal;
		color: #fff;
	}
	.footernav a:hover, .footernav a.active:hover { background-color: #222; }
	.footernav li ul, .footernav li ul.subnav { display: none; }
	
  #footer #contact, #footer #breadcrumb { padding: 0 2em; }

/* COPYRIGHT */
#copyright {
	width: 100%;
	font-size: 0.75em;
	line-height: 3em;
	vertical-align: middle;
}
#copyright div {
	text-align: left;
	background-color: #222;
	padding: 0.75em 2em;
}
#copyright div:last-child { text-align: right; }
#copyright, #copyright a {
	color: #929392;
	text-decoration: none;
}
#copyright a:hover {
	color: #fff;
	text-decoration: none;
}
#copyright a#html5, #copyright a#css3  {
	transition: all .2s ease-in-out;
	text-decoration: none;
	display:inline-block;
}
#copyright a#html5:hover span { color: #f14a29!important; }
#copyright a#css3:hover span { color: #0092be!important; }

#copyright a#html5:hover, #copyright a#css3:hover { transform: scale(1.2); }
#copyright div.copyright a:hover {
	color: #f09;
	text-decoration: none;
}

/* REQUEST */
#msg {
	padding: 1em;
	background-color: #FFF;
	border-radius: 2px;
	color: #333;
}
#msg.fehler {
	background-color: #b00; 
	color: #fff;
}
#msg ul {
	margin-left: 2em;
	line-height: 120%;
	list-style: square;
}
#msg.hinweis div {
	background-color: #fff!important;
	color: #222;
	text-align: left;
}
input.pflichtfeld { 
    border: none;
    border-bottom: thin solid rgb(170,0,0);
}
input.highlight {
	border: 1px solid rgb(170,0,0)!important;
	background-color: rgb(170,0,0); background-color: rgba(170,0,0,0.1);
	color: #b00;
}
.highight { color: #b00; }



/* CUSTOM FONTS */
@font-face {
	font-family: 'rinner';
	src:url('/template/tools/fonts/rinner.eot?fukmj9');
	src:url('/template/tools/fonts/rinner.eot?#iefixfukmj9') format('embedded-opentype'),
		url('/template/tools/fonts/rinner.woff?fukmj9') format('woff'),
		url('/template/tools/fonts/rinner.ttf?fukmj9') format('truetype'),
		url('/template/tools/fonts/rinner.svg?fukmj9#rinner') format('svg');
	font-weight: normal;
	font-style: normal; }
.icon {
	font-family: 'rinner';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
.icon_phonebefore { content: "\e655"; }
.icon_paperplanebefore { content: "\e638"; }
.icon_arrow-forwardbefore { content: "\e60b"; }
.icon_arrow-backbefore { content: "\e60c"; }
.icon_menubefore { content: "\e628"; }
.icon_menu2before { content: "\e62b"; }
.icon_mousebefore { content: "\e656"; }
.icon_mailbefore { content: "\e657"; }
.icon_listbefore { content: "\e63b"; }
.icon_arrow-leftbefore { content: "\e63c"; }
.icon_arrow-downbefore { content: "\e63d"; }
.icon_arrow-upbefore { content: "\e63e"; }
.icon_arrow-rightbefore { content: "\e63f"; }
.icon_arrow-left2before { content: "\e640"; }
.icon_arrow-down2before { content: "\e641"; }
.icon_arrow-up2before { content: "\e642"; }
.icon_arrow-right2before { content: "\e643"; }
.icon_arrow-left3before { content: "\e644"; }
.icon_arrow-down3before { content: "\e645"; }
.icon_arrow-up3before { content: "\e646"; }
.icon_homebefore { content: "\e647"; }
.icon_imagebefore { content: "\e603"; }
.icon_imagesbefore { content: "\e604"; }
.icon_camerabefore { content: "\e605"; }
.icon_playbefore { content: "\e606"; }
.icon_bullhornbefore { content: "\e607"; }
.icon_bookbefore { content: "\e608"; }
.icon_tagbefore { content: "\e609"; }
.icon_tagsbefore { content: "\e60a"; }
.icon_phone2before { content: "\e60d"; }
.icon_phone-hang-upbefore { content: "\e639"; }
.icon_address-bookbefore { content: "\e60e"; }
.icon_notebookbefore { content: "\e60f"; }
.icon_locationbefore { content: "\e610"; }
.icon_location2before { content: "\e611"; }
.icon_mapbefore { content: "\e612"; }
.icon_map2before { content: "\e613"; }
.icon_historybefore { content: "\e614"; }
.icon_clockbefore { content: "\e615"; }
.icon_alarmbefore { content: "\e648"; }
.icon_calendarbefore { content: "\e616"; }
.icon_printbefore { content: "\e617"; }
.icon_screenbefore { content: "\e649"; }
.icon_laptopbefore { content: "\e64a"; }
.icon_mobilebefore { content: "\e64b"; }
.icon_mobile2before { content: "\e64c"; }
.icon_tabletbefore { content: "\e64d"; }
.icon_bubblebefore { content: "\e618"; }
.icon_zoominbefore { content: "\e619"; }
.icon_zoomoutbefore { content: "\e61a"; }
.icon_expandbefore { content: "\e63a"; }
.icon_contractbefore { content: "\e658"; }
.icon_giftbefore { content: "\e61b"; }
.icon_foodbefore { content: "\e61c"; }
.icon_firebefore { content: "\e61d"; }
.icon_menu3before { content: "\e64e"; }
.icon_earthbefore { content: "\e61e"; }
.icon_linkbefore { content: "\e61f"; }
.icon_starbefore { content: "\e600"; }
.icon_star2before { content: "\e601"; }
.icon_star3before { content: "\e602"; }
.icon_closebefore { content: "\e620"; }
.icon_checkmarkbefore { content: "\e621"; }
.icon_checkmark2before { content: "\e622"; }
.icon_checkbox-checkedbefore { content: "\e659"; }
.icon_checkbox-uncheckedbefore { content: "\e65a"; }
.icon_checkbox-partialbefore { content: "\e65b"; }
.icon_radio-checkedbefore { content: "\e65c"; }
.icon_radio-unchecked:before { content: "\e65d"; }
.icon_googleplus:before { content: "\e623"; }
.icon_googleplus2:before { content: "\e624"; }
.icon_googleplus3:before { content: "\e625"; }
.icon_facebook:before { content: "\e626"; }
.icon_facebook2:before { content: "\e627"; }
.icon_twitter:before { content: "\e629"; }
.icon_twitter2:before { content: "\e62a"; }
.icon_feed:before { content: "\e65e"; }
.icon_feed2:before { content: "\e65f"; }
.icon_youtube:before { content: "\e64f"; }
.icon_youtube2:before { content: "\e650"; }
.icon_picassa:before { content: "\e651"; }
.icon_picassa2:before { content: "\e652"; }
.icon_tux:before { content: "\e62c"; }
.icon_apple:before { content: "\e62d"; }
.icon_android:before { content: "\e62e"; }
.icon_windows8:before { content: "\e62f"; }
.icon_skype:before { content: "\e630"; }
.icon_pinterest:before { content: "\e653"; }
.icon_pinterest2:before { content: "\e654"; }
.icon_html5:before { content: "\e631";}
.icon_html52:before { content: "\e632"; }
.icon_css3:before { content: "\e660"; }
.icon_chrome:before { content: "\e633"; }
.icon_firefox:before { content: "\e634"; }
.icon_IE:before { content: "\e635"; }
.icon_opera:before { content: "\e636"; }
.icon_safari:before { content: "\e637"; }


@media screen and (min-width: 1120px) {
	.main, #panorama.main  { max-width: 70em; } /* 1120px */
	#header.main { min-height: 10em; }
}
@media screen and (max-width: 1000px) { 
	.main { width: 100%; }
	#header { background-color: red; border-bottom: none;
}
	#header h1 { width: 120px; }
	#footer address ul { max-width: 100%!important; }
}
@media screen and (max-width: 800px) { 
	body.template { padding: 0; }
	#article {
		padding: 1em;
		line-height: 200%;
	}
	#header.main { margin-top: 0; }
	.switch {
		display: block;
		position: absolute;
		right: 1em;
		background-color: #f4f4f4;
		z-index: 100;
		top: 1.5em;
		border-radius: 2px;
		font-size:  1.5em;
		text-align: center;
		padding: 0.4em 0.6em;
	}
	.switch:hover { background-color: #111; }
	.switch a {
		text-decoration: none;
		text-align: center;
	}
	.switch a:hover { color: #666; }
	#nav {
		display: none;
		position: absolute;
		top: 6.75em; right: 0; left: 0; bottom: 0;
		background-color: rgba(68,68,68,0.96);
		z-index: 99;
		padding: 0; margin: 0;
		padding-top: 120px!important;
		float: none;
	}
	#nav ul, #nav ul li {
		display: block;
		float: none;
		margin: 0;
	}
	#nav ul li:hover > ul {
		visibility: hidden;
		opacity:0;
	}
	#article .section {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	#footernav { padding: 1em; }
	#copyright {
		padding: 1em 0;
		line-height: 1em;
		background-color: #222; 
		text-align: center!important;
		display:block;
	}
	#copyright .copyright, #copyright .infolinks { text-align: center; display: block; }
	#copyright div:last-child { text-align: center; float: none; }
	
	#article .cta { display: block; width: 100%; }
	#article .cta p { display: block; }
	#article .cta p:last-child { width: auto; text-align: left; }
	#article fieldset.submit input[type="submit"] {
		width: auto;
		margin: 2em 0 0 auto;
		padding-left: 2em; padding-right: 2em;
	}
}
@media screen and (max-width: 640px) {
	#article section {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	
	#article a.button { display: block; } 
	fieldset input {
		display: inline-block;
		line-height: 2em;
		width: auto;
		margin: 0;
		margin-bottom: 4px;
		font-size: 1em;
		padding: 2px;
	}
	fieldset.submit input[type="submit"] {
		width: auto;
		margin: 2em 0 0 8em;
	}
	
	#footer {
		padding: 0!important;
		border: none;
		line-height: 150%;
		text-align: left;
		display:block;
	}
	#footer #contact, #footer #breadcrumb { width: auto!important; }
	#footer .table, #footer .cell { display: block!important; }
}

.bx-has-controls-direction { top: 100px; z-index: 9999; }