/* FRONTEND MODE */


/* BEGIN OF INCLUDED FILE '/modules/box/css/box.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;


.serviceBox {
	float:right;
	border:1px solid #cacaca;
	border-radius: 6px;
	height:auto;
	margin-top:30px;
	margin-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:20px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		width:100%;
	}

	@media only screen and (max-device-width: 600px) {  
		 	clear:both;
			width:85% !important;
			display:block;
	}
	@media only screen and (max-width:599px) { 
		 	clear:both;
			width:85% !important;
			display:block;
	}
}

.serviceBox h2 {
	float:left;
	font-size:1.1em;
	color:$grey;
	background-image: url("/media/images/common/service_box_headline_icon.png");
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left:24px;
    padding-top:6px;
    padding-bottom:4px;
    margin:0px;
    font-weight:400;

	@media only screen and (max-device-width: 600px) {  
		 	font-size:150%;
	}
	@media only screen and (max-width:599px) { 
		 	font-size:150%;
	}
}

.serviceBoxContent a {
	color:#929292;
	
}

.serviceBoxContent ul {
    margin: 0;
    padding: 0;
}

.serviceBoxContent li {
	background: url("/media/images/common/arrow_service.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    color: #353535;
    float: left;
    line-height: 1.8em;
    list-style-type: none;
    font-size:0.93em;
    padding-left:12px;
    width:25%;

@media only screen and (max-device-width: 600px) {  
	font-size:110%;
	width:45%;
	}
	@media only screen and (max-width:599px) { 
	font-size:110%;
	width:45%;
	}
}

.serviceBoxContent ul.navigation li.navigation-li.navigation-li-first.navigation-li-rehaantrag_info,
.serviceBoxContent ul.navigation li.navigation-li.navigation-li-faq,
.serviceBoxContent ul.navigation li.navigation-li.navigation-li-erkrankungen {
	width:40%;
}

.boxcontentFooter {
	font-size:100%;
}
.boxFooter {
	color:$white;
	min-height:217px;

}

.boxFooter a {
	color:$white;
}
.contactIconFooter {
	float:left;
	background: url("/media/images/common/kontakt_footer.png") no-repeat scroll left 0px rgba(0, 0, 0, 0);
	width:20px;
	height:28px;
	margin-right:10px;
}
.socialmediaIconFooter {
	float:left;
	background: url("/media/images/common/social_network_footer.png") no-repeat scroll left 0px rgba(0, 0, 0, 0);
	width:24px;
	height:21px;
	margin-right:10px;
}

.boxen_rechts {
	float:right;
	width:290px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		/*max-width:40%;*/
	}
	@media only screen and (max-device-width: 600px) {  
		clear:both;
		width:100% !important;
		display:block;
	}
	@media only screen and (max-width:599px) {  
		clear:both;
		width:100% !important;
		display:block;
	}
}

.newsbox {
	border:1px solid #d9d9d9;
	border-radius: 6px;
	background-color:$white;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:25px;
	margin-bottom:20px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		padding-left: 15px;
	    padding-right: 15px;
	}
	@media only screen and (max-device-width: 600px) {  
		padding-left: 15px;
	    padding-right: 15px;
	}
	@media only screen and (max-width:599px) { 
		padding-left: 15px;
	    padding-right: 15px;
	}
}

.newsbox h2 {
	color:$blue;
	font-weight:400;
	font-style:italic;
	padding-top:20px;
	margin:0px;
	border-bottom:1px dashed #cecece;
	/*font-size:130%;*/
}

.newsboxcontent {
	@media only screen and (max-device-width: 600px) {  
		max-width: 100%;
	}
	@media only screen and (max-width:599px) { 
		max-width: 100%;
	}
}

/************************
 * FONTSIZE
 ************************/
.sizeSmall {
	float:right;
	margin-right:10px;
	

 @media only screen and (max-device-width: 600px) {  
		margin-left:20px;
	}
	@media only screen and (max-width:599px) {  
		margin-left:20px;
	}
}


.sizeMiddle {
	float:right;
	margin-right:10px;
}


.sizeBig {
	float:right;
}


.small     {  
	font-size:75%;
}

/*
h1 {  
	font-size:36px;
}

h2  {  
	font-size:24px;
              margin: 10px 0;}
 
p          {  font-size:14px;
              line-height:20px;}
*/





/* END OF INCLUDED FILE '/modules/box/css/box.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/box/css/box.css' */


#existingboxes{
    background: none;
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#pageboxes {
    background: #efefef 0 0;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    padding: 5px;
    width: 70%;
}

#tdleftboxes, #tdrightboxes {
    width: 120px;
}


#pageboxes #leftboxes {
    border: 0 none;
    height: 100%;
    overflow: auto;
    padding: 4px 20px;
}

#pageboxes #rightboxes {
    border: 0 none;
    height: 100%;
    overflow: auto;
    padding: 4px 20px;
}

#tdbetweenboxes {
    background: none repeat scroll 0 0 #ffffff;
    width: auto;
}

#trashboxes{
    background: url("/media/images/newbackend/backendTrashcan.png") no-repeat scroll 0 0 #434343;
    border: 1px solid #2B2B2B;
    float: left;
    height: 81px;
    margin-left: 20px;
    overflow: hidden;
    padding: 4px;
    width: 81px;
}



/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/box/css/box.css' */



/* BEGIN OF INCLUDED FILE '/modules/box/css/box.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;


.serviceBox {
	float:right;
	border:1px solid #cacaca;
	border-radius: 6px;
	height:auto;
	margin-top:30px;
	margin-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:20px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		width:100%;
	}

	@media only screen and (max-device-width: 600px) {  
		 	clear:both;
			width:85% !important;
			display:block;
	}
	@media only screen and (max-width:599px) { 
		 	clear:both;
			width:85% !important;
			display:block;
	}
}

.serviceBox h2 {
	float:left;
	font-size:1.1em;
	color:$grey;
	background-image: url("/media/images/common/service_box_headline_icon.png");
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left:24px;
    padding-top:6px;
    padding-bottom:4px;
    margin:0px;
    font-weight:400;

	@media only screen and (max-device-width: 600px) {  
		 	font-size:150%;
	}
	@media only screen and (max-width:599px) { 
		 	font-size:150%;
	}
}

.serviceBoxContent a {
	color:#929292;
	
}

.serviceBoxContent ul {
    margin: 0;
    padding: 0;
}

.serviceBoxContent li {
	background: url("/media/images/common/arrow_service.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    color: #353535;
    float: left;
    line-height: 1.8em;
    list-style-type: none;
    font-size:0.93em;
    padding-left:12px;
    width:25%;

@media only screen and (max-device-width: 600px) {  
	font-size:110%;
	width:45%;
	}
	@media only screen and (max-width:599px) { 
	font-size:110%;
	width:45%;
	}
}

.serviceBoxContent ul.navigation li.navigation-li.navigation-li-first.navigation-li-rehaantrag_info,
.serviceBoxContent ul.navigation li.navigation-li.navigation-li-faq,
.serviceBoxContent ul.navigation li.navigation-li.navigation-li-erkrankungen {
	width:40%;
}

.boxcontentFooter {
	font-size:100%;
}
.boxFooter {
	color:$white;
	min-height:217px;

}

.boxFooter a {
	color:$white;
}
.contactIconFooter {
	float:left;
	background: url("/media/images/common/kontakt_footer.png") no-repeat scroll left 0px rgba(0, 0, 0, 0);
	width:20px;
	height:28px;
	margin-right:10px;
}
.socialmediaIconFooter {
	float:left;
	background: url("/media/images/common/social_network_footer.png") no-repeat scroll left 0px rgba(0, 0, 0, 0);
	width:24px;
	height:21px;
	margin-right:10px;
}

.boxen_rechts {
	float:right;
	width:290px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		/*max-width:40%;*/
	}
	@media only screen and (max-device-width: 600px) {  
		clear:both;
		width:100% !important;
		display:block;
	}
	@media only screen and (max-width:599px) {  
		clear:both;
		width:100% !important;
		display:block;
	}
}

.newsbox {
	border:1px solid #d9d9d9;
	border-radius: 6px;
	background-color:$white;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:25px;
	margin-bottom:20px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		padding-left: 15px;
	    padding-right: 15px;
	}
	@media only screen and (max-device-width: 600px) {  
		padding-left: 15px;
	    padding-right: 15px;
	}
	@media only screen and (max-width:599px) { 
		padding-left: 15px;
	    padding-right: 15px;
	}
}

.newsbox h2 {
	color:$blue;
	font-weight:400;
	font-style:italic;
	padding-top:20px;
	margin:0px;
	border-bottom:1px dashed #cecece;
	/*font-size:130%;*/
}

.newsboxcontent {
	@media only screen and (max-device-width: 600px) {  
		max-width: 100%;
	}
	@media only screen and (max-width:599px) { 
		max-width: 100%;
	}
}

/************************
 * FONTSIZE
 ************************/
.sizeSmall {
	float:right;
	margin-right:10px;
	

 @media only screen and (max-device-width: 600px) {  
		margin-left:20px;
	}
	@media only screen and (max-width:599px) {  
		margin-left:20px;
	}
}


.sizeMiddle {
	float:right;
	margin-right:10px;
}


.sizeBig {
	float:right;
}


.small     {  
	font-size:75%;
}

/*
h1 {  
	font-size:36px;
}

h2  {  
	font-size:24px;
              margin: 10px 0;}
 
p          {  font-size:14px;
              line-height:20px;}
*/





/* END OF INCLUDED FILE '/modules/box/css/box.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/datagrid.css' */


.datagridFilterFormContainer {
    width: 266px;
    float: right;
    margin-top: 0px;
    padding-top: 3px;
    margin-bottom: 10px;
}

.datagridFilterForm {
    
}

.datagridFilterForm .blocklabel {
    width: 60px;
}

/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/datagrid.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/fileuploader.css' */

@CHARSET "UTF-8";

.tundra .dojoxInputNode {
	left: auto !important;
	top: auto !important;
	font-size: 12px !important;
	height: 24px;
}

.tundra .uploadBtn .dojoxInputNode {
	right: 4px;
}

.tundra .dojoxFlashNode {
	top: 2px !important;
	margin: 2px;
}

/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/fileuploader.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/imageviewer.css' */


.imageviewer {
    text-align: left;
}

.imageviewerNonFullscreen {
    background: #efefef;
}

.imageviewerFullscreen {
    background: #ffffff;
}

.imageviewerContent {
    padding: 10px;
}

.imageviewerScreen {
    background: #000000;
    overflow: hidden;
}

.imageviewerScreen .imageviewerPrevNextContainer {
    position: absolute;
    margin-top: 15px;
    z-index: 1199;
}

.imageviewerScreen .imageviewerPrevNextContainer .imageviewerPrev {
    display: block;
    background-image: url(/media/images/common/arrow_back.gif);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    width: 14px;
    height: 14px;
    float: left;
    margin-left: 10px;
}

.imageviewerScreen .imageviewerPrevNextContainer .imageviewerPrev span {
    display: none;
}

.imageviewerScreen .imageviewerPrevNextContainer .imageviewerNext {
    display: block;
    background-image: url(/media/images/common/arrow.gif);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    width: 14px;
    height: 14px;
    float: right;
    margin-right: 10px;
}

.imageviewerScreen .imageviewerPrevNextContainer .imageviewerNext span {
    display: none;
}

.imageviewerScreen .imageviewerPrevNextContainer .imageviewerPrev img {
    margin-left: 5px;
    margin-right: 5px;
}

.imageviewerScreen .imageviewerPrevNextContainer .imageviewerNext img {
    margin-left: 5px;
    margin-right: 5px;
}

.imageviewerScreen .imageviewerPrevNextContainer .imageviewerImageNr {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.imageviewerScreen .imageviewerPrevNextContainerSub {
    margin-left: auto;
    margin-right: 0px;
    background: #efefef;
    text-align: center;
    padding: 2px;
    width: 100px;
}

.imageviewerScreen .imageviewerImageContainer {
    position: absolute;
    z-index: 1198;
}

.imageviewerScreen .imageviewerImage {
}

.imageviewerFullscreenButtonContainer {
    margin-top: 10px;
    float: right;
}

.imageviewerFullscreenButton,
.imageviewerFullscreenButton:link,
.imageviewerFullscreenButton:hover,
.imageviewerFullscreenButton:active,
.imageviewerFullscreenButton:visited {
    color: #000000;
}

.imageviewerTitle {
    margin-top: 10px;
}

.imageviewerDescription {
    margin-top: 10px;
    display: none;
}


/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/imageviewer.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/seitbox_dijit_Chichiupload.css' */


.seitboxDijitChichiuploadStatus {
    display: none;
}


/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/seitbox_dijit_Chichiupload.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/seitbox_dijit_InfoIcon.css' */


.seitboxDijitInfoIcon {
    height: 13px;
    width: 13px;
    background-image: url(/media/images/backend/info.gif);
    cursor: help;
}

/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/seitbox_dijit_InfoIcon.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/seitbox_dijit_Paging.css' */


.seitboxDijitPaging {
	margin-top: 20px;
}

.seitboxDijitPagingSummary {
    float: left;
}

.seitboxDijitPagingLinks {
	float: left;
	margin-left: 20px;
}

.seitboxDijitPagingLink {
    font-weight: normal;
}

.seitboxDijitPagingLink {
	font-weight: normal;
}

.seitboxDijitPagingLinkSelected {
	font-weight: bold;
}



/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/seitbox_dijit_Paging.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/seitbox_dijit_ValidationCheckbox.css' */

.tundra .dijitCheckBoxRequired {
    background-image: none;
    background-color: #f9f999;
    border: 1px solid #cbcbcb;
} 

/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css/seitbox_dijit_ValidationCheckbox.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css_frontend/lightbox2.css' */

/* Preload images */
body:after {
    content: url(/media/js/lightbox2/img/close.png) url(/media/js/lightbox2/img/loading.gif) url(/media/js/lightbox2/img/prev.png) url(/media/js/lightbox2/img/next.png);
    display: none;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-container {
    padding: 4px;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(/media/js/lightbox2/img/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container > .nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(/media/js/lightbox2/img/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(/media/js/lightbox2/img/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(/media/js/lightbox2/img/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}




/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/usability/css_frontend/lightbox2.css' */



/* BEGIN OF INCLUDED FILE '/modules/headerimage/css/headerimage.css' */

#rslider {
	box-shadow: 0 15px 10px -10px #626262;
}

#rslider ul {
    padding:0px;
    margin:0px;
}

#rslider li {
    padding:0px;
    margin:0px;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* END OF INCLUDED FILE '/modules/headerimage/css/headerimage.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/headerimage/css/headerimage.css' */

#headerimageSlideshow {
    text-align: left;
	height: 100%;
}

.headerimageSlide {
	visibility: hidden;
	background-color: #ffffff;
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
	width: 600px;
	height: 140px;
}

.headerimageSlideFirst {
	visibility: visible;
}

/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/headerimage/css/headerimage.css' */



/* BEGIN OF INCLUDED FILE '/modules/headerimage/css/headerimage.css' */

#rslider {
	box-shadow: 0 15px 10px -10px #626262;
}

#rslider ul {
    padding:0px;
    margin:0px;
}

#rslider li {
    padding:0px;
    margin:0px;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* END OF INCLUDED FILE '/modules/headerimage/css/headerimage.css' */



/* BEGIN OF INCLUDED FILE '/modules/blockcontent/css/blockcontent.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;
$red: #AC1D3C;
$brown: #c96e55;
$lightgrey: #E2E3E2;
$yellow: #e7ae15;

.blockcontent {
	@media all and (min-width: 461px) and (max-width: 900px) {
   		max-width:100%;
	}
}
	
.blockcontent img {
	@media only screen and (max-device-width: 600px) {  
			max-width:100%;
			height:auto;
	}
	@media only screen and (max-width:599px) {  
			max-width:100%;
			height:auto;
	}
}

.blockcontentBlock ul {
	padding:0px;
	margin:0px;
	margin-bottom:10px;

}
.blockcontentBlock li {
	background: url("/media/images/common/contentlist.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    line-height: 1.5em;
    list-style-type: none;
    padding-left: 18px;
}
.blockcontentBlockContainer {
	/*width:620px;*/
	max-width:100%;
	/*margin-bottom:20px;*/

	@media all and (min-width: 461px) and (max-width: 900px) {
    	max-width:100%;
    }
	@media only screen and (max-device-width: 600px) {  
    		width:100% !important;
			display:block;
			margin-bottom:0px;
    }
    @media only screen and (max-width:599px) {  
    		width:100% !important;
			display:block;
			margin-bottom:0px;
    }
}
.blockcontentSpacer {
	margin-bottom:10px;
	height:20px;

	@media only screen and (max-device-width: 600px) {  
	 		margin-bottom:0px;
			height:0px;
    }
    @media only screen and (max-width:599px) {  
	 		margin-bottom:0px;
			height:0px;
    }
}

.blockcontentBlockSpacer {
    /*height: 10px;*/
	height: 0px;
}

.blockcontentBlock.blockcontentBlockDefault .dijitTitlePaneTitle {
	 margin-bottom:10px;

	 @media only screen and (max-device-width: 600px) {  
    		width:95% !important;
			display:block;
	 		margin-bottom:0px;
    }
    @media only screen and (max-width:599px) {  
    		width:95% !important;
			display:block;
	 		margin-bottom:0px;
    }
}
.blockcontentBlockKlappHtml p {
	/*margin-top:0px;
	padding:0px;*/
}

.blockcontentBlockBox {
	@media only screen and (max-device-width: 600px) {  
	    	clear: both;
	    	max-width: 90%;
	    	width: 90%;
	    	padding-left:10px;
	    	padding-right:10px;
	    	margin-bottom:12px;
	    	border-bottom:1px solid #A7A7A7;
	}
	@media only screen and (max-width:599px) {  
	    	clear: both;
	    	max-width: 90%;
	    	width: 90%;
	    	padding-left:10px;
	    	padding-right:10px;
	    	margin-bottom:12px;
	    	border-bottom:1px solid #A7A7A7;
	}
}	
	
.blockcontentBlock.blockcontentBlockBoxen {
 	@media only screen and (max-device-width: 600px) {  
    	width:100% !important;
    }
    @media only screen and (max-width:599px) {  
    	width:100% !important;
    }
}

.blockcontentBlock.blockcontentBlockH1 h1 {
    background-image: url("/media/images/common/headline_top_image.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-top: 1px dotted $blue;
    color: $blue;
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-top: 22px;
    width:65%;

    @media only screen and (max-device-width: 600px) {  
    		width:100% !important;
    		display:block;
    		margin-top:20px;
    }
    @media only screen and (max-width:599px) {  
    		width:100% !important;
    		display:block;
    		margin-top:20px;
    }
}

.blockcontentBlock.blockcontentBlockHeadline h1 {
	max-width:100%;
	color:$blue;
	border-top:1px dotted $blue;
	background-image: url("/media/images/common/headline_top_image.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-top:22px;
    padding-bottom:6px;
    margin-bottom:0px;

    @media all and (min-width: 461px) and (max-width: 900px) {
    	min-width:100%;
	}
	
 @media only screen and (max-device-width: 600px) {  
    		width:100% !important;
    		display:block;
 			margin-top:20px;
    }
    @media only screen and (max-width:599px) {  
    		width:100% !important;
    		display:block;
 			margin-top:20px;
    }
}
.blockcontentBlock h2 {
    margin-bottom: 0;
    margin-top: 10px;
}

.blockcontentBlock h3 {
	margin-top:5px;
	margin-bottom:8px;
}
.blockcontentBlock h4 {
	color: $yellow;
	font-weight:normal;
}

.contentHome .blockcontentBlock.blockcontentBlockH3 h3 {
    margin-bottom: 18px;
    margin-top: 0px;

@media only screen and (max-device-width: 600px) {  
		 width: 100%;
	}
	@media only screen and (max-width:599px) {  
		 width: 100%;
	}
}
.contentHome h1 {
	@media all and (min-width: 461px) and (max-width: 900px) {
	    max-width: 50%;
	}
	@media only screen and (max-device-width: 600px) {  
		 width: 100%;
	}
	@media only screen and (max-width:599px) {  
		 width: 100%;
	}
}

.blockcontentKlappImageWidth {
	margin-top:10px;
	margin-left:20px;
}

.blockcontentKlappImageContent {
	margin-top:10px;
	margin-left:30px;
	float:right;
	
	@media only screen and (max-device-width: 600px) {  
		float:left;
		margin-right:30px;
		margin-left:0px;
	}
	@media only screen and (max-width:599px) {  
		float:left;
		margin-right:30px;
		margin-left:0px;
	}
}

.blockcontentBlock.blockcontentBlockDefaultLeft {
	float:left;
	border:0px solid #dedede;
	max-width: 65%;

	@media only screen and (max-device-width: 600px) {  
		max-width: 100%;
	}
	@media only screen and (max-width:599px) { 
		max-width: 100%;
	}
}

.blockcontentBlock.blockcontentBlockDefaultLeft p {
	margin:0px;
	padding-bottom:10px;
}


.imageBlockLeft {
	float:left;
	margin-right:25px;
	margin-top:15px;
}

.imageBlockRight {
	float:right;
	margin-left:25px;
	width:180px;
	margin-top:10px;

	@media only screen and (max-device-width: 600px) {  
		float:left;
		margin-right:30px;
		margin-left:0px;
	}
	@media only screen and (max-width:599px) {  
		float:left;
		margin-right:30px;
		margin-left:0px;
	}
}

.blockcontentBlock.blockcontentBlockDefaultRight {
	float:left;
	border:0px solid #dedede;
	max-width: 65%;
}

.blockcontentBlock.blockcontentBlockDefaultRight p {
	margin:0px;
	padding:0px;
}

.imageInfo {
	font-style:italic;
	font-size:90%;
	margin-top:10px;
}
/****************************
*
* GALLERY
*
****************************/

.blockcontentBlockImages {
	margin-top:10px;
}
.imageContainerLeft {
	float:left;
	max-width:280px;

@media only screen and (max-device-width: 600px) {  	
 		margin-bottom:20px;
   }
   @media only screen and (max-width:599px) {  	
 		margin-bottom:20px;
   }
}

.imageCaption {
	margin-top:10px;
	font-size:90%;
	font-style: italic;
}
.imageContainerRight {
	float:right;
	max-width:280px;
	

 @media only screen and (max-device-width: 600px) {  	
		float:left;
 		margin-bottom:20px;
   }
   @media only screen and (max-width:599px) {  	
		float:left;
 		margin-bottom:20px;
   }
}

.blockcontentImagemulti {
	float:left; 
	margin-right:23px; 
	margin-bottom:20px;
}


/****************

ANSPRECHPARTNER 

*****************/


.blockcontentBlock.blockcontentBlockAnsprechpartner {
	height:270px;
	background-image: url(/media/images/common/ap_box_hg.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    box-shadow:0 15px 10px -10px #d7d7d7;
    margin-bottom:30px;
    margin-top:40px;
    padding-top:25px;
    padding-bottom:25px;
    max-width:570px;

    @media all and (min-width: 461px) and (max-width: 900px) {
    	max-width:100%;
    }
    @media only screen and (max-device-width: 600px) {  	
		background-image:none;
		box-shadow:none;
    	padding:0px;
    	width:100%;
   }
   @media only screen and (max-width:599px) {  	
		background-image:none;
		box-shadow:none;
    	padding:0px;
    	width:100%;
   }
}

.blockcontentBlock.blockcontentBlockAnsprechpartnerSmall {
	background-image: url(/media/images/common/ap_box_hg_small.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
   	box-shadow: 0 15px 10px -10px #D7D7D7;
    height: 136px;
    margin-bottom: 30px;
    margin-top: 25px;
    padding-top:25px;
    padding-bottom:25px;
    max-width:570px;

	@media all and (min-width: 461px) and (max-width: 900px) {
	    max-width:100%;
   }
    @media only screen and (max-device-width: 600px) {  
    	max-width:auto;
    	background-image:none;
    	box-shadow:none;	
    	margin: 0px;
    	padding:0px;
	}
	@media only screen and (max-width:599px) {  
    	max-width:auto;
    	background-image:none;
    	box-shadow:none;	
    	margin: 0px;
    	padding:0px;
	}
}

.ap_image {
	float:left;
}

.apImage {
	box-shadow:0 15px 10px -10px #919191;
	transform:rotate(-5deg);
  	-ms-transform:rotate(-5deg); /* IE 9 */
  	-moz-transform:rotate(-5deg); /* Firefox */
  	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
  	-o-transform:rotate(-5deg);
  	margin-top:20px;
  	margin-left:28px;
  	z-index:100;
}

.phone_icon {
	position:absolute;
	margin-left:18px;
	margin-top:90px;
	z-index:200;
}



.ap_textcontent.image{
	float:right;
	width:335px;
	border-left:1px solid #d4d4d4;
	padding-left:30px;

@media only screen and (max-device-width: 600px) {  	
    	float:left;
		width:100%;
		border-left:0px;
		padding-left:0px;
		border-bottom: 1px solid $grey;
		padding-bottom:30px;
	}
	@media only screen and (max-width:599px) { 	
    	float:left;
		width:100%;
		border-left:0px;
		padding-left:0px;
		border-bottom: 1px solid $grey;
		padding-bottom:30px;
	}
}

.ap_textcontent.image h2 {
	margin:0px;
	color: #5e5e5e;
    font-size: 1.428em;
    font-weight: 400;
    margin-bottom:0px;
    padding-bottom:0px;
}

.ap_textcontent.image h2 p {
	margin:0px;
	padding:0px;
}

.ap_textcontent.without{
	float:left;
	margin-left: 30px;
	margin-right: 30px;

@media only screen and (max-device-width: 600px) {  	
    	float:left;
		width:100%;
		border-left:0px;
		padding-left:0px;
		border-bottom: 1px solid $grey;
		padding-bottom:30px;
		margin-left: 0px;
	}
	@media only screen and (max-width:599px) {  	
    	float:left;
		width:100%;
		border-left:0px;
		padding-left:0px;
		border-bottom: 1px solid $grey;
		padding-bottom:30px;
		margin-left: 0px;
	}
}

.ap_textcontent.without h2 {
	margin:0px;
	color: #5e5e5e;
    font-size: 1.428em;
    font-weight: 400;
    margin-bottom:0px;
    padding-bottom:0px;
}

.ap_textcontent.without h2 p {
	margin:0px;
	padding:0px;
}

.apContentLeft {
	float:left;
	width:230px;
	border-left:0px solid #d4d4d4;
	padding-left:30px;
	font-size:93.8%;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width: 55% !important;
		padding-left: 0 !important;
	}
	@media only screen and (max-device-width: 600px) {  
    	padding-left:0px;	
	}
	@media only screen and (max-width:599px) {  
    	padding-left:0px;	
	}
}

.apContentLeft h2 {
	margin:0px;	
	color:$brown;
	font-weight:bold;
	padding-bottom:5px;
}

.apContentLeft p {
	padding-bottom: 0px;
}

.apContentLeft ul {
	margin-top:10px;
}
.apContentLeft li {
	line-height:1.9em;
}

.ansprechpartnerLeft {
	float:left;
	width:230px;
	border-right:1px solid $grey;
	padding-left:30px;
	font-size:93.8%;
	line-height:1.3em;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width: 55% !important;
		padding-left: 0 !important;
	}
	
	@media only screen and (max-device-width: 600px) {  
    	border-right:0px solid $grey;
		float:none;
		width:100%;
		padding-left: 0px;
		margin-top:30px;
	}
	@media only screen and (max-width:599px) {  
    	border-right:0px solid $grey;
		float:none;
		width:100%;
		padding-left: 0px;
		margin-top:30px;
	}
}

.ansprechpartnerLeft p {
	padding-bottom: 0px;

}

.ansprechpartnerTaetigkeit {
	font-weight:bold;
}

.ap_detail {
	margin-top:10px;
	margin-bottom:10px;
}

.ansprechpartnerTel {
	background-image: url(/media/images/common/phone_contact.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    padding-left:40px;
    line-height:2.0em;
    color: $blue;
    letter-spacing:0.1em;
    font-size:110.0%;
}

.ap_taetigkeit {
	color:$blue;	
	font-style:oblique;
}

.ap_telefon {
	font-size:1.428em;
	color:$blue;
}

.ap_fax {
	font-size:1.428em;
	color:$blue;
	
}

.ansprechpartnerFax {
	background-image: url(/media/images/common/fax_contact.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    padding-left:40px;
    line-height:2.0em;
    color: $blue;
    letter-spacing:0.1em;
    font-size:110.0%;
}

.ansprechpartnerRight {
	float:right;
	width:190px;
	margin-top:0px;

	@media all and (min-width: 461px) and (max-width: 900px) {
	max-width:40%
	}
	
	@media only screen and (max-device-width: 600px) {  	
	    float:none;
	    }
	@media only screen and (max-width:599px) {  	
	    float:none;
	    }
}

.imageOverviewAnsprechpartner {
	float:right;
	max-width:220px;
	margin-top:5px;

	@media all and (min-width: 461px) and (max-width: 900px) {
	max-width:100%;
	height:auto
	}
	
	@media only screen and (max-device-width: 600px) {  	
	    float:left;
	    }
	@media only screen and (max-width:599px) {  	
	    float:left;
	    }
}

.imageOverviewAnsprechpartner img {
	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:100%;
		height:auto;
	}
	@media only screen and (max-device-width: 600px) {  	
		max-width:100%;
	    }
	@media only screen and (max-width:599px) { 	
		max-width:100%;
	    }
}

.blockcontentBlock.blockcontentBlockDownload {
	width:250px;
	padding:14px;
	border:1px solid #e6e6e6;
	border-radius: 6px;
	background-color:#f8f8f8;
	margin-top:12px;
	margin-bottom:20px;
	float:left;
	margin-right:27px;

	@media only screen and (max-device-width: 600px) {  	
	    	display:none;
	    }
	@media only screen and (max-width:599px) { 	
	    	display:none;
	    }
}

.blockcontentBlock.blockcontentBlockDownload .arrow {
	background: url(/media/images/common/arrow_blue.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}

.pdf_icon {
	margin-right:14px;
	padding-right:14px;
	border-right:1px solid #e6e6e6;
}



.blockcontentBox.blockcontentBoxDownload {
	width:280px;
	padding-left:14px;
	padding-right:14px;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #e6e6e6;
	border-radius: 6px;
	background-color:#f8f8f8;
	margin-top:12px;
}

.backsubtitel {
	font-weight:bold;
	color:$blue;
	padding-bottom:12px;
}

.blockcontentBlockBoxLeft {
	float:left;
	max-width:180px;
	border-right: 1px dotted $grey;
	padding-right:20px;
	padding-left:10px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:50%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
	@media only screen and (max-device-width: 600px) {  
		max-width:100%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
	@media only screen and (max-width:599px) { 
		max-width:100%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
}

.blockcontentBlockBoxCenter {
	float:left;
	max-width:180px;
	border-right: 1px dotted $grey;
	padding-right:20px;
	padding-left:20px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:50%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
	@media only screen and (max-device-width: 600px) {  
		max-width:100%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
	@media only screen and (max-width:599px) {  
		max-width:100%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
}
	
.blockcontentBlockBoxRight {
	float:left;
	max-width:180px;
	padding-left:20px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:50%;
		margin-bottom:15px;
		padding-left:0px;
		float:left;
		border-top: 1px dotted $grey;
		padding-top:15px;
	}
	@media only screen and (max-device-width: 600px) {  
		max-width:100%;
		margin-bottom:15px;
		padding-left:0px;
		float:left;
		border-top: 1px dotted $grey;
		padding-top:15px;
	}
	@media only screen and (max-width:599px) {
		max-width:100%;
		margin-bottom:15px;
		padding-left:0px;
		float:left;
		border-top: 1px dotted $grey;
		padding-top:15px;
	}
}

.blockcontentBlock.blockcontentBlockBoxen {
	color:#5e5e5e;
	font-size:100%;
	font-weight:400;
}

.blockcontentBlock.blockcontentBlockBoxen h2 {
	color:$red;
	font-weight:400;
	margin:0px;
	padding-top:10px;
	padding-bottom:15px;
	font-size:130%;
}

.blockcontentBlockBoxMoreButton {
	font-size:110%;
	letter-spacing:1px;
	width:100px;
	height:28px;
	background-image: url(/media/images/common/more_button_bg.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left:50px;
    padding-top:10px;
    color:$white;
    margin-bottom:25px;

@media only screen and (max-device-width: 600px) {  
		 margin-bottom:12px;
	}
	@media only screen and (max-width:599px) { 
		 margin-bottom:12px;
	}
}

.blockcontentBlockBoxMoreButton a {
	color:$white !important;
}

.blockcontentBlockBoxText {
	min-height:280px;
	padding-right:6px;

	 @media only screen and (max-device-width: 600px) {  
		min-height: 0px;
    	padding-right: 0px;
    	margin-bottom:12px;
	}
	@media only screen and (max-width:599px) {  
		min-height: 0px;
    	padding-right: 0px;
    	margin-bottom:12px;
	}
}
.blockcontentBlock.blockcontentBlockDownloadBoxen {
	@media only screen and (max-device-width: 600px) {  
	    	width: 90%;
	    	clear: both;
			margin-right:0px;
			margin-bottom:12px;
	}
	@media only screen and (max-width:599px) { 
	    	width: 90%;
	    	clear: both;
			margin-right:0px;
			margin-bottom:12px;
	}
}
.blockcontentBlock.blockcontentBlockDownloadBoxenLeft {
	float:left;
	width:284px;
	padding:14px;
	border:1px solid #e6e6e6;
	border-radius: 6px;
	background-color:#f8f8f8;
	margin-top:12px;
	min-height:58px;
	margin-right:9px;


	 @media only screen and (max-device-width: 600px) {  
		max-width: 90%;
		margin-right:0px;
	}
	@media only screen and (max-width:599px) {  
		max-width: 90%;
		margin-right:0px;
	}
}

.blockcontentBlock.blockcontentBlockDownloadBoxenLeft .arrow {
	background: url("/media/images/common/arrow_blue.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    padding-left: 12px;
    padding-right: 3px;
}

.blockcontentBlock.blockcontentBlockDownloadBoxenRight {
	float:left;
	width:284px;
	padding:14px;
	border:1px solid #e6e6e6;
	border-radius: 6px;
	background-color:#f8f8f8;
	margin-top:12px;
	min-height:58px;

	@media all and (min-width: 461px) and (max-width: 900px) {
	max-width: 100%;
	margin-right:9px;
	}
	
	@media only screen and (max-device-width: 600px) {  
		max-width: 90%;
		margin-right:0px;
	}
	@media only screen and (max-width:599px) { 
		max-width: 90%;
		margin-right:0px;
	}
}

.blockcontentBlock.blockcontentBlockDownloadBoxenRight .arrow {
	background: url("/media/images/common/arrow_blue.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    padding-left: 12px;
    padding-right: 3px;
}
.blockcontentBlock.blockcontentBlockBoxenBig {
	width:105%;
	
}
.blockcontentBlockBoxBigContainer {
	max-width:333px;
	float:left;
}

.blockcontentBlockBoxBig {
	max-width:100%;
	padding:16px;
	border:1px solid #e6e6e6;
	border-radius: 6px;
	background-color:#f8f8f8;
	margin-right:37px;
	box-shadow: 0 15px 10px -10px #626262;

	@media all and (min-width: 461px) and (max-width: 900px) {
	margin-bottom:12px;
	}
	 @media only screen and (max-device-width: 600px) {  
		max-width: 85%;
		margin-right:0px;
	}
	@media only screen and (max-width:599px) { 
		max-width: 85%;
		margin-right:0px;
	}
}

.blockcontentBlockBoxBig h2 {
	color:$blue;
	padding:0px;
	margin:0px;
	margin-bottom:6px;
}

.blockcontentBlockBoxBigText {
	padding:16px;
	min-height:205px;

	@media only screen and (max-device-width: 600px) {  
		min-height: 0px;
	}
	@media only screen and (max-width:599px) {  
		min-height: 0px;
	}
}


/*************************
 * 
 * IMAGEGALLERY _SCROLLCONTAINER
 *
 ************************/
.blockcontentBlock.blockcontentBlockDefaultImagedatabase {
	position:relative; 
	margin-left:-55%;

@media all and (min-width: 461px) and (max-width: 900px) {
	overflow:hidden;
}

@media only screen and (max-device-width: 600px) {  
		/*display:none;*/
		margin:0px;
		overflow:hidden;
		max-width:100%;
	}
	@media only screen and (max-width:599px) { 
		/*display:none;*/
		margin:0px;
		overflow:hidden;
		max-width:100%;
	}
}

.imagedatabaseDays {
	margin-bottom:20px;
}

.imageGallerySubtitle {
	margin-top:30px;
	margin-left:65px;
}

#imageGalleryContainer {
	background: url("/media/images/common/gallery_bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
	max-width:867px;
	margin-top: 0px;
	margin-left:25px;
    padding: 20px 20px 25px;

	@media all and (min-width: 461px) and (max-width: 900px) {
			background: none;
		}
		
	@media only screen and (max-device-width: 600px) {  
			background: none;
	    	padding:0px;
	    	margin-left:0px;
		}
	@media only screen and (max-width:599px) {  
			background: none;
	    	padding:0px;
	    	margin-left:0px;
		}
}
.slideContainer {
	overflow: hidden;
    width: 819px !important;
    margin-left:20px;

	@media only screen and (max-device-width: 600px) {  
    	margin-left:0px;
	}
	@media only screen and (max-width:599px) {  
    	margin-left:0px;
	}
}

.imageDatabaseContainer {
    max-height: 505px;
    margin-right: 2px;
    max-width: 819px;
    float:left;

@media only screen and (max-device-width: 600px) {  	

	}
}

.imageDatabaseContainer img {
    height: auto;
    max-width: 100%;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:70%;
	}
	
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
		max-width:65%;
		
	}
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
		max-width:40%;
}
}

#arrowLeft {
	position: absolute; 
	z-index:10;
	margin-top:220px;
	left:0px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		margin-top:160px;
		margin-left:8px;
	}
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
		margin-top:130px;
		margin-left:0px;
	}
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
		margin-top:90px;
	}
}
#arrowRight {
	margin-left: 860px; 
	position: absolute; 
	z-index: 10;
	margin-top:-285px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		margin-top:-198px;
		margin-left:607px;
	}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
		margin-left:0px;
		margin-top:-200px;
		right:0;
		
	}
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
		margin-left:0px;
		margin-top:-115px;
		right:0;
}
	
}

#arrowLeft img,
#arrowRight img {
	/*max-width:100%;*/

	/*@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:70%;
	}

	@media only screen and (max-device-width: 600px) {  
		max-width:70%;
	}*/
}
	
.blockcontentBlockYear {
	background: url("/media/images/common/year_bg.png") no-repeat scroll top left rgba(0, 0, 0, 0);
	width:68px;
	height:36px;
	color:$white;
	padding-top:5px;
	text-align:center;
	float:left;
	margin-right:10px;
}
.blockcontentBlockYearActive {
	background: url("/media/images/common/year_bg_active.png") no-repeat scroll top left rgba(0, 0, 0, 0);
	width:68px;
	height:36px;
	color:$white;
	padding-top:5px;
	text-align:center;
	float:left;
	margin-right:10px;
}
.blockcontentBlockYear a,
.blockcontentBlockYear a:link,
.blockcontentBlockYear a:visited {
	color:$white !important;
}

.blockcontentBlockYear a:hover, 
.blockcontentBlockYear a:aktive {
	color:#000000 !important;
	text-decoration:underline;
}

.blockcontentBlockYearActive a {
	color:$white !important;
}

.blockcontentBlockDay {
	background-color:#ededed;
	color:$grey;
	float:left;
	padding:5px;
	width:100px;
	margin-right:2px;
	margin-bottom:2px;
	text-align:center;
}
.blockcontentBlockDay a {
	color:$grey !important;
}
.blockcontentBlockDayActive {
	background-color:$grey;
	color:$white;
	float:left;
	padding:5px;
	width:100px;
	margin-right:2px;
	margin-bottom:2px;
	text-align:center;
}
.blockcontentBlockDayActive a {
	color:$white !important;
}

.blockcontentBlockTitle.dijitTitlePane {
	@media only screen and (max-device-width: 600px) {  	
		margin-top:30px;
	}
	@media only screen and (max-width:599px) { 	
		margin-top:30px;
	}
	
}

.blockcontentBlockOverview {
	margin-bottom:20px;
}

/* END OF INCLUDED FILE '/modules/blockcontent/css/blockcontent.css' */



/* BEGIN OF INCLUDED FILE '/modules/blockcontent/css/blockcontent.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;
$red: #AC1D3C;
$brown: #c96e55;
$lightgrey: #E2E3E2;
$yellow: #e7ae15;

.blockcontent {
	@media all and (min-width: 461px) and (max-width: 900px) {
   		max-width:100%;
	}
}
	
.blockcontent img {
	@media only screen and (max-device-width: 600px) {  
			max-width:100%;
			height:auto;
	}
	@media only screen and (max-width:599px) {  
			max-width:100%;
			height:auto;
	}
}

.blockcontentBlock ul {
	padding:0px;
	margin:0px;
	margin-bottom:10px;

}
.blockcontentBlock li {
	background: url("/media/images/common/contentlist.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    line-height: 1.5em;
    list-style-type: none;
    padding-left: 18px;
}
.blockcontentBlockContainer {
	/*width:620px;*/
	max-width:100%;
	/*margin-bottom:20px;*/

	@media all and (min-width: 461px) and (max-width: 900px) {
    	max-width:100%;
    }
	@media only screen and (max-device-width: 600px) {  
    		width:100% !important;
			display:block;
			margin-bottom:0px;
    }
    @media only screen and (max-width:599px) {  
    		width:100% !important;
			display:block;
			margin-bottom:0px;
    }
}
.blockcontentSpacer {
	margin-bottom:10px;
	height:20px;

	@media only screen and (max-device-width: 600px) {  
	 		margin-bottom:0px;
			height:0px;
    }
    @media only screen and (max-width:599px) {  
	 		margin-bottom:0px;
			height:0px;
    }
}

.blockcontentBlockSpacer {
    /*height: 10px;*/
	height: 0px;
}

.blockcontentBlock.blockcontentBlockDefault .dijitTitlePaneTitle {
	 margin-bottom:10px;

	 @media only screen and (max-device-width: 600px) {  
    		width:95% !important;
			display:block;
	 		margin-bottom:0px;
    }
    @media only screen and (max-width:599px) {  
    		width:95% !important;
			display:block;
	 		margin-bottom:0px;
    }
}
.blockcontentBlockKlappHtml p {
	/*margin-top:0px;
	padding:0px;*/
}

.blockcontentBlockBox {
	@media only screen and (max-device-width: 600px) {  
	    	clear: both;
	    	max-width: 90%;
	    	width: 90%;
	    	padding-left:10px;
	    	padding-right:10px;
	    	margin-bottom:12px;
	    	border-bottom:1px solid #A7A7A7;
	}
	@media only screen and (max-width:599px) {  
	    	clear: both;
	    	max-width: 90%;
	    	width: 90%;
	    	padding-left:10px;
	    	padding-right:10px;
	    	margin-bottom:12px;
	    	border-bottom:1px solid #A7A7A7;
	}
}	
	
.blockcontentBlock.blockcontentBlockBoxen {
 	@media only screen and (max-device-width: 600px) {  
    	width:100% !important;
    }
    @media only screen and (max-width:599px) {  
    	width:100% !important;
    }
}

.blockcontentBlock.blockcontentBlockH1 h1 {
    background-image: url("/media/images/common/headline_top_image.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-top: 1px dotted $blue;
    color: $blue;
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-top: 22px;
    width:65%;

    @media only screen and (max-device-width: 600px) {  
    		width:100% !important;
    		display:block;
    		margin-top:20px;
    }
    @media only screen and (max-width:599px) {  
    		width:100% !important;
    		display:block;
    		margin-top:20px;
    }
}

.blockcontentBlock.blockcontentBlockHeadline h1 {
	max-width:100%;
	color:$blue;
	border-top:1px dotted $blue;
	background-image: url("/media/images/common/headline_top_image.png");
    background-position: left top;
    background-repeat: no-repeat;
    padding-top:22px;
    padding-bottom:6px;
    margin-bottom:0px;

    @media all and (min-width: 461px) and (max-width: 900px) {
    	min-width:100%;
	}
	
 @media only screen and (max-device-width: 600px) {  
    		width:100% !important;
    		display:block;
 			margin-top:20px;
    }
    @media only screen and (max-width:599px) {  
    		width:100% !important;
    		display:block;
 			margin-top:20px;
    }
}
.blockcontentBlock h2 {
    margin-bottom: 0;
    margin-top: 10px;
}

.blockcontentBlock h3 {
	margin-top:5px;
	margin-bottom:8px;
}
.blockcontentBlock h4 {
	color: $yellow;
	font-weight:normal;
}

.contentHome .blockcontentBlock.blockcontentBlockH3 h3 {
    margin-bottom: 18px;
    margin-top: 0px;

@media only screen and (max-device-width: 600px) {  
		 width: 100%;
	}
	@media only screen and (max-width:599px) {  
		 width: 100%;
	}
}
.contentHome h1 {
	@media all and (min-width: 461px) and (max-width: 900px) {
	    max-width: 50%;
	}
	@media only screen and (max-device-width: 600px) {  
		 width: 100%;
	}
	@media only screen and (max-width:599px) {  
		 width: 100%;
	}
}

.blockcontentKlappImageWidth {
	margin-top:10px;
	margin-left:20px;
}

.blockcontentKlappImageContent {
	margin-top:10px;
	margin-left:30px;
	float:right;
	
	@media only screen and (max-device-width: 600px) {  
		float:left;
		margin-right:30px;
		margin-left:0px;
	}
	@media only screen and (max-width:599px) {  
		float:left;
		margin-right:30px;
		margin-left:0px;
	}
}

.blockcontentBlock.blockcontentBlockDefaultLeft {
	float:left;
	border:0px solid #dedede;
	max-width: 65%;

	@media only screen and (max-device-width: 600px) {  
		max-width: 100%;
	}
	@media only screen and (max-width:599px) { 
		max-width: 100%;
	}
}

.blockcontentBlock.blockcontentBlockDefaultLeft p {
	margin:0px;
	padding-bottom:10px;
}


.imageBlockLeft {
	float:left;
	margin-right:25px;
	margin-top:15px;
}

.imageBlockRight {
	float:right;
	margin-left:25px;
	width:180px;
	margin-top:10px;

	@media only screen and (max-device-width: 600px) {  
		float:left;
		margin-right:30px;
		margin-left:0px;
	}
	@media only screen and (max-width:599px) {  
		float:left;
		margin-right:30px;
		margin-left:0px;
	}
}

.blockcontentBlock.blockcontentBlockDefaultRight {
	float:left;
	border:0px solid #dedede;
	max-width: 65%;
}

.blockcontentBlock.blockcontentBlockDefaultRight p {
	margin:0px;
	padding:0px;
}

.imageInfo {
	font-style:italic;
	font-size:90%;
	margin-top:10px;
}
/****************************
*
* GALLERY
*
****************************/

.blockcontentBlockImages {
	margin-top:10px;
}
.imageContainerLeft {
	float:left;
	max-width:280px;

@media only screen and (max-device-width: 600px) {  	
 		margin-bottom:20px;
   }
   @media only screen and (max-width:599px) {  	
 		margin-bottom:20px;
   }
}

.imageCaption {
	margin-top:10px;
	font-size:90%;
	font-style: italic;
}
.imageContainerRight {
	float:right;
	max-width:280px;
	

 @media only screen and (max-device-width: 600px) {  	
		float:left;
 		margin-bottom:20px;
   }
   @media only screen and (max-width:599px) {  	
		float:left;
 		margin-bottom:20px;
   }
}

.blockcontentImagemulti {
	float:left; 
	margin-right:23px; 
	margin-bottom:20px;
}


/****************

ANSPRECHPARTNER 

*****************/


.blockcontentBlock.blockcontentBlockAnsprechpartner {
	height:270px;
	background-image: url(/media/images/common/ap_box_hg.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    box-shadow:0 15px 10px -10px #d7d7d7;
    margin-bottom:30px;
    margin-top:40px;
    padding-top:25px;
    padding-bottom:25px;
    max-width:570px;

    @media all and (min-width: 461px) and (max-width: 900px) {
    	max-width:100%;
    }
    @media only screen and (max-device-width: 600px) {  	
		background-image:none;
		box-shadow:none;
    	padding:0px;
    	width:100%;
   }
   @media only screen and (max-width:599px) {  	
		background-image:none;
		box-shadow:none;
    	padding:0px;
    	width:100%;
   }
}

.blockcontentBlock.blockcontentBlockAnsprechpartnerSmall {
	background-image: url(/media/images/common/ap_box_hg_small.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
   	box-shadow: 0 15px 10px -10px #D7D7D7;
    height: 136px;
    margin-bottom: 30px;
    margin-top: 25px;
    padding-top:25px;
    padding-bottom:25px;
    max-width:570px;

	@media all and (min-width: 461px) and (max-width: 900px) {
	    max-width:100%;
   }
    @media only screen and (max-device-width: 600px) {  
    	max-width:auto;
    	background-image:none;
    	box-shadow:none;	
    	margin: 0px;
    	padding:0px;
	}
	@media only screen and (max-width:599px) {  
    	max-width:auto;
    	background-image:none;
    	box-shadow:none;	
    	margin: 0px;
    	padding:0px;
	}
}

.ap_image {
	float:left;
}

.apImage {
	box-shadow:0 15px 10px -10px #919191;
	transform:rotate(-5deg);
  	-ms-transform:rotate(-5deg); /* IE 9 */
  	-moz-transform:rotate(-5deg); /* Firefox */
  	-webkit-transform:rotate(-5deg); /* Safari and Chrome */
  	-o-transform:rotate(-5deg);
  	margin-top:20px;
  	margin-left:28px;
  	z-index:100;
}

.phone_icon {
	position:absolute;
	margin-left:18px;
	margin-top:90px;
	z-index:200;
}



.ap_textcontent.image{
	float:right;
	width:335px;
	border-left:1px solid #d4d4d4;
	padding-left:30px;

@media only screen and (max-device-width: 600px) {  	
    	float:left;
		width:100%;
		border-left:0px;
		padding-left:0px;
		border-bottom: 1px solid $grey;
		padding-bottom:30px;
	}
	@media only screen and (max-width:599px) { 	
    	float:left;
		width:100%;
		border-left:0px;
		padding-left:0px;
		border-bottom: 1px solid $grey;
		padding-bottom:30px;
	}
}

.ap_textcontent.image h2 {
	margin:0px;
	color: #5e5e5e;
    font-size: 1.428em;
    font-weight: 400;
    margin-bottom:0px;
    padding-bottom:0px;
}

.ap_textcontent.image h2 p {
	margin:0px;
	padding:0px;
}

.ap_textcontent.without{
	float:left;
	margin-left: 30px;
	margin-right: 30px;

@media only screen and (max-device-width: 600px) {  	
    	float:left;
		width:100%;
		border-left:0px;
		padding-left:0px;
		border-bottom: 1px solid $grey;
		padding-bottom:30px;
		margin-left: 0px;
	}
	@media only screen and (max-width:599px) {  	
    	float:left;
		width:100%;
		border-left:0px;
		padding-left:0px;
		border-bottom: 1px solid $grey;
		padding-bottom:30px;
		margin-left: 0px;
	}
}

.ap_textcontent.without h2 {
	margin:0px;
	color: #5e5e5e;
    font-size: 1.428em;
    font-weight: 400;
    margin-bottom:0px;
    padding-bottom:0px;
}

.ap_textcontent.without h2 p {
	margin:0px;
	padding:0px;
}

.apContentLeft {
	float:left;
	width:230px;
	border-left:0px solid #d4d4d4;
	padding-left:30px;
	font-size:93.8%;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width: 55% !important;
		padding-left: 0 !important;
	}
	@media only screen and (max-device-width: 600px) {  
    	padding-left:0px;	
	}
	@media only screen and (max-width:599px) {  
    	padding-left:0px;	
	}
}

.apContentLeft h2 {
	margin:0px;	
	color:$brown;
	font-weight:bold;
	padding-bottom:5px;
}

.apContentLeft p {
	padding-bottom: 0px;
}

.apContentLeft ul {
	margin-top:10px;
}
.apContentLeft li {
	line-height:1.9em;
}

.ansprechpartnerLeft {
	float:left;
	width:230px;
	border-right:1px solid $grey;
	padding-left:30px;
	font-size:93.8%;
	line-height:1.3em;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width: 55% !important;
		padding-left: 0 !important;
	}
	
	@media only screen and (max-device-width: 600px) {  
    	border-right:0px solid $grey;
		float:none;
		width:100%;
		padding-left: 0px;
		margin-top:30px;
	}
	@media only screen and (max-width:599px) {  
    	border-right:0px solid $grey;
		float:none;
		width:100%;
		padding-left: 0px;
		margin-top:30px;
	}
}

.ansprechpartnerLeft p {
	padding-bottom: 0px;

}

.ansprechpartnerTaetigkeit {
	font-weight:bold;
}

.ap_detail {
	margin-top:10px;
	margin-bottom:10px;
}

.ansprechpartnerTel {
	background-image: url(/media/images/common/phone_contact.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    padding-left:40px;
    line-height:2.0em;
    color: $blue;
    letter-spacing:0.1em;
    font-size:110.0%;
}

.ap_taetigkeit {
	color:$blue;	
	font-style:oblique;
}

.ap_telefon {
	font-size:1.428em;
	color:$blue;
}

.ap_fax {
	font-size:1.428em;
	color:$blue;
	
}

.ansprechpartnerFax {
	background-image: url(/media/images/common/fax_contact.png);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    padding-left:40px;
    line-height:2.0em;
    color: $blue;
    letter-spacing:0.1em;
    font-size:110.0%;
}

.ansprechpartnerRight {
	float:right;
	width:190px;
	margin-top:0px;

	@media all and (min-width: 461px) and (max-width: 900px) {
	max-width:40%
	}
	
	@media only screen and (max-device-width: 600px) {  	
	    float:none;
	    }
	@media only screen and (max-width:599px) {  	
	    float:none;
	    }
}

.imageOverviewAnsprechpartner {
	float:right;
	max-width:220px;
	margin-top:5px;

	@media all and (min-width: 461px) and (max-width: 900px) {
	max-width:100%;
	height:auto
	}
	
	@media only screen and (max-device-width: 600px) {  	
	    float:left;
	    }
	@media only screen and (max-width:599px) {  	
	    float:left;
	    }
}

.imageOverviewAnsprechpartner img {
	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:100%;
		height:auto;
	}
	@media only screen and (max-device-width: 600px) {  	
		max-width:100%;
	    }
	@media only screen and (max-width:599px) { 	
		max-width:100%;
	    }
}

.blockcontentBlock.blockcontentBlockDownload {
	width:250px;
	padding:14px;
	border:1px solid #e6e6e6;
	border-radius: 6px;
	background-color:#f8f8f8;
	margin-top:12px;
	margin-bottom:20px;
	float:left;
	margin-right:27px;

	@media only screen and (max-device-width: 600px) {  	
	    	display:none;
	    }
	@media only screen and (max-width:599px) { 	
	    	display:none;
	    }
}

.blockcontentBlock.blockcontentBlockDownload .arrow {
	background: url(/media/images/common/arrow_blue.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}

.pdf_icon {
	margin-right:14px;
	padding-right:14px;
	border-right:1px solid #e6e6e6;
}



.blockcontentBox.blockcontentBoxDownload {
	width:280px;
	padding-left:14px;
	padding-right:14px;
	padding-top:0px;
	padding-bottom:0px;
	border:1px solid #e6e6e6;
	border-radius: 6px;
	background-color:#f8f8f8;
	margin-top:12px;
}

.backsubtitel {
	font-weight:bold;
	color:$blue;
	padding-bottom:12px;
}

.blockcontentBlockBoxLeft {
	float:left;
	max-width:180px;
	border-right: 1px dotted $grey;
	padding-right:20px;
	padding-left:10px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:50%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
	@media only screen and (max-device-width: 600px) {  
		max-width:100%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
	@media only screen and (max-width:599px) { 
		max-width:100%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
}

.blockcontentBlockBoxCenter {
	float:left;
	max-width:180px;
	border-right: 1px dotted $grey;
	padding-right:20px;
	padding-left:20px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:50%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
	@media only screen and (max-device-width: 600px) {  
		max-width:100%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
	@media only screen and (max-width:599px) {  
		max-width:100%;
		border-right:0px;
		margin-bottom:15px;
		margin-bottom:12px;
	}
}
	
.blockcontentBlockBoxRight {
	float:left;
	max-width:180px;
	padding-left:20px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:50%;
		margin-bottom:15px;
		padding-left:0px;
		float:left;
		border-top: 1px dotted $grey;
		padding-top:15px;
	}
	@media only screen and (max-device-width: 600px) {  
		max-width:100%;
		margin-bottom:15px;
		padding-left:0px;
		float:left;
		border-top: 1px dotted $grey;
		padding-top:15px;
	}
	@media only screen and (max-width:599px) {
		max-width:100%;
		margin-bottom:15px;
		padding-left:0px;
		float:left;
		border-top: 1px dotted $grey;
		padding-top:15px;
	}
}

.blockcontentBlock.blockcontentBlockBoxen {
	color:#5e5e5e;
	font-size:100%;
	font-weight:400;
}

.blockcontentBlock.blockcontentBlockBoxen h2 {
	color:$red;
	font-weight:400;
	margin:0px;
	padding-top:10px;
	padding-bottom:15px;
	font-size:130%;
}

.blockcontentBlockBoxMoreButton {
	font-size:110%;
	letter-spacing:1px;
	width:100px;
	height:28px;
	background-image: url(/media/images/common/more_button_bg.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left:50px;
    padding-top:10px;
    color:$white;
    margin-bottom:25px;

@media only screen and (max-device-width: 600px) {  
		 margin-bottom:12px;
	}
	@media only screen and (max-width:599px) { 
		 margin-bottom:12px;
	}
}

.blockcontentBlockBoxMoreButton a {
	color:$white !important;
}

.blockcontentBlockBoxText {
	min-height:280px;
	padding-right:6px;

	 @media only screen and (max-device-width: 600px) {  
		min-height: 0px;
    	padding-right: 0px;
    	margin-bottom:12px;
	}
	@media only screen and (max-width:599px) {  
		min-height: 0px;
    	padding-right: 0px;
    	margin-bottom:12px;
	}
}
.blockcontentBlock.blockcontentBlockDownloadBoxen {
	@media only screen and (max-device-width: 600px) {  
	    	width: 90%;
	    	clear: both;
			margin-right:0px;
			margin-bottom:12px;
	}
	@media only screen and (max-width:599px) { 
	    	width: 90%;
	    	clear: both;
			margin-right:0px;
			margin-bottom:12px;
	}
}
.blockcontentBlock.blockcontentBlockDownloadBoxenLeft {
	float:left;
	width:284px;
	padding:14px;
	border:1px solid #e6e6e6;
	border-radius: 6px;
	background-color:#f8f8f8;
	margin-top:12px;
	min-height:58px;
	margin-right:9px;


	 @media only screen and (max-device-width: 600px) {  
		max-width: 90%;
		margin-right:0px;
	}
	@media only screen and (max-width:599px) {  
		max-width: 90%;
		margin-right:0px;
	}
}

.blockcontentBlock.blockcontentBlockDownloadBoxenLeft .arrow {
	background: url("/media/images/common/arrow_blue.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    padding-left: 12px;
    padding-right: 3px;
}

.blockcontentBlock.blockcontentBlockDownloadBoxenRight {
	float:left;
	width:284px;
	padding:14px;
	border:1px solid #e6e6e6;
	border-radius: 6px;
	background-color:#f8f8f8;
	margin-top:12px;
	min-height:58px;

	@media all and (min-width: 461px) and (max-width: 900px) {
	max-width: 100%;
	margin-right:9px;
	}
	
	@media only screen and (max-device-width: 600px) {  
		max-width: 90%;
		margin-right:0px;
	}
	@media only screen and (max-width:599px) { 
		max-width: 90%;
		margin-right:0px;
	}
}

.blockcontentBlock.blockcontentBlockDownloadBoxenRight .arrow {
	background: url("/media/images/common/arrow_blue.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    padding-left: 12px;
    padding-right: 3px;
}
.blockcontentBlock.blockcontentBlockBoxenBig {
	width:105%;
	
}
.blockcontentBlockBoxBigContainer {
	max-width:333px;
	float:left;
}

.blockcontentBlockBoxBig {
	max-width:100%;
	padding:16px;
	border:1px solid #e6e6e6;
	border-radius: 6px;
	background-color:#f8f8f8;
	margin-right:37px;
	box-shadow: 0 15px 10px -10px #626262;

	@media all and (min-width: 461px) and (max-width: 900px) {
	margin-bottom:12px;
	}
	 @media only screen and (max-device-width: 600px) {  
		max-width: 85%;
		margin-right:0px;
	}
	@media only screen and (max-width:599px) { 
		max-width: 85%;
		margin-right:0px;
	}
}

.blockcontentBlockBoxBig h2 {
	color:$blue;
	padding:0px;
	margin:0px;
	margin-bottom:6px;
}

.blockcontentBlockBoxBigText {
	padding:16px;
	min-height:205px;

	@media only screen and (max-device-width: 600px) {  
		min-height: 0px;
	}
	@media only screen and (max-width:599px) {  
		min-height: 0px;
	}
}


/*************************
 * 
 * IMAGEGALLERY _SCROLLCONTAINER
 *
 ************************/
.blockcontentBlock.blockcontentBlockDefaultImagedatabase {
	position:relative; 
	margin-left:-55%;

@media all and (min-width: 461px) and (max-width: 900px) {
	overflow:hidden;
}

@media only screen and (max-device-width: 600px) {  
		/*display:none;*/
		margin:0px;
		overflow:hidden;
		max-width:100%;
	}
	@media only screen and (max-width:599px) { 
		/*display:none;*/
		margin:0px;
		overflow:hidden;
		max-width:100%;
	}
}

.imagedatabaseDays {
	margin-bottom:20px;
}

.imageGallerySubtitle {
	margin-top:30px;
	margin-left:65px;
}

#imageGalleryContainer {
	background: url("/media/images/common/gallery_bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
	max-width:867px;
	margin-top: 0px;
	margin-left:25px;
    padding: 20px 20px 25px;

	@media all and (min-width: 461px) and (max-width: 900px) {
			background: none;
		}
		
	@media only screen and (max-device-width: 600px) {  
			background: none;
	    	padding:0px;
	    	margin-left:0px;
		}
	@media only screen and (max-width:599px) {  
			background: none;
	    	padding:0px;
	    	margin-left:0px;
		}
}
.slideContainer {
	overflow: hidden;
    width: 819px !important;
    margin-left:20px;

	@media only screen and (max-device-width: 600px) {  
    	margin-left:0px;
	}
	@media only screen and (max-width:599px) {  
    	margin-left:0px;
	}
}

.imageDatabaseContainer {
    max-height: 505px;
    margin-right: 2px;
    max-width: 819px;
    float:left;

@media only screen and (max-device-width: 600px) {  	

	}
}

.imageDatabaseContainer img {
    height: auto;
    max-width: 100%;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:70%;
	}
	
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
		max-width:65%;
		
	}
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
		max-width:40%;
}
}

#arrowLeft {
	position: absolute; 
	z-index:10;
	margin-top:220px;
	left:0px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		margin-top:160px;
		margin-left:8px;
	}
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
		margin-top:130px;
		margin-left:0px;
	}
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
		margin-top:90px;
	}
}
#arrowRight {
	margin-left: 860px; 
	position: absolute; 
	z-index: 10;
	margin-top:-285px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		margin-top:-198px;
		margin-left:607px;
	}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
		margin-left:0px;
		margin-top:-200px;
		right:0;
		
	}
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
		margin-left:0px;
		margin-top:-115px;
		right:0;
}
	
}

#arrowLeft img,
#arrowRight img {
	/*max-width:100%;*/

	/*@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:70%;
	}

	@media only screen and (max-device-width: 600px) {  
		max-width:70%;
	}*/
}
	
.blockcontentBlockYear {
	background: url("/media/images/common/year_bg.png") no-repeat scroll top left rgba(0, 0, 0, 0);
	width:68px;
	height:36px;
	color:$white;
	padding-top:5px;
	text-align:center;
	float:left;
	margin-right:10px;
}
.blockcontentBlockYearActive {
	background: url("/media/images/common/year_bg_active.png") no-repeat scroll top left rgba(0, 0, 0, 0);
	width:68px;
	height:36px;
	color:$white;
	padding-top:5px;
	text-align:center;
	float:left;
	margin-right:10px;
}
.blockcontentBlockYear a,
.blockcontentBlockYear a:link,
.blockcontentBlockYear a:visited {
	color:$white !important;
}

.blockcontentBlockYear a:hover, 
.blockcontentBlockYear a:aktive {
	color:#000000 !important;
	text-decoration:underline;
}

.blockcontentBlockYearActive a {
	color:$white !important;
}

.blockcontentBlockDay {
	background-color:#ededed;
	color:$grey;
	float:left;
	padding:5px;
	width:100px;
	margin-right:2px;
	margin-bottom:2px;
	text-align:center;
}
.blockcontentBlockDay a {
	color:$grey !important;
}
.blockcontentBlockDayActive {
	background-color:$grey;
	color:$white;
	float:left;
	padding:5px;
	width:100px;
	margin-right:2px;
	margin-bottom:2px;
	text-align:center;
}
.blockcontentBlockDayActive a {
	color:$white !important;
}

.blockcontentBlockTitle.dijitTitlePane {
	@media only screen and (max-device-width: 600px) {  	
		margin-top:30px;
	}
	@media only screen and (max-width:599px) { 	
		margin-top:30px;
	}
	
}

.blockcontentBlockOverview {
	margin-bottom:20px;
}

/* END OF INCLUDED FILE '/modules/blockcontent/css/blockcontent.css' */



/* BEGIN OF INCLUDED FILE '/modules/fileupload/css/fileupload.css' */

#searchResults{
    overflow: auto;
    height: 210px;
}

.searchResultsEntry{
    float: left;
    border: 1px solid #999999;
    padding: 10px;
    margin-right: 15px;
    width: 240px;
    height: 75px;
    overflow: hidden;
}

.searchResultsCheckbox{
    line-height: 75px;
    vertical-align: middle;
    float: left;
    width: 20px;
    height: 75px;
}

.searchResultsImageFile{
    float: left; 
    width: 85px;
    height: 75px;
    line-height: 75px;
    vertical-align: middle;
}

.searchResultsFile{
    float: left; 
    width: 25px;
    height: 75px;
    line-height: 75px;
    vertical-align: middle;
}

.searchResultsInfo{
    float: left;
    width: 135px;
}

.searchResultsTags{
    font-size: 10px;
    font-style: italic;
}

#backend_media_imagesPopupProperties {
    width: 1050px;
}

#searchResults {
    height: 200px;
    overflow: auto;
}

/* END OF INCLUDED FILE '/modules/fileupload/css/fileupload.css' */



/* BEGIN OF INCLUDED FILE '/modules/paginator/css/paginator.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;
$lightgrey: #E2E3E2;
$yellow: #e7ae15;

.paginator {
	
}
.paginator a {
	color: $grey;
	padding-left:8px;
}

.paginatorBack {
	float:left;
	margin-right: 15px;
	margin-top:-3px;
}

.paginatorNext {
	float:right;
	margin-left: 10px;
	margin-top:-3px;
}


/* END OF INCLUDED FILE '/modules/paginator/css/paginator.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/search/css/search.css' */


.searchHitBreadcrumbs {
	font-style: italic;
	color: #777777;
	padding: 5px 0px;
}


/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/search/css/search.css' */



/* BEGIN OF INCLUDED CUSTOM FILE '/modules/search/css/search_custom.css' */

#searchTerm {
    background-color: #ffffff;
    border: 0 none;
    float: right;
    /*font-size: 75%;*/
    font-size:0.93em;
    height: 31px;
    opacity: 0.8;
    padding-left: 12px;
    width: 200px;
}

/* END OF INCLUDED CUSTOM FILE '/modules/search/css/search_custom.css' */



/* BEGIN OF INCLUDED FILE '/modules/indikationen/css/indikationen.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;
$red: #AC1D3C;
$brown: #c96e55;

#overviewIndikationen {
	float:right;
	width:620px;
    /*max-width: 70%;*/
	
	@media all and (min-width: 461px) and (max-width: 900px) {
		width:65%;
	}
	 @media screen and (max-width: 37.5em)  /* 600px */,
    	only screen and (-webkit-min-device-pixel-ratio: 1.5), 
    	only screen and (min-device-pixel-ration: 1.5) {
		width:100%;
	 	clear:both;
    }
}


.indikationenLeft {
	float:left;
	border:0px solid #dedede;

	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width: 40%;
	}
	 @media screen and (max-width: 37.5em)  /* 600px */,
    	only screen and (-webkit-min-device-pixel-ratio: 1.5), 
    	only screen and (min-device-pixel-ration: 1.5) {
		max-width: 40%;
	}
}

.indikationenLeft img {
	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width:80%;
		height:auto;
	}
}

.indikationenRight {
	border:0px solid #dedede;
	max-width:400px;
	float:left;
	
	@media all and (min-width: 461px) and (max-width: 900px) {
		max-width: 60%;
	}
}
#overviewIndikationen h1 {
	background-image: url("/media/images/common/headline_top_image.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-top: 1px dotted $blue;
    padding-bottom: 6px;
    padding-top: 22px;
    width: 100%;
}

#overviewIndikationen h2 {
	margin-bottom:0px;
	margin-top:0px;
}
.indikationenSpacer {
	height:10px;
}
.indikationenDownload {
	background: url("/media/images/common/pdf_flyer_bg.png") no-repeat scroll right 0px;
    color: #FFFFFF;
    font-size: 110%;
    height: 28px;
    padding-left: 50px;
    padding-top: 10px;
    width: 100px;
    float:left;
    margin-top:10px;
    margin-right:30px;
    margin-left:17px;

    @media all and (min-width: 461px) and (max-width: 900px) {
		background: url("/media/images/common/pdf_flyer_bgSmall.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		font-size: 90%;
	    height: 25px;
	    margin-right: 0px;
	    margin-top: 15px;
	    padding-left: 40px;
	    padding-top: 5px;
	    width: 100px;
	}
	
	@media only screen and (max-device-width: 600px) {  	
	    	display:none;
	    }
}
.indikationenMore {
    background: url("/media/images/common/more_button_bg.png") no-repeat scroll 0px 0px;
    color: $white;
    font-size: 110%;
    height: 28px;
    padding-left: 50px;
    padding-top: 10px;
    width: 100px;
    float:left;
    margin-right:30px;
    margin-top:20px;

	@media all and (min-width: 461px) and (max-width: 900px) {
    	background: url("/media/images/common/more_button_bgSmall.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	    font-size: 90%;
	    height: 25px;
	    margin-right: 15px;
	    margin-top: 15px;
	    padding-left: 30px;
	    padding-top: 5px;
	    width: 70px;
	}
}
.indikationenMore a {
	color:$white;
}
.indikationenDownload a {
	color:$white;
}

.imageOverviewIndikationen {
	float:left;
	margin-right:25px;
}
.indikationenAnswer ul {
	padding:0px;

}
.indikationenAnswer li {
	background: url("/media/images/common/contentlist.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    line-height: 1.5em;
    list-style-type: none;
    padding-left: 18px;
}
.indikationImage {
	margin-top:10px;
	margin-left:20px;
}
.indikationenText {
	float:left;
	margin-top:10px;
	max-width:65%;
	
@media only screen and (max-device-width: 600px) {  	
	    	max-width:100%;
			float:none;
	    }
}

.indikationenContainer ul {
	margin-left:10px;
	padding:0px;
	margin-bottom:0px;
	margin-top:5px;
}
.indikationenContainer li {
	background: url("/media/images/common/contentlist.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    line-height: 1.5em;
    list-style-type: none;
    padding-left: 18px;
}
.indikationenMaintitle h2{
	margin-bottom:15px;
}

/* END OF INCLUDED FILE '/modules/indikationen/css/indikationen.css' */



/* BEGIN OF INCLUDED FILE '/modules/schule/css/schule.css' */

#overviewSchule {
	float:right;
	max-width:620px;
}
.schuleLeft {
	float:left;
	border:0px solid #dedede;
}
.schuleRight {
	border:0px solid #dedede;
	max-width:400px;
	float:left;
}
#overviewSchule h1 {
	background-image: url("/media/images/common/headline_top_image.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-top: 1px dotted #ac1d3c;
    color: #ac1d3c;
    padding-bottom: 6px;
    padding-top: 22px;
    width: 100%;
}

#overviewSchule h2 {
	font-size:100%;
	color: #ac1d3c;
	margin-bottom:0px;
	margin-top:0px;
}
#schuleIndex h2 {
	font-size:100%;
	color: #ac1d3c;
	margin-bottom:0px;
	margin-top:0px;
}
.schuleSpacer {
	height:10px;
}
.schuleDownload {
	background: url("/media/images/common/pdf_flyer_bg.png") no-repeat scroll right 0px;
    color: #FFFFFF;
    font-size: 110%;
    height: 28px;
    padding-left: 50px;
    padding-top: 10px;
    width: 100px;
    float:left;
    margin-top:20px;
}
.schuleMore {
    background: url("/media/images/common/more_button_bg.png") no-repeat scroll 0px 0px;
    color: #FFFFFF;
    font-size: 110%;
    height: 28px;
    padding-left: 50px;
    padding-top: 10px;
    width: 100px;
    float:left;
    margin-right:30px;
    margin-top:20px;
}
.schuleMore a {
	color:#ffffff;
}
.schuleDownload a {
	color:#ffffff;
}

.imageOverviewSchule {
	float:left;
	margin-right:25px;
}

#schuleIndex ul {
	padding:0px;
}

#schuleIndex li {
	background: url("/media/images/common/contentlist.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    line-height: 1.5em;
    list-style-type: none;
    padding-left: 18px;
}
.schuleAnswer ul {
	padding:0px;

}
.schuleAnswer li {
	background: url("/media/images/common/contentlist.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    line-height: 1.5em;
    list-style-type: none;
    padding-left: 18px;
}
.schuleImage {
	margin-top:10px;
	margin-left:20px;
}

/* END OF INCLUDED FILE '/modules/schule/css/schule.css' */



/* BEGIN OF INCLUDED FILE '/modules/newsplus/css/newsplus.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;
$lightgrey: #E2E3E2;
$yellow: #e7ae15;


.newsplusIndex {
	max-width:620px;
	margin-top:30px;
}

.newsplusIndex p {
	margin:0px;
	padding:0px;
}

.newsPlusIndexContent {
	padding-top:20px;
	padding-bottom:20px;
}
.newsplusLeft {
	float:left;
	border:0px solid #dedede;
}

.newsplusMiddle {
	float:left;
	border-left: 1px solid $lightgrey;
	padding-left:15px;
	max-width:280px;
	line-height:1.5em;

	@media only screen and (max-device-width: 600px) {  	
	    	border-left: 0px;
			padding-left:0px;
	    }
	
}

.newsplusRight {
	border:0px solid #dedede;
	float:right;

@media only screen and (max-device-width: 600px) {  	
	    	float:left;
			margin-right:30px;
	    }
}
.newsplusIndex h1 {
	background-image: url("/media/images/common/headline_top_image.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-top: 1px dotted $blue;
    color: $blue;
    padding-bottom: 6px;
    padding-top: 22px;
    width: 100%;
}

.newsplusIndex h2 {
	font-size:110%;
	color: $blue;
	margin-bottom:10px;
	margin-top:0px;
	font-weight:normal;
}

.newsplusDetail {
	margin-top:30px;
}
.newsplusDate {
	background-image: url("/media/images/common/newsdateicon.png");
    background-position: left top;
    background-repeat: no-repeat;
	color: $yellow;
	float:left;
	padding-top:25px;
	width:110px;
}


.newsplusTeaser {
	font-weight:bold;
	margin-bottom:10px;
}
.newsplusTeaserDetail {
	color: $yellow;
    font-weight: normal;
    margin: 0;
    padding-bottom: 5px;
}
.newsplusSpacer {
	height:10px;
}
.newsplusDownload {
	background: url("/media/images/common/pdf_flyer_bg.png") no-repeat scroll right 0px;
    color: $white;
    font-size: 110%;
    height: 28px;
    padding-left: 50px;
    padding-top: 10px;
    width: 100px;
    float:left;
    margin-top:20px;
}
.newsplusMore {
    background: url("/media/images/common/more_button_bg.png") no-repeat scroll 0px 0px;
    color: #FFFFFF;
    font-size: 110%;
    height: 28px;
    padding-left: 50px;
    padding-top: 10px;
    width: 100px;
    float:left;
    margin-right:30px;
    margin-top:20px;
}
.newsplusMore a {
	color:#ffffff;
}
.newsplusDownload a {
	color:#ffffff;
}

.imageOverviewNewsplus {
	float:right;
	margin-left:25px;

	@media only screen and (max-device-width: 600px) {  	
	    	float:left;
			margin-left:0px;
			margin-bottom:20px;
	    }
	
}
.newsplusImageContainer {
	float:right;
	margin-left:30px;
}
.newsplusTitle h2 {
    color: $blue;
    margin-bottom: 8px;
    margin-top: 5px;
    font-size:130%;
	font-weight:400;
	margin-bottom:18px;
}
.newsplusBack a {
	color:$blue;
}
.newsplusBack a:hover {
	color:$blue;
}
.abstractgridDetail #imageGalleryContainer {
	margin-left:-330px;
	border:0px solid #dedede;
	overflow:hidden;
	padding: 0px 60px;
	height:688px;
}

.newsplusImagedatabaseContainer {
	    margin-left:-55%;
	    position:relative;
}
.newsplusDetail #imageGalleryContainer {
	background: url("/media/images/common/gallery_bg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    margin-left: 25px;
    margin-top: 0;
    max-width: 867px;
    padding: 20px 20px 25px;
    height:615px;
}

.newsplusBackImagedatabase {
	position:relative;
	margin-left:-55%;
}


.newsboxDate {
	float:left;
	width:66px;
	height:55px;
	background-image: url("/media/images/common/date_background.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    color:#ffffff;
    text-align:center;
    padding-top:10px;
    margin-top:12px;
    padding-right: 3px;

 	@media screen and (max-width: 37.5em)  /* 600px */,
    	only screen and (-webkit-min-device-pixel-ratio: 1.5), 
    	only screen and (min-device-pixel-ration: 1.5) {
		
	}
}

.newsboxDateDayMonth {
	font-size:13px;
}

.newsboxDateYear {
	font-size:130%;
}

.newsboxText {
	float:left;
	width:168px;
	min-height:58px;
	border-left:1px solid #cfcfcf;
	margin-top:15px;
	padding-left:5px;

	@media all and (min-width: 461px) and (max-width: 900px) {
		width: 70%;
	}
	@media only screen and (max-device-width: 600px) {  
		width: 70%;
	}
	
}

.newsboxTitle {
	padding-left:10px;
}

.newsboxMore {
	padding-left:10px;
}
.newsplusPaginator {
	float:right;
}
.newsDetailGallery {
	float:left; 
	margin-right:10px;
}


/* END OF INCLUDED FILE '/modules/newsplus/css/newsplus.css' */



/* BEGIN OF INCLUDED FILE '/modules/contact/css/contact.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;
$red: #AC1D3C;
$brown: #c96e55;

.contactForm {
	@media screen and (max-width: 37.5em)  /* 600px */,
    	only screen and (-webkit-min-device-pixel-ratio: 1.5), 
    	only screen and (min-device-pixel-ration: 1.5) {
		display:none;
	}
}
	
.contact h2 {
    color: $blue;
    margin-bottom: 8px;
    margin-top: 5px;
}

/* END OF INCLUDED FILE '/modules/contact/css/contact.css' */



/* BEGIN OF INCLUDED FILE '/modules/faq/css/faq.css' */

$lightBrown:#e7ae15;
$red: #ac1d3c;
$white: #ffffff;
$grey: #848484;
$blue: #5795d1;
$darkblue: #1c5a96;

.alphabetBlock {
	height:50px;
}

.letterOv {
	font-size:18px;
	color:$lightBrown;
	background-color:$blue;
	border-right:1px solid $white;
    float: left;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 4px;
    padding-top: 4px;

@media only screen and (max-device-width: 600px) {  		
		border-right:5px solid $white;
		border-bottom:5px solid $white;
		padding:6px;
		text-align:center;	
		font-size:2.0em;
		width:40px;
		height:40px;
	}
	@media only screen and (max-width:599px) { 		
		border-right:5px solid $white;
		border-bottom:5px solid $white;
		padding:6px;
		text-align:center;	
		font-size:2.0em;
		width:40px;
		height:40px;
	}
}

.letterOv a {
    color:$white;
    font-weight:normal;
}

.letterSingle {
	font-size:186%;
	color:$darkblue;
	margin:0px;
	padding-top:6px;
	padding-bottom:6px;
	border-top:1px dotted $blue;

	@media only screen and (max-device-width: 600px) {  		
		border-top:0px;
	}
	@media only screen and (max-width:599px) {  		
		border-top:0px;
	}
	
}

.letterSingle a {
	color:$darkblue;
}

.innerLetter {
	color:$grey;
	padding-bottom:5px;
}

.innerLetter a {
	color:$grey;
	padding-bottom:5px;
}

.innerLetter hr {
	border-color: #545454;
    border-style:solid none none;
    border-width:1px medium medium;
    height:1px;
    width: 100%;
}

.letterLink, .letterLink:link, .letterLink:visited, .letterLink:active, .letterLink:hover {
    color: #94b6d2;
}


.FaqDetailTitle {
	font-size:18px;
	color:$white;
	background-color:$blue;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 4px;
    padding-top: 4px;
}

#faq_backlink {
	padding-top:40px;
}

.arrow_faq {
    background: url(/media/images/common/arrow_green.png);
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}
.faqAnswer ul {
	padding:0px;
	margin:0px;
	margin-bottom:10px;

}
.faqAnswer li {
	background: url("/media/images/common/contentlist.png") no-repeat scroll left 7px rgba(0, 0, 0, 0);
    line-height: 1.5em;
    list-style-type: none;
    padding-left: 18px;
}

.filterContainer {
	margin-bottom:30px;
}

/* END OF INCLUDED FILE '/modules/faq/css/faq.css' */



/* BEGIN OF INCLUDED FILE '/modules/jobplus/css_frontend/jobplus.css' */

/**********************************************************
 *
 * JOBMODUL
 *
 **********************************************************/

.jobplusIndex {
	width:100%;
	margin-top:30px;
}

.jobplusContent {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom:20px;
	padding-top:10px;
	line-height:1.2em;

}

.jobplusTitle h2 {
 	font-size:160%;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:20px;
    margin-bottom:20px;

}
.jobplusTeaser {
	font-weight:bold;	
	
}
.jobplusTitleDetail h2 {
 	font-size:160%;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:20px;
    margin-bottom:20px;
    color:#AC1D3C;

}

.jobplusTeaserDetail {
	margin-bottom:20px;
	font-weight:bold;
}
.jobplusMore {
	margin-top:10px;
}

.jobplusMoreLink { 
	background: url(/media/images/common/arrow_red.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}

.jobplusMoreLinkBack { 
	background: url(/media/images/common/arrow_red_back.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}

/* END OF INCLUDED FILE '/modules/jobplus/css_frontend/jobplus.css' */



/* BEGIN OF INCLUDED CUSTOM FILE '/modules/jobplus/css_frontend/jobplus_custom.css' */

$red: #ac1d3c;
$white: #ffffff;
$grey: #848484;

.jobplusIndex {
	width:100%;
	margin-top:0px;
}

.jobplusContent {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom:20px;
	padding-top:10px;
	line-height:1.2em;

}

.jobplusTitle h2 {
 	font-size:160%;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:20px;
    margin-bottom:20px;

}

.jobplusTitleDetail h2 {
 	font-size:160%;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:20px;
    margin-bottom:$red;

}
.jobplusTeaser {
	font-weight:bold;	
	
}
.jobplusTeaserDetail {
	margin-bottom:20px;
	font-weight:bold;
}
.jobplusMore {
	margin-top:10px;
}

.jobplusMoreLink { 
	background: url(/media/images/common/arrow_red.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}

.jobplusMoreLinkBack { 
	background: url(/media/images/common/arrow_red_back.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}

/* END OF INCLUDED CUSTOM FILE '/modules/jobplus/css_frontend/jobplus_custom.css' */



/* BEGIN OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/jobplus/css_frontend/jobplus.css' */

.jobplusSpacer {
    height: 1px;
    border: 0px;
    background: #000;
    margin: 20px 0px;
}

.jobplusIndex h1 {
    margin: 0px;
}

.jobplusTitleOverview h1 {
    margin-bottom: 5px;
}

/* END OF INCLUDED FILE '/var/www/vhosts/santa-maria.de/httpdocs/s4/system/modules/jobplus/css_frontend/jobplus.css' */



/* BEGIN OF INCLUDED FILE '/modules/jobplus/css_frontend/jobplus.css' */

/**********************************************************
 *
 * JOBMODUL
 *
 **********************************************************/

.jobplusIndex {
	width:100%;
	margin-top:30px;
}

.jobplusContent {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom:20px;
	padding-top:10px;
	line-height:1.2em;

}

.jobplusTitle h2 {
 	font-size:160%;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:20px;
    margin-bottom:20px;

}
.jobplusTeaser {
	font-weight:bold;	
	
}
.jobplusTitleDetail h2 {
 	font-size:160%;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:20px;
    margin-bottom:20px;
    color:#AC1D3C;

}

.jobplusTeaserDetail {
	margin-bottom:20px;
	font-weight:bold;
}
.jobplusMore {
	margin-top:10px;
}

.jobplusMoreLink { 
	background: url(/media/images/common/arrow_red.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}

.jobplusMoreLinkBack { 
	background: url(/media/images/common/arrow_red_back.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}

/* END OF INCLUDED FILE '/modules/jobplus/css_frontend/jobplus.css' */



/* BEGIN OF INCLUDED CUSTOM FILE '/modules/jobplus/css_frontend/jobplus_custom.css' */

$red: #ac1d3c;
$white: #ffffff;
$grey: #848484;

.jobplusIndex {
	width:100%;
	margin-top:0px;
}

.jobplusContent {
	border-bottom: 1px solid #EEEEEE;
	padding-bottom:20px;
	padding-top:10px;
	line-height:1.2em;

}

.jobplusTitle h2 {
 	font-size:160%;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:20px;
    margin-bottom:20px;

}

.jobplusTitleDetail h2 {
 	font-size:160%;
    padding-top:0px;
    padding-bottom:0px;
    margin-top:20px;
    margin-bottom:$red;

}
.jobplusTeaser {
	font-weight:bold;	
	
}
.jobplusTeaserDetail {
	margin-bottom:20px;
	font-weight:bold;
}
.jobplusMore {
	margin-top:10px;
}

.jobplusMoreLink { 
	background: url(/media/images/common/arrow_red.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}

.jobplusMoreLinkBack { 
	background: url(/media/images/common/arrow_red_back.png);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    padding-left:12px;
    padding-right:3px;
}

/* END OF INCLUDED CUSTOM FILE '/modules/jobplus/css_frontend/jobplus_custom.css' */



/* BEGIN OF INCLUDED FILE '/modules/download/css/download.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;
$red: #AC1D3C;
$brown: #c96e55;

.downloadIndex {
	float:left;
	width:620px;

	@media all and (min-width: 461px) and (max-width: 900px) {
    	max-width:100%;
    }
	@media screen and (max-width: 37.5em)  /* 600px */,
    	only screen and (-webkit-min-device-pixel-ratio: 1.5), 
    	only screen and (min-device-pixel-ration: 1.5) {
    		width:100% !important;
			display:block;
    }
}

.downloadIndex h1 {
	background-image: url("/media/images/common/headline_top_image.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-top: 1px dotted #5795d1;
    color: #ac1d3c;
    padding-bottom: 6px;
    padding-top: 22px;
    width: 100%;
}

.downloadIndex h2 {
	margin-bottom:0px;
	margin-top:0px;
}

.downloadTeaser {
	font-weight:bold;
	margin-bottom:10px;
}

.downloadSpacer {
	height:10px;
}

.downloadContainer {
	width:278px;
	float:left;
	margin-right:30px;
	margin-bottom: 30px;
}

.downloadFile {
    background-color: #F8F8F8;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    margin-bottom: 10px;
    margin-top: 12px;
    padding: 14px;
    width: 250px;
}
.downloadDescription {
	float:left;
}


/* END OF INCLUDED FILE '/modules/download/css/download.css' */



/* BEGIN OF INCLUDED FILE '/modules/multimedia/css/multimedia.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;
$lightgrey: #E2E3E2;
$yellow: #e7ae15;
$bgbox :#f5f5f5;



#contentMultimedia {
	float:left;
	max-width:620px;
}


#contentMultimedia h1 {
	background-image: url("/media/images/common/headline_top_image.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-top: 1px dotted $blue;
    color: $blue;
    padding-bottom: 6px;
    padding-top: 22px;
    max-width: 100%;
}
.multiIndex {
	float:left;
	max-width:100%;

}
.multiIndexContainer {
	border-top:1px solid $lightgrey;
	padding:20px;

	@media only screen and (max-device-width: 600px) {  	
	    	display:none;
		}
}


.multiIndexScreen {
	display: none;

	@media only screen and (max-device-width: 600px) {  	
	    	display:block;
			max-width:100%;
			border-top:1px solid $lightgrey;
		}
}

.multiIndexScreen a {
	color:$white;
}
.multiDescription {
	float:left;
	width:55%;
}
.multiDescription h2 {
    font-size: 110%;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 0;
}

.multiIndexScreen h2 {
    font-size: 110%;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 20px;
}
.multiTeaser {
	color:$blue;
	margin-bottom:5px;
}
.multiText {
	margin-top:10px;
}

.multiPlayButton {
	background-image: url("/media/images/common/bg_abspielen.png");
    background-position: left top;
    background-repeat: no-repeat;
    width:150px;
    height:38px;
    padding-top:10px;
    padding-left:40px;
    font-size:100%;
    color:$white;
}
.videoContainer {
	float:right;

	
}
.multiImage {
	position:absolute;
}
.multiLink {
	position:relative;
}

.multimediaRight {
	float:right;
	width:250px;
	background-color: $bgbox;
	border:1px solid $bgbox;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 20px;
    box-shadow: 0 15px 10px -10px #626262;
    margin-top:55px;

@media only screen and (max-device-width: 600px) {  	
	    	display:none;
		}
}

.multimediabox h2 {
	font-size:130%;
	font-weight:normal;
	font-style:italic;
	float:left;
	padding-top:5px;
}
.multimediabox hr {
	border-color: $blue;
    border-style:solid none none;
    border-width:1px medium medium;
    height:1px;
    width: 100%;
    opacity:0.6;
}
.multimediaboxContent table { 
	border-spacing: 0px 10px;
}


.multimediaboxContent td {
	background-color:#ebebeb;
	border:1px solid #ebebeb;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 13px 25px;
	
}




/* END OF INCLUDED FILE '/modules/multimedia/css/multimedia.css' */



/* BEGIN OF INCLUDED FILE '/modules/mitarbeiter/css/mitarbeiter.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;
$lightgrey: #E2E3E2;
$yellow: #e7ae15;


.mitarbeiterIndex h1 {
background-image: url("/media/images/common/headline_top_image.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-top: 1px dotted #5795D1;
    color: #5795D1;
    padding-bottom: 6px;
    padding-top: 22px;
    width: 100%;
}
.mitarbeiterImageContainer {
	float:left;
	width: 140px;
	height:260px;
	margin-right:13px;
}
.mitarbeiterImage {

}
.mitarbeiterTitle {
	
}

/* END OF INCLUDED FILE '/modules/mitarbeiter/css/mitarbeiter.css' */



/* BEGIN OF INCLUDED FILE '/modules/fuerbitten/css/fuerbitten.css' */

$blue: #5795d1;
$darkblue: #4080be;
$white: #ffffff;
$grey: #848484;
$red: #AC1D3C;
$brown: #c96e55;
$yellow: #E7AE15;


.fuerbittenRubrik {
	color: $yellow;
}

/* END OF INCLUDED FILE '/modules/fuerbitten/css/fuerbitten.css' */