body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2014 Leo Feyer
 *
 * @package Core
 * @link    https://contao.org
 * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL
 */

/**
 * 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;
}

/**
 * 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;
}
header,footer,nav,section,aside,article,figure,figcaption {
	display:block;
}

/**
 * Default font settings
 */
 /* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../../files/scholten/fonts/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-200italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: url('../../files/scholten/fonts/source-sans-pro-v11-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'),
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/scholten/fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

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

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

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/scholten/fonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/scholten/fonts/source-sans-pro-v11-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/scholten/fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/scholten/fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

 
body {
	color:rgb(100,100,100);
	font: 1.05em/1.6 'Source Sans Pro', sans-serif;
}
/**
 * Default margins
 */
p,pre,blockquote,table,ol,ul,form {
	margin-bottom:1.2em; /* Should match the font size */
}
h1,h2,h3,h4,h5,h6 {
	margin-top:0em;
	margin-bottom:0.75em;
}

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:2.75em; /* 22px */
	font-weight:300;
	margin-bottom: 1em;
	color: rgb(150,150,150);
}
h2 {
	font-size:1.65em; /* 20px */
}
h3 {
	font-size:1.25em;    /* 18px */
	position:relative;
	top: 0.5em;
}
h4 {
	font-size:1.0em; /* 16px */
	font-weight:600;
}
table {
	font-size:inherit;
}
caption,th {
	font-weight:bold;
}
a {
	color:#00f;
}



/* @group global */

/* #left, #main, #right */
.inside{}

/* .mod_newsarchive, .mod_newslist, .mod_newsreader, .mod_search, .ce_comments, .ce_table tr */
.even{}
.odd{}

/* .mod_newsmenu, .mod_newsarchive, .mod_newslist, .mod_newslist, .mod_newsreader, .mod_search, .ce_comments, .ce_list */
.first{}
.last{}

/* .mod_newslist, .mod_newsreader, .ce_comments */
.info{}

/* wirkt in ce_text, ce_image, ce_hyperlink, ce.accordeon */
.image_container{}
.image_container img{}
.image-responsive img{width: 100%; height: auto;}
.caption{}
.clearfix{
	clear: both;
}

/* @end */




/* @group grid */

	/**
	 * Remove the overall width
	 */
	#wrapper {
		width:auto;
	}

	/**
	 * Show all columns underneath each other
	 */
	*[class*="grid"] {
		float:none;
		display:block;
		width:auto;
	}
	/**
 	* Add a default margin to all content elements, so they align with the floatet
 	* ones (otherwise you would have to add "grid12" to every element)
 	*/
	.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
		margin-left:1.53061%;
		margin-right:1.53061%;
	}
	*[class*="offset"] {
		margin-left:1.53061%;
	}

/* @end */

/* @group typo & links */


body{
	font-size: 0.95em;
}

h1 {
	font-size:1.75em; /* 22px */
	font-weight:300;
	margin-bottom: 1em;
	color: rgb(150,150,150);
}
h2 {
	font-size:1.55em; /* 20px */
}
h3 {
	font-size:1.25em;    /* 18px */
	position:relative;
	top: 0.5em;
}
h4 {
	font-size:1.0em; /* 16px */
	font-weight:600;
}

p{-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;}
.small, .text-small{
	font-size: 80%;
}
.text-center{
	text-align: center;
}

a{	text-decoration: none;
	color: #10578d;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;}
a:visited{}
a:link{}
a:hover{}
a:active{}
/* Fehlermeldungen */
div.error, p.error{color: red;font-weight: bold;}
.invisible{display: inline;height: 0;left: -1000px;overflow: hidden;position: absolute;top: -1000px;width:0;}

.information{
	color: gray;
	font-size: 0.75em;
	line-height: 0.5;
}
/* @end */

/* @group page */
body{
	background-color: rgb(242, 245, 252);
}

#wrapper{}

#container{
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 24px;
	background: rgb(255,255,255);
	border: 1px solid rgb(220,220,220);
	-webkit-box-shadow: 0px 1px 1px rgb(240,240,240);
	-moz-box-shadow: 0px 1px 1px rgb(240,240,240);
	box-shadow: 0px 1px 1px rgb(240,240,240);
	margin-top: 0px;
}
#header{
	background: rgb(255,255,255);
	margin-bottom: 0;
	margin-top: 0px;
	}
#header .inside{
	max-width: 1200px;
	margin: 0 auto;}

#left{}
#left .inside{}

#main{margin-top: 0;}
#main .inside{
	margin-top: 10px;
}

#right{}
#right .inside{
	margin-left:10px;
	margin-right:20px;
	}

#footer{
	padding-top: 40px;
	padding-bottom: 10px;
	/* background-color: rgba(0,51,204,0.1); */
	min-height: 400px;
	position: relative;
	}
#footer .inside{
	max-width: 1200px;
	margin: 0 auto;}

/* @end */

/* @group elements */

/* @group ce_form */

.ce_form{

}
.ce_form .formbody{

}
.ce_form label{
	display: block;
}
.ce_form input{
	display: block;
	width: 80%;
}
.ce_form textarea{
	display: block;
	width: 80%;
}
.ce_form input.submit,
.ce_form input.checkbox{
	width: inherit;
}

.ce_form input.checkbox{
	float: left;
	margin: 7px 7px 0 7px;
}

/* @end */

/* @group ce_all */

.ce_headline, .ce_text, .ce_list, .ce_table, .content-slider, .ce_hyperlink, .ce_toplink, .ce_image, .ce_gallery, .ce_download{
	margin-bottom: 1.5em;
	}

/* @end */


/* @group ce_headline */

/** a class in a h1 - h6 tag **/
.ce_headline{margin-bottom: 0em;}

/* @end */

/* @group ce_text */

.ce_text{}
/* Teaser Text des Artikels */
.ce_text .teaser{}
.ce_text .teaser .more{}
/* siehe auch ce_image */
.ce_text .image_container{}
.ce_text .image_container a{}
.ce_text .image_container img{}
.ce_text .image_container .caption{}

.ce_text .image_container.float_right{
	float: none;
	margin-bottom: 15px;
}

.ce_text ul{
		}
.ce_text li{}

/* @end */

/* @group ce_list */

.ce_list{}
/* erste Ebene */
.ce_list ul, .ce_text ul{
	list-style-type: disc;
	margin:inherit;
	padding:inherit;
	margin-bottom: 1.5em;
	}
.ce_list li, .ce_text li{margin-left: 1.5em;}
/* zweite Ebene */
.ce_list ul ul, .ce_text ul ul{}
.ce_list li li, .ce_text li li{}
/* erstes und letztes Listen-Element */
.ce_list .first{}
.ce_list .last{}

/* @end */

/* @group ce_table */

.ce_table{}
/* Bereiche */
.ce_table table{}
.ce_table thead{}
.ce_table tbody{}
.ce_table tfoot{}

/* Reihen */
.ce_table tr{}
.ce_table tr.even{background: #F5F7FD;}
.ce_table tr.odd{}
/* Zellen */
.ce_table th{padding: 5px; background: #F5F7FD;}
.ce_table td{padding: 5px;}
/* Spalten */
.ce_table th.head_0,
.ce_table th.col_first,
.ce_table th.col_last{}
.ce_table td.col_0,
.ce_table td.col_first,
.ce_table td.col_last{}

/* @end */

/* @group ce_accordion (contao 2.11) */

.ce_accordion{}
/* Schaltfläche */
.ce_accordion .toggler{}
/* Text */
.ce_accordion .span{}

.ce_accordion .accordion{
	/* definierte inline styles
	padding-top: 0px;
	border-top: medium none;
	padding-bottom: 0px;
	border-bottom: medium none;
	overflow: hidden;
	height: 0px;
	visibility: hidden;
	opacity: 0;
	ende */
}
/* Ausgabe Editorbereich */
.ce_accordion .accordion div{}
/* Ausgabe Editorbereich mit Bild und Bu.*/
.ce_accordion .accordion div .image_container{}
.ce_accordion .accordion div .image_container a{}
.ce_accordion .accordion div .image_container img{}
.ce_accordion .accordion div .image_container .caption{}
/* @end */

/* @group ce_content-slider */

.content-slider{}
.slider-wrapper{}
.slider-wrapper .element-to-style{}

/* @end */

/* @group ce_hyperlink */
/* Textlinks werden über "typo & links" formatiert - hier bitte nur Ausnahmen */
.ce_hyperlink{}
/* Bildlinks */
.ce_hyperlink .image_container{}
.ce_hyperlink a.hyperlink_img{}
.ce_hyperlink img{}
/* Bildunterschrift */
.ce_hyperlink .caption{}



/* @end */

/* @group ce_toplink */

.ce_toplink{}
/* Textlinks werden über "typo & links" formatiert - hier bitte nur Ausnahmen */

.ce_toplink a{}

/* @end */

/* @group ce_image */

.ce_image{}
.ce_image .image_container{}
.ce_image a{}
.ce_image img{}
.ce_image .caption{}

/* @end */

/* @group ce_gallery */

.ce_gallery{margin-top: 10px;}
/* bildabstände als padding werden ggf. vom framework als inline Style überschrieben, wenn sie im Backend eingegeben werden */
.ce_gallery .image_container{}
.ce_gallery a{}
.ce_gallery img{}
.ce_gallery .caption{}

/* @end */

/* @group ce_video (noch leer) */

.ce_player{
	margin-bottom: 35px;
}

.ce_player video {
    width:100%;
    height:auto;
}
object, embed, video, iframe {
max-width:100%;
}

.videoplayer{

}

/* @end */

/* @group ce_youtube */

.ce_youtube{}

/* @end */

/* @group ce_download */

.ce_download{}
/* Bild für Dateityp */
.ce_download .mime_icon{}
.ce_download a{}
.ce_download a .size{}


/* @end */



/* @end */

/* @group module */

/* @group mod_navigation */

.mod_navigation{}
.mod_navigation a{}
.mod_navigation a:visited,.mod_navigation a:link {}
.mod_navigation a:hover,.mod_navigation a:active {}
.mod_navigation strong{}

/* @group level_1 */

ul.level_1{}
ul.level_1 li{}
ul.level_1 li a{}
ul.level_1 li a:visited, ul.level_1 li a:link{}
ul.level_1 li a:hover, ul.level_1 li a:active{}
ul.level_1 li.active strong{}
ul.level_1 li.trail a{}
ul.level_1 li.trail a:visited, ul.level_1 li.trail a:link{}
ul.level_1 li.trail a:hover, ul.level_1 li.trail a:active{}

/* @end */

/* @group level_2 */

ul.level_2{}
ul.level_2 li{}
ul.level_2 li a{}
ul.level_2 li a:visited, ul.level_2 li a:link{}
ul.level_2 li a:hover, ul.level_2 li a:active{}
ul.level_2 li.active strong{}
ul.level_2 li.trail a{}
ul.level_2 li.trail a:visited, ul.level_2 li.trail a:link{}
ul.level_2 li.trail a:hover, ul.level_2 li.trail a:active{}

/* @end */

/* @group level_3 */

ul.level_3{}
ul.level_3 li{}
ul.level_3 li a{}
ul.level_3 li a:visited, ul.level_3 li a:link{}
ul.level_3 li a:hover, ul.level_3 li a:active{}
ul.level_3 li.active strong{}
ul.level_3 li.trail a{}
ul.level_3 li.trail a:visited, ul.level_3 li.trail a:link{}
ul.level_3 li.trail a:hover, ul.level_3 li.trail a:active{}

/* @end */


/* @end */

/* @group mod_breadcrumb */

.mod_breadcrumb{}
.mod_breadcrumb ul{}
.mod_breadcrumb li{}
.mod_breadcrumb li a{}
.mod_breadcrumb li a:visited, .mod_breadcrumb li a:link{}
.mod_breadcrumb li a:hover, .mod_breadcrumb li a:active{}

/* @end */

/* @group mod_article */

.mod_article{}

/* @end */

/* @group mod_articlenav */

.mod_articlenav{}
.pagination{}
.mod_articlenav ul{}
.mod_articlenav li{}
.mod_articlenav li.current span.current{}
.mod_articlenav li.link a{}
.mod_articlenav li.next a{}

/* @end */

/* @group mod_articleList */

.mod_articleList{}
.mod_articleList ul{}
.mod_articleList li{}
.mod_articleList li.current span.current{}
.mod_articleList li.link a{}
.mod_articleList li.next a{}

/* @end */



/* @group mod_newsmenu */

.mod_newsmenu{}
.mod_newsmenu ul.level_1{}
.mod_newsmenu li{}
.mod_newsmenu li.first{}
.mod_newsmenu li.last{}
.mod_newsmenu a{}
.mod_newsmenu ul.level_2{}
.mod_newsmenu ul.level_2 li{}

/* @end */

/* @group mod_newsarchive */

.mod_newsarchive{}
.mod_newsarchive .layout_simple{}
/* Reihen der einzelnen Meldungen */
.mod_newsarchive .first{}
.mod_newsarchive .last{}
/** zebraeffekt **/
.mod_newsarchive .even{}
.mod_newsarchive .odd{}
/* Datum und Überschrift */
.mod_newsarchive time{}
.mod_newsarchive a{

}

/* @end */

/* @group mod_newslist */

.mod_newslist{}
.mod_newslist .layout_short{}
.mod_newslist .layout_latest{}
.mod_newslist .first{}
.mod_newslist .last{}
.mod_newslist .odd{}
.mod_newslist .even{}
 /* Datum und Autor - globaler style möglich...? */
.mod_newslist .info{

}
.mod_newslist .info time{}
/* Teasertext */
.mod_newslist .teaser{}
.mod_newslist .teaser{}
/* Weiterlesen Link */
.mod_newslist .more{}
.mod_newslist .more a{}

/* @end */

/* @group mod_newsreader */

.mod_newsreader{}
.mod_newsreader .layout_full{}
/* Teaser/Reihen der einzelnen Meldungen */
.mod_newsreader .first{}
.mod_newsreader .last{}
 /* auch in globaler style */
.mod_newsreader .even{}
.mod_newsreader .odd{}
 /* Datum und Autor - globaler style */
.mod_newsreader .info{}
.mod_newsreader .info time{}
.mod_newsreader .back{

}
/* Die eigentliche Meldung wird im ce_text formatiert oder hier als Ausnahme

.mod_newsreader .ce_text{

}

*/

/* @group ce_comments */

.ce_comments{

}
.ce_comments .comment_default{

}
/* Formate der einzelnen Reihen */
.ce_comments .first{

}
.ce_comments .last{

}
.ce_comments .even{

}
.ce_comments .odd{

}
/* Die Kommentare - globaler style möglich...? */
.ce_comments .info{

}
.ce_comments .info time{

}
.ce_comments .comment{

}
/* Das Eingabeformular */
.ce_comments  form{

}
.ce_comments  .formbody{

}
/* Eingabefelder */
.ce_comments .widget{

}
/* input textfeld */
.ce_comments .widget .text{

}
.ce_comments .widget textarea{

}
.ce_comments .widget label{

}
.ce_comments .widget label.mandatory{

}
/* wird global in "typo & links" definiert */
.ce_comments .widget .error{

}
/* Buttons z.B. Absenden */
.ce_comments .submit_container{

}
.ce_comments .submit_container  .submit{

}

/* @end */

/* @end */

/* @group mod_login */

.mod_login{

}
.mod_login form{

}
.mod_login .formbody{

}
/* input textfeld */
.mod_login .text{

}
.mod_login label{

}
/* wird global in "typo & links" definiert */
.mod_login .error{

}
/* Angemeldet bleiben */
.mod_login .checkbox_container{

}
.mod_login .checkbox_container .checkbox{
	width: auto;
}
.mod_login .checkbox_container label{
}
/* Buttons z.B. Absenden */
.mod_login .submit_container{

}
.mod_login .submit_container .submit{

}
/* Passwort vergessen Link */
#request_password{

}
#request_password a{

}

/* @end */

/* @group mod_calendar */

.mod_calendar{

}
table.calendar{

}
/* Kopf mit Monaten und Wochennamen */
table.calendar thead{

}
table.calendar thead tr{

}
/* Navigation der Monate */
table.calendar thead .head{

}
table.calendar thead .previous{

}
table.calendar thead .current{

}
table.calendar thead .next{

}
/* Navigation der Wochentage */
table.calendar thead .label{

}
table.calendar thead .weekend{

}
table.calendar thead .col_first{

}
table.calendar thead .col_last{

}

/* Körper mit Tagen */
table.calendar tbody{

}
table.calendar .week{

}
/* heutiger Tag */
table.calendar .today{

}
/* Leerer Tag */
table.calendar .empty{

}
/* Tag mit Eintrag */
table.calendar .active{

}
/* noch kommender Termin */
table.calendar .upcoming{

}
/* noch kommender Termin */
table.calendar .bygone{

}
/* Einträge in einen Tag*/
table.calendar td .header{

}
table.calendar td .event{

}

/* @end */

/* @group mod_search */

.mod_search{

}

/* @group sucheingabe */

.mod_search form{

}
.mod_search .formbody{

}
/* input textfeld */
.mod_search .text{

}
.mod_search submit{

}
/* Radios "Alle worte" oder "eines der Worte" */
.mod_search .radio_container{

}
.mod_search .checkbox_container .radio{
	width: auto;
}
.mod_search .checkbox_container label{
}

/* @end */

/* @group Suchergebnis */

.mod_search .header{

}
.mod_search .first{

}
.mod_search .last{

}
.mod_search .even{

}
.mod_search .odd{

}
/* Treffer */
.mod_search h3{

}
.mod_search h3 .relevance{

}
.mod_search .context{

}
.mod_search .context .highlight{

}
.mod_search .url{

}
.mod_search .url .filesize{

}

/* @end */

/* @end */



/* @end */

/* @group costum */

/* @group pagination */

.pagination{
	margin-top:1em;
	margin-bottom:1em;
}
.pagination ul{
		list-style-type: none;
		display:block;
		width:100%;
		float:left;
		padding:5px;
		background: #F2F5FC;
	}
.pagination li{
		float:left;
		margin:0;
		margin-right:10px;
	}
.pagination a, .pagination span{
		display:block;
		padding:5px 10px;
		border:1px solid transparent;
	}
.pagination a{
	}
.pagination a:hover{
		background:white;
		background-color:white;
	}
.pagination span{
		border:1px solid grey;
		background-color:white;
	}
.pagination .last{

	}
}

/* @end */

/* @group more */

.more{
	font-weight: bold;
}

/* @end */

/* @group info */

.info{
	background: #F2F5FC;
	padding: 5px;
	font-size: 75%;
}

/* @end */



/* @group news */

.list-news{}
.list-news .layout_latest{}
.list-news .list-news-image{}
.list-news .list-news-content h2{
	margin-bottom: 0;
}


/* @end */

/* @group fahrzeuge */

.ce_text dt, .ce_text dd{
	font-weight: normal;
	display: inline-block;
}

.ce_text dt{
	width: 55%;
	clear: left;
}

.ce_text dd {
    width: 44%;
}

.car_teaser .image_container{
	position: relative;
}
.car_teaser .caption{
	position: absolute;
	top: 10px;
	color: white;
	background-color: red;
	display: block;
	width: inherit !important;
	padding: 2px 10px;
}

/* @end */

/* @group button */

.button{
	background-color: #10578D;
	color: #fff;
	padding: 2% 3%;
	border-radius: 3px;
}
.button:hover{
	background-color: #000;
}

/* @end */

/* @group servicelogo */

.servicelogo{
	position: absolute;
	right:1.53061%;
	bottom: 35px;
	display: block;
	width: 100%;
}
.servicelogo p{
	text-align: right;
}
.servicelogo img{
	width: 50px;
	height: auto;
	margin-left: 10px;
	background-color: #ffffff;
	padding: 5px;
}

@media (min-width:560px)
{

	.servicelogo img{
		width: 75px;
		height: auto;
	}
	.servicelogo {
		bottom: 35px;
	}

	.servicelogo p {
	}

	.servicelogo img {
		width: 100px;
		height: auto;
	}


}



/* @end */

/* @group vw */

.vw {
	text-align: center;
	overflow: visible;
}

/* @end */

/* @group logo */

.logo{
	margin-left:1.53061%;
	margin-right:1.53061%;
}
.logo .ce_text{
	margin-bottom: 0;
}

.logo h2{
	font-size: 2em;
	font-style: normal;
	font-weight:300;
	color: #969696;
	margin-bottom: 0;
}
.logo h2 a{
	margin-bottom: 0;
}

/* @end */

/* @group kat */

.kat .ce_image{
	margin-bottom: 1em;
}

/* @end */

/* @group zeiten */

.zeiten h4,
.zeiten p{
	clear: both;
}

.zeiten td{
	padding-right: 0px;
}

/* @end */

/* @group maps */

.dlh_googlemap{
	background-color: rgb(255,255,255);
}

/* @end */

/* @group tips */

.tips{
	box-sizing:border-box;
	padding: 0.5em 1em;
	background: #F5F7FD;
/*	background-color: rgb(242, 245, 252); */
    border-radius: 3px;
/*		font-size: 90%;  */

}
.tips .inside, .tips .formbody{
	margin: 1.53061%;
}


/* @end */

/* @group hero */
.hero{
	box-sizing:border-box;
	padding: 0.5em 1em;
}

.hero h1{
	margin-bottom: 0.25em;
}

.hero p{
	font-size: 125%;
	font-weight: 300;
}

/* @end */

/* @group aufmacher */

#header .mod_article .ce_image{
	margin: 0;
	margin-bottom: -7px;
}

/* @end */

/* @group volkswagen-angebote */

#volkswagen-angebote iframe{
	border: 0;
}

/* @end */

/* @group hauptnavigation */

#hauptnavigation {
	width: 100%;
	position: inherit;
	height: auto;
	display: block;
	background: rgb(255,255,255);
	-webkit-box-shadow: 0px 2px 2px #b0b0b0;
	-moz-box-shadow: 0px 2px 2px #b0b0b0;
	box-shadow: 0px 2px 2px #b0b0b0;
	z-index: 100;
	}
.ie8 #hauptnavigation{
	border-bottom: 1px solid #b0b0b0;
}
#hauptnavigation .inside{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;

}

#hauptnavigation a, #hauptnavigation strong{
	font-size: 1.1em;
}
#hauptnavigation a:visited, #hauptnavigation a:link{
	color: rgb(174,174,174);
}
#hauptnavigation a:hover, #hauptnavigation a.trail{
	color: rgb(102,102,102);
}

/* @end */

/* @group service-nav */
.service-nav{
	margin-left:1.53061%;
	margin-right:1.53061%;
}
.service-nav ul{
	margin: 0;
	overflow: hidden;
}
.service-nav li{
	float: left;
	margin-left: 2px;
}
.service-nav a,
.service-nav strong{
	display: block;
	padding: 8px;
	background: rgb(255,255,255);
	}
.service-nav a.first, .service-nav strong.first{
	border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    }
.service-nav a.last, .service-nav strong.last{
	border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    }

.service-nav a:visited,
.service-nav a:link{
	color: rgb(100,100,100);
}
.service-nav a:hover{
	background-color: #10578D;
	color: #fff;
}
.service-nav .active{
	background-color: #10578D;
	color: #fff;
}

@media (min-width:768px) {

	.service-nav {
		margin-left: 0;
		margin-right: 0;
	}
	.service-nav a,
	.service-nav strong{
		display: block;
		padding: 5px;
	}

}


/* @end */

/* @group sub-nav */
.sub-nav{
}

.sub-nav h2{
	margin-bottom: 0;
	padding: 0.25em 0.75em;
	background-color: #10578D;
	color: rgb(255,255,255);
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-text-shadow: 0px 1px 1px rgb(125,125,125);
	-moz-text-shadow: 0px 1px 1px rgb(125,125,125);
	text-shadow: 0px 1px 1px rgb(125,125,125);
	border: 0;
	font-size: 1.05em;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
.sub-nav ul{
	padding-top: 0px;
	padding-bottom: 15px;
	background: rgb(247, 247, 247);
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.sub-nav ul li a, .sub-nav ul li strong{
	display: block;
	padding: 0.25em 0.75em;
	margin-bottom: 1px;
}
.sub-nav ul li strong{
	background: rgb(204,204,204);
	color: rgb(255,255,255);
    -webkit-text-shadow: 0px 1px 1px rgb(125,125,125);
	-moz-text-shadow: 0px 1px 1px rgb(125,125,125);
	text-shadow: 0px 1px 1px rgb(125,125,125);
}
.sub-nav ul li a:visited,
.sub-nav ul li a:link{
/*	color: rgb(100,100,100); */

}
.sub-nav ul li a:hover{
/*	background: rgba(204,204,204,1); */
	background: rgb(217, 217, 217);
	color: rgb(255,255,255);
    -webkit-text-shadow: 0px 1px 1px rgb(125,125,125);
	-moz-text-shadow: 0px 1px 1px rgb(125,125,125);
	text-shadow: 0px 1px 1px rgb(125,125,125);
	}

/* @end */

/* @group main-nav */
.main-nav{
	z-index: 10000;
	background: #fff;
	display: none;
	width: 100%;
	margin-top:0px;
	margin-left:0;
	margin-right:0;
	border-top:1px solid #ccc;
	position: absolute;
	top: 53px;
	box-shadow: 0px 1px 1px rgb(240,240,240);
}
.main-nav.in{
	display: block;
}
.main-nav li a, .main-nav li strong{
	display: block;
	padding:3px;
	text-align: center;
}
.main-nav li a:hover, li strong{
	background: #eee;
}
@media (min-width:767px){
	.main-nav{
		display: block;
		border-top: 0;
		position: relative;
		top:0;
		margin-left:1.53061%;
		margin-right:1.53061%;
		box-shadow: none;

	}

	.main-nav li{
		float: left;
		margin-right: 15px;
	}
	.main-nav li a:hover, li strong{
		background: transparent;
	}
}


.nav-mobil{
	z-index: 10000;
	display: block;
	position: absolute;
	top:20px;
	right:15px;
}
.nav-mobil .burger{
	cursor: pointer;
	display: inline;
}
.nav-mobil span{
	display: block;
	background: #000;
	height:2px;
	width: 20px;
	margin-bottom: 5px;
}
@media (min-width:767px){
	.nav-mobil{
		display: none;
	}
}


/* @end */

/* @group boxes */

.bg-box{
}

/* @end */

/* @group colors */

.blue{
	background: rgb(0,51,204);
}

/* @end */

/* @group My Group */

.padding-top-s{
	padding-top: 15px;
}
.padding-bottom-s{
	padding-bottom: 15px;
}
.padding-top-m{
	padding-top: 30px;
}
.padding-bottom-m{
	padding-bottom: 30px;
}
.padding-top-l{
	padding-top: 45px;
}
.padding-bottom-l{
	padding-bottom: 45px;
}
.padding-top-l{
	padding-top: 60px;
}
.padding-bottom-l{
	padding-bottom: 60px;
}

.margin-top-s{
	margin-top: 15px;
}
.margin-bottom-s{
	margin-bottom: 15px;
}
.margin-top-m{
	margin-top: 30px;
}
.margin-bottom-m{
	padding-bottom: 30px;
}
.margin-top-l{
	margin-top: 45px;
}
.margin-bottom-l{
	margin-bottom: 45px;
}
.margin-top-l{
	margin-top: 60px;
}
.margin-bottom-l{
	margin-bottom: 60px;
}

/* @end */



/* @end */



@media (min-width:767px)
{

/* @group elements */

.ce_text .image_container.float_right{
	float: right;
	margin-left: 30px;
}

/* @end */

/* @group costom */

#right .sub-nav{
	margin-top: 1.9em;
}



.news-latest-start{
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.news-latest-start .layout_latest{
	float: left;
	width: 30.2%;
	margin-left: 1.53061%;
	margin-right: 1.53061%;
}

/* @end */

/* @group page */

#header{
	background: #D9E1F7;
}

/* @end */



/* @group grid */

/**
 * Contao Open Source CMS
 *
 * Copyright (c) 2005-2014 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
 */
#wrapper {
	margin:0 auto;
}

/**
 * Set the default margin of the grid columns
 */
*[class*="grid"] {
	float:left !important;
	margin-left:1.53061%;
	margin-right:1.53061%;
	display:inline !important;
}

/**
 * Add a default margin to all content elements, so they align with the floatet
 * ones (otherwise you would have to add "grid12" to every element)
 */
.mod_article *[class*="ce_"],.mod_article *[class*="mod_"] {
	margin-left:1.53061%;
	margin-right:1.53061%;
}

/**
 * Handle news and event reader modules which are added via content element and
 * contain content elements themselves (see #5331)
 */
.mod_article .mod_newsreader,.mod_article .mod_eventreader {
	margin-left:0;
	margin-right:0;
}
.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>* {
	margin-left:1.53061%;
	margin-right:1.53061%;
}

/**
 * Remove the margin from floated articles, because the margin is already
 * applied to its content elements (see above)
 */
.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,
.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12 {
	margin-left:0;
	margin-right: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:5.27211%;  }
.grid2  { width:13.60544%; }
.grid3  { width:21.93878%; }
.grid4  { width:30.27211%; }
.grid5  { width:38.60544%; }
.grid6  { width:46.93878%; }
.grid7  { width:55.27211%; }
.grid8  { width:63.60544%; }
.grid9  { width:71.93878%; }
.grid10 { width:80.27211%; }
.grid11 { width:88.60544%; }
.grid12 { width:96.93878%; }

/**
 * Floated articles can be 20 pixel wider (no margin)
 */
.mod_article.grid1  { width:8.33333%;  }
.mod_article.grid2  { width:16.66667%; }
.mod_article.grid3  { width:25.00000%; }
.mod_article.grid4  { width:33.33333%; }
.mod_article.grid5  { width:41.66667%; }
.mod_article.grid6  { width:50.00000%; }
.mod_article.grid7  { width:58.33333%; }
.mod_article.grid8  { width:66.66667%; }
.mod_article.grid9  { width:75.00000%; }
.mod_article.grid10 { width:83.33333%; }
.mod_article.grid11 { width:91.66667%; }
.mod_article.grid12 { width:100.00000%; }

/**
 * Default offset widths
 */
.offset1  { margin-left:9.86395%  !important; }
.offset2  { margin-left:18.19728% !important; }
.offset3  { margin-left:26.53061% !important; }
.offset4  { margin-left:34.86395% !important; }
.offset5  { margin-left:43.19728% !important; }
.offset6  { margin-left:51.53061% !important; }
.offset7  { margin-left:59.86395% !important; }
.offset8  { margin-left:68.19728% !important; }
.offset9  { margin-left:76.53061% !important; }
.offset10 { margin-left:84.86395% !important; }
.offset11 { margin-left:93.19728% !important; }
.offset12 { margin-left:100.00000% !important; }


/* @end */

/* @group ce_gallery */

.ce_gallery{margin-top: 10px;}
/* bildabstände als padding werden ggf. vom framework als inline Style überschrieben, wenn sie im Backend eingegeben werden */
.ce_gallery .image_container{}
.ce_gallery a{}
.ce_gallery img{}
.ce_gallery .caption{}

/* @end */


}

@media (min-width:768px)
{



/* @group typo & links */
body{
	font-size: 1.05em;
}
h1 {
	font-size:2.75em; /* 22px */
	font-weight:300;
	margin-bottom: 1em;
	color: rgb(150,150,150);
}
h2 {
	font-size:1.65em; /* 20px */
}
h3 {
	font-size:1.25em;    /* 18px */
	position:relative;
	top: 0.5em;
}
h4 {
	font-size:1.0em; /* 16px */
	font-weight:600;
}

/* @end */

/* @group page */

#header{
	margin-top: 100px;
	}

/* @end */

/* @group hauptnavigation */

#hauptnavigation{
	width: 100%;
	position: fixed;
	top: 0px;
	height: 100px;
}

/* @end */

/* @group costum */

/* @group service-nav */

.service-nav{
	position: absolute;
	bottom: 10px;
	right: 1.53061%;
}
.service-nav ul{
	float: right;
}
.service-nav a,
.service-nav .level_1 li.active strong{
	padding: 5px 10px;
	}
/* @end */

/* @end */

/* @group news */

.list-news{
	display: block;
	width:96.93878%;
	margin: 0;
}
.list-news .layout_latest{
	box-sizing:border-box;
	display: block;
	width: 103%;
	margin-left: -1.53061%;
	margin-right: -1.53061%;

	margin-bottom: 2em;
	padding:  20px 0;
	border-top:  0px solid #BECFF0;
}
.list-news .list-news-image{
	float: right;
	width: 30.27211%;
}
.list-news .list-news-content{
	float: right;
	width: 63.60544%;
}


/* @end */


}

@media (min-width:1020px)
{




.zeiten td{
	padding-right: 10px;
}

}

#container{max-width: 900px; margin-left: auto; margin-right: auto;}
@media (min-width:1024px)
{
#main .inside{margin-right: 50px;}
}