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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
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}

/* Zu überschreibende Default settings aus dem Contao Framework hier einfügen
----------------------------------------------------------------*/
html, body {position:relative;}
/*html { -webkit-transform: translate3d(0,0,0);} verhindert das 'anfetten' der Schriften im iPad Landscape Mode. Verhindert aber leider auch die fixirten Elemente!*/ 
/*'overflow-y: scroll;' lässt vertikalen Scrollbalken immer stehen */
body {font-family: 'Droid Serif', Georgia, serif; color:#000; font-style:normal; font-size:100%; background-color:#f9f7ee; padding:0;}
a:active, a:focus {outline: none;} /* lässt die gepunktete Linie verschwinden */


/* Farben
----------------------------------------------------------------*/
.blau {color:#bad8d6;}
.grau {color:#272725;}


/* Container
----------------------------------------------------------------*/
#wrapper {padding:0px;}

#header {position:fixed; top:5px; left:5px; width:300px; border:#C30 solid 1px; z-index:3; background-color:#f9f7ee;}
#header div.inside { }
body.lichtbilder #header {display:none;}
#container {height:100%; z-index:2; margin-left:330px; margin-right:20px; max-width:900px;}
body.lichtbilder #container {margin: 5px; max-width:100%;}
#container div.inside {margin:0 auto; max-width:600px; padding-top:9px;} 
body.lichtbilder #container div.inside  {margin:0; max-width:100%;}

   
#footer {position:fixed; height:35px; bottom:0px; width:100%; border-top:#000 solid 0px; opacity:1; z-index:1; visibility:hidden;}
#footer div.inside { }

div.topbutton {position:fixed; top:4px; left:4px; z-index:2;}
div.topbutton ul li {display:inline-block;}
div.topbutton ul li.closebutton a.at2x {display:block; width:72px; height:72px; background:url("../../files/themes/dietlicher/images_system/tipp_off.png") no-repeat center; background-size:72px 72px; text-indent:1000em;}
div.topbutton ul li.closebutton a:hover.at2x {background:url("../../files/themes/dietlicher/images_system/tipp_on.png") no-repeat center; background-size:72px 72px;}

/* responsive Container */
/*#dlh_googlemap_1 {width: 100% !important;} macht die Google map in der breite responsiv. Wenns proportional sein muss, brauchts auch noch den reponsiv Container*/

.responsiveContainer {position: relative; padding-bottom: 50%; /*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,h2,h3,h4,h5,p,li,label {margin:0; padding:0;}
h1 {font-size:3em; padding:0 0 0 60px;}
h2 {font-size:1.5em; line-height:1.3; padding:0 0 .5em 0;}
h3 {font-size:1.125em; line-height:1.3; padding-bottom:.3em;}
p {font-size:0.9375em; line-height:1.5; margin-bottom:.75rem;}
.ce_text li {font-size:0.875em; line-height:1.5;}


a:link, a:visited {color:#000; text-decoration:underline;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;}
a:hover {color:#c30; text-decoration:none;}
a:active {color:#c30; text-decoration:none;}

h3 a:link {text-decoration:none;}


/* Listen
----------------------------------------------------------------*/
.ce_text ul li {background:url("../../files/themes/dietlicher/images_system/alinea.png") no-repeat; padding:0 0 0 2em;}
.ce_text ul.arrow li {background:url("../../files/themes/dietlicher/images_system/alinea_arrow.png") no-repeat left top; padding:0 0 0 2em;}


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


/* Startseite Specials
----------------------------------------------------------------*/


/* Artikel
----------------------------------------------------------------*/
.mod_article.leftspace {padding:0 0 0 60px; max-width:1140px;}
.mod_article.leftspace.topspace {padding-top:1em;}


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


/* Inhaltselemente Text
----------------------------------------------------------------
.ce_text.textbox_left {width:47.5%; padding-right:2.5%; float:left;}
.ce_text.textbox_right {width:47.5%; padding-right:2.5%;}
.ce_text.textbox_right img {padding-top:35px;}
.ce_text.textbox_left_solo {max-width:630px; padding-right:10px;}*/

.ce_text.lichtbild_textbox {margin-left:81px; min-height:75px;}


/* Navigation
----------------------------------------------------------------*/
/*Top Navi*/
table {margin:0;}
a.toplink_left {display:block; width:142px; height:140px; color:#C30; padding:6px 0 0 8px; text-decoration:none; font-size:1.375em; line-height:1.2em; letter-spacing:0.025em; border-right: #C30 solid 1px;}
a.toplink_right {display:block; width:142px; color:#C30; padding:6px 0 4px 8px; text-decoration:none; font-size:1.375em; line-height:1.2em; letter-spacing:0.025em; border-bottom: #C30 solid 1px;}
body.home a.toplink_right, a:hover.toplink_right, body.christoph_dietlicher a.toplink_left, a:hover.toplink_left  {background-color:#C30; color:#f9f7ee;}

p.kontakt {font-size:0.75em; text-decoration:none; padding:8px 0 0 8px; line-height:1.4em; color:#C30; margin-bottom:0px;}
p.kontakt a {text-decoration:none; color:#C30;}



/*Main Navi*/
nav.mod_navigation { }
nav.mod_navigation ul {font-size:1.375em; letter-spacing:0.025em; color:#fff; width:320px; margin:0;}
nav.mod_navigation ul li { }
nav.mod_navigation ul li a {display:block; text-decoration:none; padding:0 8px; background-color:#f9f7ee; color:#C30; border-top:#C30 solid 1px;}
nav.mod_navigation ul li.last { }
nav.mod_navigation ul li.sibling, nav.mod_navigation ul li.active, nav.mod_navigation ul li a:hover, nav.mod_navigation ul li .trail {background-color:#C30; color:#f9f7ee; line-height:35px;}
nav.mod_navigation ul li.active {padding:0 8px; border-top:#C30 solid 1px;}

/*nav.mod_navigation ul li.pluslink a:hover, nav.mod_navigation ul li.forward {background:url("../../files/themes/dietlicher/images/down_arrow_on.jpg") no-repeat right 0.7em;}*/

/*sub Navi
nav.mod_customnav { }
nav.mod_customnav ul {font-family:'Open Sans',Helvetica, Arial, sans-serif; font-size:.9375em;}
nav.mod_customnav ul li {float:left; border-right:#bad8d6 solid 1px; margin:0; padding:0;}
nav.mod_customnav ul li a {display:inline-block; text-decoration:none; padding:0 20px; line-height:35px; text-align:center; background-color:rgba(39,39,37,1); color:#bad8d6;}
nav.mod_customnav ul li.sibling, nav.mod_customnav ul li.active, nav.mod_customnav ul li a:hover {background-color:#bad8d6; color:#fff; padding:0 20px; line-height:35px; text-align:center;}*/

/*socialmedia Navi
ul.socialmedia_nav {text-align:right; margin-top:-35px;}
ul.socialmedia_nav li {float:right; border-left:#000 solid 1px; background-color:#fff;}
ul.socialmedia_nav li a {width:35px; height:35px; display:inline-block; background-color:#fff;}
ul.socialmedia_nav li.twitter a.at2x {background:url("../../files/themes/dietlicher/images_system/twitter.png") no-repeat; text-indent:1000px; background-size:35px 35px;}
ul.socialmedia_nav li.facebook a.at2x {background:url("../../files/themes/dietlicher/images_system/facebook.png") no-repeat; text-indent:1000px;  background-size:35px 35px;}*/

/*mobile Navi
nav.mod_mmenu ul {font-family:'Open Sans',Helvetica, Arial, sans-serif; font-size:.9375em; text-transform:uppercase; letter-spacing:0.05em; color:#bad8d6;}
nav.mod_mmenu ul li a {text-decoration:none;}
ul.mobile_nav_button {display:none;}*/


/* Google Map
----------------------------------------------------------------
#dlh_googlemap_1 {width: 97.5% !important; margin:10px 10px 10px 0;}*/


/* Accordion
----------------------------------------------------------------*/
.accordion_article { }
.ce_accordion { }
.ce_accordion.first {padding-top:20px;}
.ce_accordion div.toggler {background:url("../../files/themes/dietlicher/images_system/plus.png") no-repeat; background-position:60px 6px; background-size:29px 29px; padding:4px 0 4px 100px; cursor:pointer; font-size:1.5em; line-height:1.4; outline:none; border-top:#000 solid 1px;}
.ce_accordion.first div.toggler {border-top:none;}
.ce_accordion div.toggler.hover { }
.ce_accordion div.toggler.active {background:url("../../files/themes/dietlicher/images_system/minus.png") no-repeat; background-position:60px 6px; background-size:29px 29px; outline:none;}
.accordion {padding:0 0 0 60px; max-width:1140px;}
.accordion div {padding:5px 0 10px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 196dpi) {
.ce_accordion div.toggler {background:url("../../files/themes/dietlicher/images_system/plus@2x.png") no-repeat; background-position:60px 6px; background-size:29px 29px;}
.ce_accordion div.toggler.active {background:url("../../files/themes/dietlicher/images_system/minus@2x.png") no-repeat; background-position:60px 6px; background-size:29px 29px;}

}


/* Galeria 
----------------------------------------------------------------*/
.galleria-container { }
/* folgendes überschreibt Einträge in files/galleria/themes/classic/galleria.classic.css und macht eine randlose Galerie ohne Navibar*/   
.galleria-stage {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow:hidden;
	background-color:#FFF;
} 

div.galleria-bar {background-image:none; background-color:#333333; display:none;}
div.galleria-popout, div.galleria-s4, div.galleria-s3 {visibility:hidden;}
.galleria-container {font-family: Monda, Verdana, Geneva, sans-serif; font-size:0.8em;}

.galleria-container.fullscreen .galleria-stage {background-color:#000;} 

.galleria-errors {display:none;}


/* Audioplayer
----------------------------------------------------------------
table.audioplayer tr td:last-child {padding-left:10px; vertical-align:middle;}*/ 


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


/* Formular
----------------------------------------------------------------*/
.ce_form label {display:block;}
.ce_form td.col_first {vertical-align: bottom;}
.ce_form input.captcha {width:25px;}

/* Formular ohne Tabelle
----------------------------------------------------------------*/
.ce_form label {display:block; margin:0; padding:0;}
.ce_form input {width:80%; margin:0 0 5px 0; color:#555;}
.ce_form textarea {width:80%; height:7em; margin:0 0 5px 0; color:#555;}
.ce_form input.submit {text-align:left; width:auto; margin:.75em 0; cursor:pointer; background:none; border:#FFF solid 1px; padding:.5em; font-size:1em; color:#fff;}



/* Formulare in Tabelle
----------------------------------------------------------------
.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
----------------------------------------------------------------*/


/* Resposnsiv
----------------------------------------------------------------*/

@media only screen and (max-width:900px) 
{
#container {margin-left:165px; margin-right:20px; max-width:900px;}
#container div.inside {margin:0; max-width:600px; padding-top:250px;}
body.lichtbilder #container div.inside {padding-top:0;} 


/*
.ce_accordion div.toggler {background-position:30px 6px; padding:4px 0 4px 70px;}
.ce_accordion div.toggler.active {background-position:30px 6px;}
.accordion {padding:0 0 0 30px;}
*/

}

@media only screen and (max-width:700px) 
{
#header {position:absolute;}
#container {margin-left:13px; margin-right:13px; max-width:900px;}
#container div.inside {margin:0; max-width:600px; padding-top:250px;} 


/*
.ce_accordion.first {padding-top:10px;}
.ce_accordion div.toggler {background-position:10px 5px; padding:4px 0 4px 42px; background-size:25px 25px; font-size:1.25em; line-height:1.4;}
.ce_accordion div.toggler.active {background-position:10px 5px; background-size:25px 25px;}
.accordion {padding:0 10px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 196dpi) {
.ce_accordion div.toggler {background-size:25px 25px;}
.ce_accordion div.toggler.active {background-size:25px 25px;}
}
*/

}