/******************************************************************
Grundkonfiguration 
******************************************************************/

@font-face { 
	font-family: 'MiloText'; 
	src: url('/files/cto_layout/font/MiloWeb-Text.woff');
}
@font-face { 
	font-family: 'MiloBold'; 
	src: url('/files/cto_layout/font/MiloWeb-Bold.woff');
}
@font-face { 
	font-family: 'MiloSerifText'; 
	src: url('/files/cto_layout/font/MiloSerifWeb-Text.woff');
}
@font-face { 
	font-family: 'MiloSerifBold'; 
	src: url('/files/cto_layout/font/MiloSerifWeb-Bold.woff');
}

body{
	font-family: MiloText;
	font-weight: normal;
	color: #000;
	font-size: 16px;
	line-height: 150%;
}
h1 {
	font-family: MiloSerifText;
	color: #000;
	font-weight: normal;
}
h2, h3, h4, h5, h6 {
	font-family: MiloSerifText;
	color: #000;
	font-weight: normal;
}
strong{
	font-family: MiloBold;
	font-weight: normal;
}

/******************************************************************
Top-Bereich, Header und vertikale Navigation
******************************************************************/
#top .mod_changelanguage {
	float: left;
	position: relative;
	overflow: visible;
	height: 35px;
	margin-left: 0px;
	margin-right: 35px;
	padding-left: 0px;
}

#top .mod_changelanguage ul li{
	float: left;
	margin-top: 10px;
	margin-right: 20px;
}
#top .mod_changelanguage ul li .last{
	display:none;
}
#top .mod_changelanguage ul li a, #top .mod_changelanguage ul li span {
	color: #000;
	text-transform: uppercase;
	font-size: 15px;
}
#top .mod_changelanguage ul li a:hover{
	text-decoration: underline;
}

#top, #hotline {
	color: #000;
	text-transform: uppercase;
	font-size: 15px;
}
#top .socials {
  display: none;
}
#toplogin {
  display: none;
}
#top #hotline{
	float: left;	
}
#top #hotline a{
	color: #000;
}
#top #hotline a:hover{
	text-decoration: underline;
}

#top .mod_search{
	float: left;	
}
#top .mod_search .submit,#top .mod_search form:hover input{
	color: #000;	
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.tp-bannertimer{
	display: none;	
}
#top .mod_search input{
	float: left;
	background-color: #efecea;
	width:165px;
	font-family: MiloText;
	font-size: 14px;
	padding-left: 2px;
}
#header_print{
	display: none;
}
#main .mod_search input, #main .mod_search select {
	font-family: MiloText;
	border: 1px solid #888;
	padding: 3px;
	font-size: 16px;
}

.content_page #container_before{
	background-color: #dcd6d1;
	height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#header .logo {
	display: block;
	position: static;
	float: right;
}
#header .logo{
	z-index: 1000;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat!important;
	background-size: 100%!important;
	background-position: center;
	width: 180px;
	height: 100px;
	display: table-cell;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
	-ms-transition: All 0.3s ease;
	transition: All 0.3s ease;
}
#beforenav{
	float: left;
	height: 5px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
nav.mainmenu {
    padding-top: 100px;
}
#header nav.mainmenu {
	display: block;
	border-top: 1px solid #efefef;
}
#header nav.mainmenu ul {
	float: none;
}
#header .inside {
	display: block;
}
#header .socials {
	display: block;
}
#header .socials a:before {
	color: #555;
}
#header nav.mainmenu ul li.megamenu .layer_two {
	right: auto;
	left: 0;
}
#header .socials {
	position: absolute;
	width: auto;
	float: right;
	top: 50%;
	bottom: auto;
	right: 40px;
	left:  auto;
	margin-top: -50px;
}

#stickyheader .logo{
	display: block;
	position: absolute;
	left:80%;
}
#stickyheader .mod_navigation{
	float: left;
}
.mainmenu li[class*="icon-"] a:before, .mainmenu li[class*="icon-"] span:before {
	display: none;
}
.mainmenu li[class*="icon-"] ul li a:before, .mainmenu li[class*="icon-"] ul li span:before {
	display: inline-block;
}
nav.mainmenu span {
	margin-left: 0!important;
}
nav.mainmenu span.columheader {
	margin-left: 15px!important;
}
nav.mainmenu ul li a {
	margin-right: 25px;
	text-transform: uppercase;
	color: #000;
	font-family: MiloBold;
	font-size: 20px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
nav.mainmenu ul li a:hover, nav.mainmenu ul li a.active {
	color: #77871c;
}
nav.mainmenu ul li a.first {
	margin-left: 0!important;
}
nav.mainmenu ul li ul li a.first {
	margin-left: 15px!important;
}
nav.mainmenu ul li a span.subline {
	display: none;
}
nav.mainmenu ul li ul li a span.subline {
	display: block;
}
nav.mainmenu ul li a:after {
    background: #fff;
}
#top .socials {
	display: none;
}
@media only screen and (max-width: 990px) {
	#header .socials {
		display: none;
	}
}

#top .mod_sprachwechsler span {
	display: none;
}
#top .mod_sprachwechsler ul {
	display: block;
	position: static;
	background: transparent;
	padding: 0;
	box-shadow: none;
	overflow: hidden;
}
#top .mod_sprachwechsler ul li {
	float: left;
}
#top .mod_sprachwechsler ul li a {
	line-height: 40px;
	margin-right: 10px;
}
#top .mod_sprachwechsler img {
	vertical-align: -1px;
}
#top .mod_sprachwechsler:hover ul {
	-webkit-animation: none; 
	-moz-animation: none; 
	-ms-animation: none; 
	animation: none;
}

#sidearea-toggler {
	display: none;
}

#header .socials {
	display: none!important;
}
/* Mobile Navigation */
#off_canvas{
	background-color: #fff;
	color: #000;
}
#off_canvas a{
	color: #333;	
}
#off_canvas a:hover, #off_canvas a.active, #off_canvas a.trail, #off_canvas .sprachwechsler a{
	background-color: #dcd6d1;
	color: #000;
}

#off_canvas .mod_search{
	display:none;
}





/******************************************************************
Left 
******************************************************************/
body.sidebar_both #left .inside{
	padding-right: 0;	
}
#left #submenu ul li a {
	font-family: 'MiloBold';
	text-transform: uppercase;
	color: #000;
	font-size: 16px!important;
	margin-left: 0px!important;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
}
#left #submenu ul li .active, #left #submenu ul li .trail {
	color: #77871c;
	background-color: #ddd7d1;
}
#left #submenu ul ul li a {
	font-family: 'MiloText';
	border-top-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #f0edea;
	padding-left: 20px;
}
#left #submenu ul ul li .active {
	color: #77871c;
	background-color: #f0edea;
}

/******************************************************************
Main / Inhalt 
******************************************************************/
#main{
	margin-bottom: 20px;	
}
#main .aktuellesbox{
	width: 23%;
	margin-right: 10px;
	float: left;
	height: 240px;
}
#main .aktuellesbox:hover{
	opacity: 0.7;	
}
#main .aktuellestext{
	background-color: #dcd6d1;
	text-align: center;
	padding: 5px;
	color: #000;
}
#main .aktuellesimg{
	max-width: 250px;
	width:100%;
}
@media only screen and (max-width: 580px) {
	#main .aktuellesbox{
		width: 45%;
		margin-right: 10px;
		margin-bottom: 10px;
		float: left;
		height: auto;
	}	
}
@media only screen and (max-width: 370px) {
	#main .aktuellesbox{
		width: 45%;
		margin-right: 10px;
		float: left;
		height: auto;
	}	
}
#main ul {
	margin-top: 10px;	
}
#main li, #main .ce_text ul li{
	list-style-type: none;
}

.vorkommen{
	font-size: 13px;
	color: #000;	
	white-space: nowrap;
}
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }
.toggler{
	font-size: 18px;	
}

#main .ce_text ul li a, #main .ce_text .rs-column ul li a, #main .ce_text ul li a{
	background: url(/files/cto_layout/img/svaicon_link.png) no-repeat center left;
	background-repeat: no-repeat;
	background-position: left top;
	min-height:27px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 35px;
	vertical-align: middle;
	clear: both;
	line-height: 130%;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: -20px;
}
.aufzaehlung {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	vertical-align: middle;
	clear: both;
	line-height: 150%;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: -20px;
	background-image: url(/files/cto_layout/img/svaicon_list.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#main .ce_text ul li .aufzaehlung a{
	display: inline;
	background-image: none;
	padding-left: 0px;
	margin-left: 0px;
}
#main  a{
	text-decoration: none;
	color: #6d800c;
}
#main a:hover {
	text-decoration: underline;
}
#main .ce_text ul li a[href $='.pdf'] {
   padding:0 0 0 35px !important;
   background: url(/files/cto_layout/img/svaicon_pdf.png) no-repeat top left !important;
}
#main .ce_text ul li a[href $='.d'], #main .ce_text ul li a[href $='.i'] {
   padding:0 0 0 35px !important;
   background: url(/files/cto_layout/img/svaicon_link.png) no-repeat top left !important;
}
a[href $='.doc'], a[href $='.docx'], a[href $='.DOC'] {   
   padding:0 0 0 35px !important;
   background: url(/files/cto_layout/img/svaicon_word.png) no-repeat top left !important;
}
a[href $='.xls'] {
   padding:0 0 0 35px !important;
   background: url(/files/cto_layout/img/svaicon_excel.png) no-repeat top left !important;
} 

#main .ce_gallery ul li a{
	
}
#main p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}
#main .bildlegende{
	font-size: 14px;
	line-height: 120%;
	padding-top: 5px;
}
.klein{
	font-size: 12px;
}
.kleinschwarz{
	font-size: 12px;
	color: #000 !important;
	padding-top: -10px;
}
.ce_accordion .toggler::before {
    display: none;
}


/******************************************************************
Right 
******************************************************************/
body.sidebar_both #right .inside{
	padding-left: 0;	
}
#right .ce_text{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	padding-bottom: 10px;
	padding-top: 10px;
}
#right h2{
	font-family: MiloBold;
	font-size: 16px!important;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;	
}
#right p{
	margin-bottom: 0px;	
}
#right a {
	text-transform: uppercase;
	color: #000;
}
#right a:hover {
	text-decoration: underline;
}

#footer{
	background-color: #dcd6d1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	font-family: MiloText;
}
#footer .inside{
	padding-top: 30px;
	padding-bottom: 20px;	
}
#footer .autogrid {
  padding-left: 1%;
  padding-right: 1%;
}
#footer h4{
	margin-bottom: 20px;
	color: #000;
	font-family: MiloSerifText;
	font-weight: normal;
	font-size: 21px;
}
#footer p, #footer .ce_adressblock, #footer a{
	color: #000;
}
#footer p, #footer .ce_adressblock, #footer a{
	font-size: 16px;
}
#footer a{
	text-decoration: underline;
}
#footer a:hover{
	text-decoration: none;
}
#bottom .inside {
	padding-top: 10px;
	padding-bottom: 150px;
}
#bottom li{
	display: block;
	float: left;
	margin-right: 20px;	
}



/******************************************************************
Extranet
******************************************************************/
#main .mod_login{
	max-width: 500px;
}
#tl_login label{
	display: inline-block;
	width: 150px;
}
#tl_login input{
	padding: 3px;
	font-family: MiloText;
	border: 1px solid #888;
	padding: 3px;
	font-size: 16px;
}
#tl_login .submit_container {
  margin-left: 155px;
  margin-top: 20px;
}



/******************************************************************
Eigene Formulare
******************************************************************/
.error{
	color: #C00;	
}

#thsform input[type=text], #thsform input[type=email] {
    width: 240px;
}

#main #thsform p {
	margin-top: 8px;
	margin-bottom: 8px;
	clear: both;
}
#main #thsform label {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 360px;
}
#main #thsform .oben {
	margin-top: 10px;
}

#main #thsform .abstand {
	margin-left: 200px;
}
#main #thsform .mehrzeiler {
	float: left;
}
#main #thsform input, #main #thsform select {
	font-family: MiloText;
	border: 1px solid #888;
	padding: 3px;
	font-size: 16px;
}
#main #thsform select {
	min-width:240px;
}
#thskalender .tagheute {
	color: #0099CC;
	font-weight: bold;
}
#thskalender .tagnormal {
	color: #000000;
	font-weight: normal;
}
#main #thsform textarea {
	font-family: 'MiloText'; 
	border: 1px solid #888;
	font-size: 16px;
}

#main #thsform fieldset {
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
}
#main #thsform legend {
	font-weight: bold;
	margin-right: 10px;
	margin-left: 10px;
	color: #000000;
}
#main #thsform h3 {
	background-color: #f3f3f3;
	margin-top: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 0px;
}
#main #thsform .fkurz {
	width: 50px;
}
#main #thsform .fmittel {
	width: 240px;
}
#main #thsform .fmitteloben {
	width: 200px;
	margin-top: 5px;
}

#main #thsform .flang {
	width: 280px;
}
#main #thsform .keinrahmen {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.input-wrapper-inside{
	margin-top: 8px;
	margin-bottom: 8px;	
}
.submit_container{
	margin-left: 280px;
	margin-top: 20px;
}
#main #thsform .formbody label {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
}

#main #thsform .radio_container .radio {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}
#main #thsform .radio_container label {
	float: left;
}
#main #thsform .radio_container span {
	display:block;
	clear: both;
}
#main #thsform .formbody span .mandatory {
	display: inline;
}

#main #thsformdokumentsuche #kat1nav{
	margin-bottom: 20px;
	height: 40px;
}
#main #thsformdokumentsuche input, #main #thsformdokumentsuche select {
	font-family: MiloText;
	border: 1px solid #888;
	padding: 3px;
	font-size: 16px;
}
#main #thsformdokumentsuche label{
	display: block;
	padding: 0px;
	float: left;
	width: auto;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main #thsformdokumentsuche .button-onlineschalter{
	background-color: #dcd6d1;
	padding: 8px;
	margin-right: 5px;
	margin-top: 5px;
	float: left;
}
#main #thsformdokumentsuche .button-onlineschalter.test{
	background-color: #dcd6d1;
	padding: 5px;
	line-height: 100%;
	margin-right: 5px;
	margin-top: 5px;
	float: left;
}
#main #thsformdokumentsuche #button{
	width: 100px;	
}
#FormularDokumente{
	display: block;
	width: 100%;
	clear: both;
}


#main p.usermessage {
	background-color:#f3f3f3;
	color:#990000;
	font-weight: bold;
	padding: 5px 5px 5px 45px;
	border: 1px solid #d8dbde;
	background-image: url(/files/cto_layout/img/ic_error.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
.versteckt {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px
}
.versteckmich {
	position:absolute;
	left: -9999px;
	top: -9999;
	display:inline;
	width: 0;
	height: 0;
}
#footer #thsform label {
	margin: 0px;
	padding: 0px;
	width: 100px;
}
#footer #thsform select {
	font-family: MiloText;
	border: 1px solid #888;
	padding: 3px;
	font-size: 16px;
}
#bottom li{
	float: left;	
}
.terminbox{
	background-color: #dcd6d1;
	height: 35px;
	width: 75px;
	float: left;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
	#container aside #left{
		margin:0px;
		padding:0px;
		height:0px;
		display:none;
	}
}



/******************************************************************
Farbdefinitionen
******************************************************************/
.color {
	color: #dcd6d1;
}
.bg_color {
	background-color: #dcd6d1;
}
#container_before .inside:after {
	border-color: #dcd6d1 transparent transparent transparent;
}
.button, .ce_hyperlink a, .servicebox_4 a, .servicebox_5 p a, .servicebox_6 p a, input[type="submit"], input.submit {
	background: #dcd6d1;
}
.servicebox_7:hover {
	border-color: #dcd6d1;
}
.servicebox_4:hover:before, .servicebox_6:hover img, .servicebox_5:hover .image_container {
	border: 3px solid #dcd6d1;
}
.servicebox_4 p a {
	background: #dcd6d1;
}
nav.mainmenu ul ul li a:hover, nav.mainmenu ul ul li a.active, nav.mainmenu ul ul li.active a {
	background: #dcd6d1; 
}
#submenu a:hover, #submenu a.active {
	color: #dcd6d1;
}
.more a {
	color: #fff; 
	background-color: #dcd6d1;
}
.pagination li a:hover {
	color: #dcd6d1;
}
.pagination li span.current {
	background: #dcd6d1; 
	color: white;
}
.calltoaction {
	border-left: 4px solid #dcd6d1;
}
.calltoaction a {
	background: #dcd6d1; 
	color: #fff;
}
.portfolioliste .backside {
	background-color: #dcd6d1;
}
.tp-leftarrow.default, .tp-rightarrow.default {
	background: #dcd6d1;
}
.servicebox_4:hover:before {
	background: #dcd6d1; 
	color: #fff;
}
#nav-open-btn:before {
	background: #dcd6d1; 
	border: 2px solid #dcd6d1;
}
.portfolioteaser .bx_caption .morelink a {
	color: #dcd6d1;
}
.portfolioteaser .bx_caption {
	background: #dcd6d1;
}
.testimonial_v1 a {
	color:#dcd6d1;
}
.testimonial_slider a {
	color:#dcd6d1;
}
nav.mainmenu ul ul {
	border-top: 5px solid #dcd6d1;
}
nav.mainmenu ul li a:after {
    background: #dcd6d1;
}
.ce_text p a:not(.button) {
	color: #dcd6d1;
}
.servicebox:before {
	background: #dcd6d1; background: #dcd6d1 -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #dcd6d1 -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(25%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.15))); background: #dcd6d1 -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #dcd6d1 -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #dcd6d1 -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%); background: #dcd6d1 radial-gradient(ellipse at center, rgba(0,0,0,0) 25%, rgba(0,0,0,0.15) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcd6d100000', endColorstr='#26000000', GradientType=1 );
}
.nachrichtenliste .subheadline {
	color: #dcd6d1;
}
.ce_text p a:not(.button) {
	color: #dcd6d1;
}
.blog .comments a, .blog .morelink {
	color: #dcd6d1;
}
.nachrichtenteaser_slider .subheadline {
	color: #dcd6d1;
}
.nachrichtenteaser_v3 .subheadline {
	color: #dcd6d1;
}
.teambox_3 .email a, .teambox_3 .email {
	color: #dcd6d1;
}
.ce_preistabelle .preiswrapper {
	background: #dcd6d1;
}
nav.mainmenu ul li.trail a:after, nav.mainmenu ul li.active a:after {
	background: #fff;
}
.backgroundvideo.overlay .backgroundvideo_content_wrapper {
	background: #dcd6d1;
}
#top {
	background: #dcd6d1;
}
.servicebox_2[class^="icon-"]:before,
.servicebox_2[class*="icon-"]:before {
	color: #dcd6d1
}
.servicebox_2 h1, .servicebox_2 h2, .servicebox_2 h3, .servicebox_2 h4, .servicebox_2 h5, .servicebox_2 h6 {
	color: #dcd6d1;
}
.articlewrapper.typ3 {
	background: #dcd6d1;
}
.tabs.horizontal_clean ul li a:hover, .tabs.horizontal_clean ul li a.current {
	background: #dcd6d1;
}
.teambox_2 .funktion {
	color: #dcd6d1;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #dcd6d1;
}
.ce_imagemap .circle {
	box-shadow: 0 0 0 4px #dcd6d1;
}
.ce_imagemap .hotspot.small .circle {
	box-shadow: 0 0 0 2px #dcd6d1;
}



@media only screen and (max-width: 950px) {
#left {
	 display: none;
}
body.sidebar_both #right, body.sidebar_right #right{
	width:100%;
	margin-left:0px;
}
body.sidebar_right #right .inside{
	padding-left:0px;
}
#right {
    margin-top: 25px !important;
    padding-top: 15px;
    border-top: none;
}
body.sidebar_both #main, #main, #main .inside, .ce_text, container-inside{
	width:100%;
}
body.sidebar_right #main{
	width:100%;
}

}



/******************************************************************
Jahresbericht
******************************************************************/
.mod_breadcrumb {
	display: block;
	width: 80%;
	height: 50px;
	float: left;
	clear: both;
	text-align: left;
	font-size: 14px;
}
#main .mod_breadcrumb ul {
	margin-top: 0px;
}

.sitejahresbericht #main {
	min-height: 400px;
}
.sitejahresbericht #main .mod_article.first {
	clear: both;
}

.sitejahresbericht nav.mainmenu ul li.last{
	float: right;
}

/* Box mit Bild */
.sitejahresbericht #main .aktuellesbox{
	width: 48%;
	margin-right: 1%;
	float: left;
	height: 370px;
}
.sitejahresbericht #main .aktuellesbox:hover{
	opacity: 0.7;
}
.sitejahresbericht #main .aktuellestext{
	background-color: #dcd6d1;
	text-align: center;
	padding: 5px;
	color: #000;
	background-size: cover;
	height: 360px;
	display: flex;
	align-items:center;
	justify-content: center;
	font-size: 40px;
	line-height: 120%;
	font-family: MiloSerifText;
	color: #fff;
}
.sitejahresbericht #main a:hover{
	text-decoration: none !important;
}
.sitejahresbericht #main .box1 .aktuellestext{
	background-image: url(/files/sva/jahresbericht/bilder_boxen/crestasee.jpg);
}
.sitejahresbericht #main .box2 .aktuellestext{
	background-image: url(/files/sva/jahresbericht/bilder_boxen/valtrupchun.jpg);
}
.sitejahresbericht #main .box3 .aktuellestext {
	background-image: url(/files/sva/jahresbericht/bilder_boxen/chur.jpg);
}
.sitejahresbericht #main .box4 .aktuellestext {
	background-image: url(/files/sva/jahresbericht/bilder_boxen/poschiavo.jpg);
}

.sitejahresbericht #main .aktuellesbild img{
	display: none;
}
.sitejahresbericht #main .ohnebild .aktuellesimg{
	display: none;
}
.sitejahresbericht #main .ohnebild .aktuellesbild{
	display: none;
}


/* Box ohne Bild */
.sitejahresbericht #main .aktuellesbox.ohnebild{
	width: 24% !important;
	margin-right: 1%;
	float: left;
	height: 210px !important;
}
.sitejahresbericht #main .ohnebild .aktuellestext{
	background-color: #dcd6d1;
	padding: 5px;
	color: #000;
	height: 200px;
	display: flex;
	align-items:center;
	justify-content: center;
	font-size: 18px;
	font-family: MiloText;
}
.sitejahresbericht #main .ohnebild .aktuellesimg{
	display: none;
}
.sitejahresbericht #main .ohnebild .aktuellesbild{
	display: none;
}

@media only screen and (max-width: 580px) {
	.sitejahresbericht #main .aktuellesbox{
		width: 45%;
		margin-right: 10px;
		margin-bottom: 10px;
		float: left;
		height: auto;
	}	
}
@media only screen and (max-width: 370px) {
	.sitejahresbericht #main .aktuellesbox{
		width: 45%;
		margin-right: 10px;
		float: left;
		height: auto;
	}	
}

.sitejahresbericht .image_container.float_left {
  margin-right: 3%;
  float: left;
}
.sitejahresbericht .image_container.float_left {
  float: left;
  width: 30%;
  padding: 0;
  margin-bottom: 3%;
}


.sitejahresbericht #footer .footerspalteeins {
	width: 25%;
}
.sitejahresbericht #footer .footerspaltezwei {
	width: 60%;
}
.sitejahresbericht #footer .footerspaltedrei {
	width: 15%;
}