/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

html, body { font-family: 'Lato'; font-size: 18px; color: #000; font-weight: 400; width: 100%; height: 100%; margin: 0; padding: 0; }
a { color: #ffba00; }
.wrapper { width: 100%; height: 100%; text-align: center; }
.navigation li { float: left; list-style: none; text-transform: uppercase; }
.header { width: 920px; height: 90px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.header .logo { margin-top: 20px; float: left; width: 303px; height: 45px; background-image: url(../images/logo.jpg); background-repeat: no-repeat; background-position: center center; }
.header .logo a { display: inline-block; width: 100%; height: 100%; }
.header .navigation  {float: left; font-size: 14px; padding-left: 35px; margin-top: 38px; }
.header .navigation li { height: 52px; margin-left: 25px;}
.header .navigation li a { color: #000; text-decoration: none; display: inline-block; width: 100%; height: 100%; }
.header .navigation li a:hover { background-image: url(../images/navigation_bg.png); background-repeat: no-repeat; background-position: center bottom; color: #ffba00; text-decoration: none; }
.header .navigation .first { margin-left: 0px; }
.banner { background-image:url(../images/banner_bg.png); background-position: center center; border-top: 1px solid #000; width: 100%; text-align: center; height: 312px; padding-top: 20px; padding-bottom: 20px; background-color: #aeaeae; }
.banner .slider { margin: 0 auto; }
.content { width: 940px; padding-left: 10px; padding-right: 10px; text-align: left; margin: 0 auto; }
.content h1 { padding-top: 5px; padding-bottom: 5px; font-size: 24px; padding-left: 58px;  background-position: left center; background-repeat: no-repeat; font-weight: 700; color: #ffba00; text-transform: uppercase; }
.content h2 { margin-top: 5px; font-size: 22px }
.content .icon_startseite { background-image: url(../images/icon_startseite.png); }
.content .icon_derverein { background-image: url(../images/icon_derverein.png); }
.content .icon_dasprojekt { background-image: url(../images/icon_dasprojekt.png); }
.content .icon_einsatzort { background-image: url(../images/icon_einsatzort.png); }
.content .icon_spenden { background-image: url(../images/icon_spenden.png); }
.content .icon_galerie { background-image: url(../images/icon_galerie.png); }
.content .icon_news { background-image: url(../images/icon_news.png); }
.content .icon_kontakt { background-image: url(../images/icon_kontakt.png); }
.content .icon_impressum { background-image: url(../images/icon_impressum.png); }
.content .content_text { display: inline-block; margin-left: 58px; width: 550px; line-height: 27px; }
.content .content_text_wide { width: 880px; }
.content .content_sidebar { text-align: center; position: absolute; width: 300px; margin-left: 640px; }
.footer { width: 100%; border-top: 1px solid #a3a3a3; color: #a3a3a3; font-size: 14px; margin-top: 30px; }
.footer .footer_content { height: 35px; margin: 0 auto; width: 960px; margin-top: 15px; margin-bottom: 15px; text-align: left; display: flex; justify-content: space-around }
.footer .footer_content div,
.footer .footer_content ul { display: inline-block; }
.footer .footer_content .content_left { vertical-align: middle; float: left; font-weight: 700 !important; text-transform: uppercase; padding-top: 8px; width: 250px; }
.footer .footer_content .content_middle { float: left; width: 203px; }
.footer .footer_content .navigation { margin-left: 35px; float: left; margin-top: 0px; margin-bottom: 5px; padding-top: 8px; }
.footer .footer_content .navigation li { margin-left: 20px; }
.footer .footer_content .navigation .first { margin-left: 0px; }
.footer .footer_content .navigation li a { color: #a3a3a3; }
.footer .footer_content .navigation li a:hover { text-decoration: none; }

/*** BANNERSLIDER ***/
#ha_slider { background-image: url(../images/slider_bg.png); margin: 0 auto; text-align: left; width:665px; padding: 15px; padding-right:265px; position:relative; height:282px; overflow:hidden; }
#ha_slider ul.ui-tabs-nav{ position:absolute; top:0; left:615px; list-style:none; padding:0; margin:0; width:265px; height:262px; overflow:auto; overflow-x:hidden; margin-left: 30px; margin-top: 15px; padding: 10px; background-color: #fff; }
#ha_slider ul.ui-tabs-nav li{ font-size:12px; color:#666; }
#ha_slider ul.ui-tabs-nav li img{ float:left; background:#fff; border:3px solid #dfdfdf; }
#ha_slider ul.ui-tabs-nav li .text_container{ font-size:14px; font-family:"Lato"; font-weight: 300; line-height:15px; margin-left: 96px; }
#ha_slider ul.ui-tabs-nav li span{ font-weight: 400 !important; color: #ffba00; }
#ha_slider li.ui-tabs-nav-item a{ display:block; height:76px; text-decoration:none; color:#000; line-height:20px; outline:none; }
#ha_slider li.ui-tabs-nav-item a:hover{ background:#f2f2f2; }
#ha_slider li.ui-tabs-selected, #ha_slider li.ui-tabs-active{ }
#ha_slider ul.ui-tabs-nav li.ui-tabs-selected span, #ha_slider ul.ui-tabs-nav li.ui-tabs-active span{ color:#000; }
#ha_slider ul.ui-tabs-nav li.ui-tabs-selected img, #ha_slider ul.ui-tabs-nav li.ui-tabs-active img{ border-color: #000; }
#ha_slider .ui-tabs-panel{ width:400px; height:250px; background:#999; position:relative; }
#ha_slider .ui-tabs-panel .info{ position:absolute; bottom:-32px; left:0; padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; background: url('../images/transparent-bg.png'); width: 595px; }
#ha_slider .ui-tabs-panel .info a.hideshow{ position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333; }
#ha_slider .info h2{ font-size:1.2em; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; font-weight:normal; overflow:hidden; }
#ha_slider .info p{ margin:0 5px; font-family:"Lato"; font-size:14px; line-height:15px; color:#fff; }
#ha_slider .info a{ text-decoration:none; color:#ffba00; }
#ha_slider .info a:hover{ text-decoration:underline; }
#ha_slider .ui-tabs-hide{ display:none; }
#ha_slider .hr_container{ height: 8px; border-bottom: 1px solid #dfdfdf; margin-bottom: 8px; }

/*** SEITE DER VEREIN ***/
.page_derverein_img1 { }
.page_derverein_img2 { margin-top: 360px; }

/*** SEITE EINSATZORT ***/
.page_einsatzort_span { text-decoration: underline; }
.page_einsatzort_img2 { margin-top: 70px; }
.page_einsatzort_text_content { min-height: 850px; }

/*** SEITE GALERIE ***/
div.nomargin{ margin-right:0px; }
.pic{ float:left; margin:0 10px 10px 0; border:5px solid #dfdfdf; width:200px; height:250px; }
.pic a{ width:200px; height:250px; text-indent:-99999px; display:block;}

/*** SEITE KONTAKT ***/
.page_kontakt_content_text { text-align: center; }

/*** SEITE IMPRESSUM ***/
.page_impressum_content_text { text-align: center; }