html {
    background: #bdc3c7;
	font-family: Verdana, Helvetica;
	color: #4D5555;
}

body{
	padding: 0px;
	margin: 0px;
}

a {
	color: #d35400;	
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

tabler {
	border: 0;
}

h2{
	font-size: 14pt;
}

.schattenhg {
	background: rgba(236, 240, 241,0.7);
	
	/* Schatten */
	-moz-box-shadow: 1px 1px 6px #7f8c8d; /* Firefox */
	-webkit-box-shadow:1px 1px 6px #7f8c8d; /* Chrome, Safari */
	-khtml-box-shadow:1px 0px 6px #7f8c8d; /* Konqueror */
	box-shadow:1px 1px 6px #7f8c8d; /* CSS3 */
}

.margintop {
	margin-top: 20px;
}

.hg {
}

.rechteckrechts {
	float: right;
	margin-left: 20px;
}

.text {
	position: relative;
	display: inline-block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	width: calc(400px - 40px);
	height: calc(300px - 10px);
}

.notext {	
	position: relative;
	display: inline-block;
	width: 400px;
	height: 300px;
	z-index: 1;
}


#aussen {
	margin-left:auto;
    margin-right:auto;
	width: 820px;
	padding-bottom: 50px;
	padding-top: 50px;
	
}

#logo{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 192px;
	background-image: url(img/DZ-800x200-s.png);
	background-size: 90% 90%;
	background-position: 50% 50%;
    background-repeat: no-repeat;
	z-index: 1;
}

#infos{
}

#willkommen{
}

#slideshow{
}

#anfahrt{
}

#unten {
	position: relative;
	display: inline-block;
	width: calc(100% - 10px);
	font-size: 9pt;	
	text-align: right;
	padding: 5px;
}


#impressum {
	position: relative;
	display: inline-block;
	width: calc(100% - 40px);
	height: calc(100%);
	padding-bottom: 30px;
}

        
/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('img/b14.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}        
 
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

 
/* jssor slider arrow navigator skin 12 css */
/*
.jssora12l                  (normal)
.jssora12r                  (normal)
.jssora12l:hover            (normal mouseover)
.jssora12r:hover            (normal mouseover)
.jssora12l.jssora12ldn      (mousedown)
.jssora12r.jssora12rdn      (mousedown)
*/
.jssora12l, .jssora12r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 30px;
    height: 46px;
    cursor: pointer;
    background: url('img/a12.png') no-repeat;
    overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -256px -37px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }

/*Cookie hinweis */
.cc_container .cc_btn {
background-color: #4D5555 !important; /* Farbe des Buttons */
color: #bdc3c7 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #4D5555 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #bdc3c7 !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #bdc3c7 !important; /* Textlink-Farbe "Mehr Infos" */
}