html {
	width: 100%;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;

	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 150%;
	color: #8C896F;

	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: hidden;
	
	background: url(../images/layout/bg1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
strong, b, .strong { font-weight: 700; }
form { margin: 0px; padding: 0px; }
button:focus {outline:0;}
a {
	text-decoration: underline;
	color: #999;
    transition: all 0.5s ease-in-out;
}
a:HOVER {
	text-decoration: none;
    transition: all 0.5s ease-in-out;
}
h1 { font-size: 20px; margin: 10px 0px 10px 0px;  padding: 0px;  font-weight: 400; line-height: 20px; color: #A2C334; } h1 span { font-weight: 700; }
h2 { font-size: 15px; margin: 0px 0px 8px 0px;   padding: 0px;  font-weight: 400; line-height: 18px; color: #A2C334; } h1 span { font-weight: 700; }
h3 { font-size: 13px; margin: 0px 0px 0px 0px;   padding: 0px;  font-weight: 400; line-height: 30px; color: #A2C334; } h1 span { font-weight: 700; }
p  {				  margin: 0px 0px 0px 0px;   padding: 0px 0px 13px 0px; }
@media (min-width: 768px) {
	h1 { font-size: 30px; margin: 20px 0px 10px 0px; line-height: 30px; } 
	h2 { font-size: 20px; margin: 0px 0px 10px 0px; line-height: 30px; }
}
h1 a, h2 a, h3 a { color: #A2C334; text-decoration: none; }


img.bg {
	display: none;
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1772px;
	  
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	  
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}
body.lt-ie9 img.bg {
	display: block;
}
@media screen and (max-width: 1772px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -886px;   /* 50% */
	}
}


section.maincontent {
	margin-top: 25px;
	background: transparent url(../images/layout/wbg.png) repeat top left;
}
section.maincontent .container {
	position: relative;
}
.foolows-row {
	display: none;
	position: absolute;
	top: 10px; right: 10px;
	line-height: 43px;
	font-size: 13px;
	text-decoration: none;
	color: #000;
}
.foolows-row a {
	display: inline-block;
	vertical-align: middle;
	width: 43px; height: 43px; border: 0px;
	margin: 0px 6px 0px 6px;
}
.foolows-row a.twitter {
	background: transparent url(/images/layout/twitter.png) no-repeat top left;
}
.foolows-row a.facebook {
	background: transparent url(/images/layout/facebook.png) no-repeat top left;
}
.foolows-row a:HOVER {
	opacity: 0.7;
}

@media (min-width: 768px) { .foolows-row { display: block; } }

body.startpage header {
	margin-top: 0px;
}
header {
	min-height: 71px;
}
header div.container {
	position: relative;	
}
header .toptext1, header .toptext2 {
	position: absolute;
	background-color: #F0ECE4;
	color: #8C876D;
	padding-left: 5px;
	padding-right: 5px;
	
	-webkit-box-shadow: 7px 7px 4px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 7px 7px 4px 0px rgba(0,0,0,0.65);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.50);
}
header .toptext1 {
	top: 15px;
	height: 40px; line-height: 40px;
	font-size: 33px;
	z-index: 10;
}
header .toptext2 {
	top: 51px;
	height: 30px; line-height: 30px;
	font-size: 18px;
	font-weight: 700;
	z-index: 11;
	white-space: nowrap;
}

header .videobox {
	display: none;
	background-color: #fff;
	border: 8px solid #767C72;
	
	position: absolute;
	z-index: 10;
	top: 115px;
	right: 15px;
	left: 15px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe, .videoWrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    transition: all 0.5s ease-in-out;
}
.videoWrapper img:HOVER {
	opacity: 0.5;
    transition: all 0.5s ease-in-out;
}

.videoboxinline {
	margin: 14px 0px 14px 0px;
	background-color: #fff;
	border: 8px solid #767C72;
}

header .studiebox {
	z-index: 10;
	top: 115px;

	position: absolute;
	background-color: #B8B6A5;
	color: #fff;
	padding: 9px;
	
	-webkit-box-shadow: 7px 7px 4px 0px rgba(0,0,0,0.65);
	-moz-box-shadow: 7px 7px 4px 0px rgba(0,0,0,0.65);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.50);
	
	right: 15px;
	left: 15px;
}
header .studiebox div.toptext {
	z-index: 11;
	position: absolute;
	margin-top: -30px;
	margin-left: -10px;
	background: #8C896F;
	padding: 10px 100px 10px 10px;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	
	transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
}
header .studiebox img {
	float: left;
	width: 143px;
	margin: 20px 20px 0px 0px;
	border: 5px solid #767C71;
}
header .studiebox p {
	margin-top: 20px;
}
header .studiebox a.link_pdf, header .studiebox a.link_readonline {
	display: inline-block;
	padding-left: 42px;
	height: 33px;
	line-height: 16px;
	text-decoration: none;
	color: #fff;
	background: transparent url(../images/layout/link_pdf.png) no-repeat top left;
}
header .studiebox a.link_readonline {
	margin-top: 10px;
	background-image: url(../images/layout/link_readonline.png);
}
header .zitaterightcol {
	width: 100%;
}
header .zitatebox {
	position: relative;
	margin: 379px 0px 0px 0px;
	height: 150px;
	width: 100%;
	background-color: rgba(184, 182, 165, 0.8);
}
header .zitatebox.transparent {
	background-color: transparent;
}
header .zitatebox .inner {
	color: #fff;
	font-size: 11px;
	padding: 20px;
}
header .zitatebox .corner {
	position: absolute;
	top: 0px; left: 0px;
	width: 28px;
	height: 28px;
}
header .zitatebox .corner .d1 {
	width: 28px;
	height: 4px;
	background: #fff;
}
header .zitatebox .corner .d2 {
	width: 4px;
	height: 24px;
	background: #fff;
}
header .zitatebox .corner.tr {
	top: 0px; right: 0px; left: auto; bottom: auto;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
header .zitatebox .corner.br {
	top: auto; right: 0px; left: auto; bottom: 0px;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
header .zitatebox .corner.bl {
	top: auto; right: auto; left: 0px; bottom: 0px;
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}
header .zitateleftcol { display: none; }

body.innerpage header .studiebox { display: none; }
body.innerpage header .zitaterightcol { display: none; }

@media (min-width: 768px) {
	header .videobox { display: block; }
	
	body.innerpage header .studiebox { display: block; }
	body.innerpage header .zitaterightcol { display: block; }
	header .toptext1, header .toptext2 {
	}
	header .toptext1 {
		top: 30px;
		height: 40px; line-height: 40px;
		font-size: 33px;
	}
	header .toptext2 {
		top: 66px;
		height: 30px; line-height: 30px;
		font-size: 23px;
	}
	header .videobox {	top: 88px; right: 15px; left: auto; width: 320px; }

	header .studiebox {	top: 30px; right: 0px; left: auto; width: 360px; }
	header .studiebox div.toptext {	margin-left: -30px; }
	header .studiebox p { margin-top: 70px; }
	header .zitatebox { margin: 125px 0px 0px 0px; }
	header .zitatebox .inner { font-size: 11px; line-height: 130%; }
	header .zitaterightcol { width: 41.66666667%; }
}
@media (min-width: 992px) {
	header .toptext1, header .toptext2 {
		padding-left: 38px;
		padding-right: 38px;
	}
	header .toptext1 {
		top: 55px;
		height: 50px; line-height: 50px;
		font-size: 34px;
	}
	header .toptext2 {
		top: 101px;
		height: 48px; line-height: 48px;
		font-size: 28px;
	}
	header .videobox {	top: 139px; right: 15px; width: 370px; }
	
	header .studiebox {	top: 139px; }
	header .zitatebox { margin: 204px 0px 0px 0px; }
	header .zitatebox .inner { font-size: 13px; }
	header .zitateleftcol { display: block; }
}
@media (min-width: 1200px) {
	header .toptext1 {
		top: 53px;
		height: 60px; line-height: 60px;
		font-size: 44px;
	}
	header .toptext2 {
		top: 101px;
		height: 58px; line-height: 58px;
		font-size: 34px;
	}
	header .videobox {	top: 129px; right: 15px; width: 450px; }
	
	header .studiebox {	top: 139px; }
	header .zitatebox { margin: 239px 0px 0px 0px; }
	header .zitatebox .inner { font-size: 14px; }
	
	body.startpage header .toptext1 { top: 103px; }
	body.startpage header .toptext2 { top: 151px; }
	body.startpage header .studiebox { top: 189px; }
	body.startpage header .zitatebox { margin: 289px 0px 0px 0px; }

}



	
	
	

div.topheader {
	background: transparent url(../images/layout/wbg.png) repeat top left;
}
div.topheader div.logo-col { width: 45%; }
div.topheader div.menu-col { width: 55%; text-align: right; }
div.topheader a.logo {
	width: 100%;
}
div.topheader a.logo img {
	margin-top: 10px;
	max-height: 50px;
}
div.topheader a.navilink {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 10px;
	background: transparent url(/images/layout/mobilenavi.png) top left no-repeat;
}

div.topheader ul.bottomnavi {
	position: absolute;
	display: none;
	top: 50px;
	right: 25px;
	background-color: #fff;
	padding: 10px;
	list-style-type: none;
	margin: 0px;
	z-index: 110;
	border: 1px solid #ccc;
}
div.topheader ul.bottomnavi li {
	font-size: inherit;
	margin: 0px 10px 0px 0px;
	line-height: 25px;
	padding: 0px;
}
div.topheader ul.bottomnavi li a {
	color: #8C896F;
	text-decoration: none;
}
div.topheader ul.bottomnavi li.impressum {
	/* font-size: inherit; */
}
div.topheader ul.bottomnavi li a:HOVER, div.topheader ul.bottomnavi li a.selected {
	color: #98C200;
}
div.topheader ul.bottomnavi li.facebook, div.topheader ul.bottomnavi li.twitter {
	margin-right: 10px;
	margin-top: 7px;
}
div.topheader ul.bottomnavi li a.facebook, div.topheader ul.bottomnavi li a.twitter {
	display: inline-block;
	width: 30px; height: 30px; border: 0px;
}
div.topheader ul.bottomnavi li a.facebook:HOVER, div.topheader ul.bottomnavi li a.twitter:HOVER {
	opacity: 0.7;
}
div.topheader ul.bottomnavi a.twitter {
	background: transparent url(/images/layout/twitter.png) no-repeat top left;
	background-size: cover;
}
div.topheader ul.bottomnavi a.facebook {
	background: transparent url(/images/layout/facebook.png) no-repeat top left;
	background-size: cover;
}


@media (min-width: 768px) {
	div.topheader a.navilink { display: none; }
	div.topheader {	height: auto; }	
	div.topheader div.logo-col { width: 16.66666%; display: block; }
	div.topheader div.menu-col { width: 83.33333%; }
	div.topheader .container { background: transparent url(../images/layout/grass.png) no-repeat top right; }
	div.topheader a.logo img { max-height: 77px; width: 100%; }
	
	.page-wrap { margin-bottom: -59px; }
	.page-wrap:after { height: 59px; }
	section.maincontent { bottom: 59px; }
	div.topheader ul.bottomnavi {
		display: block;
		position: inherit;
		float: left;
		top: auto; right: auto;
		padding: 0px;
		height: 59px;
		line-height: 59px;
		background-color: transparent;
		border: 0px;
	}
	div.topheader ul.bottomnavi li {
		float: left;
		font-size: 11px;
		line-height: inherit;
		margin: 0px 10px 0px 0px;
	}
}
@media (min-width: 992px) {
	.page-wrap { margin-bottom: -74px; }
	.page-wrap:after { height: 74px; }
	section.maincontent { bottom: 74px; }
	div.topheader ul.bottomnavi {
		height: 74px;
		line-height: 74px;
	}
	div.topheader ul.bottomnavi li {
		font-size: 14px;
		margin: 0px 18px 0px 0px;
	}
}
@media (min-width: 1200px) {
	.page-wrap { margin-bottom: -87px; }
	.page-wrap:after { height: 87px; }
	section.maincontent { bottom: 87px; }
	
	div.topheader ul.bottomnavi {
		height: 87px;
		line-height: 87px;
	}
	div.topheader ul.bottomnavi li {
		font-size: 16px;
		margin: 0px 25px 0px 0px;
	}

}

.press-p {
	padding: 0px 0px 6px 0px;
}
.press-im {
	width: 100%;
}
.press-row {
	margin-top: 14px;
	margin-left: -10px;
	margin-right: -10px;
}
.press-row-hidden {
	display: none;
}
.press-col {
	padding-left: 10px;
	padding-right: 10px;
}
.projects-im {
	display: block;
	width: 40%;
	margin-bottom: 20px;
}
.lc-backlink {
	display: Block;
	text-decoration: none;
	margin-top: 30px;
}
.project-im {
	display: block;
	float: left;
	width: 33%;
}
.project-text {
	float: left;
	width: 66%;
	padding-left: 20px;
}


.lc-button {
	display: inline-block;
	border: 1px solid rgb(221, 221, 221);
	border-radius: 4px;
	height: 35px; line-height: 35px;
	font-size: 14px; 
	color: #A2C334;
	background-color: rgba(255, 255, 255, 0.5);
	margin: 0px;
	padding: 0px 15px 0px 15px;
	font-weight: 400;
	text-decoration: none;
    transition: all 0.5s ease-in-out;
}
a.lc-button {
	height: 50px;
	line-height: 40px;
}
.lc-button:HOVER {
    transition: all 0.5s ease-in-out;
	background-color: #fff;
}
.lc-button:DISABLED {
	opacity: 0.5;
	background-color: #444;	
}
.lc-button-backlink {
	float: right;
	margin-top: -0px !important;
	background-color: #cc0001;
}
.lc-button-backlink:HOVER {
	background-color: #000;
}
.lc-button-inverted {
	border-color: #81A185;
}




ul.slideshow li { width: 31%; }
@media (min-width: 768px) {
	ul.slideshow li { width: 130px; }
}
@media (min-width: 992px) {
	ul.slideshow li { width: 170px; }
}
@media (min-width: 1200px) {
	ul.slideshow li { width: 210px; }
}




ul.slideshow {
	width: 100%;
	list-style-type: none;
	margin: 0px; padding: 0px;
}
ul.slideshow li {
	float: left;
	padding: 0px;
	margin: 0px 10px 10px 0px;
}
ul.slideshow li a img.sthumbnail {
	width: 100%;
	border: 0px;
}


.black { color: #000; }
.greyedbox { background: #F3F3F3; }


/**** end of Layout-specific styles ****/
#autowebroot { display: none; }

.clear { clear:both;  }
.clearleft { clear:left;  }
.clearright { clear:right;  }
.justify { text-align: justify; }
.centered { text-align: center; }




form.inlineform {
	display: block;
	position: relative;
	margin: 0px; padding: 0px;
}
form.inlineform label {
	width: 110px;
	display: block; float: left; clear: left;
	margin: 2px 10px 0px 0px; padding: 3px 0px 0px 0px;
	cursor: pointer;
}
form.inlineform label.required {
	font-weight: 700;
}
form.inlineform div.input {
	display: block; float: left;
	margin-bottom: 6px;
	line-height: 24px;
}
form.inlineform input.button, input.coolbutton {
	background: #eee;
	border: 1px solid #ccc;
	margin: 8px 0px 0px 0px; padding: 0px 10px 0px 10px;
	height: 26px; line-height: 26px;
	color: #000; font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
    transition: all 0.5s ease-in-out;
}
form.inlineform input.button, input.coolcancelbutton {
	font-weight: 300;
	color: #888;
}

form.inlineform input.button:HOVER, input.coolbutton:HOVER {
	background-color: #FF290B;
}
form.inlineform input.cancel {
	background-color: #AA6666;
}
form.inlineform input.loadingbutton {
	background: #EEEEEE url('../images/layout/loading.gif') center center no-repeat !important;
	color: transparent !important;
	border-color: #CCCCCC !important;
}
form.inlineform input.loading {
	color: transparent;
	background: transparent url('../images/layout/loading.gif') center center no-repeat;
}
form.inlineform input.inputerror, form.inlineform textarea.inputerror {
	background-image: url('../images/layout/inputerrorbg.png?aab');
}

form.inlineform input.textinput {

}
form.inlineform textarea.textinput {

}
form.inlineform p.error {
	color: #993300;
	font-weight: 700;
}

div.inlineformhint {
	position: absolute;
	width: 208px;
	min-height: 40px;
}
div.inlineformhint div.ifh_top {
	width: 208px;
	height: 10px;
	background: transparent url('../images/layout/inlineform_buble.png') top left no-repeat;
}
div.inlineformhint div.ifh_bottom {
	width: 208px;
	min-height: 30px;
	background: transparent url('../images/layout/inlineform_buble.png') bottom left no-repeat;
}
div.inlineformhint div.ifh_bottom div.ifh_content {
	padding: 0px 5px 29px 5px;
	font-size: 11px;
	line-height: 14px;
	color: #995555;
}

form.inlineform_small {
	font-size: 11px;
}
form.inlineform_small label {
	font-size: 11px;
	width: 90px;
}


.general_button {
	background-color: #999999;
	color: #000000;
	font-weight: normal;
	border: 1px outset #CCCCCC;
	font-size: 11px;
	font-weight: 700;
	height: 18px;
}
.general_button:HOVER {
	color: #FFFFFF;
	background-position: 1px 1px;
	cursor: pointer;
}

.general_cancelbutton {
	background-color: #A39489;
	background-image: url('../images/layout/cancelbuttonbg.png');
	background-repeat: repeat-x;
	color: #550000;
	font-weight: normal;
	border: 1px outset #91C0E2;
	font-size: 11px;
	font-weight: 700;
	height: 18px;
}
.general_cancelbutton:HOVER {
	color: #FFFFFF;
	background-position: 1px 1px;
	cursor: pointer;
}

.disabled_button {
	background-color: transparent;
	color: #EEEEEE;
	font-weight: 700;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	height: 18px;
}

.general_input {
	background-color: #F7F7F7;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #BBBBBB;
}

.general_input_tinymce {
	background-color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	border: 1px outset #CCCCCC;
	background-color: #F7F7F7;
}

.general_select {
	background-color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	border: 1px outset #CCCCCC;
	background-color: #F7F7F7;
}

.general_horizontalline {
	background-color: #BBBBBB;
	height: 1px;
	border: 0px;
}



.general_formtitle {
	font-weight: 700;
	margin: 0px 0px 10px 0px;
	color: #666666;
}

.general_formtable {
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

.general_formtable tr td {
	padding-bottom: 2px;
}

.general_formlabel {
	margin: 0px;
	font-weight: normal;
}

.general_formlabel_required {
	margin: 0px;
	font-weight: 700;
}

.general_formnotice {
	margin: 0px;
	color: #555555;
	font-weight: normal;
}

.general_error {
	color: #993300;
	font-weight: 700;
}
.general_errorrow {
	background-color: #FFEEE0;
}

.general_actiondone {
	color: #333333;
	font-weight: 700;
}

.general_langspacerrow {
	background-color: #5A5A7A;
	color: #FFFFFF;
	font-size: 13px;
	padding: 5px;
	margin: 5px;
}


/*** print-related restrictions ***/
@media print {
	.no-print
		{ display: none !important; }
}

/*** customising the lightgallery css's ***/
#lightGallery-outer {
	background-color: rgba(0, 0, 0, 0.75) !important;
}
#lightGallery-close {
	color: #fff;
	opacity: 1;
	width: 42px;
	height: 38px;
}
#lightGallery-close:after {
	font-size: 30px;
}




.flat-toggle {
    border-radius: 10px;
	width: 40px;
    height: 20px;
    background-color: #95B099;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.flat-toggle:after {
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 16px;
    height: 16px;
    content: '';
    -webkit-transform: translate(2);
    -ms-transform: translate2);
    transform: translateX(2);
     transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
.flat-toggle:hover {
    cursor: pointer;
}
.flat-toggle:hover span {
    color: black;
    cursor: pointer;
}
.flat-toggle.year {
    xbackground-color: #E8F4DB;
}
.flat-toggle.year:after {
    xbackground-color: #95B099;
    -webkit-transform: translate(20px);
    -ms-transform: translate(20px);
    transform: translateX(20px);
}