/* 1764935692.0362 */
@charset "utf-8";

/* @license
 * MyFonts Webfont Build ID 2355075, 2012-09-03T11:19:19-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Eurostile Regular by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-regular/
 * Licensed pageviews: 20,000
 * 
 * Webfont: Eurostile Bold by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-bold/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2355075
 * Webfonts copyright: Copyright 2010 URW++ Design & Development Hamburg
 * 
 * © 2012 Bitstream Inc
*/
  
 @font-face {font-family: 'Eurostile-Reg';src: url('/includes/css/webfonts/23EF83_0_0.eot');src: url('/includes/css/webfonts/23EF83_0_0.eot?#iefix') format('embedded-opentype'),url('/includes/css/webfonts/23EF83_0_0.woff') format('woff'),url('/includes/css/webfonts/23EF83_0_0.ttf') format('truetype');}
   
 @font-face {font-family: 'Eurostile-Bol';src: url('/includes/css/webfonts/23EF83_1_0.eot');src: url('/includes/css/webfonts/23EF83_1_0.eot?#iefix') format('embedded-opentype'),url('/includes/css/webfonts/23EF83_1_0.woff') format('woff'),url('/includes/css/webfonts/23EF83_1_0.ttf') format('truetype');}
 
 
.Eurostile-Reg { 
	font-family: Eurostile-Reg;
	font-weight: normal;
	font-style: normal;
}

.Eurostile-Bol { 
	font-family: Eurostile-Bol;
	font-weight: normal;
	font-style: normal;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 { 
	font-family: Eurostile-Bol;
	font-weight: normal;
	font-style: normal;
}

header { 
	font-family: Eurostile-Reg;
	font-weight: normal;
	font-style: normal;
}

/*
#content section artilce p,
#content section artilce li,
#content section artilce td,
#content section artilce th,
#content section artilce cite
*/






* {
	margin:0;
	padding:0;
	line-height:100%;
	outline:0;	
}

html {
	width:100%;
	height:100%;
	-webkit-tap-highlight-color:transparent;
	font-size:100.01%;
	overflow-y: scroll;
}

body {
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	font-size:62.5%;
	font-family:Verdana,Helvetica,Tahoma,Arial,san serif;
	/*
	background-color:#424242;
	background:rgba(66,66,66,1);
	*/
	background:rgba(255,255,255,1);
	-webkit-tap-highlight-color:transparent;
}

#container {
	width:100%;
	height:100%;
	margin:0 auto;	
	padding:0;
	text-align:left;
	font-size:100%;
	/*
	background-color:#424242;
	*/
	background:rgba(66,66,66,1);
	color:#424242;
	/*
	background-color:#fff;
	color:#616161;
	color:#fff;
	*/
	position:relative;
}


/* ### ALLGEMEINE INHALTS-DEFINITIONEN START ### */

body .cb, 
.clear {
	clear:both;
	margin:0;
	padding:0;
}

body .fehler {
	color:#d40000;
}

.rot {
	color:#C5141C;
}

body .nobreak {
	white-space:nowrap;
	text-align:left;
	display:inline-block;
	text-indent:0;
}

.center {
	text-align:center;
}

hr {
	display:block;
	margin:16px 0;
	height:1px;
	border:none;
	background-color:transparent;
	border-top:1px dotted rgba(162,162,162,0.76);
	clear:both;
}

hr.hell {
	border-top:1px dotted rgba(255,255,255,0.5)
}

a {
	/*
	color:#4D555F;
	*/
	color:#fff;
	margin:0;
	padding:0;
	text-decoration:none
}

a.fancybox {
	margin:0;
	padding:0;
}
	
.hell a {
	color:#fff;
}
	
a:hover {
	text-decoration:underline;
}

.nur_mobil {
	display:none;
}

.r {
	margin-right:0
}

.hidden,
body:after {
	display:none
}

img.pic_l {
	float:left;
	margin:2px 16px 12px 0;
}

img.pic_r {
	float:right;
	margin:2px 0 16px 18px;
}
	
.newspic,
.picbox_r,
.brochure {
	float:right;
	margin:2px 0 16px 18px;
	width:auto;
	max-width:460px;
	display:inline-block;
}

.brochure {
	max-width:200px;
}

.picbox_r em,
.picbox_r .pic_sub {
	display:block;
	line-height:130%;
	margin:2px 0 6px 0;
}

#content .pic_sub,
#content .picbox_r .pic_sub,
#content .brochure .pic_sub {
	display:block;
	font-size:90%;
	font-style:italic;
	margin:0 0 6px 0;
	padding:2px;
	line-height:120%;
	background-color:rgba(255,255,255,0.5);
}

#content span.leistungen_pics {
	max-width:277px;
}



#content .inline_pic {
	width:auto;
	display:inline-block;
}

#content .pic_sub img {
	margin-bottom:0;
}

#content .picbox_r .pic_sub img {
	margin:0;
}

#content .zweispaltig img {
	float:left;
	margin:2px 0 2px 4px;	
}	

#content span.zweispaltig a:nth-child(odd) img {
	margin-left:0;
}

#content span.zweispaltig a:nth-child(2n+1) img {	
	clear:both;
}

.responsive_image {
	width:100%;
	height:auto;
}

.half_responsive_image,
.prozent50 {
	width:auto;
	max-width:50%;
	height:auto;
}

/*
.mobile,
*/
.nur_mobile,
#content .mobile {
	display:none !important;
}

/*
.desktop,
*/
.nur_desktop,
#content .desktop {
	display:inline-block !important;
}

/*
*/
header#header div.logo ul.desktop,
header#header div.logo ul.nur_desktop {
	display:block !important;
}


/* new clearfix */
.contentbox:after,
.clearfix:after {
    visibility: hidden;
	display: block;
	font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
	
/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {
	display: block;
}
* html .contentbox {height: 1px;}
.contentbox {
	display: block;	
}
/* End hide from IE5/Mac */








.orange {
color:#EB690B;
}


#content a.bildzoom {
	position:relative;
	float:right;
	margin:2px 0 6px 16px;
}

#content a.bildzoom img.zoom {
	position:absolute;
	bottom:6px;
	right:0px;
	z-index:99;
}






/* ### ALLGEMEINE INHALTS-DEFINITIONEN ENDE ### */




/* ### NAVI START ### */

header#header {
	width: 100%; 
	height:70px;
    position: fixed;
    left: 0;
    top: 0;
	z-index:99999;
	display:block;
	margin:0;
	padding:0;	
	background-color:#555;
	background:rgba(85,85,85,1);
	font-size:100%;	
	text-align:left;	
}

header#header div.logo {
	width:auto;
	text-align:left;
	background-color:#fff;
	position:absolute;
	top:14px;
	left:50px;
}

header#header div.logo a#logo {
	display:block;
	text-align:center;
	padding:10px;
}

header#header div.logo a#logo img {}

header#header div.logo a#logo img.zusatz {
	margin:0 0 1px 99px;
}

header#header div.logo ul {
	width:100%;
	list-style:none;
	font-size:100%;
}

header#header div.logo ul li {
	float:left;
	width:128px;
	font-size:140%;
	margin-right:1px;
	text-transform:uppercase;
}

header#header div.logo ul li:last-child {
	margin-right:0;
	width:134px;
}

header#header div.logo ul li a {
	display:block;
	padding:6px;
	background-color:#cdcdcd;
	color:#a2a2a2;
	text-decoration:none;
	position:relative;	
}

header#header div.logo ul li.aktiv a,
header#header div.logo ul li a:hover {
	background-color:#a2a2a2;
	color:#000;
}

header#header div.logo ul li.aktiv a:after,
header#header div.logo ul li a:hover:after {
	content: '';
	display: block;  
	position: absolute;
	right: 0%;
	top: 50%;
	margin-top: -6px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
}

header#header div.box_infos {
	float:right;
	width:auto;
	display:inline-block;
	margin:10px 22px 0 0;
	padding:0;
	text-align:right;
}

header#header div.box_infos span.hotline {	
	display:block;
	color:#cacccf;
	font-size:140%;
	line-height:16px;
	height:16px;
	margin:4px 0 0 0;
	text-align:right;
}

header#header div.box_infos span.hotline a.tel_link,
header#header div.box_infos span.hotline a.tel_link:hover {
	color:#cacccf;
	text-decoration:none;	
}

header#header div.box_infos span.hotline a.tel_link span.mini_icon {
	vertical-align:-3px;
}

header#header div.box_infos span.sprachen {
	display:block;
	width:100%;
	text-align:right;
	margin:0;
	padding:0;
}

header#header div.box_infos span.sprachen img {
	margin-left:4px;
	vertical-align:-1px;
	width:18px;
	heigtht:13px;
}

header#header div.box_infos span.sprachen img.tuev {
	margin-left:4px;
	vertical-align:-3px;
	width:18px;
	heigtht:18px;
}


header#header #info {
	font-size:130%;
	margin:0 auto;
	text-align:center;
	/*
	display:none;
	*/
}

/* ### SUCHE START ### */

header div.header_suche {
	display:inline-block;
	width:auto;
	height:auto;
	/*
	float:right;
	*/
	margin:4px 0 0 0;
	padding:0;
	/*
	background-color:yellow;
	*/
}


header div.header_suche #search_form {
	display:block;
	height:auto;
	width:179px;
	margin:0;
	padding:0;
}

header div.header_suche #search_form fieldset {
	display:block;
	border:none;
	position:relative;
}

header div.header_suche #search_form fieldset input.suche {
	display:block;
	float:left;
	margin:0 0 0 12px;
	padding:1px 4px;
	width:calc(100% - 42px);
	border:none;
	font-size:130%;
	line-height:110%;
	font-family:Tahoma,Verdana,Arial,san serif;
	background-color:#cacccf;
	color:#222;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}

header div.header_suche #search_form fieldset input#t_search {
	background:url(/gif/icons/icons.png) no-repeat -72px -96px;
	width:16px;
	height:16px;
	display:inline-block;
	border:none;
	cursor:pointer;
	margin:0px 0 0 4px;
}

/* ### SUCHE ENDE ### */









nav#nav {
	display:block;
	width:auto;
	margin:22px 22px 0 520px;
	padding:0;
}

nav#nav * {
	margin:0;
}

nav#nav ul#mainnav {
	width:auto;
	margin:0;
	list-style:none;
}

nav#nav ul#mainnav li {
	float:left;
	margin:0 10px 0 0;
}

nav#nav ul#mainnav li:last-child {
	margin-right:0;
}

nav#nav ul#mainnav li.mobile,
nav#nav ul#mainnav li.nur_mobile {
	display:none;
}


/* ### SUPER-FISH NAVI START ### */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99999;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {}
.sf-menu ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
}
.sf-menu a {
	/* fallback colour must use full shorthand */
	text-decoration: none;
}
.sf-menu a {}
.sf-menu li {	
	/* no need for Supersubs plugin */
	white-space: nowrap; 
	-webkit-transition: background .2s;
	transition: background .2s;
	
}
.sf-menu ul li {}
.sf-menu ul ul li {}
.sf-menu li:hover,
.sf-menu li.sfHover {	
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}
/*** arrows (for all except IE7) **/
nav#nav .sf-arrows .sf-with-ul {
	padding-right: 2.5em;	
}
/* styling for both css and generated arrows */
nav#nav .sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	/* edit this to suit design (no rgba in IE8) */
	border-top-color: #ffffff; 
	border-top-color: rgba(255,255,255,1);
}
nav#nav .sf-arrows > li > .sf-with-ul:focus:after,
nav#nav .sf-arrows > li:hover > .sf-with-ul:after,
nav#nav .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #ffffff; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
nav#nav .sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	/* edit this to suit design (no rgba in IE8) */
	border-left-color: #ffffff; 
	border-left-color: rgba(255,255,255,1);
}
nav#nav .sf-arrows ul li > .sf-with-ul:focus:after,
nav#nav .sf-arrows ul li:hover > .sf-with-ul:after,
nav#nav .sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #ffffff;
}



nav#nav ul#mainnav li:last-child {
	margin-right:0;	
}

nav#nav ul#mainnav li {
	/*
	font-size:140%;
	*/
	font-size:160%;
	line-height:100%;
}	

nav#nav ul#mainnav li li {
	font-size:100%;
	line-height:100%;
}

nav#nav ul#mainnav li a {
	display:block;
	padding:4px;
	color:#cacccf;	
	text-decoration:none;
}

nav#nav ul#mainnav li ul {
	background-color:#4d555f;	
}
	
nav#nav ul#mainnav li:hover,
nav#nav ul#mainnav li a:hover,
nav#nav ul#mainnav li.aktiv a {
	color:#fff;
	text-decoration:none;
	background-color:#A2A2A2;
}

nav#nav ul#mainnav li.aktiv a {
	font-weight:normal;
}

nav#nav ul#mainnav li.aktiv li a {
	font-weight:normal;
	color:#cacccf;
}

nav#nav ul#mainnav li ul li {
	text-align:left;
}

nav#nav ul#mainnav li ul li a { 
	text-transform:none;
	padding:10px;
	display:block;
	color:#cacccf;
}

nav#nav ul#mainnav li ul li a:hover { 
	color:#fff
}

#mobnav-btn {
    display: none;
	cursor: pointer;
    float:right;
	margin-right:0;
}
.mobnav-subarrow {
    display: none;
}


@media only screen and (min-width: 1160px) and (max-width: 1400px) {
		
	header#header div.box_infos {
		float:none;		
		display:block;
		text-align:right;
		margin:6px 22px 0 0;
		padding:0;
	}

	header#header div.box_infos span.hotline {	
		display:inline-block;
		margin:4px 0 0 16px;
	}

	header#header div.box_infos span.sprachen {
		display:inline-block;
		width:auto;
		text-align:left;
		margin:0;
	}
		
	nav#nav {
		display:block;
		float:none;
		width:auto;
		margin:12px 0 0 490px;
	}
	
	nav#nav ul#mainnav {
		display:block;
		float:none;
		margin-right:0;
	}
		
}


@media only screen and (min-width: 881px) and (max-width: 1159px) {
	
	header#header {
		width: 100%; 
		height:auto;
		position:fixed;
		display:block;
	}
	
	header#header div.logo {
		width:auto;
		text-align:left;
		background-color:#fff;
		position:relative;
		float:left;		
		margin:12px 0 0 12px;		
		left:auto;
		top:auto;
	
	}

	header#header div.logo a#logo {
		margin:6px 0 0 6px;
		width:auto;
		height:auto;
		padding:6px 0;
	}
	
	header#header div.logo a#logo img.logo,
	header#header div.logo a#logo img.zusatz {
		display:inline;
		margin:0 6px 0 0;
		width:auto;
		height:56px;
	}
	
	/*
	*/
	header#header div.logo ul.desktop,
	header#header div.logo ul.nur_desktop {
		display:none !important;
	}
		
	header#header div.box_infos {
		margin:12px 12px 0 0;
	}
	
	nav#nav {
		display:block;
		float:none;
		clear:both;
		margin:0 12px;
		padding:12px 0;
		width:auto;
		text-align:center;
	}
	
	nav#nav ul#mainnav {
		display:inline-block;
		float:none;
		clear:both;
		width:auto;
		margin:0 auto;	
	}
	
	nav#nav ul#mainnav li.mobile {
		display:inline-block;
	}
		
}

@media only screen and (max-width: 880px) {
	
	header,	
	nav#nav {
		display:block;
		float:none;
		margin:0;
		padding:0;
		width:auto;
	}
	
	header#header {
		width: 100%; 
		height:auto;
		position:relative;
		display:block;
		margin:0;
		padding:0;
		top:auto;
		left:auto;
	}
	
	header#header div.logo {
		width:auto;
		text-align:left;
		background-color:#fff;
		position:relative;
		float:none;		
		margin:0;
		padding:4px 0 8px 0;
		left:auto;
		top:auto;	
	}

	header#header div.logo a#logo {
		margin:0;
		width:auto;
		height:auto;
		display:inline-block;
		padding:6px 0;
	}
	
	header#header div.logo a#logo img.logo,
	header#header div.logo a#logo img.zusatz {
		display:inline;
		margin:0 6px 0 0;
		width:auto;
		height:56px;
		padding:0;
	}
	
	/*
	*/
	header#header div.logo ul.desktop,
	header#header div.logo ul.nur_desktop {
		display:none !important;
	}
		
	header#header div.box_infos {
		float:none;		
		display:block;
		text-align:right;
		margin:0;
		padding:6px;
	}

	header#header div.box_infos span.hotline {	
		display:inline-block;
		margin:4px 0 0 16px;		
	}

	header#header div.box_infos span.sprachen {
		display:inline-block;
		width:auto;
		text-align:left;
		margin:0;
	}
	
	
		
	#mobnav-btn {
        display: inline-block;
    }
	
		
	nav#nav ul#mainnav {
		float:none;
		margin:0;
	}
		
	nav#nav ul#mainnav li.nur_mobile {
		display:inline-block;
	}
		
    .mobnav-subarrow {
        display: block;
		background-color:#4d555f;
        height: 32px;
        width: 32px;
        background-position: top left!important;
        position: absolute;
        top: 0px;
        right: 0px;      
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
	
	nav#nav .mobnav-subarrow span,
	nav#nav .xpopdrop .mobnav-subarrow span {
		display: block;
		height: 24px;
        width: 32px;
		color:#fff;
		font-weight:bold;
		font-size:16px;
		padding-top:8px;
		text-align:center;
	}
	
	nav#nav li:hover .mobnav-subarrow span,
	nav#nav .xpopdrop .mobnav-subarrow span {
		color:#fff;
		background-color:#A2A2A2;
	}
	
	nav#nav li.aktiv {
		color:#fff;
	}
	
	nav#nav li.aktiv .mobnav-subarrow span {
		color:#fff;
		background-color:#CDCDCD;
	}
	
    nav#nav .sf-menu {
        width: 100%!important;
        display: none!important;
    }
	
    nav#nav .sf-menu.xactive {
        display: block!important;
    }
	
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
    }
	
    .sf-menu li a {
        float: none!important;
    }
	
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
	
    nav#nav .xpopdrop ul {
        display: block!important;
    }
		
	/*** arrows (for all except IE7) ***/
	nav#nav .sf-arrows .sf-with-ul {
		padding-right: 2.5em;		
		/* no CSS arrows for IE7 (lack pseudo-elements) */
	}
	/* styling for both css and generated arrows */
	nav#nav .sf-arrows .sf-with-ul:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 1em;
		margin-top: -3px;		
		height: 0;
		width: 0;
		/* order of following 3 rules important for fallbacks to work */
		border: 5px solid transparent;
		border-top-color: #ffffff; /* edit this to suit design (no rgba in IE8) */
		border-top-color: rgba(255,255,255,1);
	}
	nav#nav .sf-arrows > li > .sf-with-ul:focus:after,
	nav#nav .sf-arrows > li:hover > .sf-with-ul:after,
	nav#nav .sf-arrows > .sfHover > .sf-with-ul:after {
		border-top-color: #ffffff; /* IE8 fallback colour */
	}
	/* styling for right-facing arrows */
	nav#nav .sf-arrows ul .sf-with-ul:after {
		margin-top: -5px;
		margin-right: -3px;
		border-color: transparent;
		border-left-color: #ffffff; /* edit this to suit design (no rgba in IE8) */
		border-left-color: rgba(255,255,255,1);
	}
	nav#nav .sf-arrows ul li > .sf-with-ul:focus:after,
	nav#nav .sf-arrows ul li:hover > .sf-with-ul:after,
	nav#nav .sf-arrows ul .sfHover > .sf-with-ul:after {
		border-left-color: #ffffff;
	}	
	
	nav#nav ul#mainnav li a { 
		text-transform:none;
		padding:10px;
		display:block;
	}
	
	nav#nav ul#mainnav li.aktiv,
	nav#nav ul#mainnav li.aktiv a {
		background-color:#CDCDCD;
		color:#fff;
	}
	
	nav#nav ul#mainnav li li a,
	nav#nav ul#mainnav li li a:hover,
	nav#nav ul#mainnav li.aktiv li,
	nav#nav ul#mainnav li.aktiv li a { 
		background-color:#4D555F;
	}
		
	/*
	nav#nav ul#mainnav li.aktiv li,
	nav#nav ul#mainnav li.aktiv li a { 
		background-color:#A2A2A2;
	}
	*/
	
	nav#nav ul#mainnav li {
		border-bottom:1px dotted #CDCDCD;
	}
	
	nav#nav ul#mainnav li:last-child,
	nav#nav ul#mainnav li li {
		border:none;
	}
	
	
	
	nav#nav ul#mainnav li ul {
		padding-left:16px;
	}
		
}

@media only screen and (max-width: 520px) {
	
	header#header div.logo a#logo {
		margin:0;
		width:auto;
		height:auto;
		display:inline-block;
		padding:6px 0;
	}
	
	header#header div.logo a#logo img.logo,
	header#header div.logo a#logo img.zusatz {
		display:block;
		margin:0 6px 0 0;
		width:auto;
		/*
		height:56px;
		*/
		height:56px;
	}
	
	header#header div.logo a#logo img.zusatz {
		margin-left:86px;
	}
	
}

@media only screen and (max-width: 360px) {
	
	header#header div.logo a#logo {
		margin:0;
		width:auto;
		height:auto;
		display:inline-block;
		padding:6px 0;
	}
	
	header#header div.logo a#logo img.logo,
	header#header div.logo a#logo img.zusatz {
		display:block;
		margin:0 6px 0 0;
		width:auto;
		height:44px;
	}
	
	header#header div.logo a#logo img.zusatz {
		margin-left:61px;
	}
	
}


/* ### SUPER-FISH NAVI ENDE ### */


/* ### NAVI ENDE ### */




nav#subnav {
	position:absolute;
	/*
	left:910px;
	*/
	left:840px;
	top:250px;
	width:200px;
	
	font-family: Eurostile-Reg;
	font-weight: normal;
	font-style: normal;
}


nav#subnav div.content_box_subnav {
	display:block;
	position:relative;
	padding:10px;
	background:rgba(255,255,255,0.7);
	/*
	background:rgba(255,255,255,0.85);
	*/	
}

nav#subnav ul {
	list-style:none;
	margin:0;
	padding:0;
}

nav#subnav ul li {
	display:block;
	padding:0;
	margin:0;
	border-bottom:1px dotted #424242;
	font-size:150%;
}

nav#subnav ul li li {
	font-size:100%;
}

nav#subnav ul li:last-child {
	border-bottom:none;
}

nav#subnav ul li a {
	display:block;
	padding:4px;
	margin:0;
}


#kontaktadresse {
	border-top:1px dotted #424242;
	padding-top:18px;	
}

#kontaktadresse p {
	font-size:140% !important;
}





@media only screen and (min-width: 881px) and (max-width: 1159px) {	
	
	nav#subnav {
		position:relative;
		left:auto;
		top:auto;
		/*
		width:calc(100% - 20px);
		*/
		width:820px;
		padding:10px;
		margin-left:50px;
		background:rgba(255,255,255,0.7);	
		font-family: Eurostile-Reg;
		font-weight: normal;
		font-style: normal;
	}

}

@media only screen and (max-width: 880px) {	

	nav#subnav {
		display:none;
	}

}

/* ### BREADCRUMB START ### */



#breadcrumb {
	font-size:90%;
	color:#616161;
	margin:0;
	padding:0;
}

#breadcrumb a {
	text-decoration:none;
	color:#616161;
}

#content section.dark #breadcrumb,
#content section.dark #breadcrumb a {
	color:rgba(255,255,255,0.76);
}

/* ### BREADCRUMB ENDE ### */




/* ### PARALLAX EFFEKT START ### */

/*
http://www.w3schools.com/howto/howto_css_parallax.asp
http://keithclark.co.uk/articles/pure-css-parallax-websites/
https://codyhouse.co/gem/alternate-fixed-scroll-backgrounds/
*/

#content .parallax_content  {
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

#content .height100 {
	min-height:calc(100% - 112px);
	padding-top:80px;
	padding-bottom:32px;
}

#content.parallax div:nth-child(1) section,
#content.parallax div.height100 section.space_top {
	/*
	padding-top:260px;
	padding-top:220px;
	border-top:10px solid orange;
	*/
	padding-top:80px;
}

#content.parallax div.height100:nth-child(1) section {
	/*
	padding-top:180px;
	*/
}

#content div.startseite {
	background-image: url("/gif/bg/home.jpg");
	background-position: left top;
}

#content div.theodoridis {
	background-image: url("/gif/bg/dr-med-theodoros-theodoridis.jpg");
	background-position: left top;
	position:relative;
}

#content div.praxen {
	/*
	background-image: url("/gif/bg/praxen.jpg");
	*/
	background-image: url("/gif/bg/wirbelsaeule.jpg");
}

#content div.kliniken {
	background-image: url("/gif/bg/kliniken.jpg");
}

#content div.vkb {
	background-image: url("/gif/bg/viktoriaklinik-bochum.jpg");
}

#content div.evk {
	background-image: url("/gif/bg/evk-castrop-rauxel.jpg");
}

#content div.operationen {
	background-image: url("/gif/bg/operationen.jpg");
}

#content div.patienteninfo {
	background-image: url("/gif/bg/patienteninfo.jpg");
}

#content div.lexikon,
#content div.patienteninfo,
#content div.wirbelsaeule,  
#content div.ruecken,  
#content div.rueckenschmerz,  
#content div.rueckenschule,  
#content div.rueckenschule_spinalkanalstenose,
#content div.bandscheibe,
#content div.renehavis,
#content div.lufthansa,
#content div.links,
#content div.wissenschaft,
#content div.buecher,
#content div.publikationen,
#content div.vortraege,
#content div.studien {
	background-image: url("/gif/bg/wirbelsaeule.jpg");
}

#content div.leistungsspektrum {
	/*
	background-image: url("/gif/bg/leistungsspektrum.jpg");
	*/
	background-image: url("/gif/bg/wirbelsaeule.jpg");
}

#content div.theodoridis {
	background-image: url("/gif/bg/dr-med-theodoros-theodoridis.jpg");	
}

#content div.theodoridis2 {
	background-image: url("/gif/bg/dr-med-theodoros-theodoridis-2.jpg");
}





#content div.georgallas {
	background-image: url("/gif/bg/dr-constantinos-georgallas-md.jpg");
}


#content div.stellenangebote {
	background-image: url("/gif/bg/stellenangebote.jpg");
}

#content div.aktuelles {
	background-image: url("/gif/bg/aktuelles.jpg");
}

#content div.kontakt,
#content div.anfahrt,
#content div.datenschutz,
#content div.impressum {
	background-image: url("/gif/bg/kontakt.jpg");
}

#content div.viktoriahaus {
	background-image: url("/gif/bg/viktoria-haus.jpg");
}


/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    #content .parallax_content {
        background-attachment: scroll;
    }
}

/* ### PARALLAX EFFEKT ENDE ### */



#telefontermine {
	font-size:14px;
	margin:4px 0 24px 0;
}

.tel {
padding-left:14px;
background:url(/gif/icons/telefon-orange.png) no-repeat left 2px;
}

#content .tel {
background:url(/gif/icons/telefon-orange.png) no-repeat left 3px;
}

#content .tel_big {
padding-left:18px;
background:url(/gif/icons/telefon-orange_big.png) no-repeat left 3px;
}



/* ### CONTENT START ### */

#content {	
	height:100%;
	margin:0;
	padding:0;
	text-align:left;
	font-size:100%;
}

#content section {
	padding-left:50px;
	padding-bottom:10px;
}	

#content section.content_left {
	/*
	width:980px;	
	width:840px;
	*/
	width:760px;
}

#content section.home {
	/*
	width:600px;
	width:720px;
	*/
	width:760px;
}

#content section.home_breit {
	/*
	width:720px;
	width:720px;
	*/
	width:760px;
}

#content section.aerzte {
	/*
	width:720px;
	width:720px;
	*/
	width:760px;
}

#content section.full {
	width:calc(100% - 50px);
}

#content section.grey {
	background-color:#cdcdcd;
	background-color:rgba(205,205,205,1);
	width:calc(100% - 50px);
	padding:40px 40px 40px 10px;
}

#content section.shadow {
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
	z-index:100;
}

#content .inset-shadow-top {
	-webkit-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.5);
	box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.5);
}

#content section.start {    
	height: auto;
	min-height: calc(100vh - 330px);	
}



#content section.philosophie div.text { 
	margin:150px 20px 60px 50px;
	position:relative;
}


#logo-qm-system {
	position:absolute;
	right:0px;
	top:150px;
}








#content .contentbox {
	padding:10px;
	/*
	background:rgba(255,255,255,0.7);
	background:rgba(255,255,255,0.85);
	*/
	background:rgba(255,255,255,0.65);
}

#content section.dark .contentbox {
	padding:10px;
	/*
	background:rgba(255,255,255,0.85);
	*/
	background:rgba(255,255,255,0.5);
}

#content .contentbox a {
	font-weight:bold;
	text-decoration:underline;
}


#content h1 {
	font-size:400%;
	/*
	font-size:380%;
	*/
	line-height:120%;
	margin:0 0 12px 0;
	color:#424242;
}

#content section.dark h1 {
	/*
	color:#4d555f;
	color:rgba(77,85,95,0.76) !important;
	*/
	color:rgba(255,255,255,0.7);
}
	
#content h1 span.sub {
	display:block;
	font-size:60%;	
	line-height:100%;
}

#content h1 span.small {
	display:block;
	font-size:42%;	
	line-height:100%;
}

#content h1 span.inline {
	display:inline-block;
	font-size:42%;	
	line-height:100%;
}

#content h2 {
	font-size:240%;
	line-height:120%;
	margin:0 0 12px;
}

#content h3 {
	/*
	font-size:160%;
	*/
	font-size:200%;
	line-height:120%;
	margin:0 0 6px 0;
}

#content h2.h4 {
	/*
	font-size:120%;
	*/
	font-size:180%;
	line-height:120%;
	margin:0 0 12px;
}

#content h4 {
	/*
	font-size:120%;
	*/
	font-size:180%;
	line-height:120%;
	margin:0 0 6px;
}

#content h5 {	
	font-size:140%;
	line-height:120%;
	margin:0 0 6px;
}

#content h6 {
	font-size:120%;
	line-height:120%;
	margin:0 0 2px 0;
}

#content p {
	font-size:130%;
	line-height:130%;
	margin:0 0 14px;
}

#content p.section_sub {
	font-size:200%;
	line-height:100%;
	margin:0 0 24px 0;	
	font-weight:500;
	text-transform:uppercase;
	color:#a4a4a4;
	color:rgba(164,164,164,0.76);
}


#content section.formular p {
	font-size:100%;
}

#content ol,
#content ul {
	margin:0 0 24px 24px;
}

#content li {
	font-size:130%;
	line-height:130%;
}


#content li div.clearfix {
	line-height:130%;
}
	
#content li li {
	font-size:100%;
	line-height:130%;
}

#content ul.siegel {
	margin:0;
	list-style:none;	
}	

#content ul.siegel li {
	float:left;
	display:block;
	margin:0 10px 10px 0;
	height:auto;
	min-height:130px;
}



#content ul.list_split {
	float:left;	
	width:46%;
	margin:0 2% 24px 2%;
}



#content td,
#content th {
	font-size:130%;
	line-height:120%;
	vertical-align:top;
	padding:0 4px 4px 0;
}

#content table {
	margin:0 0 12px;
	border-collapse:collapse;
}




#content dl {
	display:block;
}

#content dt {
	float:left;
	width:15%;
	margin:0 0 14px 0;
	display:block;
	font-size:130%;
	line-height:120%;
	font-weight:bold;	
	clear:both;
}

#content dd {
	float:left;
	width:82%;
	margin:0 0 14px 3%;
	display:block;
}


#content dd * {
	margin:0;
	padding:0;
}

#content dd p,
#content dd ul,
#content dd ul li {
	margin:0 0 4px 0;
	list-style-position:inside;
}

#content dd p:last-child,
#content dd ul:last-child,
#content dd ul li:last-child, 
#content dd ul img {
	margin-bottom:0;
}



#content .hell,
#content .hell #breadcrumb,
#content .hell #breadcrumb a {
	color:rgba(255,255,255,0.76);
}




#content p.dekofont {
	text-transform:uppercase;
	line-height:100%;
	color:#000;
	font-size:480%;
	font-family: Eurostile-Bol;
	font-weight: normal;
	font-style: normal;
}

#content p.dekofont span {
	/*
	color:#a6a6a6;
	*/
	color:#424242;
}

#content p.dekofont span.kl {
	font-size:40%;
	/*
	color:#fff;
	*/
}




#content .small {
	font-size:110%;
	line-height:120%;
}

#content .small90 {
	font-size:90%;
	line-height:110%;
}


#content .contentbox .buecher p .small {
	font-size:80%;
}

#content .contentbox .buecher p {
	line-height:90%;
}

#content .contentbox .buecher p strong {
		line-height:110%;
}


#content .space_top {
	margin-top:16px;
}

#content .space_bottom {
	margin-bottom:16px;
}

#content .no_space_top {
	margin-top:0px;
}

#content .no_space_bottom {
	margin-bottom:0px;
}


#container .nobr {
	white-space: nowrap;
}



#container .youtubevideo {
	border:none;
	width:429px;
	height:322px;
}

#container div.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	margin-bottom:16px;
}

#container div.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#container #inhalt div.iframe {
	width:100%;
	height:auto;
	margin-bottom:12px;	
}


#content ul.bilder,
#content ul.bilder li,
#content ul.bilder li a,
#content ul.bilder li a img {
	margin:0;
	padding:0;
	line-height:0;
}

#content ul.bilder li a img {
	margin:0;
	padding:0;
	line-height:0;
	border:none;
	float:left;
}


#content ul.bilder {
	background-color:rgba(77,85,95,0.15);
	list-style:none;
	display:block;
	overflow:hidden;
	outline:none;
}

#content ul.bilder li {
	float:left;
	margin:6px 6px 6px 0;
}

#content ul.bilder li:first-child {
	margin-left:6px;
}

#content ul.bilder li:last-child {
	margin-right:0;
}


#content p.bildunterschriften {
	margin:0 0 16px 0;
	clear:both;
}

#content .mitte {
	text-align:center;
}

#content a {
	color:#333;
}


#content .boldwhite {
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

#content .lh-logo {
	margin-top:18px;
}

#content .lh-logo img {
	width:124px;
}



/* BILDER TEXT BEREICHE START */

#content div.text_box {
	width:calc(100% - 297px);
	margin-right:20px;
	float:left;
}

#content div.bilder_box {
	display:block;
	width:277px;
	float:right;
	margin:0;	
	font-size:100%;
}

#content div.bilder_box p {
	margin:0 0 6px 0;
	font-size:100%;
	line-height:100%;
}

#content div.bilder_box p.no_space_bottom {
	margin-bottom:0;
}

#content div.bilder_box p:last-child {
	margin-bottom:0px;
}
	
#content div.bilder_box p img {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:none;
}

#content div.bilder_box p.pic_sub,
#content div.bilder_box p span.pic_sub {
	display:block;
	margin:0;
	padding:2px;
	font-size:120%;
	line-height:130%;
	font-style:italic;
	background-color:rgba(255,255,255,0.5);
}


#content .zweispaltig div.text_box {
	width:calc(100% - 464px);
	margin-right:20px;
	float:left;
}

#content .zweispaltig div.bilder_box {
	display:block;
	width:auto;
	max-width:444px;
	float:right;
	margin:0;	
}

#content .zweispaltig div.bilder_box p img {
	display:block;	
	width:auto;
	max-width:220px;
	float:left;
	margin:2px 0 2px 4px;	
}	

#content .zweispaltig div.bilder_box a:nth-child(odd) img {
	margin-left:0;
}

#content .zweispaltig div.bilder_box a:nth-child(2n+1) img {	
	clear:both;
}


/* BILDER TEXT BEREICHE ENDE */





/* SITEMAP START */

#content ul#sitemap {
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
}

#content ul#sitemap li {
	margin:0 0 16px 0;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(77,85,95,0.65);
	-moz-box-shadow: 0px 2px 6px 0px rgba(77,85,95,0.65);
	box-shadow: 0px 2px 6px 0px rgba(77,85,95,0.65);
	background-color:rgba(255,255,255,0.5);
	padding-bottom:2px;
}

#content ul#sitemap li a {
	display:block;
	margin:0;
	padding:6px 8px;
	font-weight:bold;
	background-color:rgba(255,255,255,0.75);
}

#content ul#sitemap li li,	
#content ul#sitemap li li a {
	margin-bottom:0;
	padding-bottom:0;
	font-weight:normal;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background:none;
}

#content ul#sitemap li ul.subnavi {
	display:block;
	margin:6px 0 16px 32px;
	padding:0;
	list-style-type: disc;
}

#content ul#sitemap li ul.subnavi li {
	margin-top:2px;
	margin-bottom:2px;
	padding:0;
}

#content ul#sitemap li ul.subnavi li a {
	padding:0;
	display:inline-block;
}

#content ul#sitemap li ul.subnavi li ul {
	margin-top:0;
	margin-bottom:0;
	list-style-type: disc;
}

	
#content ul#sitemap li div.mobnav-subarrow {
	display:none;
}

/* SITEMAP ENDE */






/* ÄRZTE START */

#content img.arzt_pic_mobile {
	float:right;
	width:40%;
	margin:0 0 12px 12px;	
	-webkit-box-shadow: 0px 2px 6px 0px rgba(77,85,95,0.65);
	-moz-box-shadow: 0px 2px 6px 0px rgba(77,85,95,0.65);
	box-shadow: 0px 2px 6px 0px rgba(77,85,95,0.65);	
}

#content div.card {
	display:block;
	float:left;
	margin: 0 20px 20px 0;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(77,85,95,0.65);
	-moz-box-shadow: 0px 2px 6px 0px rgba(77,85,95,0.65);
	box-shadow: 0px 2px 6px 0px rgba(77,85,95,0.65);
	text-align:center;
	background-color:#fff;
	position:relative;	
	overflow:hidden;
}

#content div.card_r {
	float:right;
	margin: 0 0 20px 20px;
}

#content div.startseite div.card {
	margin-bottom:0;
}

#content #aerzte_overview div.card {
	width:auto;
	max-width:295px;	
}

#content #leistungen_overview div.card {
	width:auto;
	max-width:295px;
	min-width:295px;	
}


#content #aerzte_overview div.card:nth-child(3n),
#content #leistungen_overview div.card:nth-child(3n) {	
	margin-right:0;
}

#content #aerzte_overview div.card:nth-child(3n+1),
#content #leistungen_overview div.card:nth-child(3n+1) {	
	clear:both;
}


#content div.card p.pic {
	overflow:hidden;
	line-height:0;
	margin:0;
	padding:0;
}

#content #aerzte_overview div.card p.pic {
	max-height:197px;
}

#content #leistungen_overview div.card p.pic {
	min-height:110px;
	max-height:110px;
}

#content #aerzte_overview div.card img.arzt_pic {
	width:100%;
	height:auto;
	margin:0;
	float:none;
}

#content div.card p.pic,
#content div.card p.text, 
#content div.card p.pic img {
	margin:0;
}

#content div.card p.text {
	padding:6px;
	text-align:left;
	font-size:100%;	
	line-height:120%;
	border:4px solid green;
	height:auto;
	display:inline-block;
	position:absolute;
	left:0px;
	bottom:0px;
	color:red !important;
}

/*
#content #aerzte_overview div.card p.text {
	min-height:60px;
	max-height:60px;
}
*/

#content div.card p.text a,
#content #aerzte_overview div.card p.text a {
	/*
	line-height:140%;
	*/
}
	
#content div.card p.text strong.name {
	font-size:115%;
	line-height:100%;
}



#content div.card a {
	/*
	display:block;
	*/
	text-decoration:none;
}


#content div.card p.bgColorOn {
	background-color:rgba(205,205,205,0.6);	
	color:#616161;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#content div.card p.bgColorOff {
	background-color:rgba(255,255,255,1);	
	color:#616161;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* ÄRZTE ENDE */
	
/* ### CONTENT ENDE ### */




/* LEXIKON START */

/*
#content ul#lexikon_nav {
	margin-left:4px;
}

#content ul#lexikon_nav li {
	display:block;
	float:left;
	margin:0 2px 4px 2px;
	width:calc(15% - 4px);
	padding:0;
	border-bottom:none;
}

#content ul#lexikon_nav li.first, 
#content ul#lexikon_nav li.last {
	width:124px;
}

#content ul#lexikon_nav li a {
	display:block;
	padding:8px;
	font-size:110%;
	line-height:120%;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:rgba(0,0,0,0.35);
}

#content ul#lexikon_nav li.aktiv a, 
#content ul#lexikon_nav li a:hover {
	color:#fff;
	background:rgba(0,0,0,0.6);
}
*/

#content ul#lexikon_nav {
	list-style:none;
	margin:0;
	padding:0;
}

#content ul#lexikon_nav li {
	display:inline-block;
	float:left;
	width:7.0%;
	margin:0 0.625% 1% 0;
	padding:0;
	/*
	padding:3% 0;
	margin:0 1% 1.5% 0;
	width:12.4%;
	padding-top: 6.2%;
	padding-bottom: 6.2%;
	*/
	text-align:center;
	
}
	
#content ul#lexikon_nav li a {
	display:inline-block;	
	background:rgba(0,0,0,0.35);
	width:100%;
	padding-top:47%;
	padding-bottom:47%;
	/*
	height:100%:
	height:100%;
	padding:50% 10%;
	*/
}	
	
#content ul#lexikon_nav li.aktiv a, 
#content ul#lexikon_nav li a:hover {
	color:#fff;
	background:rgba(0,0,0,0.6);
}
	
	
#box{
	width:20%;
	padding-bottom: 20%;
	background-color: blue;
	border-radius: 0px;
	position:relative;
}

.text{
    position:absolute;
    color:white;
    top:4%;
    left:6%;
    font-size:2vw
}
.more-text{
    position:absolute;
    color:white;
    bottom:10%;
    left:2%;
    font-size:2vw
}


/*
#content .flex-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

#content ul#lexikon_nav {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	list-style:none;
	justify-content: space-around;
	justify-content: space-between;
	height: 200px;
	align-items: stretch;
}
*/


/*
https://www.w3schools.com/csS/css3_flexbox.asp
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://wpbeaches.com/aligning-last-item-bottom-container-flexbox/

http://jsfiddle.net/kJL3u/394
*/


/* LEXIKON ENDE */





/* ### SCROLLER LEISTE START ### */

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
	margin:0;
	padding:0;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
	margin:0;
	padding:0;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding:0;
	margin:0 2px;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 100%;
	height: 150px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 135px;
	margin:0;
	padding:0;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 202px;
	height: 135px;
}


#content ul#scroller {
	clear:both;
	overflow:hidden;
	width:100%;
	height:135px;
	margin:0;
	padding:0;
}

#content ul#scroller li {
	margin:0 4px;
	padding:0;
	width:202px;
	height:100%;
	display:block;
}

#content ul#scroller li a {
	position:relative;
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
}

#content ul#scroller li a img {
	border:1px dotted #fff;
}

#content ul#scroller li a span {
	position:absolute;
	bottom:1px;
	left:1px;
	z-index:100;
	display:block;
	width:188px;
	padding:2px 6px;
	background:rgba(0,0,0,0.2);
	color:#fff;
	font-weight:bold;
}


#content ul.scroller {
	clear:both;
	overflow:hidden;
	display:block;
	margin:0 auto;
	padding:0;
	list-style:none;
	width:420px;
	text-align:center;
}

#content ul.scroller li {
	margin:0 4px;
	padding:0;
	width:202px;
	height:100%;
	display:block;
	float:left;
	font-size:110%;
	text-align:left;
}

#content ul.scroller li a {
	position:relative;
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
}

#content ul.scroller li a img {
	border:1px dotted #fff;
}

#content ul.scroller li a span {
	position:absolute;
	bottom:1px;
	left:1px;
	z-index:100;
	display:block;
	width:188px;
	padding:2px 6px;
	font-size:110%;
	background:rgba(0,0,0,0.2);
	color:#fff;
	font-weight:bold;
}

#content ul.scroller li a.zoom strong {
	position:absolute;
	left:1px;
	top:45%;
	z-index:99;
	display:inline-block;
	width:100%;
	text-align:center;
	padding:6px 0;
	color:#000;
	font-size:200%;
	font-family: Eurostile-Bol;
	font-weight: normal;
	font-style: normal;
	background:rgba(255,255,255,0.4);
}

#content ul.scroller li a.zoom strong span {
	color:#fff;
	display:inline;
	position:relative;
	background:none;
}


#content ul.scroller li.georgallas,
#content ul.scroller li.randel {
	width:100%;
	display:block;
	text-align:center;
}

#content ul.scroller li.georgallas a.fancybox1,
#content ul.scroller li.randel a.fancybox1 {
	float:left;
	margin:2px 12px 0 0;
	display:block;
	width:202px;
}

#content ul.scroller li.georgallas a.fancybox1 span,
#content ul.scroller li.randel a.fancybox1 span {
	display:inline-block;
	text-align:left;
}

#content a.nolink {
	cursor:default;
}




/* ### SCROLLER LEISTE ENDE ### */




#container p.top,
#container p.oben {
	clear:both;
	display:block;
	/*
	margin:6px 0 24px 0;
	*/
	margin:8px 0;
	padding:0;
	text-align:right;
}


#container p.top a,
#container p.top a:hover,
#container p.oben a,
#container p.oben a:hover {
	display:inline-block;
	width:32px;
	height:32px;
	margin:0;
	padding:0;
	text-align:right;
	text-decoration:none;
	background:url(/gif/icons/icon-top.png) no-repeat 0px 0px;
}


#container section article p.top,
#container section article p.oben {
	padding:0;
}

#container section article p.top a,
#container section article p.top a:hover,
#container section article p.oben a,
#container section article p.oben a:hover  {
	width:20px;
	height:20px;
	margin-top:6px;
}



/* ACCORDION START */

#content .accordion {
	display:block;
}

#content .accordion .accordion-toggle {cursor: pointer;}
#content .accordion .accordion-content {display: none;}
#content .accordion .accordion-content.default {display: block;}
  
#content .accordion .accordion-toggle {
	margin:10px 0 6px 0;
	font-weight:bold;
	color:rgba(255,255,255,0.76);
}

#content .contentbox .accordion .accordion-toggle {
	margin-bottom:0;
	padding:8px;
	color:rgba(77,85,95,0.76);
	border:1px solid rgba(77,85,95,0.26);
	background:rgba(255,255,255,0.5);
	font-weight:normal;
}

#content .accordion .accordion-toggle.active {}

#content .accordion .accordion-toggle span {
	width:16px;
	height:16px;
	display:block;
	float:left;
	margin:2px 8px 0 0;
	filter: alpha(opacity=70);
	opacity: 0.7;	
	background:url(/gif/icons/icons.png) no-repeat -24px -216px;
}

#content .accordion .accordion-toggle.active span {
	background:url(/gif/icons/icons.png) no-repeat -24px -240px;
}

#content .accordion .accordion-toggle span.hell {
	background:url(/gif/icons/icons.png) no-repeat -72px -216px;
}

#content .accordion .accordion-toggle.active span.hell {
	background:url(/gif/icons/icons.png) no-repeat -72px -240px;
}

#content .accordion .accordion-content {
	margin:0;
	padding:0;
	color:rgba(255,255,255,0.76);
	font-weight:normal;
}

#content .contentbox .accordion .accordion-content {
	padding:10px 10px 10px 32px;
	color:rgba(77,85,95,0.76);
	border:1px solid rgba(77,85,95,0.26);
	border-top:none;
	background:rgba(255,255,255,0.5);
}

#content .accordion .accordion-toggle:first-child {
	margin-top:0;
}

#content .accordion .accordion-toggle:last-child,
#content .accordion .accordion-content:last-child {
	margin-bottom:0;
} 

#content .accordion .accordion-content p:first-child,
#content .accordion .accordion-content ol:first-child,
#content .accordion .accordion-content ul:first-child,
#content .accordion .accordion-content li:first-child {
	margin-top:0;
}

#content .accordion .accordion-content p:last-child,
#content .accordion .accordion-content ol:last-child,
#content .accordion .accordion-content ul:last-child,
#content .accordion .accordion-content li:last-child {
	margin-bottom:0;
}

#content .accordion .accordion-content ol,
#content .accordion .accordion-content ul {
	margin-left:14px;
}
 
/* ACCORDION ENDE */




/* ### ICONS START ### */

.mini_icon {
	background:url(/gif/icons/icons.png) no-repeat 0px 0px;
	display:inline-block;
}

.icon10 {
	width:10px;
	height:10px;
	margin-right:3px;
}

.icon12 {
	width:12px;
	height:12px;
}

.icon16 {
	width:16px;
	height:16px;
	line-height:16px;
	margin-right:3px;	
	
}

.icon24 {
	width:24px;
	height:24px;
	line-height:24px;
	margin-right:3px;
	float:left;
}

.blanko {
	background:none;
}

header#header p.hotline a .icon16,
#content .icon_16 span {
	vertical-align:-3px;
	margin-right:3px;
}

#content div.anfahrtsplan .icon16 {
	vertical-align:-3px;
}


/*
https://www.iconfinder.com/iconsets/font-awesome
*/

.telefon24 {
	background:url(/gif/icons/icons.png) no-repeat 0px 0px;
}

.email24 {
	background:url(/gif/icons/icons.png) no-repeat 0px -24px;
}

.telefax24 {
	background:url(/gif/icons/icons.png) no-repeat 0px -48px;
}

.marker24 {
	background:url(/gif/icons/icons.png) no-repeat 0px -72px;
}

.lupe24 {
	background:url(/gif/icons/icons.png) no-repeat 0px -96px;
}

.info24 {
	background:url(/gif/icons/icons.png) no-repeat 0px -120px;
}

.ckeckbox24 {
	background:url(/gif/icons/icons.png) no-repeat 0px -144px;
}

.pdf24 {
	background:url(/gif/icons/icons.png) no-repeat 0px -168px;
}

.internet24 {
	background:url(/gif/icons/icons.png) no-repeat 0px -264px;
}

.telefon16 {
	background:url(/gif/icons/icons.png) no-repeat -24px 0px;
}

.email16 {
	background:url(/gif/icons/icons.png) no-repeat -24px -24px;
}

.telefax16 {
	background:url(/gif/icons/icons.png) no-repeat -24px -48px;
}

.marker16 {
	background:url(/gif/icons/icons.png) no-repeat -24px -72px;
}

.lupe16 {
	background:url(/gif/icons/icons.png) no-repeat -24px -96px;
}

.info16 {
	background:url(/gif/icons/icons.png) no-repeat -24px -120px;
}

.ckeckbox16 {
	background:url(/gif/icons/icons.png) no-repeat -24px -144px;
}

.pdf16 {
	background:url(/gif/icons/icons.png) no-repeat -24px -168px;
}

.internet16 {
	background:url(/gif/icons/icons.png) no-repeat -24px -312px;
}



.telefon24_hell {
	background:url(/gif/icons/icons.png) no-repeat -48px 0px;
}

.email24_hell {
	background:url(/gif/icons/icons.png) no-repeat -48px -24px;
}

.telefax24_hell {
	background:url(/gif/icons/icons.png) no-repeat -48px -48px;
}

.marker24_hell {
	background:url(/gif/icons/icons.png) no-repeat -48px -72px;
}

.lupe24_hell {
	background:url(/gif/icons/icons.png) no-repeat -48px -96px;
}

.info24_hell {
	background:url(/gif/icons/icons.png) no-repeat -48px -120px;
}

.ckeckbox24_hell {
	background:url(/gif/icons/icons.png) no-repeat -48px -144px;
}

.pdf24_hell {
	background:url(/gif/icons/icons.png) no-repeat -48px -168px;
}

.internet24_hell {
	background:url(/gif/icons/icons.png) no-repeat -48px -312px;
}


.telefon16_hell {
	background:url(/gif/icons/icons.png) no-repeat -72px 0px;
}

.email16_hell {
	background:url(/gif/icons/icons.png) no-repeat -72px -24px;
}

.telefax16_hell {
	background:url(/gif/icons/icons.png) no-repeat -72px -48px;
}

.marker16_hell {
	background:url(/gif/icons/icons.png) no-repeat -72px -72px;
}

.lupe16_hell {
	background:url(/gif/icons/icons.png) no-repeat -72px -96px;
}

.info16_hell {
	background:url(/gif/icons/icons.png) no-repeat -72px -120px;
}

.ckeckbox16_hell {
	background:url(/gif/icons/icons.png) no-repeat -72px -144px;
}

.pdf16_hell {
	background:url(/gif/icons/icons.png) no-repeat -72px -168px;
}

.internet16_hell {
	background:url(/gif/icons/icons.png) no-repeat -72px -312px;
}

.icon_24 {
	height:24px;
	display:inline-block;
	line-height:24px;	
	text-decoration:none;
}

.icon_16 {
	height:16px;
	display:inline-block;
	line-height:16px;	
	text-decoration:none;
}


/* ### ICONS ENDE ### */




/* ### BOXEN START ### */

.box_round {
	background:rgba(256,256,256,.7);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
} 

#content .bildbox, 
#content .box {
	float:left;
	display:block;
}

#content .box {}

#content .box50 {
	width:calc(50% - 10px);
	margin:0 10px 0 0;
}

#content .box33 {
	width:calc(33% - 10px);
	margin:0 10px 0 0;
}

#content .box20 {
	width:calc(20% - 10px);
	margin:0 10px 0 0;
}

#content .box50:nth-child(even) {
	margin-right:0;
}

#content .box50:nth-child(2n+1) {
	clear:both;
}

#content .box33:nth-child(3n+1) {
	margin-right:0;
}

#content .box33:nth-child(4n+1) {
	clear:both;
}

#content .box20:nth-child(5n+1) {
	margin-right:0;
}

#content .box20:nth-child(6n+1) {
	clear:both;
}



.box_l {
	float:left;
}

.box_r {
	float:right;
	margin-right:0px;
}


#content section article.box50_r {
	margin:0 0 0 50%;
	width:48%;
}



#content article div.bestaetigung {
	border:2px solid green;
	padding:6px;
	display:block;
	width:calc(100% - 16px);
	margin:48px 0 24px 0;	
 	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#content article div.bestaetigung h2 {
	margin:0;
	color:green;
}


/* ### BOXEN ENDE ### */










/* ### FOOTER START ### */

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
	height:auto;
	min-height:36px;
	line-height:36px;
	display:table-cell;
	vertical-align:middle;
	margin:0;
	padding:0;
	text-align:right;
	background-color:#cdcdcd;  
    border-top:1px solid #fff;
}

footer p {
	font-size:110%;
	padding:10px 10px 10px 50px;	
}

footer,
footer a {
	color:#4d555f;
	text-decoration:none;
}

footer span.fl {
	float:left;
	margin:0;
	display:block;
}

footer a {
	display:inline-block;
	margin:0 0 0 20px;
	padding:3px 0;
}

footer span.fl a,
footer span.fl span.copyright {
	display:inline-block;
	margin:0 0 0 20px;
	padding:3px 0;
	float:left;
}

footer span.fl a.fb-icon {
	float:left;
	margin:0;
	padding:0;
}

/* ### FOOTER ENDE ### */






/* ##### FORMULAR START ##### */

#container section article.formular {
	margin:0;
}

#content article.formular div.ansprechpartner {
	float:right;
	margin:10px 0 20px 40px;
	padding:0;
	width:220px;	
}

#content div.ansprechpartner table.sprechzeiten {
	width:100%;
}

#content div.ansprechpartner table.sprechzeiten th,
#content div.ansprechpartner table.sprechzeiten td {
	font-size:140%;
	padding:0 4px 4px 0;
}

#content div.ansprechpartner table.sprechzeiten td.wt {
	width:auto;
	max-width:90px;
}

#content div.ansprechpartner div.card {
	width:180px;	
	clear:both;
	display:block;
	margin:0 0 20px 0;	
	padding:0;
	float:none;
}

#content div.ansprechpartner div.card p.pic,
#content div.ansprechpartner div.card p.pic img {
	width:100%;
}


#content article.formular div.form {
	width:680px;
	margin:0;
	clear:none;
}

#content article.formular form.formular {
	width:100%;
	margin:0 0 30px 0;
	padding:0;
	font-size:100%;
	clear:none;
}

#content article.formular form.formular fieldset {
	width:calc(100% - 14px);
	padding:6px;
	margin:4px 0 10px 0;
	border:1px solid rgba(77,85,95,0.25);
	font-size:100%;
	clear:none;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}

#content article.formular form.formular fieldset.error {
	border:1px solid red;
}

#content article.formular form.formular fieldset legend {
	font-size:140%;
	line-height:130%;
	padding:6px;
	background-color:rgba(255,255,255,0.75);
	border:1px solid rgba(77,85,95,0.25);
	color:rgba(77,85,95,0.76);
	font-weight:600;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#content article.formular form.formular fieldset legend.fehler {
	background-color:red;
	color:#fff;
}

#content article.formular form.formular p.r {
	text-align:right;
}

#content article.formular form.formular span.fl {
	float:left;
}

#content article.formular form.formular span.fr {
	float:right;
}

#content article.formular form.formular p,
#content article.formular form.formular ul {
	display:block;
	margin:0 0 8px 0;
	font-size:100%;
	width:auto;
}

#content article.formular form.formular li {
	font-size:140%;
	line-height:130%;
}

#content article.formular form.formular li li {
	font-size:100%;
}

#content article.formular form.formular ul {
	margin:0 0 4px 20px;
}

#content article.formular form.formular fieldset span.txt {
	display:inline-block;
	margin:0;
	font-size:140%;
	line-height:130%;
}

#content article.formular form.formular fieldset #mapbox,
#content article.formular form.formular fieldset #mapbox #map_canvas {
	display:block;
	margin-bottom:0;
	padding:0;
}

#content article.formular form.formular fieldset p.hinweis {
	display:block;
	clear:both;
	margin:4px 0 16px 124px;
	padding:0 0 0 44px;
	font-size:140%;
	line-height:130%;
	min-height:36px;
	background:url(/gif/icons/hinweis.png) no-repeat 4px 4px;
	/*
	https://www.iconfinder.com/iconsets/circle-icons-1
	https://www.elegantthemes.com/blog/freebie-of-the-week/beautiful-flat-icons-for-free
	*/
}

#content article.formular form.formular fieldset p.full {
	margin-left:0;	
}

#content article.formular form.formular fieldset label,
#content article.formular form.formular fieldset label.radio {
	display:inline-block;
	width:130px;
	margin:0;
	font-size:140%;
	line-height:110%;
}

#content article.formular form.formular fieldset label.ort,
#content article.formular form.formular fieldset label.ortsteil {
	width:70px;
	margin-left:16px;
}

#content article.formular form.formular fieldset label.fl {
	float:left;
	display:inline-block;
}

#content article.formular form.formular fieldset.border label.fl_textarea {
	margin:0;
}

#content article.formular form.formular fieldset label.captcha {
	width:130px;
}

#content article.formular form.formular fieldset label.radio_label {
	width:auto;
	margin-left:6px;
}

#content article.formular form.formular fieldset label.checkbox_label {
	width:auto;
	margin-left:6px;
	margin-right:16px;
	vertical-align:2px;
}

#content article.formular form.formular select.select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;	
	font-size:140%;
	line-height:130%;
	width:auto;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding:2px 30px 2px 2px;	
	display:inline-block;
	margin:0 0 0 24px;
	color:#666;
	background-color:#fff;
	background-image: url(/gif/icons/icon-bottom.png);
	background-repeat: no-repeat;
	background-position: right 4px top 50%;
}

#content article.formular form.formular select.select option {
	padding:2px 4px;
	font-size: 100%;
	color:#666;
}


#content article.formular form.formular fieldset input.txt, 
#content article.formular form.formular fieldset input.suche,
#content article.formular form.formular fieldset textarea {
	display:inline-block;
	margin:0 0 0 24px;
	padding:6px;
	border:1px solid #d5d5d5;
	font-size:140%;
	line-height:130%;
	color:#666;
	font-family:Tahoma,Verdana,Arial,san serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}


#content article.formular form.formular fieldset input.txt, 
#content article.formular form.formular fieldset textarea {
	width:488px;	
}

#content article.formular form.formular fieldset textarea.fl {
	float:left;	
}

#content article.formular form.formular fieldset input.nolabel, 
#content article.formular form.formular fieldset textarea.nolabel {
	margin-left:0;	
	width:auto;
}

#content article.formular form.formular fieldset input.plz {
	width:60px;
}

#content article.formular form.formular fieldset input.ort,
#content article.formular form.formular fieldset select.ortsteil {
	width:320px;
	margin-left:0px;
}

#container form fieldset textarea,
#container form fieldset textarea:hover {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border:1px solid #d5d5d5;
}

#content article.formular form.formular fieldset input.captcha {
	width:100px;
}

#content article.formular form.formular fieldset img.captcha {
	margin:0 0 0 24px;
}


#content article.formular form.formular fieldset input.radio, 
#content article.formular form.formular fieldset input.checkbox,
#content article.formular form.formular fieldset input[type="radio"] {
	display:inline-block;
	width:16px;
	/*
	margin-left:15px;
	*/
	margin-left:25px;
}

#content article.formular form.formular fieldset p input.radio:nth-of-type(1), 
#content article.formular form.formular fieldset p input.checkbox:nth-of-type(1),
#content article.formular form.formular fieldset input[type="radio"]:nth-of-type(1) {
	display:inline-block;
	width:16px;
	margin-left:25px;
}

#content article.formular form.formular fieldset input.checkbox {
	margin-right:4px;
	vertical-align:-1px;
}

#content article.formular form.formular fieldset input.checkbox_txt_label {
	margin:2px 10px 0 6px;
}
	
#content article.formular form.formular fieldset label.checkbox_txt_label {
	float:left;
	width:calc(100% - 32px);
	margin:0;
	vertical-align:2px;
	font-weight:normal;
}
	
#content article.formular form.formular fieldset input#ja_datenschutz {
	display:block;
	float:left;
	margin:2px 10px 0 6px;
}


#content article.formular form.formular fieldset img.captcha {
	vertical-align:-8px;
	margin-right:10px;
}

#content article.formular form.formular .buttons {
	display:block;
	margin:4px 0 32px 0;		
}

#content article.formular form.formular button,
#content article.formular form.formular input[type="submit"],
#content article.formular form.formular input[type="reset"] {
	width:auto;
	height:auto;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	color:#fff;
	padding:6px;
	font-size:140%;
	background:#66cc33;
	background: rgba(102,204,51, 1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:4px solid #fff;
	-webkit-box-shadow: 0px 4px 2px 0px rgba(157,156,138,0.4);
	-moz-box-shadow: 0px 4px 2px 0px rgba(157,156,138,0.4);
	box-shadow: 0px 4px 2px 0px rgba(157,156,138,0.4);
	background: -moz-linear-gradient(top,  rgba(102,204,51,1) 0%, rgba(102,204,51,0.75) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,204,51,1)), color-stop(100%,rgba(102,204,51,0.75)));
	background: -webkit-linear-gradient(top,  rgba(102,204,51,1) 0%,rgba(102,204,51,0.75) 100%);
	background: -o-linear-gradient(top,  rgba(102,204,51,1) 0%,rgba(102,204,51,0.75) 100%);
	background: -ms-linear-gradient(top,  rgba(102,204,51,1) 0%,rgba(102,204,51,0.75) 100%);
	background: linear-gradient(to bottom,  rgba(102,204,51,1) 0%,rgba(102,204,51,0.75) 100%);
}

#content article.formular form.formular input[type="reset"] {
	background:#F44949;
	background: rgba(244,73,73,1);
	background: -moz-linear-gradient(top,  rgba(244,73,73,1) 0%, rgba(244,73,73,0.75) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,73,73,1)), color-stop(100%,rgba(244,73,73,0.75)));
	background: -webkit-linear-gradient(top,  rgba(244,73,73,1) 0%,rgba(244,73,73,0.75) 100%);
	background: -o-linear-gradient(top,  rgba(244,73,73,1) 0%,rgba(244,73,73,0.75) 100%);
	background: -ms-linear-gradient(top,  rgba(244,73,73,1) 0%,rgba(244,73,73,0.75) 100%);
	background: linear-gradient(to bottom,  rgba(244,73,73,1) 0%,rgba(244,73,73,0.75) 100%);
	margin-right:12px;
}

#content article.formular form.formular#routenplaner {
	width:100%;
	display:block;
}

#content article.formular form.formular#routenplaner fieldset {
	width:calc(48% - 14px);	
	margin:0 4% 10px 0;
	float:left;
	display:block;
}

#content article.formular form.formular#routenplaner fieldset:nth-child(even){
	margin-right:0;
}

#content article.formular form.formular#routenplaner fieldset input.txt,
#content article.formular form.formular#routenplaner fieldset select {
	width:calc(100% - 14px);	
	margin:0;
	padding:6px;
}


#content article.formular form#routenplaner p.r {
	text-align:right;
}

#content article.formular div#karte {
	width:100%;
	display:block;
	min-height:420px;
	margin:0 0 10px 0;
}

div#route > div{
	font-size:140%;
}


#content div.anfahrtsplan {
	float:right;
	margin:0 0 16px 24px;
}

@media only screen and (max-width: 1060px) {
		
	#content article.formular form.formular fieldset label,
	#content article.formular form.formular fieldset label.txt {
		display:block;
		width:auto;
		margin-bottom:2px;
	}

	#content article.formular form.formular fieldset label.ort,
	#content article.formular form.formular fieldset label.ortsteil {
		width:auto;
		display:block;
		float:none;
		margin-left:0;
	}

	#content article.formular form.formular fieldset label.fl {
		width:auto;
		display:block;
		float:none;
		margin:0;
	}

	#content article.formular form.formular fieldset label.radio_label {
		width:auto;
		display:inline-block;
		margin-left:6px;
	}
	
	#content article.formular form.formular fieldset label.checkbox_label {
		width:auto;
		display:inline-block;
		margin-left:6px;
		margin-right:16px;
		vertical-align:2px;
	}
		
	#content article.formular form.formular fieldset input.txt, 
	#content article.formular form.formular fieldset textarea {
		font-size:150%;
		line-height:140%;
	}
	
	#content article.formular form.formular fieldset input.txt, 
	#content article.formular form.formular fieldset textarea,
	#content article.formular form.formular fieldset textarea.fl,
	#content article.formular form.formular fieldset input.nolabel, 
	#content article.formular form.formular fieldset textarea.nolabel,
	#content article.formular form.formular fieldset input.plz,
	#content article.formular form.formular fieldset input.ort,
	#content article.formular form.formular fieldset select.select {
		padding:6px;
		border:1px solid #d5d5d5;
		width:calc(100% - 14px);
		display:block;
		float:none;
		margin:0 0 4px 0;
	}
		
	#content article.formular form.formular fieldset select.select {
		margin-left:0px;
	}
	
	#content article.formular form.formular fieldset select.ortsteil {
		width:100%;
	}
	
	#content article.formular form.formular fieldset select.auto_width {
		width:auto;
	}

	#content article.formular form.formular fieldset input.captcha {
		width:100px;
		float:left;
	}

	#content article.formular form.formular fieldset p input.radio, 
	#content article.formular form.formular fieldset p input.checkbox,
	#content article.formular form.formular fieldset p input[type="radio"] {
		display:inline-block;
		width:16px;
		height:auto;
		margin:0 0 4px 25px;
	}
	
	#content article.formular form.formular fieldset p input.radio:nth-of-type(1), 
	#content article.formular form.formular fieldset p input.checkbox:nth-of-type(1),
	#content article.formular form.formular fieldset p input[type="radio"]:nth-of-type(1) {
		margin-left:0;
	}

	#content article.formular form.formular fieldset img.captcha {
		float:left;
	}
	
	
	
	
	#content article.formular form#search_form fieldset input.suche {
		width:calc(100% - 104px);
		display:inline-block;
	}
	
	
	#content article.formular form#search_form fieldset input.radio {
		width:auto;
		display:inline-block;
	}
	
	#content article.formular form#search_form fieldset select {
		width:auto;
		display:inline-block;
		padding-right:28px;
	}
			
}


#content article.formular form.formular fieldset p input.checkbox_txt_label {float:left;margin:4px 6px 0 6px;}
#content article.formular form.formular fieldset p label.checkbox_txt_label{width:90%;float:left;margin-left:0px;margin-right:16px;vertical-align:2px;font-weight:normal;}
#content article.formular form.formular fieldset p label.checkbox_txt_label span{font-weight:normal;}


/* ##### FORMULAR ENDE ##### */



/* NEWSSLIDER START */



#focus_siegel {	
	position:absolute;		
	width:200px;
	top:140px;
	right:40px;
}


@media only screen and (min-width: 980px) and (max-width: 1180px) {
	
	#focus_siegel {	
		top:180px;
	}
	
}

@media only screen and (min-width: 100px) and (max-width: 979px) {
	
	#focus_siegel {	
		position:relative;		
		width:100%;
		top:auto;
		right:auto;
		
		display:none;
	
	}
	
}



@media only screen and (min-width: 200px) and (max-width: 1331px) {
	
	aside#news_home {
		margin-left:50px;
		padding-bottom:10px;
		/*
		width:600px;
		*/
		width:720px;
			
	}

}

@media only screen and (min-width: 1330px) {
	
	aside#news_home {
		
		width:530px;
		position:absolute;
		/*
		bottom:60px;
		*/
		top:550px;
		left:790px;
		
	}

}

aside#news_home #carousel {
	overflow:hidden;	
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;	
}

aside#news_home #carousel .slider_box {
	height:auto;
	text-align:left;
	margin:0;	
	padding:0;
	color:rgba(77,85,95,0.76);
	border:1px solid rgba(77,85,95,0.26);
	background:rgba(255,255,255,0.5);
	overflow:hidden;
	font-size:100%;
}

aside#news_home #carousel img.sliderpic {
	width:100%;
	height:auto;
}

aside#news_home #carousel .slider_box a {
	display:block;
}

aside#news_home #carousel .slider_box div.pic {
	width:150px;
	height:auto;
	float:left;
	padding:8px;
}

aside#news_home #carousel .slider_box div.text {	
	display:block;
	float:left;
	/*
	width:392px;
	*/
	width:calc(100% - 182px);
	height:auto;
	margin:0;
	padding:8px;
	text-align:left;
	font-size:100%;
	background:none;
	background-color:transparent;
}

aside#news_home #carousel .slider_box div.text h4 {	
	/*
	font-size:130%;
	*/
	font-size:170%;
	margin:0 0 4px 0;
	padding:0;
}

aside#news_home #carousel .slider_box div.text h4 a {
	line-height:130%;	
}
	
aside#news_home #carousel .slider_box div.text p {	
	font-size:130%;
	line-height:130%;
	margin:0;
	padding:0;
}

aside#news_home #carousel a {
	color:#616161;
	text-decoration:none;
}

aside#news_home .news_navi {
	float:right;
}

aside#news_home .bt_news,
aside#news_home .bt_news:hover {
	display:inline-block;
	width:16px;
	height:16px;
	text-decoration:none;
}

aside#news_home .next {
	background:url(/gif/icons/icons.png) no-repeat -24px -264px;
}

aside#news_home .prev {
	background:url(/gif/icons/icons.png) no-repeat -24px -288px;
}

/* NEWSLIDER ENDE */




/* FANCYBOX START */

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/gif/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/gif/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/gif/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/gif/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/gif/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/gif/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/gif/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/gif/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/gif/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/gif/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/gif/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/gif/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/gif/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/gif/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/gif/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/gif/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/gif/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* FANCYBOX ENDE */

/* ANPASSUNGEN FANCYBOX START */

#fancybox-title {
	font-family: Helvetica;
	font-size: 120%;
	z-index: 1102;
	line-height:130%;
}

#fancybox-title div,
#fancybox-title div p {
	margin:0;
	padding:0;
	text-align:left;
}

#fancybox-title div p {
	line-height:120%;
}

#fancybox-title div p img.minilogo {
	float:left;
	margin:0 10px 10px 0;
}

/* ANPASSUNGEN FANCYBOX ENDE */


#js_alert {
	font-size:160%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:99999999999;
	display:block;
	width:96%;
	padding:2%;
	background-color:red;
	color:#fff;	
}




@media only screen and (min-width: 881px) and (max-width: 1159px) {
	
	
	

	#logo-qm-system {
		position:absolute;
		right:0px;
		top:150px;
		width:175px;
		height:auto;
	}
	
	#content .height100 {	
		min-height:calc(100% - 192px);
		padding-top:160px;
		padding-bottom:32px;
	}

	#content.parallax div:nth-child(1) section,
	#content.parallax div.height100:nth-child(1) section,
	#content.parallax div.height100 section.space_top	{
		padding-top:0px;
	}
	
	#content section.philosophie div.text { 
		margin-top:325px;
	}	
	
				
}


@media only screen and (min-width: 881px) and (max-width: 1060px) {
	
	#content section {
		padding-left:20px;
	}	
	
	footer p {
		padding:10px 10px 10px 20px;	
	}
			
	#content section.full,
	#content section.content_left	{		
		width:calc(100% - 40px);
	}

	#content section.grey {		
		width:calc(100% - 50px);
	}
	
	#content article.formular div.form {
		width:580px;
	}

	nav#subnav {
		width:calc(100% - 60px);
		padding:10px;
		margin-left:20px;
	}
	
	
}


@media only screen and (min-width: 881px) and (max-width: 980px) {

	#content div.card {
		margin: 0 2% 20px 0;
		height:auto;
	}
	
	#content div.card_r {
		margin: 0 0 20px 20px;
		height:auto;
	}

	#content div.startseite div.card {
		margin-bottom:0;
	}

	#content #aerzte_overview div.card {
		width:auto;
		max-width:32%;	
		height:auto;
	}

	#content #leistungen_overview div.card {
		width:auto;
		max-width:32%;
		min-width:32%;	
		height:auto;
	}

	#content #aerzte_overview div.card:nth-child(3n),
	#content #leistungen_overview div.card:nth-child(3n) {	
		margin-right:0;
	}

	#content #aerzte_overview div.card:nth-child(3n+1),
	#content #leistungen_overview div.card:nth-child(3n+1) {	
		clear:both;
	}

	#content #aerzte_overview div.card p.pic {
		
	}

	#content #leistungen_overview div.card p.pic {
		min-height:auto;
	}

	#content div.card p.pic,
	#content div.card p.text, 
	#content div.card p.pic img {
		margin:0;
	}

	#content #aerzte_overview div.card p.text {
		min-height:auto;
	}

}



@media only screen and (min-width: 881px) and (max-width: 900px) {
	
	#logo-qm-system {
		width:150px;
		height:auto;
	}
	
	#content section {
		padding-left:20px;
	}	
	
}






#content .texthinweis {
	display:block;
	margin-bottom:20px;
	padding:8px;
	border:4px solid #fff;
	font-weight:bold;
	color:#424242;
	-moz-box-shadow: 0px 3px 5px #424242;
	-webkit-box-shadow: 0px 3px 5px #424242;
	box-shadow: 0px 3px 5px #424242;
	background-color:#f1f1f1;
}


#content table.sportarten {
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:8px 0 16px 0;
	width:100%;
}

#content table.sportarten td, 
#content table.sportarten th {
	margin:0;
	padding:6px;
	background-color:#f1f1f1;
	border:none;
	font-size:120%;
	line-height:130%;
	vertical-align:top;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	color:#424242;
}

#content table.sportarten td a {
	color:#424242;
	/*
	font-weight:normal;
	*/
}

#content table.sportarten .gut {
	background-color:#b2e9b2;
}

#content table.sportarten .neutral {
	background-color:#f1f1f1;
}

#content table.sportarten .schlecht {
	background-color:#ffb6a4;
}






.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.slide-content{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1}.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;background:rgba(0,0,0,.9);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none}.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y}.blueimp-gallery-display{display:block;opacity:1}.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{position:relative;float:left;height:100%;text-align:center;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1)}.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-ms-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear}.blueimp-gallery>.slides>.slide-loading{background:url('/gif/blueimp-gallery/loading.gif') center no-repeat;background-size:64px 64px}.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}.blueimp-gallery>.slides>.slide-error{background:url('/gif/blueimp-gallery/error.png') center no-repeat}.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}.blueimp-gallery>.next,.blueimp-gallery>.prev{position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-23px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-decoration:none;text-shadow:0 0 2px #000;text-align:center;background:#222;background:rgba(0,0,0,.5);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;cursor:pointer;display:none}.blueimp-gallery>.next{left:auto;right:15px}.blueimp-gallery>.close,.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 40px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}.blueimp-gallery>.close{padding:15px;right:15px;left:auto;margin:-15px;font-size:30px;text-decoration:none;cursor:pointer}.blueimp-gallery>.play-pause{position:absolute;right:15px;bottom:15px;width:15px;height:15px;background:url('/gif/blueimp-gallery/play-pause.png') 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}.blueimp-gallery-playing>.play-pause{background-position:-15px 0}.blueimp-gallery>.close:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.play-pause:hover,.blueimp-gallery>.prev:hover,.blueimp-gallery>.title:hover{color:#fff;opacity:1}.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.play-pause,.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.title{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-left>.prev,.blueimp-gallery-right>.next,.blueimp-gallery-single>.next,.blueimp-gallery-single>.play-pause,.blueimp-gallery-single>.prev{display:none}.blueimp-gallery>.close,.blueimp-gallery>.next,.blueimp-gallery>.play-pause,.blueimp-gallery>.prev,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body:last-child .blueimp-gallery>.slides>.slide-error{background-image:url('/gif/blueimp-gallery/error.svg')}body:last-child .blueimp-gallery>.play-pause{width:20px;height:20px;background-size:40px 20px;background-image:url('/gif/blueimp-gallery/play-pause.svg')}body:last-child .blueimp-gallery-playing>.play-pause{background-position:-20px 0}*+html .blueimp-gallery>.slides>.slide{min-height:300px}*+html .blueimp-gallery>.slides>.slide>.slide-content{position:relative}.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none}.blueimp-gallery>.indicator>li{display:inline-block;width:9px;height:9px;margin:6px 3px 0 3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25) center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}.blueimp-gallery>.indicator>.active,.blueimp-gallery>.indicator>li:hover{background-color:#fff;border-color:#fff;opacity:1}.blueimp-gallery>.indicator>li:after{opacity:0;display:block;position:absolute;content:'';top:-5em;width:75px;height:75px;transition:transform .6s ease-out,opacity .4s ease-out;transform:translateX(-50%) translateY(0) translateZ(0);pointer-events:none}.blueimp-gallery>.indicator>li:hover:after{opacity:1;border-radius:50%;background:inherit;transform:translateX(-50%) translateY(-5px) translateZ(0)}.blueimp-gallery>.indicator>.active:after{display:none}.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.indicator{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*+html .blueimp-gallery>.indicator>li{display:inline}.blueimp-gallery>.slides>.slide>.video-content>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.video-content>video{position:absolute;top:0;left:0;width:100%;height:100%}.blueimp-gallery>.slides>.slide>.video-content>iframe{position:absolute;top:100%;left:0;width:100%;height:100%;border:none}.blueimp-gallery>.slides>.slide>.video-playing>iframe{top:0}.blueimp-gallery>.slides>.slide>.video-content>a{position:absolute;top:50%;right:0;left:0;margin:-64px auto 0;width:128px;height:128px;background:url('/gif/blueimp-gallery/video-play.png') center no-repeat;opacity:.8;cursor:pointer}.blueimp-gallery>.slides>.slide>.video-content>a:hover{opacity:1}.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img{display:none}.blueimp-gallery>.slides>.slide>.video-content>video{display:none}.blueimp-gallery>.slides>.slide>.video-playing>video{display:block}.blueimp-gallery>.slides>.slide>.video-loading>a{background:url('/gif/blueimp-gallery/loading.gif') center no-repeat;background-size:64px 64px}body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a{background-image:url('/gif/blueimp-gallery/video-play.svg')}*+html .blueimp-gallery>.slides>.slide>.video-content{height:100%}*+html .blueimp-gallery>.slides>.slide>.video-content>a{left:50%;margin-left:-64px}




#Hinweis-Corona{
	padding:10px;
	background-color:#fff;
	border:4px solid #ae0013;
	text-align:left;
	z-index:99999999999;
}

#Hinweis-Corona h2 {
	font-size:240%;
	line-height:160%;
	margin:0 0 10px 0;
	font-family: Eurostile-Bol;
	font-weight: normal;
	font-style: normal;
}

#Hinweis-Corona p,
#Hinweis-Corona ol {
	font-size:140%;
	line-height:130%;
	margin:2px 0 8px 0;
	font-weight: normal;
	font-style: normal;
}

#Hinweis-Corona li {
	font-size:100%;
}

#Hinweis-Corona ol {
	margin-left:28px;
}

#Hinweis-Corona.box_home p {
	font-size:120%;
}

#Hinweis-Corona.box_home ol {
	margin-left:22px;
}

#Hinweis-Corona.box_home li {
	font-size:90%;
}

#Hinweis-Corona.box_home {
	margin-bottom:12px;
}




/* ### KLARO START ### */

.cookie_klaro .cookie-modal,
.cookie_klaro .cookie-notice {
	font-size: 100%;
}

.cookie_klaro .cookie-modal .switch, 
.cookie_klaro .cookie-notice .switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 30px;
}

.cookie_klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider, 
.cookie_klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider {
	background-color: #0885BA;
}

.cookie_klaro .cookie-modal .cm-app-input.required:checked + .cm-app-label .slider, 
.cookie_klaro .cookie-notice .cm-app-input.required:checked + .cm-app-label .slider {
	opacity: 0.8;
	background-color: #006A4E;
	cursor: not-allowed;
}

.cookie_klaro .cookie-modal .slider, 
.cookie_klaro .cookie-notice .slider {
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.cookie_klaro .cookie-modal .cm-app-input, 
.cookie_klaro .cookie-notice .cm-app-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 50px;
	height: 30px;
}

.cookie_klaro .cookie-modal .cm-app-label,
.cookie_klaro .cookie-notice .cm-app-label {}

.cookie_klaro .cookie-modal .cm-app-label .slider,
.cookie_klaro .cookie-notice .cm-app-label .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	width: 50px;
	display: inline-block;
}

.cookie_klaro .cookie-modal .cm-app-label .slider:before,
.cookie_klaro .cookie-notice .cm-app-label .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 5px;
	bottom: 5px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.cookie_klaro .cookie-modal .cm-app-label .slider.round,
.cookie_klaro .cookie-notice .cm-app-label .slider.round {
	border-radius: 30px;
}

.cookie_klaro .cookie-modal .cm-app-label .slider.round:before,
.cookie_klaro .cookie-notice .cm-app-label .slider.round:before {
	border-radius: 50%;
}

.cookie_klaro .cookie-modal .cm-app-label input:focus + .slider,
.cookie_klaro .cookie-notice .cm-app-label input:focus + .slider {
	box-shadow: 0 0 1px #0885BA;
}

.cookie_klaro .cookie-modal .cm-app-label input:checked + .slider:before,
.cookie_klaro .cookie-notice .cm-app-label input:checked + .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

.cookie_klaro .cookie-modal .cm-app-input:focus + .cm-app-label .slider,
.cookie_klaro .cookie-notice .cm-app-input:focus + .cm-app-label .slider {
	box-shadow: 0 4px 6px 0 rgba(125, 125, 125, 0.2), 5px 5px 10px 0 rgba(125, 125, 125, 0.19);
}

.cookie_klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider:before,
.cookie_klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider:before {
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
}

.cookie_klaro .cookie-modal .slider,
.cookie_klaro .cookie-notice .slider {
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
}

.cookie_klaro .cookie-modal a,
.cookie_klaro .cookie-notice a {
	color: #00AA3E;
	font-size:105% !important;
	text-decoration: none;
	margin:0 !important;
}

.cookie_klaro .cookie-modal p,
.cookie_klaro .cookie-modal strong,
.cookie_klaro .cookie-modal h1,
.cookie_klaro .cookie-modal h2,
.cookie_klaro .cookie-modal ul,
.cookie_klaro .cookie-modal li,
.cookie_klaro .cookie-notice p,
.cookie_klaro .cookie-notice strong,
.cookie_klaro .cookie-notice h1,
.cookie_klaro .cookie-notice h2,
.cookie_klaro .cookie-notice ul,
.cookie_klaro .cookie-notice li {
	font-family: inherit;
	color: #555;	
}

.cookie_klaro .cookie-modal p,
.cookie_klaro .cookie-modal strong,
.cookie_klaro .cookie-modal h1,
.cookie_klaro .cookie-modal h2,
.cookie_klaro .cookie-modal ul,
.cookie_klaro .cookie-modal li {
	color: #fff !important;
}

.cookie_klaro .cookie-modal p,
.cookie_klaro .cookie-modal li {
	line-height:140%;
	font-size:100%;
}


.cookie_klaro .cookie-modal p,
.cookie_klaro .cookie-modal h1,
.cookie_klaro .cookie-modal h2,
.cookie_klaro .cookie-modal ul,
.cookie_klaro .cookie-modal li,
.cookie_klaro .cookie-notice p,
.cookie_klaro .cookie-notice h1,
.cookie_klaro .cookie-notice h2,
.cookie_klaro .cookie-notice ul,
.cookie_klaro .cookie-notice li {
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-top: 7px;
}

.cookie_klaro .cookie-modal .cm-link,
.cookie_klaro .cookie-notice .cm-link {
	padding-left: 4px;
	vertical-align: middle;
}

.cookie_klaro .cookie-notice .cm-link.cm-learn-more {
	padding:8px;
	display:inline-block;
	background-color:#555;
	color:#fff;
	vertical-align: top;
	margin:0;
	font-size:100% !important;
	font-weight:400 !important;
}

.cookie_klaro .cookie-modal .cm-btn,
.cookie_klaro .cookie-notice .cm-btn {
	background: #555;
	color: #fff;
	border-radius: 0px;
	padding: 8px;
	margin-right: 5px;
	border: 0;
	cursor:pointer;
}

.cookie_klaro .cookie-modal .cm-btn:disabled,
.cookie_klaro .cookie-notice .cm-btn:disabled {
	opacity: 0.5;
}

.cookie_klaro .cookie-modal .cm-btn.cm-btn-sm,
.cookie_klaro .cookie-notice .cm-btn.cm-btn-sm {
	font-size: 100%;
}

.cookie_klaro .cookie-modal .cm-btn.cm-btn-close,
.cookie_klaro .cookie-notice .cm-btn.cm-btn-close {
	background: #eee;
	color: #555;
}

.cookie_klaro .cookie-modal .cm-btn.cm-btn-success,
.cookie_klaro .cookie-notice .cm-btn.cm-btn-success {
	background: #00AA3E;
}

.cookie_klaro .cookie-modal .cm-btn.cm-btn-info,
.cookie_klaro .cookie-notice .cm-btn.cm-btn-info {
	background: #0885BA;
}

.cookie_klaro .cookie-modal .cm-btn.cm-btn-right,
.cookie_klaro .cookie-notice .cm-btn.cm-btn-right {
	float: right;
	margin-left: 5px;
	margin-right: 0;
}

.cookie_klaro .cookie-notice .cm-btn-danger {
	background-color:red;
}

.cookie_klaro .cookie-modal {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 9999999 !important;
}

.cookie_klaro .cookie-modal .cm-bg {
	background: rgba(255,255,255,.85);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0 !important;
	left: 0;
}

.cookie_klaro .cookie-modal .cm-modal {
	z-index: 1001;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
	width: 90%;
	max-height: 98%;
	top: 50%;
	left:5%;
	transform: translateY(-50%);
	position: fixed;
	overflow: auto;
	background: #333;
	color: #fff;
}


@media (min-width: 1024px) {
	.cookie_klaro .cookie-modal .cm-modal {
		border-radius: 4px;
		position: relative;
		margin: 0 auto;
		max-width: 640px;
		height: auto;
		width: auto;
	}
}

.cookie_klaro .cookie-modal .cm-modal .hide {
	border: none;
	background: none;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
}

.cookie_klaro .cookie-modal .cm-modal .hide svg {
	stroke: #eee;
}

.cookie_klaro .cookie-modal .cm-modal .cm-footer {
	padding:10px;
	border-top: 1px solid #555;
}

.cookie_klaro .cookie-modal .cm-modal .cm-footer-buttons::before,
.cookie_klaro .cookie-modal .cm-modal .cm-footer-buttons::after {
	content: " ";
	display: table;
}

.cookie_klaro .cookie-modal .cm-modal .cm-footer-buttons::after {
	clear: both;
}

.cookie_klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
	font-size:100%;
	padding-top: 4px;
	text-align: center;
}

.cookie_klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
	color: #555;
}

.cookie_klaro .cookie-modal .cm-modal .cm-header {
	padding:10px;
	padding-right: 24px;
	border-bottom: 1px solid #555;
}

.cookie_klaro .cookie-modal .cm-modal .cm-header h1 {
	margin: 0 0 6px 0;
	font-size:220%;
	display: block;
}

.cookie_klaro .cookie-modal .cm-modal .cm-header h1.title {
	padding-right: 20px;
}

.cookie_klaro .cookie-modal .cm-modal .cm-header p {
	margin: 0;
	font-size:130% !important;
	display: block;
}

.cookie_klaro .cookie-modal .cm-modal label.cm-app-label {
	font-size:120% !important;
}
.cookie_klaro .cookie-modal .cm-modal p.cm-app-description,
.cookie_klaro .cookie-modal .cm-modal p.purposes {
	font-size:110% !important;
}

.cookie_klaro .cookie-modal .cm-modal p.purposes {
	margin:0 !important;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body {
	padding:10px;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body ul {
	display: block;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body span {
	display: inline-block;
	width: auto;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body ul.cm-apps {
	padding: 0;
	margin: 0;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app {
	position: relative;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 60px;
	min-height: 40px;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child {
	margin-top: 0;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch {
	position: absolute;
	left: 0;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p {
	margin-top: 0;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {
	font-size:100%;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {
	border-top: 1px solid #555;
	padding-top:10px;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title {
	font-weight: 600;
	color:#fff !important;
}

.cookie_klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out,
.cookie_klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required {
	padding-left: 2px;
	font-size:100%;
}


.cookie_klaro .cookie-notice {	
	z-index:99999999;		
	position:fixed;	
	left:calc(50% - 260px);
	bottom:50px;
	top:auto;
	width:460px;
	height:auto;	
	padding:16px 30px;		
	font-size:100%;
	line-height:120%;	
	text-align:center;			
	color:rgba(64,64,64,1) !important;
	background:rgba(255,255,255,1);
	border:6px solid #C5141C;
	border-radius: 4px;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
	
}

@media (min-width: 990px) {
	.cookie_klaro .cookie-notice {		
		display:block !important;
		text-align:center !important;
	}
}


@media (max-width: 616px) {
	.cookie_klaro .cookie-notice {
		padding:10px 14px;		
		left:50%;
		right:auto;
		bottom:10px;
		width:calc(96% - 40px);
		margin-left:-48%;		
		word-wrap: break-word;	
	}
}

.cookie_klaro .cookie-notice .cn-body {
	margin:0 auto !important;	
	text-align:left !important;
}

.cookie_klaro .cookie-notice .cn-body p {	
	margin-bottom: 5px;
	line-height:140%;
	font-size:130%;
}

.cookie_klaro .cookie-notice .cn-body p.cn-changes {
	text-decoration: underline;
}

.cookie_klaro .cookie-notice .cn-body .cn-learn-more {
	display: inline-block;
}

.cookie_klaro .cookie-notice .cn-body p.cn-ok {
	padding-top: 5px;
	margin: 0;
}

.cookie_klaro .cookie-notice-hidden {
	display: none !important;
}

.cookie_klaro .cookie-notice .cn-body p.cn-ok {
	text-align:center;
	display: flex;
	flex-direction:column;
	flex-wrap: wrap;
	justify-content: center;
	flex-flow: row wrap;
}

.cookie_klaro .cookie-notice .cn-body p.cn-ok button.cm-btn-danger,
.cookie_klaro .cookie-notice .cn-body p.cn-ok button.cm-btn-success,
.cookie_klaro .cookie-notice .cn-body p.cn-ok a.cm-link.cm-learn-more {
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color:rgba(64,64,64,1);
	border:none !important; 	
	border-radius: 2px;
	overflow:hidden;	
	display: inline-block;
	position: relative;
	padding: 7px 14px;
	width:auto;	
	margin:6px auto;
	overflow-wrap: break-word !important;	
	line-height:100% !important; 	
}

.cookie_klaro .cookie-notice .cn-body p.cn-ok button.cm-btn-danger:hover,
.cookie_klaro .cookie-notice .cn-body p.cn-ok button.cm-btn-success:hover,
.cookie_klaro .cookie-notice .cn-body p.cn-ok a.cm-link.cm-learn-more:hover {
	background-color: transparent;
	text-shadow: none;
}

.cookie_klaro .cookie-notice .cn-body p.cn-ok button.cm-btn-success {
	background: rgba(128,128,128,1);
	border: 2px solid rgba(128,128,128,1);
	color:rgba(255,255,255,1) !important;	
}

.cookie_klaro .cookie-notice .cn-body p.cn-ok button.cm-btn-success:hover {
	background:rgba(54,193,64,1);
	border: 2px solid rgba(54,193,64,1);
	color:rgba(255,255,255,1) !important;
}

.cookie_klaro .cookie-notice .cn-body p.cn-ok button.cm-btn-danger {
	background: rgba(128,128,128,.1);
	border: 2px solid rgba(128,128,128,.0) !important;	
	color:rgba(64,64,64,.7) !important;	
	border:none !important; 	
}

.cookie_klaro .cookie-notice .cn-body p.cn-ok button.cm-btn-danger:hover {	
	background: rgba(244,73,73,1);
	color:rgba(255,255,255,1) !important;	
	border: 2px solid rgba(244,73,73,1);
}

.cookie_klaro .cookie-notice .cn-body p.cn-ok a.cm-link.cm-learn-more {			
	background: rgba(128,128,128,.1);
	border: 2px solid rgba(128,128,128,0) !important;	
	color:rgba(64,64,64,.7) !important;	
	margin-top:5px !important;
	padding:5px 14px !important;
	height:100% !important;	
	line-height:100% !important;
}

.cookie_klaro .cookie-notice .cn-body p.cn-ok a.cm-link.cm-learn-more:hover {
	background: rgba(128,128,128,.4);
	border: 2px solid rgba(128,128,128,0) !important;	
	color:rgba(64,64,64,1) !important;	
}

/* ### KLARO ENDE ### */





/* ### GMAP INFOFENSTER STYLES START ### */

.gm-style .gm-style-iw-t {
    position: absolute;
    width: 100%;
}

.gm-style .gm-style-iw-c {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: translate(-50%,-100%);
    background-color: white;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
}

.gm-style .gm-style-iw-d {
    box-sizing: border-box;
    overflow: auto;
}

.gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
    box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4);
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 15px;
}

.gm-style-iw-a {
	position: absolute; 
	left: 15px; 
	top: 15px;
}
.gm-style-iw-t {
	right: 0px; 
	bottom: 59px;
}
.gm-style-iw gm-style-iw-c {
	max-width: 654px; 
	max-height: 541px;
}
.gm-style-iw-d {
	max-width: 618px; 
	max-height: 505px;
}


.fancybox_content {
	font-size:100%;
	width:auto;
	min-width:216px;
	height:auto;
	min-height:120px;
	overflow-y:auto;
	margin:0;
	padding:6px;
	display:inline-block;
	background-color:#fff;
}

.fancybox_content * {}

.fancybox_content p,
.fancybox_content p a {
	margin:0 !important;
	padding:0;
}

.fancybox_content a {
	color:#009AE7 !important;	
}

.fancybox_content img.pic_object {
	width:100%;
	max-width:216px;
	height:auto;
	margin-bottom:2px;
}

.fancybox_content {
	text-align:left;
}

.fancybox_content p {
	text-align:left;
	line-height:130% !important;
	margin:0 0 3px 0;
}

#container .fancybox_content p.object_name a {
	font-weight:600;	
	color:#555 !important;
	font-size:120%;
}

#container .fancybox_content p.object_location a {
	font-weight:400;	
	color:#555 !important;
	font-size:70%;
	line-height:100% !important;
}


/* ### GMAP INFOFENSTER STYLES ENDE ### */



/* ### GMAP CONTROL STYLES START ### */

#map-controls {
	display:none;
}

 .gm-style .controls {
        font-size: 28px;  /* this adjusts the size of all the controls */

        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
        box-sizing: border-box;
        border-radius: 2px;
        cursor: pointer;
        font-weight: 300;
		height: 1em;
        width: 1em;
        margin: 6px;
        text-align: center;
        user-select: none;
        padding: 2px;
      }
      .gm-style .controls button {
        border: 0;
        background-color: white;
        color: rgba(0, 0, 0, 0.6);
      }
      .gm-style .controls button:hover {
        color: rgba(0, 0, 0, 0.9);
      }

      .gm-style .controls.zoom-control {
        display: flex;
        flex-direction: column;
        height: auto;
      }
      .gm-style .controls.zoom-control button {
        font: 0.85em Arial;
        margin: 1px;
        padding: 0px;
      }
	  
	  .gm-style .controls.streetview-control {
        display: flex;
        flex-direction: column;
        height: auto;
      }

      .gm-style .controls.maptype-control {
        display: flex;
        flex-direction: row;
        width: auto;
      }
      .gm-style .controls.maptype-control button {
        display: inline-block;
        font-size: 0.5em;
        margin: 0 1px;
        padding: 0 6px;
      }
      .gm-style .controls.maptype-control.maptype-control-is-map .maptype-control-map {
        font-weight: 700;
      }
      .gm-style .controls.maptype-control.maptype-control-is-satellite .maptype-control-satellite {
        font-weight: 700;
      }

      .gm-style .controls.fullscreen-control button {
        display: block;
        font-size: 1em;
        height: 100%;
        width: 100%
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon {
        border-style: solid;
        height: 0.25em;
        position:absolute;
        width: 0.25em;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-left {
        border-width: 2px 0 0 2px;
        left: 0.1em;
        top: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-left {
        border-width: 0 2px 2px 0;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-right {
        border-width: 2px 2px 0 0;
        right: 0.1em;
        top: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-right {
        border-width: 0 0 2px 2px;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-left {
        border-width: 0 0 2px 2px;
        left: 0.1em;
        bottom: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-left {
        border-width: 2px 2px 0 0;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-right {
        border-width: 0 2px 2px 0;
        right: 0.1em;
        bottom: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-right {
        border-width: 2px 0 0 2px;
      }

/* ### GMAP CONTROL STYLES ENDE ### */



/* ### GMAP DIRECTIONS STYLES START ### */

.adp,
.adp table  {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
}

.adp b,.adp-list b {
font-weight:400
}

.adp-warnbox {
margin:5px 0 3px 0
}

.warnbox-content {
background:transparent;
background:none;
}

.warnbox-c1,
.warnbox-c2 {
background:transparent;
background:none;
font-size:1px;
height:1px;
margin-top:0;
overflow:hidden
}

.warnbox-c1 {
margin:0 2px
}

.warnbox-c2 {
margin:0 1px
}

.adp-list {
background:#fff;
border:1px solid #cdcdcd;
cursor:pointer;
padding:4px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
}

.adp-fullwidth {
width:100%
}

.adp-listsel {
background:#eee;
text-decoration:none
}

.adp-listheader {
padding:4px
}

.adp-placemark {
background:#eee;
border:1px solid silver;
color:#000;
cursor:pointer;
margin:10px 0px 10px 0px;
vertical-align:middle
}

.adp-placemark tr td,
.adp-placemark .adp-text {
vertical-align:middle;
padding:4px !important;
}

img.adp-marker {
width:22px;
height:40px
}

img.adp-marker2 {
width:27px;
height:43px
}

.adp-details,
.adp-legal {
color:#676767
}

.adp-summary {
padding:0 3px 3px 3px
}

.adp-step,
.adp-substep {
border-top:1px solid #cdcdcd;
margin:0;
padding:6px 3px 3px 3px !important;
vertical-align:middle;
line-height:120%;
}

.adp-list img,
.adp-substep img {
width:15px;
height:15px;
position:relative;
top:2px;
margin-right:3px
}

.adp-distance {
white-space:nowrap
}

.adp-step,
.adp-text {
width:100%;
}

.adp-directions {
cursor:pointer;
border-collapse:collapse
}

.adp-list .gm-arrow {
width:8px;
height:9px;
margin:5px 0 3px
}

.adp-agencies {
font-size:80%;
margin:5px 0
}
.adp-summary-duration {
float:right;
margin-left:7px;
white-space:nowrap
}

.adp-substep .gm-line {
margin-right:4px
}

.adp-substep .adp-stepicon {
overflow:hidden;
position:relative;
top:0;
left:0;
width:16px;
height:16px
}

.adp-substep .adp-stepicon .adp-maneuver {
background-size:19px 630px;
position:absolute;
left:0;
width:16px;
height:16px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-ferry {
background-position:0 -614px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-ferry-train {
background-position:0 -566px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-merge {
background-position:0 -143px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-straight {
background-position:0 -534px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-fork-left {
background-position:0 -550px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-ramp-left {
background-position:0 -598px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-roundabout-left {
background-position:0 -197px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-left,
.adp-substep .adp-stepicon .adp-maneuver.adp-keep-left {
background-position:0 -413px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-sharp-left {
background-position:0 0
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-slight-left {
background-position:0 -378px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-uturn-left {
background-position:0 -305px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-fork-right {
background-position:0 -499px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-ramp-right {
background-position:0 -429px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-roundabout-right {
background-position:0 -232px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-right,
.adp-substep .adp-stepicon .adp-maneuver.adp-keep-right {
background-position:0 -483px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-sharp-right {
background-position:0 -582px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-turn-slight-right {
background-position:0 -51px
}

.adp-substep .adp-stepicon .adp-maneuver.adp-uturn-right {
background-position:0 -35px
}

div#route > div {
	font-size:120% !important;
	color:rgba(76,76,72,1) !important;
	font-family: Tahoma, Helvetica, Verdana, Arial, san-serif;
	font-weight:400 !important;	
}

div#route div.adp-summary {
	font-size:140% !important;
}

div#route div.adp-substep {
	font-size:140% !important;
}

/* ### GMAP DIRECTIONS STYLES ENDE ### */





/* GMAP Blocked Start */

#box_karte #karten_box {
	background:rgba(0,0,0,.25);
}

#box_karte.blocked {
	position:relative;
}

#box_karte.blocked .message {
	position: absolute;
	top: 0px;
	left: 0px;	
	width: calc(100% - 60px);
	height: calc(100% - 60px);		
	z-index:100 !important;
	border:0px solid red !important;	
	background:rgba(0,0,0,.5) url(/gif/bg-routenplaner.) no-repeat center center !important;
	color:#fff !important;
	text-align:center;
	padding:30px;
}

#box_karte.witten.blocked .message {
	background:rgba(0,0,0,.5) url(/gif/bg-routenplaner-witten.) no-repeat center center !important;	
}

#box_karte.kemnade.blocked .message {
	background:rgba(0,0,0,.5) url(/gif/bg-routenplaner-kemnade.) no-repeat center center !important;	
}

#box_karte.bergmannsheil.blocked .message {
	background:rgba(0,0,0,.5) url(/gif/bg-routenplaner-bergmannsheil.) no-repeat center center !important;	
}

#box_karte.unicenter.blocked .message {
	background:rgba(0,0,0,.5) url(/gif/bg-routenplaner-unicenter.) no-repeat center center !important;	
}

#box_karte.blocked #karten_box {
	background:rgba(0,0,0,.75);
}

#box_karte.blocked .message p,
#box_karte.blocked .message * {
	color:#fff !important;
}

#box_karte.blocked .message a {
	cursor: pointer;
	color:red !important;
}

#box_karte.blocked .message a.googlemaps-blocked {
	color:#fff !important;
	background-color:red;
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:6px;
	display:inline-block;
}

/* GMAP Blocked Ende */









/* Buttons Start */

#content .link_button {
	width:auto;
	height:auto;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:6px;
	font-size:100%;		
	color:rgba(76,76,72,1);
	border:2px solid rgba(76,76,72,1);	
	background-color:#fff;
	-webkit-transition: color 400ms ease-out, background-color 200ms ease-in;
    transition: color 400ms ease-out, background-color 200ms ease-in;	
}

#content :hover.link_button,
#content a:hover.link_button {
	text-decoration:none;
	color:#fff !important;	
	background-color:rgba(76,76,72,1);	
	padding:6px;
}

#content :hover.link_button * {
	text-decoration:none;
	color:#fff !important;
}

#content .link_button_small {
	width:auto;
	height:auto;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	font-size:90%;	
	padding:6px;
	color:rgba(76,76,72,1);
	border:1px solid rgba(76,76,72,1);	
	background-color:#fff;
	-webkit-transition: color 400ms ease-out, background-color 200ms ease-in;
    transition: color 400ms ease-out, background-color 200ms ease-in;
	font-weight:400 !important;
}

#content :hover.link_button_small,
#content a:hover.link_button_small {
	text-decoration:none;
	color:#fff !important;
	background-color:rgba(76,76,72,1);
	padding:6px;
	
}

#content :hover.link_button_small * {
	text-decoration:none;
	color:#fff !important;
}

/* Buttons Ende */