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}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;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}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}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:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
body,form{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}@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}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/* Zu überschreibende Default settings aus dem Contao Framework hier einfügen
----------------------------------------------------------------*/
html { -webkit-transform: translate3d(0,0,0);} /*verhindert das 'anfetten' der Schriften im iPad Landscape Mode und lässt vertikalen Scrollbalken immer stehen */
body {font-family: 'Droid Serif', Georgia, serif; color:#fff; font-style:normal; font-size:100%; background-color:#5099E6;}
a:active, a:focus {outline: none; } /* lässt die gepunktete Linie verschwinden */


/* Farben
----------------------------------------------------------------*/
.blau {color:#5099E6;}
.orange {color:#ff9900;}
.markergruen {color:#509900;}
.markergelb {color:#FF0;}


/* Hauptcontainer
----------------------------------------------------------------*/
#wrapper {padding:0px 20px 0px 20px; border:#fff dotted 0px;}
#header {max-width:800px;}
#logo {height:150px; background:url("../../files/themes/dn/images/logo_440.jpg") no-repeat; background-size:220px 90px; background-position:right 35px; margin-bottom:60px;}
#navigation {max-width:800px;}
#container { }                                                      
#footer {margin:2rem 0 3rem 0; font-family:'Open Sans',Helvetica, Arial, sans-serif; text-transform:uppercase; font-size:0.8rem; line-height:1.5; letter-spacing:0.03em; border-top:#fff solid 1px; padding-top:0.25rem;}
#schlusspunkt {max-width:800px; text-align:right;}
.home #schlusspunkt {visibility:hidden;} /*versteckt Schlusspunkt auf Startseite*/

/* Umschalter Mobile Version - Desktop Version */
#footer .toggle_view {clear:both; margin: 3em 0 2em 0;}
#footer .toggle_view a {color: #444; font-size:14px; text-decoration:none; background:#f5f4e9; border-radius: 4px; padding:1em;}

.responsiveContainer {position: relative; padding-bottom: 66.666666%; /*bestimmt die Proportion*/  height: 0;  overflow: hidden;}
.responsiveContainer iframe, .responsiveContainer object, .responsiveContainer embed {position: absolute; top: 0; left: 0; width: 100%;  height: 100%;}
.responsiveContainer.map {margin-top:1em;}


/* Grundlegende Textformatierungen
----------------------------------------------------------------*/
h1 {font-size:2.25rem; line-height:1.2; border-bottom:#fff solid 0px; padding:0 0 0.1rem 0.25rem;}
h2, h3, h4 {font-size:1.5rem; line-height:1.3; padding:0;}
h3 {padding:0 0 0 .25rem;}
h4 {font-size:1rem; font-style:italic; line-height:1.5; padding:0; margin:0 0 0.5rem 0;}
p, li {line-height:1.5; margin-bottom:.75rem;}
p.big {font-size:1.5rem;} 
li {margin-bottom:0;}
.marker {color:#FF0; background-color:#509900; padding:0 0.2rem; line-height:1.2; opacity:1;} /* Textauszeichnung */


/* Inhalte Startseite
----------------------------------------------------------------*/


/* Artikel
----------------------------------------------------------------*/


/* Module
----------------------------------------------------------------*/


/* Inhaltselemente
----------------------------------------------------------------*/
.ce_text.indextext {padding:0 0 0 0.25rem;} 
.ce_text.indextext p, .ce_text.indextext h4 {margin-right:22%;}
.ce_text.lead, .lead {font-family: 'Droid Serif', Georgia, serif; font-size:24px; font-size:1.5rem; line-height:1.4; padding:32px 0 0 4px; padding:2rem 0rem 0 .25rem;} /*Lead -> 1. Text auf Startseite*/


/* Bilder
----------------------------------------------------------------*/
figure { }
figcaption, .figcaption {font-size:0.8rem; line-height:1.2; margin-bottom:1em;}

.ce_image.arrows {margin: 20px 0; margin: 1.5rem 0; float:left;} 
.ce_image.arrows a:hover, #schlusspunkt a:hover, #mobile_navi_button a:hover, #mobile_top_button a:hover {background:none;} /* lässt das orange Rollover verschwinden */
.ce_image.portrait {margin-top:1rem;}



/* Tabellen
----------------------------------------------------------------*/



/* Listen
----------------------------------------------------------------*/
.ce_text ul li {background:url("../../files/themes/dn/images/sprite.png") no-repeat; background-position:-10px -400px; padding:0 0 0 25px;}
.ce_text ul li:last-child {margin-bottom:2.5rem;}



/* Linien
----------------------------------------------------------------*/

hr {margin:0; padding:0; border:none;}
hr.solid_line {border-bottom:#fff solid 1px; margin:5px 0; margin:.3rem 0;}



/* Accordion
----------------------------------------------------------------*/
.ce_accordion {border-bottom:#fff dashed 1px;}
.ce_accordion .toggler {background:url("../../files/themes/dn/images/sprite.png") no-repeat; background-position:0 -600px;  padding:0.3rem 0rem 0 37px; margin:0 0 0.5rem 0; cursor: pointer; font-size:1.5rem;  line-height:1.3;  outline: none;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.ce_accordion.sub_toggler .toggler {font-size:1rem;  line-height:1.5; padding-top:0.5rem; margin-top:-0.5rem; margin-right:26%; padding-bottom:0.5rem;} /*Toggler zweite Ebene*/
.ce_accordion.first .toggler {border-top:none;}
.ce_accordion .toggler.hover {background:url("../../files/themes/dn/images/sprite.png") no-repeat; background-position:0 -600px; outline: none;}
.ce_accordion .toggler.active {background:url("../../files/themes/dn/images/sprite.png") no-repeat; background-position:0 -700px; outline: none;}
.ce_accordion .toggler.visited {background-color:none;}
.ce_accordion .ce_text {padding:0 0 0 40px;}
.ce_accordion .ce_text p, .ce_accordion .ce_text li {margin-right:26%;}
.ce_accordion .ce_text figure {margin-left:2rem; float:right;}
.ce_accordion.top_space {margin-top:.5rem;} /* Abstand oben für Accordion. Standard = 0 */
.ce_accordion.no_line {border-bottom:#fff dashed 0px;} /* keine Linie für letztes Element */



/* Galeria 
----------------------------------------------------------------*/


/* Slider caroufredsel
----------------------------------------------------------------*/
.ce_caroufredsel {margin-top:1rem; position:relative; border-top:#fff dashed 1px; padding-top:2rem;}
.ce_caroufredsel .ce_text {padding:0 7rem 0 .25rem;font-style:italic;}
.testimonial_capture {font-style:normal; font-size:0.8rem;}

.caroufredsel_controls {top:32px; position:absolute; max-width:800px; }
.caroufredsel_controls a.caroufredsel_prev, .caroufredsel_controls a.caroufredsel_next {width:50%; float:left; height:58px; text-indent:1000px; background:url("../../files/themes/dn/images/sprite.png") no-repeat; background-size:75px 300px; background-position:right -75px;} 
.caroufredsel_controls a.caroufredsel_prev {visibility:hidden;} /* blendet back Navi aus */

body.erfolge .ce_caroufredsel {margin:1.5rem 0; padding:0; position:relative; border-top:none; border-bottom:#fff dashed 1px;} /*Spezialposition inmitten accordion auf der Seite 'Erfolge'*/
body.erfolge .caroufredsel_controls {top:0;}

/* Audioplayer
----------------------------------------------------------------*/



/* iFrame
----------------------------------------------------------------
iframe {width:640px; height:420px; border:#575655 dotted 0px; overflow-y: scroll; margin-left:-25px;}*/


/* Links
----------------------------------------------------------------*/
a:link, a:visited {color:#fff; text-decoration:none; 
background:none;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
a:hover {color:#fff; text-decoration:none; background-color:#F60;}
a:active {color:#fff; text-decoration:none; background:none;}

.hyperlink_txt a {padding:0 0.25rem;}



/* Navigation
----------------------------------------------------------------*/
nav.mod_navigation ul {margin:0;}
nav.mod_navigation ul li {display:inline-block; line-height:1.2; padding:0 2px 0 0; padding:0 .1rem 0 0; border-right:#fff solid 1px; background:none;}
nav.mod_navigation ul li.last {border-right:none}
nav.mod_navigation ul li a {display:block; text-decoration:none; margin:0 3px 0 2px; margin:0 .2rem 0 .1rem; padding:0 3px; padding:0 .2rem;}
nav.mod_navigation ul li a.active, nav.mod_navigation ul li a:hover {background-color: #f60; color:#fff;}
nav.mod_navigation ul li span.active, nav.mod_navigation ul li a.trail, nav.mod_navigation ul li.trail span {background-color:#f60; color:#fff; margin:0 3px 0 2px; margin:0 .2rem 0 .1rem; padding:0 3px; padding:0 .2rem;}

#mobile_navi_link {position:absolute; top:18px; right:0;}




/* Formulare
----------------------------------------------------------------
.ce_form {margin-bottom:40px;}
.ce_form table {width:640px; font-family: Georgia; font-style:italic;}
.ce_form table td {border-top:#000 dotted 1px; vertical-align:middle;}
.ce_form table tr.row_first td {border-top:none;}

.ce_form td .mandatory, .ce_form td label {font-size:inherit;}

.ce_form td.col_first {padding-right: 5px;}
.ce_form input.text, textarea.textarea, .ce_form input.captcha {width:100%; background-color: #9c0; border:none; color:#000; font-style:italic; margin:4px 0px; padding:4px 0px;}
.ce_form fieldset.checkbox_container {padding:10px 0;}
.ce_form input.captcha {width:27px;}
.ce_form input.submit {text-align:left; margin-left:-2px; margin-top:5px; cursor:pointer; background-color:#fff; border:none; font-style:italic; color:#000;}

p.error {color: #9c0;}*/

/* visibility
----------------------------------------------------------------*/