/* =============================================================================
 * logo height
 * ========================================================================== */
 
#logo img {height: 125px;}


/* =============================================================================
 * background
 * ========================================================================== */

/*
body {background: #fff url(../img/bg_default.png); background-repeat: repeat;}
*/
body {background: #f5f6f6;}

/* =============================================================================
 * background 2
 * ========================================================================== */

#background {

background: #f5f6f6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM0MTdhYTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #1e5799 0%, #f7f7f7 0%, #417aa6 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#f7f7f7), color-stop(0%,#417aa6), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#f7f7f7 0%,#417aa6 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#f7f7f7 0%,#417aa6 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#f7f7f7 0%,#417aa6 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#f7f7f7 0%,#417aa6 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417aa6', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-8 */


 }


/* =============================================================================
 * body fonts
 * ========================================================================== */
 
body {font-family: 'OpenSansRegular', 'Verdana', sans-serif; font-size: 14px; line-height: 19px;}


/* =============================================================================
 * footer - colors
 * ========================================================================== */

/* 
#footer {
background: #417aa6; 
}
*/

/*
#footer, #footer a, #footer h4 {color: #8C092B;}
#footer, #footer a, #footer h4 {color: rgba(255, 255, 255, 0.7);}
*/
#footer {font-size: 12px;}
#footer, #footer a, #footer h4 {color: rgb(255, 255, 255);}
#footer h4 {font-family:  'OpenSansSemibold', 'Verdana', sans-serif; font-weight: 300; font-size: 14px;}
/*
#footer .one_third {text-align:left;}
*/
#footer .one_fourth {text-align:left; margin-bottom: 20px;}
#footer .last_line {text-align:center;}
#footer .copyright {font-size: 10px;}
#footer a:hover {text-decoration:underline;}

/* =============================================================================
 * suche
 * ========================================================================== */
#suche .relevance {display: none;}
/* =============================================================================
 * header fonts + colors
 * ========================================================================== */
 
h1, h2, h3, h4, h5, h6  {font-family:  'OpenSansRegular', 'Verdana', sans-serif; font-weight: 300;}
h1,h2,h3,h4,h5,h6,.color {color: #8C092B;}
/*
h1,h2,h3,h4,h5,h6,.color {color: #575d63;}
h1,h2,h3,h4,h5,h6,.color {color: #657383;}
*/
.level2_h1 {color: #417aab}

/* =============================================================================
 * buttons + submit buttons + hyperlinks - color
 * ========================================================================== */
/*
.button, input[type="submit"], input.submit {background-color: #657383; background-image: url(../img/rauschen.png); background-repeat: repeat;}
*/
.button, input[type="submit"], input.submit {background-color: #ddd; color: #657383; font-family: 'OpenSansSemibold', 'Verdana', sans-serif; font-weight: 300; text-shadow: none;}


/* =============================================================================
 * mainmenu - font+width
 * ========================================================================== */
/* layer 1 */

/*
nav#mainmenu ul li {width: 20%;}
*/
nav#mainmenu ul li {width: 20%; z-index=1;}
nav#mainmenu ul li a {padding: 15px; font-family: 'OpenSansSemibold', 'Verdana', sans-serif; font-size: 16px; line-height: 18px; text-transform: uppercase; font-weight: 300;}

/* layer 2+3 */
/*
nav#mainmenu ul ul li a {min-width: 195px; padding: 8px 15px; font-family: 'OpenSansRegular', 'Verdana', sans-serif; font-size: 14px; text-transform: none; font-weight: 300; color: #808080;}

nav#mainmenu ul ul li a {min-width: 195px; padding: 8px 15px; font-family: 'OpenSansSemibold', 'Verdana', sans-serif; font-size: 14px; text-transform: none; font-weight: 300;}
*/


nav#mainmenu ul ul {width: 20.1%;}
nav#mainmenu ul ul li a {padding: 12px 15px; ; font-family: 'OpenSansSemibold', 'Verdana', sans-serif; font-size: 14px; text-transform: none; font-weight: 300;}
nav#mainmenu ul ul ul {width: 101.7%; margin: 0px 0px; background-color: #ffffff; border-left: none; border-top: none;}


/* =============================================================================
 * mainmenu - activ + hover
 * ========================================================================== */

#dropdown li a:hover, #dropdown li a.active, #dropdown li a.trail, #dropdown ul li a:hover, #dropdown ul li a.trail, #dropdown ul li a.active, #dropdown ul li.active a {background-color: #417aa6; background-image: none; background-repeat: repeat;}

#dropdown  ul.level_2 ul li a {background-color: #ffffff; background-image: none;}
#dropdown  ul.level_2 ul li.active a {background-color: #417aa6; background-image: none;}
#dropdown  ul.level_2 ul li a:hover {background-color: #417aa6; background-image: none;}

#dropdown  li.submenu.last ul.vlist.level_2 li.submenu ul.vlist.level_3 {left: -101.0%;}
/* =============================================================================
 * mainmenu - background-color | layer 1
 * ========================================================================== */

nav#mainmenu ul {background-color: #90c2e9;}
/*
nav#mainmenu ul {background-color: #90c2e9; background-image: url(../img/rauschen.png); background-repeat: repeat;}
*/

/* =============================================================================
 * mainmenu - background-color | layer 2 + 3
 * ========================================================================== */

/*
nav#mainmenu ul ul {background: #fff;}
body.dark nav#mainmenu ul ul {background: #fff;}
*/
nav#mainmenu ul ul {background: #90c2e9;}
body.dark nav#mainmenu ul ul {background: #90c2e9;}

/* =============================================================================
 * submenu - hover
 * ========================================================================== */

#submenu a:hover {color: #657383;}
 
/* =============================================================================
 * submenu - aktive first
 * ========================================================================== */

#submenu a.active:before { content: '\25b8'; color: #417aa6;} /* 'â–¸' icon-right-dir */
/* 
#submenu a.active:before { content: '\e8ae'; color: #417aa6;} 'â–¸' icon-pin-2 */


/* =============================================================================
 * submenu - aktive only
 * ========================================================================== */

#submenu {font-family: 'OpenSansRegular', 'Verdana', sans-serif; font-size: 16px;}


nav.subhide ul li a {
      left: -1000px;
      top: -1000px;
      position: absolute;
}
nav.subhide ul li.trail a.trail   {
      left: 0px;
      top: 0px;
      position: relative;
}
.subhide#submenu {
    margin-bottom: 3px;
    margin-left: -8px;
}





/* =============================================================================
 * calltoaction box - color + background-color
 * ========================================================================== */
 
 .calltoaction {border-left: 4px solid #7F7F7F; background: #F5F6F6;}
 .calltoaction a {background: #7F7F7F; color: #fff; }
 
 .callofduty {border-left: 4px solid #8C092B; background: #F5F6F6;}
 a#cod  {background: #8C092B; color: #fff; }
 
  
/* =============================================================================
 * bxslider - caption pisition
 * ========================================================================== */
 .bx-wrapper .bx-caption {
	top: 26%; right: 10%; width: 40%; line-height: 21px;
}
/* tablet */
@media only screen and (max-width: 980px) {
	.bx-wrapper .bx-caption {top: 15%;}
	
}
/* phone */
@media only screen and (max-width: 767px) {
	.bx-caption {display: none;}
}


/* =============================================================================
 * moo-tools mediabox
 * ========================================================================== */
#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
    line-height: 10px;
    font-size: 14px;
}
#mbBottom {
    font-family: 'OpenSansBold', 'Verdana', sans-serif;
    line-height: 10px;
    font-size: 14px;
}


/* =============================================================================
 * Quick Navigation
 * ========================================================================== */
#metanav #navlink_q {
    text-align: center;
}
#navlink_q {display: inline-block; margin: 10px 0%;}
#navlink_q p {font-weight: 200; margin-bottom: 20px;}
#navlink_q a {display: inline-block;}
#home_q:before {font-family: "icons"; content: '\e80b'; color: #657383; font-size: 14px; line-height: 14px; background: #ddd; width: 14px; height: 14px; padding: 10px; border-radius: 99px; display: inline-block;}
a:hover#home_q:before {color: #417aa6;}
#presse_q:before {font-family: "icons"; content: '\e720'; color: #657383; font-size: 14px; line-height: 14px; background: #ddd; width: 14px; height: 14px; padding: 10px; border-radius: 99px; display: inline-block;}
a:hover#presse_q:before {color: #417aa6;}
#kontakt_q:before {font-family: "icons"; content: '\e801'; color: #657383; font-size: 14px; line-height: 14px; background: #ddd; width: 14px; height: 14px; padding: 10px; border-radius: 99px; display: inline-block;}
a:hover#kontakt_q:before {color: #417aa6;}
#sitemap_q:before {font-family: "icons"; content: '\e9ed'; color: #657383; font-size: 14px; line-height: 14px; background: #ddd; width: 14px; height: 14px; padding: 10px; border-radius: 99px; display: inline-block;}
a:hover#sitemap_q:before {color: #417aa6;}
#login_q:before {font-family: "icons"; content: '\e860'; color: #657383; font-size: 14px; line-height: 14px; background: #ddd; width: 14px; height: 14px; padding: 10px; border-radius: 99px; display: inline-block;}
a:hover#login_q:before {color: #417aa6;},
body.navlink_q-hide #navlink_q {display: none;}
body.metanavleft.langswitch-hide #navlink_q {margin-left: 0;}

/* =============================================================================
 * Quick Search
 * ========================================================================== */
#metanav .mod_search_qs {
    text-align: left;
}
.mod_search_qs input {width: 80%!important; height: 28px; float: left;}
.mod_search_qs input[type="search"] {-webkit-appearance: textfield!important; margin-right: 3px!important; padding-right: 0!important;}
.mod_search_qs input, .mod_search_qs select, .mod_search_qs textarea {width: 100%; padding: 1px; margin: 0; border: 1px solid #ccc; color: #333; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0px 0px 1px 1px #ddd; box-shadow: inset 0px 0px 1px 1px #ddd;}
.mod_search_qs .even, .mod_search .odd {padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.mod_search_qs .relevance {float: right; font-size: 10px;}
.mod_search_qs .submit:before {color: #962521; font-size: 14px; line-height: 1em; font-family: 'icons';  font-style: normal;  font-weight: normal;  speak: none;  display: inline-block;  text-decoration: inherit;  width: 1em; text-align: center; content: '\e92a';}
.mod_search_qs .submit {margin: 0; padding: 5px; display: inline-block; height: 28px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.mod_search_qs .button {
    background-color: #dddddd;
    background-image: none;
    background-repeat: no-repeat;
}
.mod_search_qs .submit:hover:before {color: #417aa6;}
/*
.mod_search_qs .submit:hover {opacity: 1;}
*/
.mod_search_qs form {overflow: hidden;}
.mod_search_qs .formbody {margin: 0px 5%;}
.mod_search_qs input.text {font-family:  'OpenSansRegular', 'Verdana', sans-serif; font-size: 14px; color:#666666;}

/* =============================================================================
 * Top - Right Buttons
 * ========================================================================== */
#topright {
    position: absolute;
    right: 0px;
    top: 22%;
    text-align: right;
    float: right;
}
#topright img {height: 44px;}



#topright img:hover {
opacity: 0.6; 
}

/* =============================================================================
 * AEKHH - Text mit Bild
 * ========================================================================== */
#aek_t_b_u .image_container img{ 
  width: auto;
}

#aek_t_t_u { 
  margin-left: 1%;
}


#aek_t_b figure.image_container.float_left{
    margin-right: 2%;
    margin-bottom: 1%;
    width: 27%;
}

#aek_t_b a:before 
{
    content: none;
}

#aek_t_b_two figure.image_container.float_left{
    margin-right: 2%;
    margin-bottom: 1%;
    width: 50%;
}

#aek_t_b_two a[target="_blank"]::before {content: none;} 


/* =============================================================================
 * google maps
 * ========================================================================== */
#map_main {
    border: 1.5px solid rgb(227, 227, 227);
    margin: 20px 0px;
    padding: 3.5px;
}

#map_canvas {
    height:300px;
    width:100%;
}

.map_info {
    height:150px;
    width:195px;
}
.gm-style div, .gm-style span, .gm-style label, .gm-style a {
    font-family: 'OpenSansRegular', 'Verdana', sans-serif; font-size: 14px; color:#666666;
}
/* =============================================================================
 * sprite vorstand + team etc.
 * ========================================================================== */
.aek_sprite 
{
width:300px; 
height:429px;
background:url("../../../files/cto_layout/img/ueber_uns/kammer/vorstand/Vorstand_Praesident_01.png");
display:block;
}
.aek_sprite:hover 
{
background-position: 0 429px;
}
/* =============================================================================
 * kuferWeb - Layout in Contao
 * ========================================================================== */
#aekhh_kw_if {
  padding-top: 220px;
}

#circularG{
	position: relative;
	width:30px;
	height:30px;
	margin: auto;

}

.circularG{
	position:absolute;
	background-color:rgba(102,102,102,0.97);
	width:7px;
	height:7px;
	border-radius:4px;
		-o-border-radius:4px;
		-ms-border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
	animation-name:bounce_circularG;
		-o-animation-name:bounce_circularG;
		-ms-animation-name:bounce_circularG;
		-webkit-animation-name:bounce_circularG;
		-moz-animation-name:bounce_circularG;
	animation-duration:1.1s;
		-o-animation-duration:1.1s;
		-ms-animation-duration:1.1s;
		-webkit-animation-duration:1.1s;
		-moz-animation-duration:1.1s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#circularG_1{
	left:0;
	top:12px;
	animation-delay:0.41s;
		-o-animation-delay:0.41s;
		-ms-animation-delay:0.41s;
		-webkit-animation-delay:0.41s;
		-moz-animation-delay:0.41s;
}

#circularG_2{
	left:3px;
	top:3px;
	animation-delay:0.55s;
		-o-animation-delay:0.55s;
		-ms-animation-delay:0.55s;
		-webkit-animation-delay:0.55s;
		-moz-animation-delay:0.55s;
}

#circularG_3{
	top:0;
	left:12px;
	animation-delay:0.69s;
		-o-animation-delay:0.69s;
		-ms-animation-delay:0.69s;
		-webkit-animation-delay:0.69s;
		-moz-animation-delay:0.69s;
}

#circularG_4{
	right:3px;
	top:3px;
	animation-delay:0.83s;
		-o-animation-delay:0.83s;
		-ms-animation-delay:0.83s;
		-webkit-animation-delay:0.83s;
		-moz-animation-delay:0.83s;
}

#circularG_5{
	right:0;
	top:12px;
	animation-delay:0.97s;
		-o-animation-delay:0.97s;
		-ms-animation-delay:0.97s;
		-webkit-animation-delay:0.97s;
		-moz-animation-delay:0.97s;
}

#circularG_6{
	right:3px;
	bottom:3px;
	animation-delay:1.1s;
		-o-animation-delay:1.1s;
		-ms-animation-delay:1.1s;
		-webkit-animation-delay:1.1s;
		-moz-animation-delay:1.1s;
}

#circularG_7{
	left:12px;
	bottom:0;
	animation-delay:1.24s;
		-o-animation-delay:1.24s;
		-ms-animation-delay:1.24s;
		-webkit-animation-delay:1.24s;
		-moz-animation-delay:1.24s;
}

#circularG_8{
	left:3px;
	bottom:3px;
	animation-delay:1.38s;
		-o-animation-delay:1.38s;
		-ms-animation-delay:1.38s;
		-webkit-animation-delay:1.38s;
		-moz-animation-delay:1.38s;
}



@keyframes bounce_circularG{
	0%{
		transform:scale(1);
	}

	100%{
		transform:scale(.3);
	}
}

@-o-keyframes bounce_circularG{
	0%{
		-o-transform:scale(1);
	}

	100%{
		-o-transform:scale(.3);
	}
}

@-ms-keyframes bounce_circularG{
	0%{
		-ms-transform:scale(1);
	}

	100%{
		-ms-transform:scale(.3);
	}
}

@-webkit-keyframes bounce_circularG{
	0%{
		-webkit-transform:scale(1);
	}

	100%{
		-webkit-transform:scale(.3);
	}
}

@-moz-keyframes bounce_circularG{
	0%{
		-moz-transform:scale(1);
	}

	100%{
		-moz-transform:scale(.3);
	}
}

/* =============================================================================
 * kuferWeb - Teil 2 -Beispielartikel
 * ========================================================================== */
.aek_kw_left label {
    font-family:  'OpenSansSemibold', 'Verdana', sans-serif; font-weight: 300;
    width: 30%;
    float: left;
    text-align: right;
    margin-right:3px;
}
.aek_kw_left label:after {
    content: ':';
}

#aek_kw
{
text-align: left;
}
#aek_kw a:before 
{
    content: none;
}
#aek_kw a:after 
{
    font-family: 'icons';
    content: '\e7ae';
    display: inline-block;
    margin-left: 5px; 
}


#aek_kw_be .content-box-c {margin-top: 30px;}
#aek_kw_be table {border: "0";}
#aek_kw_be td { text-align: left; }
#aek_kw_be td:first-child { text-align: right; }



#aek_kw_x a:before 
{
    content: none;
}



#aek_kw_x a:after 
{
    font-family: 'icons';
    content: '\2716';
    margin-left: 5px; 
}
#main a.aek_kw_b:before 
{
    content: none;
}




.aek_kw_c 
{
text-align: center;
}


.aek_kw_r 
{
text-align: right;
}

.aek_kw_top
{
font-size: 10px;
}

.aek_content-box-c {
    padding: 10px 10px 10px;
    border: 1px solid #CCC;
    margin-bottom: 12px;
    border-radius: 10px;
}    

.aek_kw_alert {
    font-family: 'OpenSansBoldItalic', 'Verdana', sans-serif; font-size: 14px; line-height: 19px;
}
/* =============================================================================
 * Lightbox-Links
 * ========================================================================== */
 #main figure.image_container a.cboxElement:before {content: none;}   


/* =============================================================================
 * ABC-Liste Arztsuche
 * ========================================================================== */ 
 .alphabetic-list {font-family: 'OpenSansRegular', 'Verdana', sans-serif; font-size: 12px; line-height: 16px;}
/* =============================================================================
 * Navigationspfad
 * ========================================================================== */

#main .mod_breadcrumb a:before {content: none;}

.mod_breadcrumb {font-size: 10px; padding-bottom: 20px;}

.mod_breadcrumb a {color: #90c2e9;}

.mod_breadcrumb li {
    float:left;
}

.mod_breadcrumb li:after {
    content: " > ";
    padding-left: 1px;
    padding-right: 3px;
}

.mod_breadcrumb li.active:after {
    display: none;
}


/* =============================================================================
 * noscript
 * ========================================================================== */
 
#no_script, #no_script a, #no_script h4 {color: #8C092B;}
#no_script h4 {font-family:  'OpenSansSemibold', 'Verdana', sans-serif; font-weight: 300;}    
    

/* =============================================================================
 * Slider
 * ========================================================================== */
 #home .slider-next, #home .slider-prev, #home nav.slider-control {display: none;}



/* =============================================================================
 * media-queries ff.
 * ========================================================================== */

/*     --phones
------------------------------------------------- */
@media only screen and (max-width: 767px) {
  body { background: #ffffff;}
	#background { background: #ffffff;}
  #footer .one_fourth {text-align: center;}
  #metanav #navlink_q {
    float: left;
    width: 49%;
  }
  #navlink_q {display: inline-block; margin: 0% 0% 0% 2%;}

  #home_q:before {font-size: 12px; line-height: 12px; width: 12px; height: 12px;}
  #presse_q:before {font-size: 12px; line-height: 12px; width: 12px; height: 12px;}
  #kontakt_q:before {font-size: 12px; line-height: 12px; width: 12px; height: 12px;}
  #sitemap_q:before {font-size: 12px; line-height: 12px; width: 12px; height: 12px;}
  #login_q:before {font-size: 12px; line-height: 12px; width: 12px; height: 12px;}


  #metanav .mod_search_qs {
    float: right;
    width: 49%;
  }
  .mod_search_qs input {width: 50%!important; height: 28px; float: left;}

	/* topright 
	#topright {
    position: static; 
    margin-bottom: 10px;
    text-align: center !important;
    width: 100%;
  }
*/
	/* topright */
	#topright img {height: 22px !important;}


}

@media only screen and (max-width: 480px) {
	#topright img {height: 22px !important;}
}

/*     --phones ff.
------------------------------------------------- */
@media only screen and (max-width: 390px) {
  #navlink_q {margin: 0% 0% 0% 3%;}
  #metanav #navlink_q {
    width: 200px;
    text-align: center;
    overflow: hidden;
  }
  #metanav .mod_search_qs {
    float: left;
    width: 34px;
  }
.selectnav {
    width: 85%;
  }
  .mod_search_qs input.text {display: none;}
  .mod_search_qs input {width: 10%!important; height: 28px; float: left;}

	/* topright */
	#topright img {height: 17px !important;}

  
}

@media only screen and (max-width: 302px) {
	/* topright */
	#topright img {height: 14px !important;}
}