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

@font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/03ff77/00000000000000003b9b0934/27/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/03ff77/00000000000000003b9b0934/27/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/03ff77/00000000000000003b9b0934/27/a?subset_id=2&fvd=n4&v=3) format("opentype");font-weight:400;font-style:normal;}@font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/faad97/00000000000000003b9b0932/27/l?subset_id=2&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/faad97/00000000000000003b9b0932/27/d?subset_id=2&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/faad97/00000000000000003b9b0932/27/a?subset_id=2&fvd=n3&v=3) format("opentype");font-weight:300;font-style:normal;}@font-face{font-family:proxima-nova;src:url(https://use.typekit.net/af/bd46a5/00000000000000003b9b0936/27/l?subset_id=2&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/bd46a5/00000000000000003b9b0936/27/d?subset_id=2&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/bd46a5/00000000000000003b9b0936/27/a?subset_id=2&fvd=n5&v=3) format("opentype");font-weight:500;font-style:normal;}

/* 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%;
font: inherit;
vertical-align: baseline;
}*/
/* HTML5 display-role reset for older browsers */

@font-face {
	font-family: "iconfont2";
	src:url("iconfont1.eot");
	src:url("iconfont1.eot?#iefix") format("embedded-opentype"),
		url("iconfont1.ttf") format("truetype"),
		url("iconfont1.svg#iconfont1") format("svg"),
		url("iconfont1.woff") format("woff");
	font-weight: normal;
	font-style: normal;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
position: relative;
}
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: 600;
text-align: center;
line-height: 130%;
background: #efefef;
border: 1px solid #d5d5d5;
}
#page .main table td{
padding: 15px;
text-align: center;
line-height: 130%;
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(68, 68, 68,1);
}
section.overAllSection.color2{
	background: rgba(164, 199, 14,1);
}
section.overAllSection.color3{
	background: rgba(171, 88, 158,1);
}
section.overAllSection.color4{
	background: rgba(238, 238, 238,1);
}
section.overAllSection > .wrapperLogin{
	top: inherit;
}
section.overAllSection > .wrapperLogin .eleLogin{
	right: 0;
	width: 185px;
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}
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(0,118,186,0.5);
}

/* basic */

html, body{
height: 100%;
}
body{
margin: 0;
padding: 0;
color: #555;
font-size: 15px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
background: #e4e4e4 url(/download/-2) 0 0 repeat;
}
p,h1,h2,h3,h4,h5,h6{
	-webkit-margin-before: 0em;
		-webkit-margin-after: 0em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
}
h1{
padding: 5px 0 10px 0;
color: #e0cf9c;
font-weight: 400;
font-size: 28px;
font-family: "Open Sans", sans-serif;
line-height: 120%;
text-transform: uppercase;
}
h2{
padding: 3px 0 10px 0;
color: #e0cf9c;
font-weight: 400;
font-size: 36px;
font-family: "Open Sans", sans-serif;
line-height: 120%;
}
h3{
padding: 2px 0 10px 0;
color: #333;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
}
h4{
padding: 1px 0 7px 0;
color: #555;
font-weight: 600;
font-size: 18px;
font-family: "Open Sans", sans-serif;
line-height: 120%;
}
/*a{
color: #0097d9;
text-decoration: none;
}
a:hover{
color: #555;
}*/

a, a:hover {
		outline: none;
		text-decoration: underline;
		color: #b5a36e;
}

a:focus{
outline: 0;
}



.btn, .btn:hover {
		display: inline-block;
		margin: 5px 10px 5px 0px;
		padding: 10px 10px 8px;
		color: #ffffff;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		line-height: 0.9em;
		background: #333333;
		border: 0px solid #ccc;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		text-decoration: none;
		outline: none;
}
.btn:hover {
		background: #555;
}




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;
}
label{
padding: 0 0 0 3px;
}


/* formatierungen */
div.text a{
text-decoration: none;
}
p{
padding: 0 0 9px 0;
}
p.style_leadcolor{
color: #c60e00;
font-size: 18px;
font-weight: 400;
line-height: 135%;
}
p.style_lead{
color: #555;
font-size: 18px;
font-weight: 400;
line-height: 135%;
}
p.style_klein{
padding: 0 0 9px 0;
color: #555;
font-size: 12px;
font-weight: 400;
line-height: 150%;
}
p.style_box{
margin: 7px 0 16px 0;
padding: 15px 20px 20px 20px;
color: #c60e00;
font-size: 15px;
font-weight: 300;
background: #f0f0f0;
}
p.style_box:first-child { margin-top:0; }
div div.text ul { list-style:disc outside;padding:0 0 9px 25px;overflow:hidden; }
div div.text ul ul{ list-style:circle;padding:0 0 9px 25px;overflow:hidden; }
div div.text ol {list-style:decimal outside;padding:0 0 9px 30px;overflow:hidden; }
div div.text ul > li {margin:0;padding:10px 0; }
div div.text ul > li ul li {margin:0;padding:2px 0; }
div div.text ol li {margin:0;padding:2px 0; }
div div.text strong { font-weight:bold; }
div div.text em { font-style:italic; }
div div.text code { color:#222;font-family:Courier,monospace; }



/* id */
#wrapper{
margin: 0 auto;
background: #fff;
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

#pageHeadLink a{
display: block;
height: 177px;
width: 1180px;
}
#pageHeadLink a img{
width: 1180px;
}
.pageHeadImage{
	height: 50vh;
		min-height: 35%;
		background-image: url(../images/head-texte.png);
		background-color: #e0cf9c;
		background-size: cover;
		background-position: center 40px;
		position: relative;
}

#menuWrapper{
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
border-bottom: 1px solid #ccc;
-moz-box-shadow: 0 0 14px rgba(17, 17, 17, 0.2);
-webkit-box-shadow: 0 0 14px rgba(17, 17, 17, 0.2);
box-shadow: 0 0 14px rgba(17, 17, 17, 0.2);
z-index: 570;
padding: 10px;
}
#menuSmall{
display: none;
}
#menu{
display:block;
position: relative;
float: right;
padding-right: 10px;
}
#breadcrumb{
clear: both;
height: 20px;
margin: 0;
padding: 0 145px;
}
#breadcrumb a{
color: #555;
font-size: 13px;
font-weight: 400;
}
#breadcrumb a.active{
color: #c60e00;
font-weight: 600;
}
#breadcrumb span{
padding: 0 4px;
font-size: 13px;
background: transparent url(../images/icons.png) 3px -195px no-repeat;
}

#page{
margin: 0;
}

#pageFoot div.foot{
height: 25px;
margin: 0;
padding: 20px 30px 0 30px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 12px;
background: #c60e00 url(../images/bgShade.png) center 0 no-repeat;
}
#pageFoot div.foot a{
color: #fff;
font-family: "Open Sans", sans-serif;
text-decoration: none;
}
#pageEnd{
padding: 0 0 60px 0;
background: #c60e00;
}
#pageEnd div{
height: 16px;
margin: 0;
}

.blackarea, .blackarea:hover{
	width: 100%;
		min-height: 100px;
		padding: 60px 0px 60px 0px;
		background: #333 !important;
		display: block;
		clear: both;
		font-weight: lighter;
	color: #9f9f9f;
}
.blackarea .cnt{
	display: block;
	width: 100%;
	max-width: 950px;
	box-sizing: border-box;
		margin: 0px auto;
}
.blackarea .cnt:after{
	content: "";
	clear:both;
	display:block;
}
.blackarea .locgrand {
		width: 100%;
	max-width: none;
		clear: both;
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
		background: #fff;
	box-sizing: border-box;
}
.blackarea .locgrand .cnt{
	max-width: 900px;
}
.blackarea .cnt .contentleft, .blackarea .cnt .contentright {
		text-align: left;
}
.blackarea .cnt .contentleft {
		float: left;
		width: 46%;
		text-align: justify;
		margin-right: 60px;
		margin-bottom: 40px;
}
.blackarea .locgrand .cnt span {
		float: left;
		width: 18%;
		border-left: 1px solid #666;
		padding-left: 7px;
		font-size: 0.9em;
		margin-right: 7px;
}
.blackarea form{
	text-align: left;
}
.blackarea #input-form{
		padding: 0px 10px 0px 0px;
		font-size: 16px;
		color: #E3DFDC;
	box-sizing: border-box;
	width: 100%;
	max-width: 280px;
}
.blackarea #send-form {
		float: left;
		padding: 0px 10px 0px 0px;
		font-size: 16px;
		color: #E3DFDC;
}
.blackarea input[type=text], .blackarea textarea, .blackarea select {
	display: block;
		padding: 6px 8px;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 20px;
		color: #555555;
		vertical-align: middle;
		background: #555;
		border: none !important;
		text-align: left !important;

		color: #eee;
	width: 100%;
	box-sizing: border-box;
	box-shadow: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
	outline: none;
	clear:both;
}

.blackarea .mapInfo {
		display: none;
}

.searchbar{
	text-align: center;
		margin-bottom: 2em;
}
.searchbar input{
	border: none;
		border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
		display: inline-block;
		outline: 0;
		padding: 15px;
		text-transform: uppercase;
		vertical-align: middle;
		-webkit-tap-highlight-color: transparent;
	text-decoration: none;
		color: #999;
		text-align: center;
		letter-spacing: .5px;
		transition: .2s ease-out;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.2);
}
.hiddensearch{
	margin: 0 !important;
		padding: 0 !important;
		opacity: 0;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		flex-grow: 0 !important;
		-webkit-flex-grow: 0 !important;
		max-width: 0 !important;
		max-height: 0 !important;
		overflow:hidden !important;
	display:none;
}

.bttn{
	border: none;
		border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
		display: inline-block;
		outline: 0;
		padding: 15px;
		text-transform: uppercase;
		vertical-align: middle;
		-webkit-tap-highlight-color: transparent;
	text-decoration: none;
		color: #fff;
		background-color: Array;
		text-align: center;
		letter-spacing: .5px;
		transition: 0.1s ease-out;
		-webkit-transition: 0.1s ease-out;
		-moz-transition: 0.1s ease-out;
		cursor: pointer;
	box-sizing: border-box;
	border: 1px solid Array;
	-webkit-user-select:none;
	-moz-user-select:none;
	margin: 5px 10px;
}

.bttn.wide{
	width: 100%;
}
.bttn.rem{
	display:block;
	width: auto;
	margin: 1rem;
}

.bttn.transparent{
	background: none;
	color: #000;
	border-color: rgba(0,0,0,0.2);
}
.bttn.transparent:hover{
	background-color: rgba(0,0,0,0.1);
}

.bttn.good{
	background: #558b2f;
	color: #fff;
	border-color: #558b2f;
}
.bttn.bad{
	background: #b71c1c;
	color: #fff;
	border-color: #b71c1c;
}
.bttn.warning{
	background: #ffc400;
	color: #000;
	border-color: #ffc400;
}



/* menu */
div.menu{
float: left;
color: #4b4b4b;
}
div.menu span{
height: 38px;
display: block;
min-width: 10px;
padding: 21px 15px 0 15px;
color: #555;
font-size: 16px;
font-weight: 400;
font-family: "Open Sans", sans-serif;
}
div.menu a{
display: block;
padding: 17px 0px 17px 0px;
margin: 0px 20px 0px 20px;
color: #333;
text-decoration: none;
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
font-weight: lighter;
}
div.menu a:hover{
color: #e0cf9c;
}


/* submenu */
#menu div.submenu, #mobilemenu div.submenu{
position: absolute;
top: 59px;
left: 0;
width: 790px;
margin: 0;
padding: 25px 0 25px 25px;
background: #fff;
border: 1px solid #b5b5b5;
border-radius: 3px;
-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2);
box-shadow: 0 5px 5px rgba(0,0,0,0.2);
z-index: 1000;
}
#menu .submenu div.smenu, #mobilemenu .submenu div.smenu{
float: left;
width: 153px;
}
#menu .submenu div.smenu a, #menu .submenu div.ssmenu a, #menu .submenu div.smenu span, #menu .submenu div.ssmenu span,
#mobilemenu .submenu div.smenu a, #mobilemenu .submenu div.ssmenu a, #mobilemenu .submenu div.smenu span, #mobilemenu .submenu div.ssmenu span
{
display: block;
height: auto;
padding: 5px 10px;
color: #555;
font-size: 16px;
font-weight: 600;
text-decoration: none;
line-height: 130%;
}
#menu .submenu div.ssmenu a, #menu .submenu div.smenu.active div.ssmenu a,
#mobilemenu .submenu div.ssmenu a, #mobilemenu .submenu div.smenu.active div.ssmenu a
{
color: #555;
font-size: 13px;
font-weight: 400;
line-height: 140%;
}
#menu .submenu div.smenu a:hover, #menu .submenu div.ssmenu a:hover{
background: #eee;
}
#menu .submenu div.smenu.active a{
color: #c60e00;
}
#menu .submenu div.smenu.active div.ssmenu.active a{
color: #c60e00;
}
#menu div.pot{
position: relative;
left: 50%;
top: 0;
width: 0;
height: 0;
margin-left: -11px;
font-size: 0;
}
#menu div.pot div{
position: absolute;
top: 0;
width: 20px;
height: 11px;
margin-top: -10px;
z-index: 1001;
}


/* spezial */


/* module general */
section.ele{
	padding: 60px 0;
}
section.ele > *{
	width: 100%;
	max-width: 950px;
	padding: 25px;
	margin: 0px auto;
	box-sizing: border-box;
}
section.ele > .eleLogin{
	padding: 0;
	margin: 0 0 0 150px;
}
#page section.ele:nth-child(odd){
	background: #f0e9e3;
}
#page section.ele:nth-child(even){
	background: #ffffff;
}
#page section.ele:first-child{
	background: #e0cf9c url(../images/ahbm-head-normal-web.jpg) center no-repeat;
	background-size: cover;
}
#page section.ele:nth-child(2), #page section.ele:nth-child(2) div.text {
	background: #333;
	color: #9f9f9f !important;
}
#page section.ele:nth-child(2) .listungtitle {
	color: #e0cf9c !important;
}
#page section.ele:nth-child(3),#page section.ele:nth-child(5),#page section.ele:nth-child(6),#page section.ele:nth-child(7){
	background: #f0e9e3;
}
#page section.ele:nth-child(3) h1{
	color: #333 !important;
}

.idis_home_impressum section.ele{
	background: none !important;
}

section.ele.colLeft{
float: left;
width: 421px;
padding: 10px 0 0 145px;
margin: 0 0 10px 0;
}
section.ele.colRight{
float: right;
width: 421px;
padding: 10px 145px 0 0;
margin: 0 0 10px 0;
}


/* domain icons */
a.domicon {
float: left;
min-width: 20px;
min-height: 12px;
padding: 1px 0 6px 24px;
color: #555;
font-size: 15px;
text-decoration: none;
background: transparent url(../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;
}


/* google calendar */
.gcalendar .gcrow{
padding: 22px 22px 22px 22px;
font-size: 13px;
line-height: 150%;
}
.gcalendar .gcrow.odd{
background: #f0f0f0;
}
.gcalendar .gcrow div.gcdate{
float: left;
width: 200px;
padding: 0 10px 0 0;
}
.gcalendar .gcrow div.gccont{
float: left;
width: 420px;
padding: 0 48px 0 0;
}
.gcalendar .gcrow div.gcwhere{
float: left;
padding: 0;
color: #555;
font-size: 18px;
font-weight: 400;
line-height: 135%;
}
.gcalendar .gcrow div.gcdate p.date{
color: #c60e00;
font-size: 22px;
font-weight: 400;
line-height: 135%;
}
.gcalendar .gcrow div.gccont p.title{
color: #c60e00;
font-size: 18px;
font-weight: 400;
line-height: 135%;
}
.gcalendar .gcrow div.gccont p.text{
color: #555;
font-size: 14px;
font-weight: 400;
line-height: 145%;
}


/* module beitrag */
section.eleBeitrag{
clear: left;
}
section.eleBeitrag div.beitragNeu{
margin: 0;
padding: 0;
background: #dae7f6;
}
section.eleBeitrag div.beitragNeu a{
display: block;
padding: 10px 38px 12px 38px;
color: #19579c;
font-size: 13px;
font-family: "Open Sans", sans-serif;
text-decoration: none;
background: #dae7f6 url(../images/icons.png) 6px -95px no-repeat;
}
section.eleBeitrag div.beitragNeu a:hover{
background: #dae7f6 url(../images/icons.png) 6px -145px no-repeat;
}
section.eleBeitrag form.beitragForm{
margin: 0;
padding: 20px;
background: #dae7f6;
border: 1px solid #9fbcde;
}
section.eleBeitrag form.beitragForm input.text, form.beitragForm textarea{
width: 505px;
border: 1px solid #9fbcde;
}
section.eleBeitrag form.beitragForm .bez{
clear: left;
float: left;
width: 90px;
padding: 3px 12px 12px 0;
text-align: right;
}
section.eleBeitrag form.beitragForm .inp{
float: left;
width: 515px;
padding: 0 0 12px 0;
}
section.eleBeitrag form.beitragForm .beitragSend{
float: right;
width: 74px;
}
section.eleBeitrag form.beitragForm .beitragSend input{
margin: 0;
padding: 2px 10px 4px 10px;
color: #fff;
font-size: 12px;
font-family: "Open Sans", sans-serif;
background: #1d599e url(../images/icons.png) 0 -500px repeat-x;
border: 1px solid #4b7db6;
}
section.eleBeitrag form.beitragForm .beitragSend input:hover{
background: #1d599e url(../images/icons.png) 0 -550px repeat-x;
}
section.eleBeitrag form.beitragForm .beitragMsg{
float: left;
width: 425px;
padding: 6px 0 0 0;
min-height: 20px;
font-size: 14px;
font-weight: bold;
}
section.eleBeitrag form.beitragForm div.imageEntry{
clear: left;
margin: 0 0 10px 0;
}
section.eleBeitrag form.beitragForm div.imageEntry .image{
float: left;
width: 120px;
height: 80px;
padding: 0 10px 0 0;
font-size: 0;
text-align: center;
}
section.eleBeitrag form.beitragForm .icon {
float: left;
width: 24px;
height: 24px;
background: transparent url(../images/simplisiteIcons.png) -30px 0 no-repeat;
}
section.eleBeitrag form.beitragForm .icon.delete { background-position: 0 -1400px; }
section.eleBeitrag form.beitragForm .icon.delete:hover { background-position: 0 -1450px; }
section.eleBeitrag form.beitragForm .domicon.checkbox{ background-position: 0 1px; }
section.eleBeitrag form.beitragForm .domicon.checkbox.active{ background-position: 0 -49px; }


section.eleBeitrag .beitragentry{
padding: 7px 12px 24px 25px;
background: #fcf1e2 url(../images/bgBeitrag.jpg) 0 0 repeat;
border-top: 1px solid #d6b484;
}
section.eleBeitrag .beitragentry .autor{
color: #c60e00;
font-size: 12px;
text-align: right;
}
section.eleBeitrag .beitragentry .titel{
padding: 6px 0 15px 0;
color: #c60e00;
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 130%;
}
section.eleBeitrag .beitragentry .bild{
float: right;
width: 214px;
padding: 0 20px 0 25px;
}
section.eleBeitrag .beitragentry .bild.portrait{
width: 181px;
padding: 0 20px 0 58px;
}
section.eleBeitrag .beitragentry .text{
font-size: 14px;
line-height: 140%;
}
section.eleBeitrag .beitragentry .gallerie{
padding: 25px 25px 0 43px;
}
section.eleBeitrag .beitragentry .gallerie .bk{
float: left;
width: 119px;
height: 119px;
padding: 0 17px 15px 0;
}
section.eleBeitrag .beitragentry .gallerie .bk a{
display: block;
font-size: 0;
border: 1px solid #f3e8d8;
}
section.eleBeitrag .beitragentry .gallerie .bk.landscape a { margin: 15px 0 0 0; }
section.eleBeitrag .beitragentry .gallerie .bk.portrait a { margin: 0 15px 0 15px; }
section.eleBeitrag .beitragentry .gallerie .bk a:hover {
border: 1px solid #c60e00;
}

/* login dialog warning */
#dialogHeadWarn {
height: 23px;
padding: 8px 10px 0 10px;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: bold;
background: #0076ba url(../images/simplisiteDialogHeadWarn.png) 0 0 no-repeat;
}
#dialogContent.warn {
height: 109px;
padding: 20px 10px 0 70px;
line-height: 150%;
background: #fff url(../images/simplisiteDialogContentWarn.png) 0 15px no-repeat;
}



/* module download */
section.eleDownload{
margin-top: 24px;
padding: 27px 145px 0 145px;
background: #f0f0f0;
}
section.eleDownload.single{
background: #fff;
}
section.eleDownload .main{
font-size: 12px;
line-height: 110%;
}
section.eleDownload .main a{
text-decoration: none;
}
section.eleDownload div.entry.full, section.eleDownload div.entry.odd, section.eleDownload div.entry.even{
float: left;
width: 421px;
padding: 0 24px 0 0;
}
section.eleDownload div.entry.odd{
clear: left;
margin: 0;
}

section.eleDownload .main a.image{
float: left;
width: 72px;
min-height: 100px;
padding: 3px 0 0 0;
margin: 0 0 45px 0;
}
section.eleDownload .main div.title{
margin: 0 0 0 96px;
padding: 0 0 9px 0;
color: #c60e00;
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
section.eleDownload .main div.text{
margin: 0 0 0 96px;
padding: 0 0 10px 0;
color: #555;
font-size: 13px;
font-weight: 400;
line-height: 145%;
}
section.eleDownload .main div.filename{
margin: 0 0 0 96px;
padding: 0 0 30px 0;
}
section.eleDownload .main div.filename a{
color: #555;
font-size: 13px;
font-weight: 600;
line-height: 130%;
}

section.eleDownload div.box{
margin: 0 0 10px 0;
}

section.eleDownload div.box.search{
margin: 3px 0 5px 0;
}
section.eleDownload div.box div.res{
float: right;
padding: 9px 0 10px 20px;
}
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(../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: 222px;
}
section.eleDownload div.key div.col a{
display: block;
padding: 7px 24px 8px 24px;
color: #555;
font-size: 13px;
font-weight: 400;
text-decoration: none;
}
section.eleDownload div.key div.col a:hover{
background: #dfdfdf;
}
section.eleDownload div.key div.col a.active{
color: #fff;
background: #b4b4b4;
}

section.eleDownload div.box.pagin{
width: 1180px;
height: 67px;
margin: 0 0 0 -145px;
color: #0d0d0d;
font-size: 13px;
font-weight: 400;
text-align: center;
background: #dfdfdf;
}
section.eleDownload div.box.pagin .pagArr{
position: relative;
top: 0;
left: 0;
}
section.eleDownload div.box.pagin .txt{
position: relative;
padding: 25px 0 0 0;
}
section.eleDownload div.box.pagin .pagArr a{
position: absolute;
top: 7px;
left: 151px;
width: 53px;
height: 53px;
/* background: transparent url(../images/icons.png) -100px 0 no-repeat; */
background-image: url(../images/simplisiteArrows.png);
background-position: 0 0;
background-repeat: no-repeat;
z-index: 2;
}
section.eleDownload div.box.pagin .pagArr a.next{
left: 977px;
}
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;}


/* module form */
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-family: "Open Sans", sans-serif;
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; font-weight: bold; }
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: 870px; height: 150px; }
section.eleForm .main .form .box input.text { width: 870px; }
/* module form boxLeft */
section.eleForm .main .form .boxLeft {
clear: left;
float: left;
width: 444px;
}
section.eleForm .main .form .boxLeft textarea { width: 310px; }
section.eleForm .main .form .boxLeft input.text { width: 310px; }
/* module form boxRight */
section.eleForm .main .form .boxRight {
float: left;
width: 445px;
}
section.eleForm .main .form .boxRight textarea { width: 310px; }
section.eleForm .main .form .boxRight input.text { width: 310px; }
section.eleForm .main .send{
padding: 8px 0 10px 0;
}
section.eleForm .main .send input.send{
padding: 8px 20px 10px 20px;
color: #fff;
font-size: 15px;
font-weight: 400;
cursor: pointer;
background-color: #8a8a8a;
background-image: linear-gradient(top, #c2c2c2, #8a8a8a);
background-image: -o-linear-gradient(top, #c2c2c2 0%, #8a8a8a 100%);
background-image: -moz-linear-gradient(top, #c2c2c2 0%, #8a8a8a 100%);
background-image: -webkit-linear-gradient(top, #c2c2c2 0%, #8a8a8a 100%);
background-image: -ms-linear-gradient(top, #c2c2c2 0%, #8a8a8a 100%);
background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#c2c2c2),to(#8a8a8a));
border: 0;
line-height: 100%;
}
section.eleForm .main .send input.send:hover {
background-color: #7a7a7a;
background-image: linear-gradient(top, #b2b2b2, #7a7a7a);
background-image: -o-linear-gradient(top, #b2b2b2 0%, #7a7a7a 100%);
background-image: -moz-linear-gradient(top, #b2b2b2 0%, #7a7a7a 100%);
background-image: -webkit-linear-gradient(top, #b2b2b2 0%, #7a7a7a 100%);
background-image: -ms-linear-gradient(top, #b2b2b2 0%, #7a7a7a 100%);
background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#b2b2b2),to(#7a7a7a));
}
section.eleForm .main .send .msg{
float: right;
width: 770px;
padding: 10px 0 0 0;
color: #c60e00;
font-size: 18px;
font-weight: 600;
}


/* module title */
section.eleTitle{
margin: 0;
padding-bottom: 0;
}
section.eleTitle + section.ele{
	padding-top: 0;
	padding-bottom: 0;
}
section.eleTitle > div{
	padding-bottom: 0;
}
section.eleTitle h1{
padding: 5px 0 10px 0;
		color: #333;
		font-weight: 400;
		font-size: 28px;
		font-family: "Open Sans", sans-serif;
		line-height: 120%;
		text-align: center;
		margin-bottom: 30px;
		text-transform: uppercase;
}
section.eleTitle div.lead {
padding: 0 0 10px 0;
color: #555;
font-size: 18px;
font-weight: 400;
line-height: 140%;
text-align: center;
}
section.eleTitle div.image {
padding: 18px 0 10px 0;
text-align: center;
}
section.eleTitle div.image img{
	width: 100%;
	max-width: 600px;
	height: auto;
	outline: none;
	border: 0;
}


/* module text */
section.eleText{
margin: 0 0 0 0;
}
section.eleText.colLeft div.main, section.eleText.colRight div.main{
padding: 0 0 25px 0;
}
section.eleText div.image.left {
float: left;
padding: 5px 24px 10px 0;
}
section.eleText div.image.right {
float: right;
padding: 5px 0 10px 24px;
}
section.eleText div.image p.imageText {
padding: 5px 0 0 0;
font-size: 11px;
line-height: 130%;
}
section.eleText div.text{
padding: 0;
color: #555;
font-size: 15px;
font-weight: 400;
line-height: 145%;
text-align: justify;
}
div.text ul, div.text ol{
	display:block;
	margin: 0 auto;
	max-width: 500px;
}
section.eleText h1{
	text-align: center;
}


/* module news */
section.eleNews div.newstitle{
	padding: 5px 0 10px 0;
		color: #333;
		font-weight: 400;
		font-size: 28px;
		font-family: "Open Sans", sans-serif;
		line-height: 120%;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
}
section.eleNews div.entry{
float: left;
/*width: 420px;
height: 188px;*/
}
section.eleNews div.entry h1.title{
padding: 2px 0 10px 0;
color: #333;
font-size: 1.2em;
font-weight: bold;
}
section.eleNews div.entry div.image{
	height: 232px;
	margin-bottom: 10px;
}
section.eleNews div.entry div.image a{
	display:block;
}
section.eleNews div.entry div.image a img{
	width: auto !important;
	height: auto !important;
	max-height: 100%;
	max-width: 100%;
}
section.eleNews div.entry div.lead, section.eleNews div.entry h1.title{
	max-width: 348px;
}
section.eleNews div.entry div.lead a{

}
div.owl-item{
	text-align: center;
}
div.owl-item > div.entry{
	display: inline-block;
	float:none;
	text-align: left;
}

/* module listung */
section.eleListung div.listungtitle{
	padding: 5px 0 10px 0;
		color: #333;
		font-weight: 400;
		font-size: 28px;
		font-family: "Open Sans", sans-serif;
		line-height: 120%;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
}
section.eleListung div.entry{
float: left;
/*width: 420px;
height: 188px;*/
}
section.eleListung div.entry h1.title{
padding: 2px 0 10px 0;
color: #333;
font-size: 1.2em;
font-weight: bold;
}
section.eleListung div.entry div.image{
	margin-bottom: 10px;
}
section.eleListung div.entry div.image a{
	display:block;
}
section.eleListung div.entry div.image a img{
	width: auto !important;
	height: auto !important;
	max-height: 100%;
	max-width: 100%;
}
section.eleListung div.entry div.lead{
}
section.eleListung div.entry div.lead a{

}
.eleListung ul { list-style:disc outside;padding:0 0 9px 25px;overflow:hidden; }
.eleListung ul ul{ list-style:circle;padding:0 0 9px 25px;overflow:hidden; }
#page section.ele:nth-child(2).eleListung h1{
	color: #e0cf9c;
}

/* module sortlistung */
section.eleSortlistung div.sortlistungtitle{
	padding: 5px 0 10px 0;
		color: #333;
		font-weight: 400;
		font-size: 28px;
		font-family: "Open Sans", sans-serif;
		line-height: 120%;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
}
section.eleSortlistung div.entry{
float: left;
/*width: 420px;
height: 188px;*/
}
section.eleSortlistung div.entry h1.title{
padding: 2px 0 10px 0;
color: #333;
font-size: 1.2em;
font-weight: bold;
}
section.eleSortlistung div.entry div.image{
	margin-bottom: 10px;
}
section.eleSortlistung div.entry div.image a{
	display:block;
}
section.eleSortlistung div.entry div.image a img{
	width: auto !important;
	height: auto !important;
	max-height: 100%;
	max-width: 100%;
}
section.eleSortlistung div.entry div.lead{
}
section.eleSortlistung div.entry div.lead a{

}


/*

<div class="owl-item" style="width: 475px;">
	<div class="owl-item" style="width: 475px;">
		<div class="item">
			<span style="font-size:0.9em;display:block;margin-bottom:0px;">22.03.2016</span>
			<b><p class="newstitel">Terrassenhäuser 3HALDEN, Gossau</p></b><br>
			<div style="display:block;text-align: left;height:160px;position:relative;"><img src="ecms/ecms12/formulare/module/News/bilder/3Halden 2.JPG" style="width: 80%;height:160px;"></div><br>
			<p>Baugrubensicherung und Aushub sind in Arbeit.</p>
		</div>
	</div>
</div>

*/


/* module news dialog */
div.newsentry{
margin: 0 10px;
padding: 0 20px 20px 20px;
width: 760px;
height: 570px;
overflow: auto;
}
div.newsentry div.image{
float: left;
padding: 5px 24px 10px 0;
}
div.newsentry div.lead{
padding: 0 0 20px 0;
font-size: 18px;
font-weight: 400;
line-height: 130%;
}
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 {
margin: 17px 0 0 29px;
color: #aaa;
font-size: 14px;
}
div.newsentryNav div.nav {
float: right;
width: 50px;
padding: 5px 22px 0 0;
}
div.newsentryNav div.nav a, div.newsentryNav span {
float: left;
width: 22px;
height: 20px;
background: url(../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: #c60e00;
}


/* module gallery */
section.eleGalleyGallery{
clear: both;
margin: 24px 0 10px 0;
padding: 20px 100px 0 145px;
background: #f0f0f0;
}
section.eleGalleyGallery h1.title{
padding-right: 45px;
}
section.eleGalleyGallery div.text{
padding: 13px 45px 0 0;
color: #555;
font-size: 15px;
font-family: "Open Sans", sans-serif;
font-weight: 400;
line-height: 145%;
}
section.eleGalleyGallery .gallery{
padding: 50px 0 35px 0;
}
section.eleGalleyGallery .gallery .image{
float: left;
width: 158px;
height: 158px;
padding: 0 25px 16px 0;
}
section.eleGalleyGallery .gallery .image a{
display: block;
font-size: 0;
border: 2px solid #f0f0f0;
}
section.eleGalleyGallery .gallery .image.landscape a { margin: 19px 0 0 0; }
section.eleGalleyGallery .gallery .image.portrait a { margin: 0 19px 0 19px; }
section.eleGalleyGallery .gallery .image.last { padding-right: 0; }
section.eleGalleyGallery .gallery .image a:hover {
border: 2px solid #484848;
}


/* module gallery diashow */
section.eleGalleyDiashow div.main.dia.small{
display: none;
}
section.eleGalleyDiashow div.main.dia{
position: relative;
height: 435px;
background: #fff;
}
section.eleGalleyDiashow #slides{
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
section.eleGalleyDiashow #slides div.slides_container{
overflow: hidden;
width: 890px;
height: 400px;
}
section.eleGalleyDiashow #slides div.slides_container div.slide{
width: 890px;
height: 400px;
display: block;
}
section.eleGalleyDiashow #slides div.slides_container div.slide .caption{
position: absolute;
left: 0;
bottom: -35px;
width: 890px;
height: 30px;
padding: 5px 20px 0 20px;
color: #fff;
background: none repeat scroll 0 0 rgba(0,0,0,0.5);
}
section.eleGalleyDiashow #slides div.slides_container div.slide .caption p{
font-size: 13px;
padding: 4px 0 0 0;
}
section.eleGalleyDiashow #slides .prev, section.eleGallery #slides .next{
position: absolute;
top: 173px;
left: 5px;
display: block;
width: 53px;
height: 53px;
background-image: url(../images/simplisiteArrows.png);
background-position: 0 0;
background-repeat: no-repeat;
z-index: 101;
}
section.eleGalleyDiashow #slides .next{
left: 832px;
background-position: 0 -300px;
}
section.eleGalleyDiashow #slides:hover .prev{ background-position: 0 -100px; }
section.eleGalleyDiashow #slides:hover .prev:hover{ background-position: 0 -200px; }
section.eleGalleyDiashow #slides:hover .next{ background-position: 0 -400px; }
section.eleGalleyDiashow #slides:hover .next:hover{ background-position: 0 -500px; }
section.eleGalleyDiashow #slides .pagination{
width: 120px;
margin: 15px auto 0 auto;
list-style: none outside none;
}
section.eleGalleyDiashow #slides .pagination li{
float: left;
list-style: none outside none;
margin: 0 2px;
}
section.eleGalleyDiashow #slides .pagination li a{
display: block;
float: left;
width: 12px;
height: 0;
padding-top: 12px;
overflow: hidden;
font-size: 0;
background-image: url(../images/simplisiteGalleryPagination.png);
background-position: 0 0;
}
section.eleGalleyDiashow #slides .pagination li.current a{
background-position: 0 -12px;
}



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


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


/* 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(../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(../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(../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 140px;
color: #535353;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #fff url(../images/simplisiteLogo.png) 140px 25px no-repeat;
}
#dialogLogin div.row {
clear: both;
padding: 5px 0 5px 15px;
}
#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(../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(../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(../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(../images/fancybox.png);
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url(../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(../images/fancybox-x.png);
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url(../images/fancybox.png);
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url(../images/fancybox-y.png);
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url(../images/fancybox.png);
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url(../images/fancybox-x.png);
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(../images/fancybox.png);
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url(../images/fancybox-y.png);
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url(../images/fancybox.png);
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
#fancybox-title-inside {
display: block;
padding: 5px 0 0 0;
color: #555555;
font-size: 14px;
font-family: "Open Sans", sans-serif;
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(../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(../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(../images/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url(../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'); }


.flex{
	display: box;
	display: flexbox;
		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: space-between;
		-ms-flex-pack: space-between;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	clear:both;
		width: 100%;
}

.flex > div{
	-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		flex-basis: 50%;
		-webkit-flex-basis: 50%;
		text-align: left;
		box-sizing: border-box;
		max-width: 348px;
		transition: all 0.2s;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		position: relative;
	margin-bottom: 4em;
}

.noflex{
	display: block !important;
}
.noflex:after{
	content: "";
	clear:both;
	display: block;
}

.noflex > .entry{
	width: 50%;
	min-width: 200px;
	margin-bottom: 30px;
	padding: 30px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.noflex a, .noflex img{
	border: 0;
}

.noflex > .entry:nth-child(odd) {
	clear:left;
}
.noflex > .entry:nth-child(even) {
	clear: right;
}

/* NAV */

#smallmenu{
	float:right;
	font-size: 1.8em;
	color: #e0cf9c;
	font-weight: bold;
	max-width: 20%;
	text-align: center;
	padding: 8px 15px;
	font-family: "iconfont2", Verdana, Geneva, sans-serif;
	z-index: 5801;
	cursor:pointer;
	display: none;
	box-sizing: border-box;
}

#mobilemenu{
	display:none;
}

.logo {
		position: relative;
		display: block;
		width: 240px;
	max-width: 80%;
		height: 54px;
		background: url(../images/logo.svg) no-repeat;
	background-size: contain;
		z-index: 571;
	float:left;
	cursor: pointer;
}

@media screen and (max-width: 1000px){
	#smallmenu{
		display:block;
	}
	#menu{
		display:none;
	}
	#mobilemenu{
		display:none;
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		max-height: 90vh;
		overflow-y:auto;
		background: #fff;
	}
	#mobilemenu > .menu{
		display: block;
		float: none;
		clear:both;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		text-align: center;
		font-size: 1.2em;
	}
	#mobilemenu > .menu a{
		padding: 20px 0;
	}
}

@media screen and (max-width: 800px){
	.flex{
		display: block;
		text-align: center;
	}
	.flex > div{
		display: block;
		text-align: left;
		float: none !important;
		clear:both;
		margin-left: auto;
		margin-right: auto;
	}
	.hiddensearch{
		margin: inherit !important;
		padding: inherit !important;
		opacity: 0;
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		max-width: none !important;
		max-height: none !important;
		overflow:hidden !important;
		display:none !important;
	}
	.blackarea .cnt .contentleft {
		float: none;
		width: auto;
		clear:both;
		text-align: justify;
		margin-right: 0px;
		margin-bottom: 40px;
	}

	.noflex > .entry{
		width: 100%;
		min-width: inherit;
	}

}