/*
date: 31.01.2018
author: andré eberle
description: style setting for simplisite backend
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap');
/* css reset (http://meyerweb.com/eric/tools/css/reset/ v2.0 20110126 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
hyphens: auto;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table{
border-collapse: collapse;
border-spacing: 0;
border-color: #d7d7d7;
}
#page .main table th{
padding: 15px;
font-weight: 400;
text-align: center;
line-height: 135%;
background: #efefef;
border: 1px solid #d5d5d5;
}
#page .main table td{
padding: 15px;
text-align: center;
line-height: 135%;
border: 1px solid #d5d5d5;
}
/* placeholder */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ccc;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ccc;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #ccc;
}



/* responsive */

iframe, object, embed{
max-width: 100%;
width: 100%;
}


/* OVER ALL SECTIONS */
section.overAllSection{
	position: relative;
	min-height: 100px;
}
section.overAllSection.color0{
	background: rgba(255, 255, 255,1);
}
section.overAllSection.color1{
	background: rgba(255, 255, 255,1);
}
section.overAllSection.color1:before{
	content: "";
	display: block;
	margin: 0 auto;
	width: 1130px;
	border-top: 1px solid rgba(102, 102, 102,1);
}
section.overAllSection.color2{
	background: #efefef;
	/*background-image: url(/_simplisite/images/bg_verlauf.png);
	background-size: cover;
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;*/
	min-height: 100px;
}
section.overAllSection.color3{
	/*background: rgba(34, 34, 34,1);*/
    background: #e8edf6;
	/*background-image: url(/_simplisite/images/bg_verlauf_blau.png);
	background-size: cover;
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;*/
	min-height: 100px;
}
section.overAllSection.color4{
	background: #c7d3e8;
	background-image: url(/_simplisite/images/bg_zbt_farbe_pastell_hg_anim.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	min-height: 100px;
}
section.overAllSection > .wrapperLogin{
	bottom: 44px;
	top: inherit;
	position: absolute;
	right: 0;
}
section.overAllSection > .wrapperLogin.secondLoginWrap{
	top: 0px;
	bottom: inherit;
}
section.overAllSection > .wrapperLogin .eleLogin{
	right: 0;
	width: 190px;
    background-color: #fdd8a4;
	opacity: 0.4;
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-right: 20px;
	padding-left: 10px;
}
section.overAllSection > .wrapperLogin .eleLogin:hover{
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
section.overAllSection > .wrapperLogin .eleLogin:before{
	content: "Sektion";
	display: inline-block;
	float: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
section.overAllSection > .wrapperLogin .eleLogin .icon.add{
	display:none;
}

section.overAllSection > .showSectionOverAll{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(253,216,164,0.5);
}

/* basic */

html, body{
height: 100%;
}
body{
margin: 0;
padding: 0;
color: #555;
font-size: 15px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
background-color: #ffffff;
}
h1{
padding: 0 0 15px 0;
color: #222222;
font-weight: 500;
font-size: 28px;
font-family: 'roboto', sans-serif;
text-align: center;
line-height: 135%;
text-transform: uppercase;
letter-spacing: 0.03em;
}
h2{
padding: 0 0 30px 0;
color: #222222;
font-weight: 500;
font-size: 24px;
font-family: 'roboto', sans-serif;
line-height: 135%;
letter-spacing: 0.03em;
}
h3{
padding: 0 0 30px 0;
color: #666666;
font-weight: 500;
font-size: 24px;
font-family: 'roboto', sans-serif;
line-height: 135%;
letter-spacing: 0.03em;
}
h4{
padding: 1px 0 7px 0;
color: #555;
font-weight: 500;
font-size: 18px;
font-family: 'roboto', sans-serif;
line-height: 135%;
letter-spacing: 0.03em;
}
a{
color: #222222;
font-weight: 500;
text-decoration: none;
}
a:hover{
color: #222222;
}
a:focus{
outline: 0;
}
b{
font-weight: bold;
}
hr{
height: 1px;
margin: 15px 0 22px 0;
padding: 0;
color: #b9b9b9;
line-height: 100%;
background-color: #b9b9b9;
border: 0;
}
input.text, select, textarea{
padding: 2px 2px 3px 2px;
color: #606060;
font-size: 14px;
background: #f7f7f7;
border: 1px solid #d5d5d5;
}
input:hover, input:active, input:focus{
outline: 0;
}
input::-moz-focus-inner{
border: 0;
}
label{
padding: 0 0 0 3px;
}


/* formatierungen */
div.text a{
text-decoration: none;
}
p{
padding: 0 0 25px 0;
line-height: 160%;
font-weight: 300;
font-size: 18px;
}
p.style_leadcolor{
color: #222222;
font-family: 'roboto', sans-serif;
font-size: 20px;
font-weight: 400;
}
p.style_lead{
color: #666666;
font-family: 'roboto', sans-serif;
font-size: 20px;
font-weight: 400;
}
p.style_klein{
color: #666666;
font-size: 15px;
font-weight: 400;
}
p.style_box{
margin: 7px 0 16px 0;
padding: 30px;
color: #e0efc9;
border: 2px solid #e0efc9;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font-size: 18px;
font-weight: 400;
}
p.style_box:first-child { 
margin-top:0; 
}
div div.text ul { 
list-style:disc outside;
margin:0 0 0 5px;
padding:0 0 9px 25px;
overflow:hidden; 
}
div div.text ol {
list-style:decimal outside;
margin:0 0 0 5px;
padding:0 0 9px 30px;
overflow:hidden; 
font-weight: 400;
}
div div.text ul li {
margin:0;
padding:6px 0; 
line-height: 135%;
font-size: 18px;
font-weight: 400;
}
div div.text ol li {
margin:0;
padding:2px 0;
line-height: 135%;
font-size: 18px;
}
div div.text strong {
font-weight: 500;
}
div div.text em { 
font-style:italic; 
}
div div.text code { 
color:#222;
font-family:'roboto', Courier,monospace; }


/* id */
.wrapper{
width: 100%;
max-width: 1130px;
height: 100%;
margin: 0 auto;
}
.wrapper:after{
	content: "";
	clear: both;
	display: block;
}
.inner{
padding: 0;
}
.eleNews .inner{
padding: 0 20px;
}
#topline{
position: fixed;
left: 0;
top: 0;
right: 0;
height: 100px;
color: #666666;
background-color: rgba(255, 255, 255,0.9);
z-index: 200;
}
#topline .wrapper{
	max-width: 1400px;
}
@media screen and (max-width: 1400px){
	#topline .wrapper{
		max-width: 100%;
	}
}

#topline div.inner{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
align-content: flex-start;
justify-content: space-between;
margin: 0;
}
#topline div.inner .logo{
flex: 0 1 auto; /* 0 1 auto [<flex-grow> <flex-shrink>? || <flex-basis> ] */
}
#topline .logo a{
display: block;
font-size: 0;
z-index: 4;
}
#topline .logo img{
width: 60%;
min-width: 140px;
max-width: 290px;
margin: 10px 0 0 30px;
height: auto;
z-index: 4;
}
#foot{
padding: 60px 0 0 10px;
border-top: 1px solid #ddd;
/*background: #fff url(/_simplisite/images/logo_footer.png);*/
background-color: #fff;
background-size: 300px;
background-position: right top;
background-repeat: no-repeat;
}
#foot div.inner{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
color: #555;
line-height: 150%;
}
#foot,
#foot a{
padding: 60px 0 30px 0;
color: #ddd;
font-weight: normal;
}
#foot div.inner a{
color: #555;
font-weight: normal;
}
#foot div.inner div.foot{
width: 210px;
min-height: 90px;
}
#foot div.inner div.powered{
margin: 0 0 0 auto;
min-height: 170px;
}

#foot .footDescription{
	padding-left: 3%;
}

@media screen and (min-width: 801px){
		#foot .footDescription{
			padding-left: 0;
}

@media only screen and (max-width: 1176px){
	#foot div.inner,
	#foot div.footDescription{
		max-width: 700px;
		margin: 0 auto;
	}
}

#foot a.fbFoot{
	display: inline-block;
	background-image: url(/_simplisite/images/vektor_fb.svg);
	color: #222222;
	background-repeat: no-repeat;
	width: 60px;
	}
}
#foot a.instaFoot{
	display: inline-block;
	background-image: url(/_simplisite/images/vektor_insta.svg);
	color: #222222;
	background-repeat: no-repeat;
	width: 60px;
}

/* menu */

/* menu-BUTTON */
.menuSmallButton{
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
}
.menuSmallButton > .menuSmallLine{
	width: 40px;
	height: 2px;
	background: #222222;
	position: absolute;
	top: 10px;
	left: 10px;
}
.menuSmallButton > .menuSmallLine.first{
}
.menuSmallButton > .menuSmallLine.second{
	top: 20px;
}
.menuSmallButton > .menuSmallLine.third{
	top: 30px;
}

@media only screen and (min-width: 800px) and (max-width: 1176px) {
	#topline .logo img{
		margin: 10px 0 0 20px;
        width: 60%;
        min-width: 140px;
        max-width: 290px;
	}
}

@media only screen and (max-width: 800px){
	/* menu mobile */
	#topline{
	height: 100px;
	}
	.inner{
	padding: 0 3%;
	}
	#topline div.inner .logo{
		z-index: 1;
	}
	#menuWrapper{
	display: none;
	flex: none;
	position: fixed;
	left: 0;
	top: 70px;
	right: 0;
	height: 100%;
	overflow-y: auto;
	}
	#topline div.inner #menuSmall{
	flex: 1 0 auto; /* 0 1 auto [<flex-grow> <flex-shrink>? || <flex-basis> ] */
	}
	#topline div.inner #menuSmall a{
	float: right;
	padding: 18px 0 0 0;
	margin-top: 7px;
	}
	#topline div.inner #menuSmall a img{
		width: 45px !important;
		height: 45px !important;
	}
	#topline .logo img{
        margin: 12px 0 0 0;
		min-width: 190px;
		max-width: 190px;
	}
	#menu{
	position: relative;
	padding: 30px 0 100vh 0;
	background: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	z-index: 1001;
	box-sizing: border-box;
	}
	div.menu span{
	display: block;
	position: static;
	padding: 22px 4% 22px 4%;
	color: #555;
	font-size: 20px;
	}
	div.menu a{
	display: block;
	position: static;
	margin: 0;
	padding: 22px 4% 22px 4%;
	color: #555;
	font-size: 20px;
    font-weight: 400;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	z-index: 1001;
	}
	div.menu a:hover{
	background: #f0f0f0;
	}
	div.menu.active a:hover{
	background: #f0f0f0;
	}
	div.menu.active a{
	color: #222222;
	}
	div.menu > a > svg{
	display: none;
	}
    
	/* submenu mobile */
	#menu div.pot{
	display: block;
	position: relative;
	left: 0;
	top: 0;
	}
	#menu div.pot div{
	position: absolute;
	left: 100%;
	top: -61px;
	width: 33px;
	height: 33px;
	margin: 0 0 0 -70px;
	padding: 10px;
	cursor: pointer;
	background: #fff url(/_simplisite/images/menu_icon.svg) 19px 19px no-repeat;
    background-size: 15px;
	}
	#menu div.pot div:hover{
	background-color: #ececec;
	}
	#menu div.submenu{
	background: #ececec;
    padding: 10px;
	}
	/*
	#menu div.submenu div.smenu{
	float: left;
	width: 50%;
	}
	*/
	#menu div.submenu div.smenu a{
	padding: 12px 6%;
	color: #555;
	font-size: 18px;
	}
	#menu div.submenu div.submenuend{
	clear: both;
	}
    div.menu a .svgPfeil, div.menu span .svgPfeil{
    display:none;
    }
}

@media only screen and (min-width: 801px){
	/* menu normal */
	#topline div.inner #menuWrapper{
	flex: 1 0 auto; /* 0 1 auto [<flex-grow> <flex-shrink>? || <flex-basis> ] */
	}
	#topline div.inner #menu{
	float: right;
    padding: 0 30px 0 0;
    margin: -20px 0 0 0;
	}
	#menuSmall{
	display: none;
	}
	#menuWrapper{
	float: right;
	padding: 45px 0 0 0;
	}
	#menu{
	float: left;
	}
	div.menu{
	float: left;
	}
	div.menu a, div.menu span{
	display: block;
	min-width: 10px;
	padding: 15px 10px 12px 10px;
	color: #666666;
	font-size: 16px;
	font-weight: 400;
	font-family: 'roboto', sans-serif;
	text-decoration: none;
    text-transform: uppercase;
	}
	div.menu a:hover, div.menu.active a{
	color: #222222;
	}
	div.menu.hassub a{
	padding: 15px 10px 12px 15px;
	}
	div.menu a .svgPfeil, div.menu span .svgPfeil{
		clear:left;
		display:block;
		margin: 5px auto;
		text-align: center;
        width: 12px;
	}

	/* submenu normal */
	#menu div.pot{
	display: none;
	}
	#menu div.submenu{
	position: absolute;
	top: 75px;
	padding: 10px 0 10px 0;
	background-color: rgba(255, 255, 255,0.9);
	z-index: 1000;
	}
	#menu .submenu div.smenu{
	clear: left;
	}
	#menu .submenu div.smenu a,
	#menu .submenu div.ssmenu a,
	#menu .submenu div.smenu span,
	#menu .submenu div.ssmenu span{
	display: block;
	box-sizing: border-box;
	padding: 8px 30px 8px 30px;
	/*border-bottom: 1px solid #ffffff;*/
	color: #666666;
	font-size: 14px;
	font-weight: 400;
	font-family: 'roboto', sans-serif;
	text-decoration: none;
	text-align: left;
	}
	#menu .submenu div.smenu:last-child a,
	#menu .submenu div.ssmenu:last-child a,
	#menu .submenu div.smenu:last-child span,
	#menu .submenu div.ssmenu:last-child span{
		border-bottom: 0;
	}
	#menu .submenu div.smenu a:hover, #menu .submenu div.ssmenu a:hover{
	color: #222222;
	}
	#menu .submenu div.smenu.active a{
	color: #222222;
	}
	#menu .submenu div.smenu.active div.ssmenu.active a{
	color: #222222;
	}
	#menu .submenu div.ssmenu a, #menu .submenu div.ssmenu span{
	padding: 4px 15px 8px 30px;
	font-size: 16px;
	}
}



/* spezial */



/* anmelden */

form.loginform{
width: 100%;
text-align: center;
}
div.loginbox{
max-width: 300px;
margin: 0 auto;
}
div.loginbox .login{
width: 100%;
padding: 10px 0 0 0;
font-size: 18px;
line-height: 160%;
}
div.loginbox input{
box-sizing: border-box;
width: 100%;
padding: 11px 8px;
font-size: 18px;
font-family: 'roboto', "PT Sans Narrow",sans-serif;
line-height: 100%;
border: 0;
outline: 2px solid rgba(255,255,255,0);
transition: all 0.3s ease 0s;
}
div.loginbox input:focus{
outline: 2px solid #222222;
}
div.loginbox .loginmsg{
color: #ff6d00;
}
div.loginbox .loginbut{
padding: 30px 0 0 0;
}
div.loginbox input[type="submit"]{
padding: 13px 8px;
outline: none;
color: #fff;
background: #222222;
}
div.loginbox input[type="submit"]:hover{
background: #f58d16;
}



/* module general */

section.ele{
clear: left;
}
section.ele.eleLig{
}

section.ele.emptyPage{
	background: #ffffff;
	min-height: 50vh;
}

@media only screen and (max-width: 1176px){
	section.ele.first{
	border-top: 100px solid #fff;
	}
	section.eleLogin{
	margin: 80px 0 0 0;
	}
	section.eleText div.colLeft{
	padding: 60px 3% 0 3%;
	max-width: 700px;
	margin: 0 auto;
	}
	section.eleText div.colRight{
	clear: left;
	max-width: 700px;
	margin: 0 auto;
	padding: 0 3% 0 3%;
	}
}
@media only screen and (min-width: 1177px){
	section.ele.first{
	border-top: 100px solid #fff;
	}
	section.eleLogin{
	background: #ffffff;
	margin: 90px 0 0 0;
	}
	section.eleLogin .wrapper .inner{
		min-height: 50vh;
	}
	section.eleLogin .wrapper .inner .eleLogin{
		position: absolute;
		top: 50%;
	}
	section.eleText div.colLeft{
	float: left;
	width: 45%;
	margin: 0;
	padding: 60px 5% 0 0;
	}
	section.eleText div.colRight{
	float: right;
	width: 45%;
	margin: 0;
	padding: 60px 0 0 5%;
	}
}



/* domain icons */

a.domicon {
float: left;
min-width: 20px;
min-height: 12px;
padding: 1px 0 6px 24px;
color: #555;
font-size: 15px;
font-weight: 400;
text-decoration: none;
background: transparent url(/_simplisite/images/icons.png) -100px 0 no-repeat;
}
.domicon.checkbox {
background-position: 0 4px;
line-height: 150%;
}
.domicon.checkbox.active {
background-position: 0 -46px;
}
.domicon.clear {
padding: 2px 0 6px 21px;
background-position: 3px -448px;
}



/* module download */

section.eleDownload > div{
height: 100%;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
section.eleDownload div.main{
margin: 0 -15px;
padding: 60px 0 30px 0;
}
section.eleDownload.single div.main{
padding: 60px 0;
}
section.eleDownload div.entry.full, section.eleDownload div.entry.odd, section.eleDownload div.entry.even{
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 15px;
line-height: 135%;
}
section.eleDownload div.entry.odd{
clear: left;
margin-bottom: 30px;
}
section.eleDownload div.entry.full{
width: 100%;
}

section.eleDownload .main a.image{
float: left;
width: 72px;
height: 72px;
padding: 0;
}
section.eleDownload .main a.image img{
width: 72px;
height: 72px;
}
section.eleDownload .main div.title{
margin: 0 0 0 96px;
padding: 0 0 2px 0;
color: #222222;
}
section.eleDownload .main div.filename, section.eleDownload .main div.text{
margin: 0 0 0 96px;
padding: 0;
font-size: 13px;
}
section.eleDownload .main div.filename a{
color: #555;
font-size: 13px;
}
section.eleDownload .main div.filename span{
color: #aaa;
}

section.eleDownload div.box{
margin: 0 15px;
}
section.eleDownload div.box div.res{
float: right;
padding: 8px 0 10px 0;
}
section.eleDownload div.box div.sea{
float: left;
width: 210px;
border: 1px solid #d6d6d6;
border-radius: 3px;
background: #fff;
}
section.eleDownload div.sea input.text{
float: left;
width: 178px;
margin: 0;
padding: 7px 0 8px 7px;
font-size: 13px;
background: #fff;
border: 0;
}
section.eleDownload div.sea input.search{
float: left;
margin: 4px 0 0 0;
background: transparent url(/_simplisite/images/icons.png) 5px -394px no-repeat;
}

section.eleDownload div.box.key{
padding: 8px 0 42px 0;
}
section.eleDownload div.box div.col{
float: left;
width: 25%;
}
section.eleDownload div.key div.col a{
display: block;
padding: 7px 15px 8px 15px;
color: #555;
font-size: 13px;
font-weight: 400;
text-decoration: none;
}
section.eleDownload div.key div.col a:hover{
background: rgba(253,157,33,0.25);
}
section.eleDownload div.key div.col a.active{
color: #fff;
background: rgba(253,157,33,0.75);
}

section.eleDownload div.box.pagin{
/*width: 1180px;*/
height: 60px;
color: #0d0d0d;
font-size: 13px;
font-weight: 400;
text-align: center;
background: rgba(253,157,33,0.25);
}
section.eleDownload div.box.pagin .pagArr{
position: relative;
top: 0;
left: 0;
}
section.eleDownload div.box.pagin .txt{
position: relative;
padding: 23px 0 0 0;
}
section.eleDownload div.box.pagin .pagArr a{
position: absolute;
top: 4px;
left: 18px;
width: 53px;
height: 53px;
background-image: url(/_simplisite/images/simplisiteArrows.png);
background-position: 0 0;
background-repeat: no-repeat;
z-index: 2;
}
section.eleDownload div.box.pagin .pagArr a.next{
left: auto;
right: 18px;
}
section.eleDownload div.box.pagin .pagArr a.back{background-position:0 0px;cursor:default;}
section.eleDownload div.box.pagin .pagArr a.next{background-position:0 -300px;cursor:default;}
section.eleDownload div.box.pagin .pagArr a.back.active{background-position:0 -100px;cursor:pointer;}
section.eleDownload div.box.pagin .pagArr a.next.active{background-position:0 -400px;cursor:pointer;}
section.eleDownload div.box.pagin .pagArr a.back.active:hover{background-position:0 -200px;cursor:pointer;}
section.eleDownload div.box.pagin .pagArr a.next.active:hover{background-position:0 -500px;cursor:pointer;}
@media only screen and (max-width: 800px){
	section.eleDownload div.entry.odd, section.eleDownload div.entry.even{
	float: none;
	width: 100%;
	margin-bottom: 30px;
	}
	section.eleDownload div.box div.col{
	width: 50%;
	}
}

@media only screen and (max-width: 1176px){
	section.eleDownload div.main{
		max-width: 700px;
		margin: 0 auto;
	}
}



/* module form */

section.eleForm > div{
height: 100%;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
section.eleForm div.main{
padding: 60px 7%;
}
section.eleForm div.main h1{
padding: 2px 0;
}
section.eleForm div.main h1{
padding: 0 0 21px 0;
}



section.eleForm .main .text{
padding: 10px 0 10px 0;
color: #555;
font-size: 18px;
font-weight: 400;
line-height: 135%;
}
section.eleForm .main .form input.text, section.eleForm .main .form textarea {
padding: 5px 5px 6px 5px;
color: #222;
font-size: 15px;
background: #fff;
border: 1px solid #c6c6c6;
}
section.eleForm .main .form div .row { padding: 8px 0 5px 0; }
section.eleForm .main .form div .info { padding: 14px 0 5px 0; font-size: 12px; }
section.eleForm .main .form div .entry { padding: 1px 0 5px 0; }
section.eleForm .main .form div .formtitle { padding: 8px 0 14px 0; }
section.eleForm .main .form div .formdescription { padding: 8px 0 14px 0; font-size: 13px; }
section.eleForm .main .form div span { color: #555; }
/* module form box */
section.eleForm .main .form .box {
clear: left;
}
section.eleForm .main .form .box textarea { width: 100%; height: 150px; }
section.eleForm .main .form .box input.text { width: 100%; }
/* module form boxLeft */
section.eleForm .main .form .boxLeft {
clear: left;
float: left;
width: 45%;
min-width: 250px;
}
section.eleForm .main .form .boxLeft textarea { width:  100%; }
section.eleForm .main .form .boxLeft input.text { width:  100%; }
/* module form boxRight */
section.eleForm .main .form .boxRight {
float: right;
width: 45%;
min-width: 250px;
}
section.eleForm .main .form .boxRight textarea { width:  100%; }
section.eleForm .main .form .boxRight input.text { width: 100%; }
section.eleForm .main .send{
padding: 8px 0 10px 0;
}

@media screen and (max-width: 600px){
	section.eleForm .main .form .boxLeft,
	section.eleForm .main .form .boxRight{
		width: 100%;
		float: none;
		min-width: 0;
	}
}

section.eleForm .main .send input.send{
padding: 12px 24px 12px 24px;
color: #fff;
font-size: 15px;
font-weight: 400;
cursor: pointer;
background-color: #00569e;
border: 0;
line-height: 100%;
}
section.eleForm .main .send input.send:hover {
background-color: #00569e;
}
section.eleForm .main .send .msg{
float: right;
width: 770px;
padding: 10px 0 0 0;
color: #222222;
font-size: 18px;
font-weight: 500;
}
@media only screen and (max-width: 800px){
	section.eleForm div.main{
	padding: 60px 30px;
	}
	section.eleForm div.main h1{
	font-size: 38px;
	}
	section.eleForm div.lead{
	font-size: 22px;
	}
	section.eleForm .main .send .msg{
	width: 70%;
	}
}



/* module title */

section.eleTitle > div{
height: 100%;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
section.eleTitle div.main{
padding: 70px 0 70px 0;
}
section.eleTitle div.main h1{
color: #222222;
}
section.eleTitle div.main div.title h1{
padding: 20px 0 60px 0;
}
section.eleTitle div.main div.image{
position: relative;
overflow: hidden;
font-size: 0;
}
section.eleTitle div.main div.image img{
display: block;
margin-left: auto;
margin-right: auto;
height: auto;
}
section.eleTitle div.main div.title{
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: rgba(255,255,255,0.6);
}
section.eleTitle div.lead{
padding: 18px 0 4px 0;
font-size: 20px;
font-family: 'roboto', sans-serif;
text-align: center;
line-height: 135%;
color: #666666;
}
section.eleTitle div.leadimage{
padding: 31px 0 4px 0;
}

*/section.overAllSection.color4 section.eleTitle div.main h1{
	color: white;
}
    
section.overAllSection.color4 section.eleTitle div.lead{
	color: white;
}/*

@media only screen and (max-width: 1176px){
	section.eleTitle > div{
		max-width: 700px;
	}
}

@media only screen and (max-width: 800px){
	section.eleTitle div.main{
	padding: 60px 0;
	}
	section.eleTitle div.main h1{
	font-size: 38px;
	}
	section.eleTitle div.lead{
	font-size: 22px;
	}
    section.eleTitle div.main div.image img{
    width: 100%;
    height: auto;
    }
}



/* module text */

section.eleText div.main{
padding: 70px 0 0 0;
}

section.eleText div.image.left{
float: left;
width: 45%;
padding: 5px 10% 10px 0;
}
section.eleText div.colLeft div.image.left,
section.eleText div.colRight div.image.left{
	width: 100%;
}
section.eleText div.image.right{
float: right;
width: 45%;
padding: 5px 0 10px 10%;
}
section.eleText div.colLeft div.image.right,
section.eleText div.colRight div.image.right{
	width: 100%;
}
section.eleText div.image.portrait.left,
section.eleText div.image.portrait.right,
section.eleText div.colLeft div.image.portrait.left,
section.eleText div.colRight div.image.portrait.right{
	width: 270px;
	padding: 5px 40px 10px 0;
}
section.eleText div.image.portrait.right,
section.eleText div.colRight div.image.portrait.right{
	padding: 5px 0 10px 40px;
}
section.eleText div.image.portrait.left img,
section.eleText div.image.portrait.right img,
section.eleText div.colLeft div.image.portrait.left img,
section.eleText div.colRight div.image.portrait.right img{
	max-width: 270px;
	max-height: 425px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

section.eleText div.image.portrait.left.smal,
section.eleText div.image.portrait.right.smal,
section.eleText div.colLeft div.image.portrait.smal,
section.eleText div.colRight div.image.portrait.smal{
	width: 200px;
	padding: 5px 40px 20px 0;
}
section.eleText div.image.portrait.right.smal,
section.eleText div.colRight div.image.portrait.right.smal{
	padding: 5px 0 20px 40px !important;
}
section.eleText div.image.portrait.left.smal img,
section.eleText div.image.portrait.right.smal img,
section.eleText div.colLeft div.image.portrait.smal img,
section.eleText div.colRight div.image.portrait.smal img{
	max-width: 195px;
	max-height: 270px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

section.eleText div.image.landscape.left.smal,
section.eleText div.image.landscape.right.smal,
section.eleText div.colLeft div.image.landscape.smal,
section.eleText div.colRight div.image.landscape.smal{
	width: 270px;
	padding: 5px 40px 20px 0;
}
section.eleText div.image.landscape.right.smal,
section.eleText div.colRight div.image.landscape.right.smal{
	padding: 5px 0 20px 40px !important;
}

section.eleText div.image.landscape.left.smal img,
section.eleText div.image.landscape.right.smal img,
section.eleText div.colLeft div.image.landscape.smal img,
section.eleText div.colRight div.image.landscape.smal img{
	max-width: 270px;
	max-height: 195px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

section.eleText div.image a img{
width: 100% !important;
height: auto !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
section.eleText div.image p.imageText {
padding: 10px 0 0 0;
font-size: 16px;
line-height: 135%;
}
section.eleText div.text{
margin: 0 0 0 0;
padding: 0 0 70px 0;
}

@media screen and (max-width: 1176px){
	section.eleText div.main{
		max-width: 700px;
		margin: 0 auto;
	}
}



/* module news */

section.eleNews > div{
width: 100%;
max-width: 1140px;
height: 100%;
margin: 0 auto;
}
section.eleNews div.main{
margin: 0 -15px;
padding: 80px 0 80px 0;
}
section.eleNews div.main::after{
clear: both;
content: "";
display: block;
}

section.eleNews div.main .line{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: space-between;
	margin-bottom: 60px;
}
section.eleNews div.main .line:last-child{
	margin-bottom: 0;
}

section.eleNews div.main .line:nth-child(odd){
}
section.eleNews div.main .line:nth-child(even){
}

section.eleNews div.main .line .entry{
/* flex item */
flex: 0 1 1;
/* more */
display:block;
width: 560px;
height: 280px;
box-sizing: border-box;
}
section.eleNews div.main .line .entry:last-child{
	margin-right: 0;
}
section.eleNews .entry .text{
	width: 265px;
	float: right;
	text-align: center;
	padding: 5px 30px 30px 10px;
	box-sizing: border-box;
}
section.eleNews div.main .line:nth-child(even) .entry .text{
	width: 265px;
	float: left;
}
section.eleNews .entry .text .more{
	display: block;
	clear:both;
	padding: 18px 10px 18px 10px;
	color:#ffffff;
	background: #222222;
	margin: 20px 10px 10px 10px;
	border-radius: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 10px;
	vertical-align: middle;
	/*border: 1px solid #222222;*/
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}
section.eleNews .entry:hover .text .more{
	color:#ffffff;
	background: #222222;
	/*border: 2px solid #e0efc9;*/
}
section.eleNews .entry h1.title{
padding: 19px 0 9px 0;
color: #222222;
font-size: 22px;
font-weight: 400;
font-family: 'roboto', sans-serif;
line-height: 135%;
}
section.eleNews .entry div.image{
	width: 275px;
	height: 275px;
	float: left;
	position: relative;
}
section.eleNews div.main .line:nth-child(even) .entry div.image{
	float: right;
}
section.eleNews .entry div.image img{
width: 100%;
height: auto;
}
section.eleNews .entry div.image .imageHover{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow:hidden;
}
section.eleNews .entry div.image .imageHover .imageHoverField{
	background: rgba(34, 34, 34,0.6);
	width: 590px;
	height: 300px;
	position: absolute;
	top: -300px;
	left: -50%;
	transition: all 0.5s;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
}
section.eleNews .entry:hover div.image .imageHover .imageHoverField{
	top: -75%;
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}
section.eleNews .line:nth-child(even) .entry:hover div.image .imageHover .imageHoverField{
	top: -75%;
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
}

section.eleNews .entry div.lead{
font-size: 16px;
font-weight: 300;
line-height: 135%;
color: #666666;
margin-top: 5px;
}
section.eleNews .entry div.lead a{
font-size: 16px;
line-height: 135%;
}

@media only screen and (max-width: 1176px){
	section.eleNews div.main .line{
		max-width: 700px;
		margin: 0 auto;
	}
	section.eleNews div.main .line .entry{
		width: 100%;
		max-width: 695px;
		margin-bottom: 3rem;
		border-bottom: 1px solid;
		height: auto;
	}
	section.eleNews div.main .line .entry.even div.image,
	section.eleNews div.main .line:nth-child(even) .entry.even div.image{
		float: right;
		margin-bottom: 3rem;
	}
	section.eleNews div.main .line .entry.even .text,
	section.eleNews div.main .line:nth-child(even) .entry.even .text{
		float: left;
		margin-bottom: 1rem;
	}
	section.eleNews div.main .line .entry.odd div.image,
	section.eleNews div.main .line:nth-child(even) .entry.odd div.image{
		float: left;
		margin-bottom: 3rem;
	}
	section.eleNews div.main .line .entry.odd .text,
	section.eleNews div.main .line:nth-child(even) .entry.odd text{
		float: right;
		margin-bottom: 1rem;
	}
}
@media only screen and (max-width: 800px){
	section.eleNews div.main .entry,
	section.eleNews div.main .line .entry{
	flex-basis: 33%;
	border-bottom: 0;
	padding-bottom: 0;
	}
	section.eleNews div.main .line .entry.odd div.image, section.eleNews div.main .line:nth-child(even) .entry.odd div.image,
	section.eleNews div.main .line .entry.even div.image, section.eleNews div.main .line:nth-child(even) .entry.even div.image{
		margin-bottom: 0;
	}
	section.eleNews div.main{
		margin: 0;
	}
}
@media only screen and (max-width: 630px){
	section.eleNews div.main .entry,
	section.eleNews div.main .line .entry{
	flex-basis: 40%;
	}
	section.eleNews .entry div.image{
		width: 200px;
		height: 200px;
		float: none !important;
	}
	section.eleNews .entry .text,
	section.eleNews div.main .line .entry.odd .text,
	section.eleNews div.main .line:nth-child(even) .entry.odd text,
	section.eleNews div.main .line .entry.even .text,
	section.eleNews div.main .line:nth-child(even) .entry.even .text{
		width: 100%;
		max-width: 200px;
		float: none !important;
	}
}

@media only screen and (max-width: 480px){
	section.eleNews div.main .entry,
	section.eleNews div.main .line .entry{
	flex-basis: 100%;
	}
	section.eleNews .entry div.image{
		margin: 0 auto;
	}
	section.eleNews .entry .text,
	section.eleNews div.main .line .entry.odd .text,
	section.eleNews div.main .line:nth-child(even) .entry.odd text,
	section.eleNews div.main .line .entry.even .text,
	section.eleNews div.main .line:nth-child(even) .entry.even .text{
		width: 100%;
		max-width: inherit;
		float: none !important;
	}
	section.eleNews .entry .text .more,
	section.eleNews .entry:hover .text .more{
		margin: 0 auto;
		max-width: 200px;
		box-sizing: border-box;
		margin-top: 1rem;
		padding: 10px 5px;
	}
}


/* module news dialog */
div.newsentry{
margin: 0;
padding: 40px;
width: 790px;
height: 550px;
overflow: auto;
}
div.newsentry div.image{
float: left;
padding: 5px 24px 10px 0;
}
div.newsentry div.image img{
width: 100%;
height: auto;
}
div.newsentry div.lead{
padding: 0 0 20px 0;
font-size: 18px;
font-weight: 400;
line-height: 135%;
}
div.newsentry div.text{
color: #555;
font-size: 15px;
font-weight: 400;
line-height: 145%;
}
div.newsentryNav {
width: 820px;
height: 40px;
}
div.newsentryNav div.title {
display: none;
}
div.newsentryNav div.nav {
float: right;
width: 50px;
padding: 5px 0 0 0;
}
div.newsentryNav div.nav a, div.newsentryNav span {
float: left;
width: 22px;
height: 20px;
background: url(/_simplisite/images/bgNewsLastNext.png) 0 100px no-repeat;
}
div.newsentryNav div.nav a.newsLast { background-position:left 0;padding-right:1px; }
div.newsentryNav div.nav a.newsNext { background-position:right 0; }
div.newsentryNav div.nav span.newsLast { background-position:left -20px;padding-right:1px; }
div.newsentryNav div.nav span.newsNext { background-position:right -20px; }
div.newsentryNav div.author {
font-size: 12px;
padding: 9px 0 0 30px;
}
div.newsentryNav div.author a {
color: #222222;
}
@media only screen and (max-width: 800px){
	div.newsentry{
	margin: 0;
	padding: 20px 15px 20px 15px;
	width: 90%;
	height: 90%;
	overflow: auto;
    }
    div.newsentry div.image{
    float: left;
    width: 50%;
    padding: 5px 20px 10px 0;
	}
    div.newsentry div.image img{
    width: 100%;
    height: auto;
    }
    div.newsentry div.lead{
    padding: 0 0 20px 0;
    font-size: 17px;
    }
	div.newsentryNav{
	width: 90%;
	}
}



/* module gallery - gallery */

section.eleGalleyGallery > div{
height: 100%;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
section.eleGalleyGallery div.main{
padding: 60px 0 60px 0;
}
section.eleGalleyGallery div.text{
padding: 0 0 15px 0;
font-size: 18px;
line-height: 145%;
}
section.eleGalleyGallery div.galleryRow{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: flex-start;
}
section.eleGalleyGallery div.galleryRow > div.image{
order: 1;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
}
section.eleGalleyGallery .gallery .image a{
display: block;
font-size: 0;
border: 5px solid transparent;
}
section.eleGalleyGallery .gallery .image a:hover {
border: 5px solid #ffffff;
}
section.eleGalleyGallery .gallery .image a img{
width: 100%;
height: auto;
}
    
    
@media only screen and (max-width: 800px){
	section.eleGalleyGallery .gallery .image a{
    font-size: 0;
    border: 1px solid transparent;
    }
    section.eleGalleyGallery .gallery .image a:hover {
    border: 1px solid #ffffff;
    }
}


/* module gallery diashow */

section.eleGalleyDiashow > div{
height: 100%;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
section.eleGalleyDiashow div.main{
padding: 60px 0;
}
section.eleGalleyDiashow div.text{
padding: 0 0 15px 0;
font-size: 18px;
line-height: 145%;
}
/* jssor slider bullet navigation */
.diapag{
position: absolute;
}
.diapag div, .diapag div:hover, .diapag .av{
position: absolute;
width: 16px;
height: 16px;
background: url(/_simplisite/images/simplisiteGalleryPagination.png) no-repeat;
overflow: hidden;
cursor: pointer;
}
.diapag div { background-position: -7px -7px; }
.diapag div:hover, .diapag .av:hover { background-position: -37px -7px; }
.diapag .av { background-position: -67px -7px; }
.diapag .dn, .diapag .dn:hover { background-position: -97px -7px; }
/* jssor slider arrow navigator */
.dianav-l, .dianav-r{
display: block;
position: absolute;
width: 30px;
height: 46px;
cursor: pointer;
background: url(/_simplisite/images/simplisiteGalleryArrows.png) no-repeat;
overflow: hidden;
}
.dianav-l { background-position: -16px -37px; }
.dianav-r { background-position: -75px -37px; }
.dianav-l:hover { background-position: -136px -37px; }
.dianav-r:hover { background-position: -195px -37px; }
.dianav-l.dianav-ldn { background-position: -256px -37px; }
.dianav-r.dianav-rdn { background-position: -315px -37px; }

/* module gallery banner */
section.eleGalleyBanner div.main div.banner{
height: 70vh;
width: 100%;
overflow: hidden;
visibility:visible !important;
}
section.eleGalleyBanner #eleGallery_2 div.main div.banner{
	height: 35vh;
}

section.eleGalleyBanner div.main div.banner .container > div{
background-position: 50% 50%;
background-attachment: fixed;
background-size: cover;
}
section.eleGalleyBanner div.main.ban{
	position: relative;
}
section.eleGalleyBanner div.main.ban .overBann{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	z-index: 4;
	min-height: 35vw;
	background-size: 100%;
	position: relative;
}

section.eleGalleyBanner div.main.ban .overBann > *{
	text-align: center;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	padding: 100px 0 90px 0;
	max-width: 1130px;
	box-sizing: border-box;
}

.overBann h1{
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8);
	color: white;
	font-weight: 500;
	font-size: 38px;
}
.overBann p{
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8);
    color: white;
}
.overBann a{
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.8);
    color: white;
    font-weight: normal;
}
section.eleGalleyBanner div.main.ban .overBann > * > span{
	padding: 0.75rem 2rem;
    font-family: 'roboto', sans-serif;
	font-size: 36px;
	font-weight: 500;
	line-height: 135%;
    letter-spacing: 0.02em;
	display:inline-block;
}
section.eleGalleyBanner div.main.ban .overBann > * > span.overBannText{
	font-size: 17px;
	font-weight: bold;
	clear: left;
}

@media only screen and (max-width: 1600px){
	section.eleGalleyBanner div.main div.banner{
	height: 730px;
	}
}
@media only screen and (max-width: 1400px){
	section.eleGalleyBanner div.main div.banner{
	height: 730px;
	}
}
@media only screen and (max-width: 1200px){
	section.eleGalleyBanner div.main div.banner{
	height: 600px;
	}
}
@media only screen and (max-width: 1000px){
	section.eleGalleyBanner div.main div.banner{
	height: 500px;
	}
	section.eleGalleyBanner div.main.ban .overBann{
		min-height: 40vw;
	}
}
@media only screen and (max-width: 900px){
	section.eleGalleyBanner div.main div.banner{
	height: 500px;
	}
}
@media only screen and (max-width: 800px){
	section.eleGalleyBanner div.main div.banner
	{
	height: 500px;
	}

	section.eleGalleyBanner div.main.ban .overBann{
		font-size: 0.5em;
	}
	section.eleGalleyBanner div.main.ban .overBann > *{
		padding: 90px 0 30px 0;
	}
}
@media only screen and (max-width: 700px){
	section.eleGalleyBanner div.main div.banner{
	height: 500px;
	}
}
@media only screen and (max-width: 600px){
	section.eleGalleyBanner div.main div.banner{
	height: 500px;
	}
}
@media only screen and (max-width: 500px){
	section.eleGalleyBanner div.main div.banner{
	height: 480px;
	}
}
@media only screen and (max-width: 1176px){
	section.eleGalleyGallery div.main{
	max-width: 1000px;
    padding: 60px 5% 60px 5%;
	}
}
@media only screen and (max-width: 1000px){
	section.eleGalleyGallery div.main{
	max-width: 1000px;
    padding: 60px 1% 60px 1%;
	}
}    
@media only screen and (max-width: 900px){
	section.eleGalleyGallery div.main{
	max-width: 780px;
    padding: 60px 4% 60px 4%;
	}
}    
@media only screen and (max-width: 800px){
	section.eleGalleyGallery div.main{
	max-width: 790px;
    padding: 60px 1% 60px 1%;
	}
}
@media only screen and (max-width: 700px){
	section.eleGalleyGallery div.main{
	max-width: 690px;
    padding: 60px 7% 60px 7%;
	}
}    
    @media only screen and (max-width: 600px){
	section.eleGalleyGallery div.main{
	max-width: 500px;
    padding: 60px 4% 60px 4%;
	}
}    
    @media only screen and (max-width: 400px){
	section.eleGalleyGallery div.main{
	max-width: 390px;
    padding: 60px 0 60px 0;
	}
}    
    @media only screen and (max-width: 320px){
	section.eleGalleyGallery div.main{
	max-width: 260px;
    padding: 60px 18% 60px 18%;
	}
}



/* module html */
section.eleHtml > div{
height: 100%;
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
section.eleHtml{
padding: 25px 0 25px 0;
}

/* modul html calendar */
/* flex parent */
.gcalendar .gcrow{
padding: 0 0 30px 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
align-content: flex-start;
}
/* flex child */
.gcalendar .gcrow > div{
width: 20%;
flex-shrink: 2;
flex-grow: 0;
}
.gcalendar .gcrow .gccont{
width: 60%;
flex-grow: 2;
flex-shrink: 1;
}
.gcalendar .gcrow .gcdate .date, .gcalendar .gcrow .gccont .title, .gcalendar .gcrow .gcwhere .wtit{
color: #f68528;
font-family: 'roboto', "Open Sans",serif;
font-size: 26px;
font-weight: 400;
line-height: 1;
}
.gcalendar .gcrow .gcwhere, .gcalendar .gcrow .gcwhere .wtit{
color: #777;
}

@media only screen and (max-width: 800px){
	.gcalendar .gcrow > div{
	width: 35%;
	}
	.gcalendar .gcrow .gcdate .date, .gcalendar .gcrow .gccont .title, .gcalendar .gcrow .gcwhere .wtit{
	font-size: 22px;
	}
	.gcalendar .gcrow .gcwhere, .gcalendar .gcrow .gcdate .time span{
	display: none;
	}
}




/* module reservation */

div.reservation div.resnav, div.reservation div.resnavMob{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-end;
align-content: flex-start;
}
div.reservation div.resnav > div{
order: 1;
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
align-self: auto;
}
div.reservation div.current{
color: #f58d16;
font-size: 32px;
text-align: center;
line-height: 110%;
}
div.reservation div.prev, div.reservation div.next{
background: #51a4aa;
line-height: 1;
transition: all 0.3s ease 0s;
}
div.reservation div.prev:hover, div.reservation div.next:hover{
background: #368388;
}
div.reservation div.prev a, div.reservation div.next a{
display: block;
padding: 7px 10px;
color: #fff;
font-size: 22px;
line-height: 1;
}

div.reservation div.resvew{
padding: 20px 0 0 0;
}
div.reservation div.resvew table{
width: 100%;
margin: 0;
padding: 0;
background-color: #fff;
line-height: 1;
table-layout: fixed;
}
#page .main div.reservation div.resvew table td{
border: 1px solid #e1e1e1;
line-height: 1;
padding: 0;
text-align: left;
overflow: hidden;
vertical-align: top;
cursor: not-allowed;
outline: 1px solid transparent;
transition: all 0.3s ease 0s;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}
#page .main div.reservation div.resvew table td:hover{
outline: 1px solid #368388;
}
#page .main div.reservation div.resvew table td.fad{
background-color: rgba(255, 255, 255, .5);
color: rgba(85, 85, 85, .5);
}
#page .main div.reservation div.resvew table td.bok{
cursor: pointer;
}
div.reservation div.resvew td .wd{
padding: 2% 3%;
}
div.reservation div.resvew td .dat{
padding: 3%;
font-size: 22px;
}
div.reservation div.resvew td.hld .dat{
background-color: #e1e1e1;
}
div.reservation div.resvew td.jufer .dat{
background-color: #daf2fe;
}
div.reservation div.resvew td.zimmermann .dat{
background-color: #fbcad1;
}
div.reservation div.resvew td.meister .dat{
background-color: #d1efd4;
}
div.reservation div.resvew td .res{
padding: 1%;
min-height: 45px;
}
div.reservation div.resvew td .con{
padding: 2%;
min-height: 40px;
}
div.reservation div.resvew td .dat.loading{
background-image: url(/_simplisite/images/simplisiteIconLoading.gif);
background-position: 96% 50%;
background-repeat: no-repeat;
}
/* dialog */
#fancybox-wrap div.dialogResCon{
height: 300px;
padding: 3%;
font-size: 18px;
overflow-x: hidden;
overflow-y: auto;
}
#fancybox-wrap div.dialogResCon .diaFie{
padding: 0 0 12px 0;
line-height: 135%;
}
#fancybox-wrap div.dialogResCon .diaFie.diaFieDat{
font-size: 28px;
}
#fancybox-wrap div.dialogResCon .diaFie textarea{
width: 100%;
height: 125px;
box-sizing: border-box;
}
#fancybox-wrap div.dialogResBut{
padding: 7px 10px 0 10px;
text-align: right;
}
#fancybox-wrap div.dialogResBut button{
padding: 4px 10px 5px 10px;
color: #fff;
font-size: 14px;
font-weight: 400;
border: 0;
background-color: #51a4aa;
transition: all 0.3s ease 0s;
cursor: pointer;
}
#fancybox-wrap div.dialogResBut button:hover{
background-color: #368388;
}
#fancybox-wrap div.dialogResBut #butDiaClo{
background-color: #ccc;
}
#fancybox-wrap div.dialogResBut #butDiaClo:hover{
background-color: #aaa;
}

@media only screen and (max-width: 800px){
	div.reservation div.resnav{
	display: none;
	}
	div.reservation div.prev2, div.reservation div.prev3, div.reservation div.next2, div.reservation div.next3{
	display: none;
	}
}
@media only screen and (min-width: 801px){
	div.reservation div.resnavMob{
	display: none;
	}
}
@media only screen and (max-width: 999px){
	div.reservation div.current{
	font-size: 22px;
	}
	div.reservation div.prev a, div.reservation div.next a{
	font-size: 18px;
	}
	div.reservation div.resvew td .dat{
	font-size: 15px;
	}
}



/* spezialinhalt randenBelegung */
table.randenBelegungsliste, table.randenAdressliste{
width: 100%;
background: #fff;
}
table.randenBelegungsliste td, table.randenAdressliste td{
padding: 8px 1% 8px 1%;
border-bottom: 1px solid #e1e1e1;
}
table.randenAdressliste td.name{
font-size: 18px;
}




/*
* simplisite (please do not edit)
*/


/* div */
div.error {
padding: 10px;
color: #900;
border: 1px solid #900;
}


/* tooltip (right) */
#ssTooltip {
position: absolute;
margin: -15px 0 0 0;
z-index: 1000000;
}
#ssTooltip div {
position: relative;
}
#ssTooltip .ssTooltipPfeil {
position: absolute;
height: 25px;
width: 20px;
left: 0;
top: 16px;
background: transparent url(/_simplisite/images/simplisiteTooltipL.png) no-repeat scroll 0 0;
z-index: 1000002;
}
#ssTooltip .ssTooltipInhalt {
position: absolute;
min-height: 18px;
min-width: 180px;
left: 19px;
top: 0;
font-family: 'roboto', Arial, sans-serif;
font-size: 16px;
padding: 16px 18px;
background: #fff;
border: 1px solid #959595;
overflow: visible;
z-index: 1000001;
}
#ssTooltip .ssTooltipInhalt .laden {
width: 16px;
height: 16px;
background: transparent url(/_simplisite/images/simplisiteIconLoading.gif) no-repeat scroll 0 0;
}


/* tooltip (left) */
#ssTooltip.left .ssTooltipPfeil{
position: absolute;
left: -12px;
top: 16px;
background: transparent url(/_simplisite/images/simplisiteTooltipR.png) no-repeat scroll 0 0;
z-index: 1000005;
}
#ssTooltip.left .ssTooltipInhalt{
position: absolute;
width: 180px;
left: -229px;
top: 0;
padding: 16px 18px;
overflow: hidden;
}
#ssTooltip div.title{
font-weight: bold;
white-space: nowrap;
}
#ssTooltip div.row{
padding: 0 0 3px 0;
background: none;
}
#ssTooltip div.row.spa{
height: 10px;
}
#ssTooltip .des{
font-size: 12px;
color: #686e72;
}
#ssTooltip .ssTooltipInhalt table td{
padding: 0 5px 0 0;
}


/* button */
a.button, a.buttonM {
cursor: pointer;
float: left;
margin: 0 0 0 10px;
text-decoration: none;
}
.off a.button, .off a.buttonM {
cursor: default;
}
a.button span.a, a.buttonM span.a {
float: left;
height: 24px;
width: 5px;
background: transparent url(/_simplisite/images/simplisiteIcons.png) 0 0 no-repeat;
}
a.button:hover span.a { background-position: 0 -150px; }
.off a.button span.a { background-position: 0 -300px; }
a.buttonM span.a { background-position: 0 -450px; }
a.buttonM:hover span.a, a.buttonM:focus span.a { background-position: 0 -600px; }
.off a.buttonM span.a { background-position: 0 -750px; }
a.button span.b, a.buttonM span.b {
float: left;
min-width: 50px;
height: 18px;
padding: 6px 1px 0 3px;
color: #fff;
font-size: 11px;
line-height: 100%;
text-align: center;
text-decoration: none;
background: transparent url(/_simplisite/images/simplisiteIcons.png) 0 -50px repeat-x;
}
a.button:hover span.b { background-position: 0 -200px; }
.off a.button span.b { background-position: 0 -350px; }
a.buttonM span.b { background-position: 0 -500px; }
a.buttonM:hover span.b, a.buttonM:focus span.b { background-position: 0 -650px; }
.off a.buttonM span.b { background-position: 0 -800px; }
a.button span.c, a.buttonM span.c {
float: left;
height: 24px;
width: 7px;
background: transparent url(/_simplisite/images/simplisiteIcons.png) right -100px no-repeat;
}
a.button:hover span.c { background-position: right -250px; }
.off a.button span.c { background-position: right -400px; }
a.buttonM span.c { background-position: right -550px; }
a.buttonM:hover span.c, a.buttonM:focus span.c { background-position: right -700px; }
.off a.buttonM span.c { background-position: right -850px; }


/* dialog */
#dialogLogin {
padding: 160px 120px 0 100px;
color: #535353;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #fff url(/_simplisite/images/simplisiteLogo.png) 115px 25px no-repeat;
}
#dialogLogin div.row {
clear: both;
padding: 5px 0 5px 15px;
font-size: 11px;
}
#dialogLogin input.text {
width: 120px;
font-family: Arial, Helvetica, sans-serif;
}


/*
fancybox
Version: 1.3.4 (11/11/2010)
Requires: jQuery v1.3+
*/
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(/_simplisite/images/fancybox.png);
}
#fancybox-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url(/_simplisite/images/fancybox.png) -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #555;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url(/_simplisite/images/blank.gif);
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1010;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url(/_simplisite/images/fancybox-x.png);
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url(/_simplisite/images/fancybox-y.png);
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url(/_simplisite/images/fancybox-x.png);
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url(/_simplisite/images/fancybox-y.png);
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url(/_simplisite/images/fancybox.png);
background-position: -40px -122px;
}
#fancybox-title {
font-family: 'roboto', Helvetica;
font-size: 12px;
z-index: 1102;
}
#fancybox-title-inside {
display: block;
padding: 5px 0 0 0;
color: #555555;
font-size: 14px;
line-height: 150%;
text-align: left;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url(/_simplisite/images/fancy_title_over.png);
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url(/_simplisite/images/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url(/_simplisite/images/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url(/_simplisite/images/fancybox.png) -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_simplisite/images/fancy_shadow_nw.png', sizingMethod='scale'); }


/* HTML FLEX */

.flex-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.flex-item {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	max-width: 250px;
	cursor:pointer;
	text-align: center;
	padding: 15px 15px 35px 15px;
	border-radius: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	box-sizing: border-box;
	margin: 0 12px;
	color: #ffffff;
	font-weight: normal;
}
.flex-item:hover{
	background: rgba(9,99,174,0.5);
    transition: 1.5s;
}
.flex-item > .text{
	font-size: 18px;
	line-height:1.3em;
    color: #e9e9e9;
}
.flex-item > .icon{
	display: inline-block;
	float: none;
	width: 130px;
	height: 130px;
	background-image: url(/_simplisite/images/bg_icon.php?ico=tree&col=ffffff);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;

	margin-bottom: 20px;
}
.flex-item > .icon:before{
	content: "";
	width: 1px;
	height: 1px;
	visibility: hidden;
	background-image: url(/_simplisite/images/bg_icon.php?ico=tree&col=222222);
}
.flex-item:hover > .icon{
	background-image: url(/_simplisite/images/bg_icon.php?ico=tree&col=222222);
}
.flex-item > .icon.one{
	background-image: url(/_simplisite/images/action1.svg);
 }   
.flex-item > .icon.two{
	background-image: url(/_simplisite/images/action2.svg);
}
.flex-item > .icon.three{
	background-image: url(/_simplisite/images/action3.svg);
}
.flex-item > .icon.four{
	background-image: url(/_simplisite/images/action4.svg);;

}

}

@media only screen and (max-width: 1176px){
	.flex-container{
		max-width: 700px;
		margin: 0 auto;
		-webkit-justify-content: space-between;
		-ms-flex-pack: space-between;
		justify-content: center;
	}
	.flex-item{
		max-width: 170px;
		margin: -10px 5px;
        padding: 0 10px;
    }
	.flex-item > .icon{
		width: 80px;
		height: 80px;
        margin: 0 10px;
	}
	.flex-item > .text{
		font-size: 15px;
	}
}
@media only screen and (max-width: 630px){
	.flex-container{
		padding: 0 1rem;
	}
	.flex-item{
		width: 100%;
		max-width: inherit;
		display: table;
        padding: 0 35px 0 20px;
	}
	.flex-item > .icon{
	margin-bottom: 10px;
    }
	.flex-item > .text{
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		margin: 0;
	}
	.flex-item > .icon{
		width: 80px;
		height: 80px;
	}
	.flex-item > .text{
		padding-left: 1rem;
	}
}

.wrapperLogin .eleLogin{
	font-family: Arial, sans-serif !important;
}