@charset "utf-8";
/* CSS Document */
.clear{ clear:both;}
*{ padding:0; margin:0;}
body, html{ height:100%; font-size:12px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
p, ul, .table_kurs{ font-family:Arial, Helvetica, sans-serif; line-height:18px;}
ul, li{ list-style: none;}
a{ text-decoration:none; color:#000;font-family:Arial, Helvetica, sans-serif;}
a:hover{ color:#49b2c0;}
#content h1{ font-size:30px; color:#49b2c0; font-weight:normal; line-height:34px; margin-bottom:25px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
#content h2, h3{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#167989; font-size:16px; font-weight:normal; margin-bottom:16px;}
.orange{ color:#ffb400; }
.bigger{ font-size:25px; }
.inner{ max-width:1010px;  margin-left:auto; margin-right:auto; height:100%; }
#header { height:105px; padding-top:25px;}
#header #meta{ float:right; font-size:12px; }
#header #meta a{ color:#000; padding-left:10px; padding-right:10px; }
#header #meta a:hover, #header #meta a.active{ color:#49b2c0;} 
#header #logo{ float:left; }

#main_nav{ background-color:#e2f7f7;  }
#main_nav ul.hauptnavi{float:left; background-color:#edf8f8; width:153px; border-left:6px solid #fff;  padding-top:20px; padding-bottom:20px; }
#main_nav ul.hauptnavi li{ font-size:13px; line-height:26px; display:block; padding-left:18px; padding-right:30px;}
#main_nav ul.hauptnavi li:hover, #main_nav ul.hauptnavi li.active{background-color:#f8f9f9; border-left:6px solid #ffb400;padding-left:12px;}
#main_nav ul.hauptnavi li ul.subnavi{ display:none; position:absolute; margin-left:135px; margin-top:-26px;}
#main_nav ul.hauptnavi li ul.subnavi li{background-color:#f8f9f9; margin-bottom:1px;}
#main_nav ul.hauptnavi li ul.subnavi li:hover, #main_nav ul.hauptnavi li ul.subnavi li.active{ border:none; padding-left:18px;} 
#main_nav ul.hauptnavi li:hover ul.subnavi{display:block;} 

#main_nav.standard{ background:none;  }
#main_nav.standard ul{ padding-left:0; }
#main_nav.standard ul li{ margin-bottom:1px;}
#main_nav.standard ul.hauptnavi li:hover, #main_nav ul.hauptnavi li.active{background:none; color:#49b2c0; border-left:6px solid #ffb400;padding-left:12px;}
#main_nav ul.hauptnavi li.active{ font-weight:bold;}
#main_nav ul.hauptnavi li.active ul li{ font-weight:normal;}
#main_nav ul.hauptnavi li.active ul li.active{ font-weight:bold;}
#main_nav.standard ul.hauptnavi li ul.subnavi{ display:block; color:#49b2c0; background:none;position:relative; margin-left:5px; margin-top:0;}
#main_nav.standard ul.hauptnavi li ul.subnavi li{ margin-bottom:1px;background:none; width:100%;}
#main_nav.standard ul.hauptnavi li ul.subnavi li.active a{ color:#49b2c0; }

#main_nav #eyecatcher ul li{ display:block; position:absolute; float:right; margin-top:-80px; }

#main_nav #eyecatcher.home ul li{ margin-left:25%; margin-top:-70px;}
#main_nav #eyecatcher.home ul li img{ max-height: 350px; width:auto; }

#mobile_nav { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; display: none; width: 95%; padding: 8px 2.5%; font-size: 18px; color: #49b2c0; background-color:#e2f7f7; cursor: pointer; position: fixed; top: 0; left: 0; border-bottom: 1px solid #49b2c0; }
#mobile_nav .mobile_nav_view { float: left; margin: 4px 20px 0; }
#mobile_nav span { display: block; width: 40px; height: 4px; background: #49b2c0; margin-bottom: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

#main_nav div.div_mobile_nav { display:none; }

#content { padding-top:25px; padding-bottom:25px; font-family:Arial, Helvetica, sans-serif; }
#content.standard { padding-top:0px; background-image:url(../fileadmin/img/bg_content.gif); background-repeat:repeat-y; background-position:center; }
#content.standard .rechts p{ padding-bottom:10px;}
#content.standard .rechts ul{ padding-left:20px; padding-bottom:10px; }
#content.standard .rechts ul li{ list-style:disc; }
#content.standard .rechts h2{color:#ffb400; font-size:16px; font-weight:normal; margin-bottom:16px;}
#content.standard .rechts h3{ font-size:16px; font-weight:normal; margin-bottom:16px;}


#content.standard .links{  position:relative; z-index:1;width:159px; min-height:100px; height:100%; background-color:#fcfcfc; float:left; padding-top:40px; }
#content.standard .links a{  display:block; padding-left:30px; line-height:30px;}
#content.standard .links a.active, #content.standard .links a:hover{border-left:6px solid #8cd9e1;padding-left:24px;color:#49b2c0; }
#content.standard .rechts{float:left; width:70%; padding-top:20px; padding-left:50px;}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.arbeitskreise, .flipbook {position: relative; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color:#e2f7f7;width:25%;padding:2%;margin-right:2.5%;margin-bottom:25px;}
.arbeitskreise p, #content .arbeitskreise a{color:#49b2c0}
.arbeitskreise a{ text-decoration:underline;}

.flipbook h2 {
    padding-bottom: 74px;
	margin: 0;
}

.flipbook img {
    position: absolute;
	bottom: 1rem;
	width: 70px;

}

.flipbook:hover img { opacity: 0.7; }

.willkommen-box {
	width: 60%;
}





.kurssuche, .login{ -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background-color:#167989;padding:2%; min-height:90px; margin-bottom:25px; margin-right:1%}
.kurssuche.suchergebnis{margin-right:0;}

.kurssuche h2,  .login h2{ color:#fff !important;}
.kurssuche input, .login input{ max-width: 200px; width:15%;padding:11px; padding-bottom:12px; padding-left:15px;   float:left; border:none; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin-right:1%;}
.kurssuche.suchergebnis input{ max-width: 300px;  width:30%;}
#bingmapsDiv{ margin-bottom:20px; margin-top:20px;}
.infobox{ display:none;}
.fa-times{ cursor:pointer;}
.kurssuche .karte{ float:right; margin-top:-13%; max-width:283px; width:29.6%;}
.kurssuche .karte img{ width:100%; height: auto; }
.aktuelles_box{background-color:#f5f5f5; width:44%;  float:left; padding:2.5%; margin-bottom:10px; margin-right:1%;  }
.aktuelles_box.last{ margin-right:0px;}
#content .aktuelles_box h3, #content .aktuelles_box h1{ font-weight:normal; color:#61bcc8; font-size:16px; margin-bottom:16px; line-height:20px; }
.aktuelles_box a{color:#ffb400 }
.aktuelles_box p{ margin-bottom:10px;}
.aktuelles_box img, .aktuelles_box .csc-textpic{ width:100%; }
.mitgliederbox .thumb{ max-width:80px;  float:right; text-align:center;overflow:hidden; height:100px; }
.mitgliederbox img{ max-width:100px; height:auto;}
.table_kurs{display:table; border-top:1px solid #FFB400; width:100%; }
.tr_kurs{display:table-row;}
.tr_kurs.grey{ background-color:#F8F8F8;}
.th_kurs{ display:table-row; font-weight:bold; font-size:14px; background-color:#E2F7F7;width:100%;}
.th_td_kurs{ display:table-cell; min-height:40px; border-bottom:1px solid #FFB400; padding:5px; }
.th_td_kurs.datum{ width:15% }
.th_td_kurs.titel{ width:40% }
.th_td_kurs.bezeichnung{ width:60% }
.th_td_kurs.titel small{ font-weight:bold; font-size:11px; }
.th_td_kurs.typ{ width:20% }
.th_td_kurs.instruktor{ width:25% }
.kursbutton{ display:block; margin-bottom:10px; width:17%; margin-right:1%; background-color:#49B2C0; color:#fff; float:left; padding:1%; text-align:center;}
.kursbutton:hover,.kursbutton.active{ background-color:#FFB400; color:#fff; } 
.nomargin{ margin-right:0;width:18%;}

/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select { background: url(../fileadmin/img/select.png) no-repeat 96% 0;height:39px;overflow: hidden;max-width: 200px; width:20%;float:left; margin-right:1%;}
.kurssuche.suchergebnis .styled-select{max-width: 300px; width:28%; }
.styled-select select {background: transparent;border: none;font-size: 14px;padding:6px; padding-top:11px;padding-left:15px; /* If you add too much padding here, the options won't show in IE */max-width: 228px; width:112%;color:#757575;}
.kurssuche.suchergebnis .styled-select{ max-width: 238px; }
.styled-select option{border:none;}
.rounded {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.green{ background-color: #fff; }
input.submit{ background-image:url(../fileadmin/img/submit.png); background-color:transparent; max-width:35px !important; background-repeat:no-repeat; color:#167989; font-size:0; height:36px; cursor:pointer; background-size:cover; }


.filelink{ display:block; padding:3px; border-bottom:1px solid #CCC;}
.filelink .fa{ font-size:16px; margin-right:20px; float:left; width:50px; }
.filelink .fa.fa-file-pdf-o{ color:#C30;}
.filelink .fa.fa-file-text-o{ color:#09F;}
.filelink .fa.fa-file-powerpoint-o{ color:#49b2c0;}
.filelink .fa span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; }



#footer{ background-color:#167989; color:#fff; padding-top:25px; padding-bottom:25px; font-family:Arial, Helvetica, sans-serif; position:relative; z-index:2; }
#footer .footer_right_links{ float:right; margin-right:1%}
#footer .footer_right_links a{ color:#fff;}


.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

@media (max-width:1750px){
	.willkommen-box {
		width: 50%;
	}
}

@media (max-width:1200px){
	.willkommen-box {
		width: 40% !important;
	}
}


@media (max-width: 1400px) {
	.willkommen-box {width: 50%; }
}

@media (max-width: 1010px) {
	#content.standard { background-position:left; }
	#main_nav #eyecatcher.home ul li{ margin-left:25%; margin-top:-50px;}
	#main_nav #eyecatcher.home ul li img { max-height: 250px; }
	#footer .inner { padding: 0 5%; }
	.kurssuche.suchergebnis input, .kurssuche.suchergebnis .styled-select { width: 25%; max-width: none; }
    .arbeitskreise, .flipbook { width: 30%; }
    .willkommen-box { width: 60% !important; }

}
@media (max-width: 768px) {
	#header { padding-top: 68px; }
	#header #logo { display: block; width: 234px; float: none; margin: 0 auto; }
	#content.standard { background: none; }
	#content .inner, #wrapper_content .inner { margin: 0 5%; }
	#meta { display: none; } 
	#main_nav { background: none; }
	#mobile_nav { display: block; z-index: 9999; }
	#main_nav ul.hauptnavi,#main_nav.standard ul.hauptnavi  { display: none; position: fixed; top: 45px; left: 0; float: none; width: 100%; padding: 8px 0 8px 0; border: 0; border-bottom: 1px solid #49b2c0; margin: 0; z-index: 9999; }
	#main_nav ul.hauptnavi li,#main_nav.standard ul.hauptnavi li { padding: 0 0 0 30px !important; margin: 0 !important; border: 0 !important; font-size: 14px; } 
	#main_nav ul.hauptnavi li ul.subnavi, #main_nav.standard ul.hauptnavi li ul.subnavi { display: block; position: inherit; padding: 0; margin: 0; border: 0; }
	#main_nav ul.hauptnavi li ul.subnavi li, #main_nav.standard ul.hauptnavi li ul.subnavi li { padding: 0 0 0 12px !important; margin: 0 !important; border: 0 !important; font-size: 12px;background: none; }
	#main_nav ul.hauptnavi li:hover,#main_nav.standard ul.hauptnavi li:hover { background: #f8f9f9; }
	#main_nav ul.hauptnavi li ul.subnavi li:hover, #main_nav.standard ul.hauptnavi li ul.subnavi li:hover { background: none; }
	#main_nav #eyecatcher ul li { position: inherit; float: none; margin: 0; }
	#main_nav #eyecatcher.home ul li { margin: 5%; }
	#main_nav #eyecatcher.home ul li img { width: 100%; height: auto; max-height: none; }
    
    #main_nav div.div_regular_nav { display:none; }
    #main_nav div.div_mobile_nav { display:block; }
    
	.arbeitskreise, .flipbook { width: 90%; padding: 4% 5%; }
	.kurssuche { padding: 4% 5%; }
	.kurssuche .karte { display: none; }
	.kurssuche input { width: 20%; }
	.styled-select { width: 30%; }
	.kurssuche.suchergebnis input, .kurssuche.suchergebnis .styled-select { width: 23%; max-width: none; }
	.aktuelles_box { float: none; width: 95%; padding:2.5%; margin: 0 0 25px; }
	#content.standard .rechts { width: 100%; float: none; padding: 0; }
	#footer .inner { text-align: center; }
	#footer .footer_right_links { margin-top: 25px; float: none; }
	.willkommen-box {width: 100% !important;}
}
@media (max-width: 570px) {
	#content h1, #wrapper_content h1 { font-size: 24px; }
	.kurssuche input { width: 90%; float: none; margin-bottom: 15px; max-width: 90%; padding: 14px 5%; }
	.kurssuche input[type="submit"] { margin: 0; padding: 0; }
	.styled-select { width: 100%; float: none; margin-bottom: 15px; max-width: 100%; }
	.kurssuche.suchergebnis input { width: 89%; max-width: 89%; }
	.kurssuche.suchergebnis .styled-select { width: 100%; max-width: 100%; }
	.styled-select select { max-width: none; }
	.kursbutton { float: none; width: 98%; }
	.tr_kurs, .th_kurs { display: block; border-bottom:1px solid #FFB400; }
	.th_td_kurs{ display:block; width: 100% !important; min-height:0; border-bottom:0; }
}



#datenschutztext ol li {list-style-type: decimal; margin-left: 25px;line-height: 18px;} #datenschutztext ol[type="a"] li {list-style-type: lower-latin; margin-left: 25px;line-height: 18px;}