legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2013 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */

 /* lato-300 - latin */
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/ats/fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../../files/ats/fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ats/fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ats/fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/ats/fonts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../../files/ats/fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ats/fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ats/fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/ats/fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../../files/ats/fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ats/fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ats/fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/ats/fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../../files/ats/fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ats/fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ats/fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/ats/fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../../files/ats/fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ats/fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ats/fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/ats/fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../../files/ats/fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/ats/fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/ats/fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/ats/fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}


 
 
/**
 * Reset the margin and padding of the block elements
 */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea {
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;

}

/**
 * Basic element formatting
 */
table {
	border-spacing:0;
	border-collapse:collapse;
}
caption,th,td {
	text-align:left;
	text-align:start; /* see #4596 */
	vertical-align:top;
}
abbr,acronym {
	font-variant:normal;
	border-bottom:1px dotted #666;
	cursor:help;
}
blockquote,q {
	quotes:none;
}
fieldset,img {
	border:0;
}
ul {
	list-style-type:none;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
del {
	text-decoration:line-through;
}
ins {
	text-decoration:none;
}

/**
 * Default font settings
 */

input,button,textarea,select {
	font-family:inherit;
	font-size:99%;
	font-weight:inherit;
}
pre,code {
	font-family:Monaco,monospace;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1 {
	font-size:1.4em; 
}
h2 {
	font-size:1.4em; 
}
h3 {
	font-size:1.4em;   
}
h4 {
	font-size:1.3333em;
}
table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}


/**
 * Default margins
 */
h1,h2,h3,h4,h5,h6 {
	/*margin-top:1em;*/
	text-transform:uppercase;
}
h1,h2,h3,h4,h5,h6  {
	margin-bottom:0.5em;
}

p {
	margin-bottom:1.15em;
}

.dlh_googlemap {
  width: 100% !important;
  height: 350px !important;
}
	


/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2013 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */

/**
 * Standardize some basic elements
 */
 
body,form {
	margin:0;
	padding:0;
}
img {
	border:0;
}
header,footer,nav,section,aside,article,figure,figcaption {
	display:block;
}

#main {
	width:100%;
}

#main .inside {
	min-height:1px; /* see #4893 */
}

/**
 * Flexible images (videos see #4896)
 *
 * @see http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
 */
 
img {
	border:0;
	padding:0;
	margin:0;
}
.ie7 img {
	-ms-interpolation-mode:bicubic;
}
.ie8 img {
	width:auto; /* see #5789 */
}

/**
 * Format the Contao image galleries (now rendered as unordered lists)
 */
.ce_gallery ul {
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
}
.ce_gallery li {
	float:left;
}
.ce_gallery li.col_first {
	clear:left;
}

/**
 * Clear floats
 */
.block {
	overflow:hidden;
}
.clear,
#clear {
	height:1px;
	clear:both;
	margin-top:-1px;
}

/**
 * Hide invisible elements
 */
.invisible {
	width:0;
	height:0;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
}

/**
 * Custom layout sections
 */
.custom {
	display:block;
}
#container:after,.custom:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


.ce_image {
	margin-bottom:-0.5em;
}







/* ===============================
	q1 Idividuelle Programmierung 
====================================*/

body {
	
	line-height:1.75em;
	color:#808080;
	font-size:100%;
	
}

/*================================
	Header
==================================*/


/*Suchformular*/
#header .mod_form {
	margin-top: 2rem;
}

#header .mod_form input {
	border:1px solid #AFB1B2;
	padding:5px 3px;
	height: 35px;
}

#header .mod_form .formbody {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#header .mod_form .widget-text {
	width: calc(100% - 40px);
}
#header .mod_form .widget-submit button {
	height: 35px;
}
#header .mod_form .widget-submit {
	width: 35px;
	height: 35px;
}

#header .mod_form .submit {
	cursor:pointer;
	background-image:url(../../files/ats/grafiken/icon_search.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#AFB1B2;
	text-indent: -99999px;;
}

#header .mod_form input.submit {
	margin-top:-0.4em;
	width:8%;
	padding:7px 0px;
}

/* Logo */

.logo {
	text-align:right;
	margin-top:2.25em;
	
}



.claim {
	text-align:right;
	margin-right:35px;
	margin-top:2em;
	margin-bottom:1.85em;
}





/*==============================
	Content
================================*/

/*===============================
	Content Slider
=================================*/


.ce_sliderStart {
	margin-bottom:1em;
}

.ce_sliderStart .image_container img {
	width:100%;
	height:auto;
}


/* Slider Text Box */

.box_slider {
	position:absolute;
	top:50px;
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	margin-left:480px;
}

.box_slider a {
	color:#fff;
}

.padd2 {
	padding:1em;
}

.padd2 p {
	margin-bottom:0;
}

.margin2 {
	margin-bottom:2em;
}


/* Silder Next und Prev Button */

.slider-control .slider-prev {
	text-indent:-99999px;
	width:47px;
	height:68px;
	background-image:url(../../files/ats/grafiken/icon_slider_left.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:-14%;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	margin-left:14px;
	
}




.slider-control .slider-prev:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


.slider-control .slider-next {
	text-indent:-99999px;
	width:47px;
	height:68px;
	background-image:url(../../files/ats/grafiken/icon_slider_right.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:-14%;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	margin-right:14px;
}


.slider-control .slider-next:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


.slider-menu {
	position:absolute;
	top:0;
	left:50px;
}



.slider-border {
	height:1.5em;
	background-color:#B3CB25;
	margin-bottom:2em;
	margin-top:-2.5em;
	background-image:url(../../files/ats/grafiken/back_slider.png);
	background-position:center right;
	background-repeat:no-repeat;
}

.slider-border .inside .grid2 {
	background-color:#B3CB25;
	height:1.5em;
}



.border10 img {
	width:100%;
	height:auto;
}


.image-border {
	height:1em;
	background-color:#B3CB25;
	margin-bottom:0em;
	margin-top:0em;
	background-image:url(../../files/ats/grafiken/back_slider.png);
	background-position:center right;
	background-repeat:no-repeat;
}

.image-border .inside .grid2 {
	background-color:#B3CB25;
	height:1em;
}

/*==============================
	Breadcrumb
===================================*/

.mod_breadcrumb {
	margin-left:15px;
	margin-top:1.75em;
	margin-bottom:3em;
}

.mod_breadcrumb li {
	display:inline;
}

.mod_breadcrumb li a {
	background-image:url(../../files/ats/grafiken/icon_breadcrumb.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:1em;
	color:#AFB1B2;
	text-decoration:none;
	margin-right:0.25em;
}

/*==============================
	Auszeichnungsklassen
=================================*/


.white {
	padding-bottom:2em;
}


.be_grey {
	background-color:#f3f3f3;
	color:#808080;
	margin-top:-5em;
	padding-top:8em;
	padding-bottom:2em;
}


.be_grey2 {
	background-color:#f3f3f3;
	color:#808080;
	padding:2em 0;
}



.be_green {
	background-color:#b3cb25;
	color:#fff;
	margin-top:-5em;
	padding-top:8em;
	padding-bottom:2em;
	
}

.be_green2 {
	background-color:#b3cb25;
	color:#fff;
	padding:2em 0;
	
}



.text_blue {
	background-color:#0099BD;
	color:#fff;
}

.text_grey {
	background-color:#989898;
	color:#fff;
}

.text_green {
	background-color:#b3cb25;
	color:#fff;
}

.center {
	text-align:center;
}

.blocksatz {
	text-align:justify;
}

.box_zitat {
	background-image:url(../../files/ats/grafiken/icon_zitat.png);
	background-position:2em center;
	background-repeat:no-repeat;
	margin-top:1em;
	text-align:center;
}

.box_zitat p {
	font-size:1.4em;
	padding:2em 6em 0.25em 6em;
}

hr {
	border-top:1px solid #808080;
	border-right:none;
	border-left:none;
	border-bottom:none;
}


a.extern {
    background-image: url("../../files/ats/grafiken/a_extern.png");
    background-position: right center;
    background-repeat: no-repeat;
    color: #808080;
    padding-right: 15px;
    text-decoration: underline;
}

.kontakt {
	font-size:1.25em;
}


.mail a {
	color:#fff;
}

/* ===========================
	Boxen Startseite 
=================================*/


.a_box h3 {
	margin-bottom:0;
}

.a_box {
	padding:2em 0em 0.25em 0em;
	margin-bottom:1.75em;
	text-align:center;
}

.a_box a {
	color:#fff;
	text-decoration:none;
}

.a_box a:hover {
	color:#808080;

}

/*
.a_box a:visited {
	color:#2E3191;
}*/


.ko_link a {
	background-color:#0099bd;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	padding:1.75em;
	line-height:3em;
}


.ko_link a:hover {
	background-color:#808080;

}

/*
.ko_link a:visited {
	background-color:#2E3191;

}*/

/*===============================
	Top Link
===================================*/

.ce_toplink {
	float:right;
	border:1px solid #0099bd;
	background-image:url(../../files/ats/grafiken/icon_toplink.png);
	background-position:center 5px;
	background-repeat:no-repeat;
	text-align:center;
	padding:1.5em 0.25em 0.25em 0.25em;
	margin-right:15px;
}

.ce_toplink a {
	color:#0099bd;
	text-decoration:none;
}

/*===============================
	Über Uns
===================================*/

.list h3,
.list h2 {
	margin-left:0.7em;
}

.list li {
	background-image:url(../../files/ats/grafiken/icon_list_style.png);
	background-position:left 10px;
	background-repeat:no-repeat;
	padding-left:1em;
	margin-bottom:0.75em;
}


/*=================================
	Kontaktformular
===================================*/



.ce_form h1 {
	margin-bottom:1em;
}

.ce_form input {
	margin-bottom:1em;

}

.ce_form input.captcha {
	width:15%;
	margin-top:1em;
	margin-right:8px;
	margin-left:8px;
}

/*==================================
	Bilder auf Service Seite 
===================================*/


.a_grid1 .image_container {
	text-align:center;
}

/*===================================
	Suche
=====================================*/


.mod_search input.text {
	display:block;
	float:left;
	width:40%;
	margin-right:1em;
}

.mod_search p.header {
	background-color:#efefef;
	line-height:2em;
	margin:1em 0;
	padding-left:10px;
}

.mod_search input.submit {
	margin-top:-2px;
}

.mod_search h3 {
	color:#0099bd;
}

.mod_search h3 a {
	text-decoration:none;
	color:#0099bd;
}

.mod_search h3 a:hover {
	color:#808080;
}

.mod_search h3 a:visited {
	color:#2E3191;
}

/*==============================
	Google Map
=========================================*/


.mod_dlh_googlemaps {
   width: 100%;
   height:350px;

}




/*=================================
	Footer
===================================*/

#footer {
	background-color:#0099bd;
	color:#fff;
	padding:1.75em 0;
}

/*===============================
	Fusszeile
==================================*/
.footer1 {
	background-color:#004D5F;
	color:#fff;
}

.footer1 p {
	margin-bottom:0;
}


.footer1 a {
	color:#fff;
}

.copy {
	text-align:right;
	margin-right:15px;
}

/*=================================
	Impressum
===================================*/


/*q2*/
@media (min-width:768px) and (max-width:979px) {
	
	/* ===========================
	Boxen Startseite 
=================================*/


.a_box h3 {
	font-size:1.2em;
}


.box_slider {
	margin-left:387px;
}



.image-border,
.slider-border {
	background-image:url(../../files/ats/grafiken/back_slider_small.png);
}


/* Slider Text Box */

.box_slider {
	position:absolute;
	top:10px;
}




/* Silder Next und Prev Button */

.slider-control .slider-prev {
	text-indent:-99999px;
	width:15px;
	height:22px;
	background-image:url(../../files/ats/grafiken/icon_slider_left_small.png);
	margin-top:-14%;
	margin-left:8px;

	
}




.slider-control .slider-prev:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


.slider-control .slider-next {
	text-indent:-99999px;
	width:15px;
	height:22px;
	background-image:url(../../files/ats/grafiken/icon_slider_right_small.png);
	margin-right:8px;
}
	
}


/*q3*/
@media (max-width:767px) {



/*================================
	Header
==================================*/


/*Suchformular*/

#header .mod_form  {
	display:none;
	visibility:hidden;
}



/* Logo */

.logo {
	text-align:right;
	margin-top:0em;
	position:absolute;
	top:1em;
	left:8px;
}

.logo img {
	width:120px;
}

.claim {
	display:none;
	visibility:hidden;
	height:0;
	margin-right:0px;
	margin-top:0em;
	margin-bottom:0em;
}

.ce_sliderStart {
	margin-bottom:0em;
}


.image-border,
.slider-border {
	background:none;
}

/* Slider Text Box */

.box_slider {
	display:none;
	visibility:hidden;
}




/* Silder Next und Prev Button */

.slider-control .slider-next,
.slider-control .slider-prev {
	background:none;
	display:none;
	visibility:hidden;
}


/*==============================
	Breadcrumb
===================================*/

.mod_breadcrumb {
	margin-left:8px;
	margin-top:1em;
	margin-bottom:1em;
}


/*==============================
	Auszeichnungsklassen
=================================*/

.white {
	padding-bottom:1em;
}

.be_grey {
	margin-top:2em;
	padding-top:1em;
	padding-bottom:1em;
}
.be_green {
	margin-top:2em;
	padding-top:1em;
	padding-bottom:1em;
	
}

.be_grey2,
.be_green2 {
	padding:1em 0;
}

.box_zitat {
	background-image:url(../../files/ats/grafiken/icon_zitat_small.png);
	background-position:8px 8px;
	background-repeat:no-repeat;
	margin-top:1em;
	font-size:0.9em;
}

.box_zitat p {
	font-size:1.4em;
	padding:0.5em 8px 0.5em 1.6em;
	margin-bottom:0;
}

/*================================
	Box Startseite 
===================================*/





.a_box img {
	width:50px;
	height:auto;
}



.center {
	text-align:left;
}


/*===============================
	Top Link
===================================*/

.ce_toplink {
	margin-right:8px;
}

.ko_link a {
	padding:0.25em;
	line-height:0em;
}

.ce_form {
	margin-bottom:2em;
}

/*===================================
	Suche
=====================================*/


.mod_search input.text {
	width:70%;

}


/*==================================
	Bilder auf Service Seite 
===================================*/


.a_grid1 .image_container {
	margin:1em 0;
}

/*=================================
	Footer
===================================*/

#footer {
	background-color:#0099bd;
	color:#fff;
	padding:1em 0;
}

/*===============================
	Fusszeile
==================================*/

.copy {
	text-align:center;
	margin-right:15px;
}


}

/*q4*/
@media (max-width:380px) {

.a_box img {
	width:20%;
	height:auto;
}

.a_box h3 {
	font-size:0.9em;
	margin-bottom:em;
	font-weight:700;
}

.a_box p {
	font-size:0.9em;
	margin-bottom:0.5em;
	line-height:1.25em;
	
}

.a_box {
	padding:0.5em 0.25em 0 0.25em;
	margin-bottom:1.75em;
}

h1,h2,h3,h4,h5,h6 {
	/*margin-top:1em;*/
	text-transform:none;
	font-size:1.25em;
}

.box_zitat p {

	padding-left:2em;
}

/*===================================
	Suche
=====================================*/


.mod_search input.text {
	width:100%;
	margin-bottom:1em;

}

}
@charset "utf-8";
/* CSS Document */

.be_green .ce_form a{
	color:#fff;
}
.ce_text ul {
	margin-bottom:10px;
}
.ce_text li{
	list-style: disc;
	margin-left: 20px;
}
.ce_text li p{
	margin: 0;
}
/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2013 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */

/**
 * Make the wrapping container 960 pixel wide
 */

.inside {
	width:960px;
	margin:0 auto;
}

/**
 * Set the default margin of the grid columns
 */
 
.a_grid1,
.a_grid2,
*[class*="grid"] {
	float:left;
	margin-left:15px;
	margin-right:15px;
	display:inline;
	margin-top:0;
	margin-bottom:0;
}



/**
 * Automatically clear the floats in the main column, so you do not have to add
 * a clearing div to each article
 */
#main .inside {
	overflow:hidden;
}

/**
 * Grid column widths
 */
	.grid1  { width:450px; }
	.grid2  { width:930px; }
	.a_grid1 {width:290px; }
	.a_grid2 {width:610px; }




/**
 * Reduce the overall width and the width of the grid columns if the screen
 * width is less than 980px (e.g. on a portrait tablet)
 */
@media (min-width:768px) and (max-width:979px)
{
	/**
	 * Reduce the overall width
	 */
	.inside {
		width:744px;
	}

	/**
	 * Reduce the grid column widths
	 */
	.grid1  { width:342px;  }
	.grid2  { width:714px; }
	.a_grid1 {width:218px; }
	.a_grid2 {width:466px; }

}

/**
 * Remove all floats and fixed widths if the screen width is less than 768
 * pixel (e.g. on a mobile phone)
 */
@media (max-width:767px)
{
	/**
	 * Remove the overall width
	 */
	.inside {
		width:auto;
	}

	/**
	 * Show all columns underneath each other
	 */
	*[class*="grid"] {
		float:none !important;
		display:block !important;
		width:auto !important;
		margin-left:8px;
		margin-right:8px;
	}
	*[class*="offset"] {
		margin-left:10px !important;
	}
}

/* Style sheet navigation */
@media screen {
	


/* ====================================
	Hauptnavigation
=======================================*/

/* Clearfix */
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}


#header .mod_navigation a#pull {
	display: none;
}


#header .mod_navigation {
	background-color:#b3cb25;
	
}
#header .mod_navigation ul {
	margin:0 auto;
	line-height:1.85em;
	width:960px;
}

#header .mod_navigation li {
	float:left;
	margin-right:1em;
	width:auto;
}



#header .mod_navigation li.last {
	margin-right:0;	
}


#header .mod_navigation a,
#header .mod_navigation span {
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:1.15em;
	padding:19px 15px;
	display:block;
}



#header  .mod_navigation span.forward  {

}

#header  .mod_navigation .level_1 span.active, 
#header  .mod_navigation .level_1 a.trail  {
	background-color:#0099bd;
	color:#fff;

}




#header  .mod_navigation a:hover, 
#header  .mod_navigation a:focus {
	background-color:#fff;
	color:#b3cb25;
}


/* ====================================
	Zweite Ebene
=======================================*/

#header .forward {
	background-color:#0099bd;
	color:#fff;

}

#header li.trail:hover .trail,
#header li:hover a {
	background-color:#fff;
	color:#b3cb25;
}


#header ul.level_2 {
	position:absolute;
	left:auto;
	top:auto;
	border-bottom:none;
	z-index:50;
	margin-left:-150px;
	
}






#header .level_2 {
	position:absolute;
	left:-9999px;
	top:-9999px;
	overflow:hidden;
	display:inline;
	width:0;
	height:0;
	z-index:1;
}

/* zweite Ebene bei Mouse Over einblenden */ 

#header li:hover .submenu {
	
}


#header li:hover .level_2 {
	left:auto;
	top:auto;
	margin-top:-2px;
	height:auto;
	width:400px;
	background-color:#fff;	
	z-index:9999;
	overflow:visible;
	display:block;
	border-bottom:2px solid #0099bd;
}  


#header .mod_navigation .level_2 li {
	clear:both;
	border:none;
	display:block;
	text-align:left;
	background:none;
	padding:0;
	width:380px;
	margin-left:0;
	line-height:2.5em;
	height:2.5em;
	padding-left:10px;
}

#header .mod_navigation .level_2 li.first {
	margin-top:1em;
}
#header .mod_navigation .level_2 li.last{
	border:none;
	padding-bottom:1em;
}

#header ul.level_2 {
	position:absolute;
	left:auto;
	top:auto;
}


 

#header .mod_navigation .level_2 a,
#header .mod_navigation .level_2 span	 {
	text-decoration:none;
	color:#808080;
	display:block;
	font-size:1.125em;
	border:none;
	padding:0 0 0 32px;
}

#header .level_2 li:hover span.forward,
#header .level_2 span.forward:hover {
	padding-left:20px;
	border:none;
}


#header .mod_navigation .level_2 span.active, 
#header .mod_navigation .level_2 a.trail {
	color:#0099BD;
	background-image:url(../../files/ats/grafiken/nav_icon_hover.png);
	background-position:center left;
	background-repeat:no-repeat;
	background-color:#fff;

}


#header .mod_navigation .level_2 a:hover,
#header .mod_navigation .level_2 a:focus {
	border:none;
	background-image:url(../../files/ats/grafiken/nav_icon_hover.png);
	background-position:center left;
	background-repeat:no-repeat;
	color:#0099BD;
}

#header  .mod_navigation .level_2 .last a:hover, 
#header  .mod_navigation .level_2 .last a:focus {
	
}




/* ====================================
	Navigation Meta
=======================================*/

#header .mod_customnav {
	margin-top:4em;

}


#header .mod_customnav li.suche {
	display:none;
	visibility:hidden;
}


#header .mod_customnav li {
	display:inline;
	margin-right:0.85em;
}



#header .mod_customnav li.first {
	border-right:1px solid #AFB1B2;
	padding-right:1em;
}

#header .mod_customnav li.last {
	margin-right:0em;
}



#header .mod_customnav a,
#header .mod_customnav span {
	color:#AFB1B2;
	font-size:0.85em;
	text-decoration:none;

}



#header .mod_customnav a:hover, 
#header .mod_customnav a:focus {
	color:#0099BD;

}
	
	
#header .mod_customnav span.active, 
#header .mod_customnav  a.trail {
	color:#0099BD;
}	



/*=======================================
	Navigation Inhalt
======================================*/
#container .mod_customnav li {
	display:block;
	background-color:#B2B2B2;
	padding-left:1em;
	line-height:3em;
	margin-bottom:1em;
}

#container .mod_customnav li:hover {
	background-color:#B3CB25;
}

#container .mod_customnav li.active {
	background-color:#B3CB25;
}

#container .mod_customnav li.last {
	margin-right:0em;
}


#container .mod_customnav a,
#container .mod_customnav span {
	color:#fff;
	font-size:1em;
	text-decoration:none;
	text-transform:uppercase;

}

	/*
#container .mod_customnav a:visited {
	color:#2E3191;

}*/



/* ====================================
	Footer Navigation
=======================================*/


#footer .mod_navigation {
	margin-left:15px;
	margin-right:15px;
}
#footer .mod_navigation ul {


}

#footer .mod_navigation .level_1 li {
	display:inline;
	float:left;
	margin-right:2em;

}

#footer .mod_navigation .level_2 li {
	display:block;
	float:none;
}



#footer .mod_navigation li.last {
	margin-right:0;	
}


#footer .mod_navigation a,
#footer .mod_navigation span {
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:1em;
}

#footer .mod_navigation .level_2 li a,
#footer .mod_navigation .level_2 li span {
	text-transform:none;
}



#footer  .mod_navigation span.forward  {

}

#footer  .mod_navigation span.active, 
#footer  .mod_navigation a.trail  {
	color:#004D5F;
}



#footer  .mod_navigation a:hover, 
#footer  .mod_navigation a:focus {
	color:#004D5F;

}



}


/*q2*/
@media (min-width:768px) and (max-width:979px) {

#header .mod_navigation ul {
	width:744px;
}

/*=======================================
	Navigation Inhalt
======================================*/


#container .mod_customnav {
}


#container .mod_customnav li {
	line-height:1.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;

}

	
}


/*q3*/
@media (max-width:767px) {


/* ==============================
	Hauptnavigation
=======================================*/


/* Button Menü */	



#header .mod_navigation a#pull {
		display: block;
		background-color:#b3cb25;
		width: 100%;
		position:relative;
		margin-top:0em;
		height:1em;
		color:#fff;
		
}

#header .mod_navigation a#pull:hover {
		color:#808080;
}

#header .mod_navigation a#pull:after {
		content:"";
		background: url('../../files/ats/grafiken/nav_icon.png') no-repeat;
		display: inline-block;
		position: absolute;
		right: 30px;
		top: 8px;
		width:25px;
		height:25px;
		color:#fff;
}


#header .mod_navigation {
	margin-top:4em;

}
#header .mod_navigation ul {
	position:relative;
	width:100%;
	border-bottom:1px #fff solid;
	z-index:50;
	display: none;
	padding-left:0px;
	margin:0;
	padding-right:0;
}

#header .mod_navigation ul.level_1,
#header .mod_navigation li {
	float:none;
	margin-left:0px;
	border:none;
	padding-left:0px;
	padding-right:0px;
	background-color:#0099bd;
	padding-top:0.6em;
	line-height:0.25em;
	border-bottom:1px solid #fff;
	margin-right:0;
}

#header .mod_navigation li.first {
	margin-left:0px;

}


#header .mod_navigation a,
#header .mod_navigation span {
	color:#FFF;
	font-size:1em; 
	text-decoration:none;
	display:block;
	padding-left:8px;
	padding-top:5px;
}



#header .mod_navigation a:hover,
#header .mod_navigation a:focus {
	background:none;
}




#header .mod_navigation span.active, 
#header .mod_navigation a.trail {
	color:#004D5F;
	background:none;
}

#header .mod_navigation .level_2 .trail {
	font-weight:700;
}


/* ====================================
	Zweite Ebene
=======================================*/


#header .forward,
#header li.trail:hover .trail,
#header li:hover a {
	background:none;
	color:#fff;
}


#header ul.level_2 {
	position:absolute;
	left:auto;
	top:auto;
	border-bottom:none;
	z-index:10;
	height:auto;
}


#header .mod_navigation .level_2 li {
	clear:both;
	border:none;
}



#header .level_2 {
	position:relative;
	left:0;
	top:0;
	overflow:hidden;
	display:block;
	width:100%;
	z-index:1;
}

/* zweite Ebene bei Mouse Over einblenden */
#header li:hover span.forward,
#header li:hover span.active,
#header li:hover a {
	color:#fff;
	
}




#header li:hover .level_2 {
	width:100%;
	background-color:none;
	z-index:9999;
	overflow:visible;
	display:block;
	left:auto;
	top:auto;
	height:auto;
	border:none;
	background:none;
	padding:0;
	margin-top:0;
}  


 


#header .mod_navigation .level_2 li {
	clear:both;
	border:none;
	display:block;
	text-align:left;
	background:none;
	border-bottom:1px solid #fff;
	width:100%;
	background-color:#BFBFBF;
}

#header .mod_navigation .level_2 li.first {
	background-color:#BFBFBF;
}

#header .mod_navigation .submenu,
#header .mod_navigation .level_2 li.last{
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}

#header ul.level_2 {
	position:relative;
	left:auto;
	top:auto;
}




 

#header .mod_navigation .level_2 a,
#header .mod_navigation .level_2 span	 {
	text-decoration:none;
	color:#fff;
	display:block;
	font-size:1em;
	padding-left:0px;
	background:none;
}

#header .mod_navigation .level_2 a:hover {
	background-image:none;
}


#header .level_2 li:hover span.forward,
#header .level_2 span.forward:hover {
	padding:0px;
	padding-left:0px;
}


#header .mod_navigation .level_2 span.active, 
#header .mod_navigation .level_2 a.trail {
	background:none;
	background-color:#BFBFBF;
}


/*=======================================
	Navigation Inhalt
======================================*/
#container .mod_customnav {
	border-bottom:1px solid #b3cb25;
	border-top:1px solid #b3cb25;
	padding:0.25em 0;
	margin-bottom:0.5em;

}

#container .mod_customnav li {
	display:block;
	background-color:#B2B2B2;
	padding-left:0.2em;
	padding-right:0.2em;
	line-height:1.6em;
	margin-bottom:1em;
	margin-right:0;
}

#container .mod_customnav li:hover {
	background-color:#B3CB25;
}

#container .mod_customnav li.active {
	background-color:#B3CB25;
}

#container .mod_customnav li.last {
	margin-right:0em;
}


#container .mod_customnav a,
#container .mod_customnav span {
	color:#fff;
	font-size:1em;
	text-decoration:none;
	text-transform:uppercase;

}

	




/* ====================================
	Navigation Meta
=======================================*/

#header .mod_customnav {
	margin-top:0em;
	position:absolute;
	top:1.7em;
	right:8px;

}

#header .mod_customnav li {
	display:inline;
	margin-right:0.15em;
	padding-right:0.3em;
}

#header .mod_customnav li.suche {
	display:inline;
	visibility:visible;
}


#header .mod_customnav li {
	border-right:none;
	padding-right:0.15em;
}

#header .mod_customnav li.first {
	padding-right:0.3em;
	border-right:none;
	margin-right:0em;
}

#header .mod_customnav li.last {
	border-right:none;
	padding-right:0em;
	margin-right:0;
}

#header .mod_customnav li a {
	font-size:0.8em;
}


/* ====================================
	Footer Navigation
=======================================*/


#footer .mod_navigation {
	margin-left:15px;
	margin-right:15px;
}
#footer .mod_navigation ul {


}

#footer .mod_navigation .level_1 li {
	display:block;
	float:none;
	margin-right:2em;

}

#footer .mod_navigation .level_2 li {
	display:block;
	float:none;
}



#footer .mod_navigation li.last {
	margin-right:0;	
}


#footer .mod_navigation a,
#footer .mod_navigation span {
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-size:1em;
}

#footer .mod_navigation .level_2 li a,
#footer .mod_navigation .level_2 li span {
	text-transform:none;
}



#footer  .mod_navigation span.forward  {

}

#footer  .mod_navigation span.active, 
#footer  .mod_navigation a.trail  {
	color:#004D5F;
}



#footer  .mod_navigation a:hover, 
#footer  .mod_navigation a:focus {
	color:#004D5F;

}

}














/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
.content-slider {
	overflow:hidden;
	visibility:hidden;
	position:relative;
}
.slider-wrapper {
	overflow:hidden;
	position:relative;
}
.slider-wrapper>* {
	float:left;
	width:100%;
	position:relative;
}
.slider-control {
	height:30px;
	position:relative;
}
.slider-control a,.slider-control span {
	position:absolute;
	top:9px;
	display:inline-block;
}
.slider-control .slider-prev {
	left:0;
}
.slider-control .slider-next {
	right:0;
}
.slider-control .slider-menu {
	top:-1em;
	width:50%;
	left:50%;
	margin-left:-25%;
	font-size:27px;
	text-align:center;
}
.slider-control .slider-menu b {
	color:#bbb;
	cursor:pointer;
	display:none;
	visibility:hidden;
}
.slider-control .slider-menu b.active {
	color:#666;
}
@charset "utf-8";
/* CSS Document */
@import url(../../files/ats/grid.css);
@import url(../../files/ats/bildschirm.css);
@import url(../../files/ats/navigation.css);
@import url(../../files/ats/formular.css);
@import url(../../files/ats/swipe.css);