@font-face {
    font-family: 'playtime';
    src: url('../template/fonts/playtime.eot');
    src: url('../template/fonts/playtime.eot?#iefix') format('embedded-opentype'),
         url('../template/fonts/playtime.woff') format('woff'),
         url('../template/fonts/playtime.ttf') format('truetype'),
         url('../template/fonts/playtime.svg#playtime') format('svg');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0 }
body { color: #535353; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.1em; height: 100% }
h1 { color: #115b9d; font-size: 110%; font-weight: bold; margin: 0 0 22px 0; padding: 0 0 5px 0; width: 100% }
h1.green { color: #17894b; margin: 0 0 5px 0 }
.startpageFW h1 { margin: 0 }
h2 { color: #115b9d; font-size: 100%;font-weight: bold;  margin: 30px 0 5px 0 }
h2.green { color: #17894b }
.startpageFW h2 { margin: 0 0 22px 0 }
#tabs h2 { margin: 0 }
h3 { font-size: 95%; font-weight: bold; margin: 0 0 5px 0 }
h4 { color: #115b9d; font-size: 90%; font-weight: bold; margin: 0  }
p { font-size: 95%; line-height: 142%; margin: 0 0 15px 0 }

ul, dl { font-size: 95%; padding: 0 0 0 14px }
ol { font-size: 95%; padding: 0 0 0 25px }
ul li { list-style-type: none }
ol li { list-style-type: decimal; list-style-image: none; padding: 0 0 0 10px }
li p { font-size: 100% }

table { font-size: 95%; border-spacing: 0; margin: 0 0 15px 0 }
caption { position: absolute; left: -90000px }
th { background: #cadff0; font-weight: bold; text-align: left; padding: 1%; width: 35% }
td { vertical-align: top; border-bottom: 1px solid #cfcfcf; padding: 1% 0; width: 15% }
td p { margin: 0 0 0 0 }
.tr-odd td, .tr-odd th { background: #e4eff7 }

blockquote { color: #115b9d; font-size: 120%; line-height: 150% }
blockqoute h2 { font-size: 120%; font-weight: bold }

fieldset { border: none; margin: 15px 0 }
fieldset div { margin: 10px 0 }
legend { font-size: 95%; font-weight: bold }
label { width: 220px !important; display: block; float: left }
input, select, textarea, button { border: 1px solid #115b9d; border-radius: 5px; background: #fff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 95%; margin: 0 0 3px 0; padding: 2px }
input[type="submit"] { background: #115b9d; color: #fff; margin-left: 220px }

a { color: #115b9d }
a:hover { color: #115b9d; text-decoration: none }
a img { border: none !important }

.generalHeader { position: relative; background: #fff }
.generalHeader .headerContainer { position: relative; margin: 0 auto; max-width: 920px }
.logoPosition, .logoPositionInactive { background: #fff; text-align: center }

.sbkHeaderSearch { margin: 25px auto -15px auto; padding: 0 10px; max-width: 900px }

.rmenu { margin: 0; padding: 0; border-top: 1px solid #000 }
.rmenu ul { margin: 0; padding: 0 }
.rmenu h3.rmenuHeadline { background: #afd5b0; font-size: 85%; font-weight: bold; text-align: center; padding: 3px 0 5px 0 }
.rmenu a { display: block; color: #17894b; text-decoration: none; padding: 0 0 5px 5px }
.rmenu span { display: block; color: #fff; background: #afd5b0; margin: 0 0 5px 0; padding: 0 0 0 5px }
.rmenu a:hover { color: #115b9d }
.rmenu li { list-style-type: none }
.rmenu li:hover { padding-bottom: 0 }
.rmenu li:hover ul { border: none }
.rmenu li:hover li { display: block }
.rmenu li:hover h3 { border-bottom: 1px solid #17894b }
.rmenu li li:hover {  }
.rmenu li li { display: none }
.rmenu li li { border-bottom: 1px solid #17894b; background: #fff; font-size: 100%; font-weight: bold; text-align: center; padding: 10px 0 0 0!important; }
.rmenu li li li { border-bottom: none; font-size: 85%; font-weight: normal; padding: 8px 0 5px !important }

#container { position: relative; background: #fff; padding: 20px 0 0 0 }

.bread, #banner { position: absolute; left: -90000px }
.shortCut { margin-left: 10px }

#content { position: relative; padding: 0 10px 20px 10px; margin: 0 auto; max-width: 920px }
#content img {}

#content ul { margin: 0 0 15px 20px }
#content ul li { list-style-type: disc; margin-bottom: 10px }

.content-main {  }

.startpage .content-left-small h2, .startpage .content-left-small h2 a { color: #17894b }
.content-center-small h2 a { color: #115b9d }
.content-right-small h2 a { color: #115b9d }
.content-left-small .csc-menu-1, .content-center-small .csc-menu-1, .content-right-small .csc-menu-1 { margin: 0 0 15px 3px !important }
.startpage .content-left-small, .startpage .content-center-small, .startpage .content-right-small { margin: 0 auto 10px auto; max-width: 920px }

.content-top { margin: 0 0 30px 0 }
.startpage .content-top { margin: 0 0 30px 0 }
.content-bottom { clear: both }

.heighlight { background: #fff; border: 1px solid #bbb; padding: 20px }
.heighlight:hover { box-shadow: 2px 2px 15px 0 #7c7c7c }
.heighlight h2 { text-align: center }
.heighlight a { color: #7c7c7c; text-decoration: none }

.heighlightTeaser { background: #f5f5f5; padding: 30px 0 0 0; min-height: 50px }

.teaser { border: 2px solid #ea0000; border-radius: 5px; text-align: center; padding: 15px 0 0 0; margin: 0 0 20px 0 }

.menuLeft, .postit, .banner { display: none }

.lvmembers { padding-top: 25px }
.membertitle {  }
.lvMemberList { padding: 0 }
.lvMemberList li { list-style-type: none; float: left; margin-right: 3%; width: 45% }
.lvMemberList dd dl dd { border-bottom: 1px solid #000 !important }
.lvMemberList dd dl h3 { padding-top: 10px }

.sustainingMembers { padding: 0 !important }
.sustainingMembers li { display: inline-block; vertical-align: top; text-align: center; margin: 0 1% 0 0; min-height: 180px; width: 32% }
.sustainingMembers a { color: #535353; text-decoration: none }

.footerText { clear: both; background: #f5f5f5; min-height: 30px }
.startpage .footerText { min-height: 1px }
.footerText div, .footerText article, .footerText p { margin: 0 auto; padding: 15px 0; max-width: 920px }
.footerText article { padding-bottom: 20px }

#generalFoot { clear: both; background: #17894b }
.sitemap { background: #afd5b0;
  background: -moz-linear-gradient(top, #afd5b0 0%, #a5c6a5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afd5b0), color-stop(100%,#a5c6a5));
  background: -webkit-linear-gradient(top, #afd5b0 0%,#a5c6a5 100%);
  background: -o-linear-gradient(top, #afd5b0 0%,#a5c6a5 100%);
  background: -ms-linear-gradient(top, #afd5b0 0%,#a5c6a5 100%);
  background: linear-gradient(to bottom, #afd5b0 0%,#a5c6a5 100%);
  min-height: 50px }
.sitemap h3, .sitemap ul { display: none }

.copyright  { font-size: 80%; color: #fff; text-align: center; padding: 40px 0; margin: 0 auto; max-width: 920px; height: 40px }

.clear { clear: both }
.align-right { text-align: right }
.hidden { display: none }
.noMarginTop { margin-top: 0 !important }
.error { border: 1px solid #9D1301; padding: 30px; margin: 0; width: 920px }
.noscript { display: block; font-size: 100%; color: #9D1301; text-align: center; background: #ffeeee; border-top: 1px solid #9D1301; border-bottom: 1px solid #9D1301; padding: 10px 0; margin: 0 auto 10px auto; width: 100% }
.subheader { font-size: 100%; color: #7c7c7c; font-weight: bold; margin-top: -20px }
.csc-form-element-submit { margin-left: 178px !important }
.uploads { margin: 0 0 15px 0 !important; padding: 0 }
.uploads li { list-style-type: none !important; clear: both }
.uploads li img { float: left; margin: 0 10px 0 0 }
.filesize { font-size: 80%; padding-left: 10px }
.filesize::before { content: "(" }
.filesize::after { content: ")" }
.uploads-description { display: block; font-size: 80%; padding-left: 30px }
.image-caption { font-size: 65% }
.csc-textpic-caption-r { text-align: left !important }
.pestIndex .bioName { font-size: 80%; font-style: italic }
dl.csc-menu-4 { padding: 0 !important; margin: 0 !important }
.csc-menu-4 dd { margin-bottom: 15px }
.donwsize { color: #535353; font-size: 80%; font-weight: normal }

/* mailform */
.content-right-small230 .tx-powermail h3 { position: absolute; left: -90000px }
.content-right-small230 .tx-powermail input, .content-right-small230 .tx-powermail select, .content-right-small230 .tx-powermail textarea {
  width: 190px }
.content-right-small230 .tx-powermail input[type="submit"] { margin-left: 0 }
.tx-powermail h2 { margin: 0 0 10px 0 }

.formError .formErrorContent { z-index: 991 }
.formError .formErrorContent { position: relative; color: #FFF; width: 150px; font-size: 80%; border: 1px solid #DDD; padding: 4px 10px; background: #9D1301 }
.formError .formErrorArrow { width: 15px;margin: -2px 0px 0px 13px; position: relative }
.formError .formErrorArrow { z-index: 996 }

/* login */
.tx-felogin-pi1 input[type="submit"] { margin: 0 }
.felogin-user { font-weight: bold }
.tx-felogin-pi1 legend { display: none }

/* news */
.page-navigation { clear: both }
.page-navigation p { font-size: 85%; color: #bbb; margin: 5px 0 0 0 !important }
.page-navigation ul { display: block; padding: 5px 0; margin: 0 auto !important }
.page-navigation li { float: left; list-style-type: none !important; font-size: 85%; text-align:center; margin: 0 5px 0 0; padding: 0 2px; background: #fff; border: 1px solid #115b9d; border-radius: 5px; min-width: 20px; height: 20px }
.page-navigation li:hover { background: #f5f5f5 }
.page-navigation li.current { background: #115b9d; color:#fff }
.page-navigation a { text-decoration: none }

.news-date { display: none }
.news-category { font-size: 80%; font-weight: normal; color: #535353; margin: 0 0 5px 0 !important }
.news-category a { color: #535353 }

.news article:first-child { border-top: none !important }
.news article { clear: both; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; margin: 0 0 5px 0 }
.news article h2 { margin: 10px 0 5px 0 }
.news article .news-list-img { float: left; margin: 0 10px 0 0 }
.news article .more { clear: both; display: block; text-align: right; text-decoration: none; font-size: 85% }

.single-news {}
.single-news .content-right-small230 { font-size: 90% !important }
.single-news .content-right-small230 ul { margin: 0 0 15px 3px !important }
.single-news .first-image { margin: 0 0 10px 0 }
.single-news .first-image .caption, .single-news .media-image .caption { font-size: 65% !important; margin: 0 0 5px 0 !important }
.single-news .summary { color: #115b9d; font-weight: bold;  margin: 30px 0 }
.single-news .summary p { font-size: 100%; margin: 0 }
.single-news .news-images {  }
.single-news .media-image { float: left; margin: 0 5px 0 0 }

.news-file-size { font-size: 80%; white-space: nowrap }

/* tabs */
.ui-widget-content { margin-bottom: 15px }
.ui-tabs .ui-tabs-nav { margin: 0 !important }
.ui-tabs .ui-tabs-nav li { list-style: none !important }
.ui-tabs .ui-tabs-panel { padding: 0 1em 1.4em 1em }

/* google maps */
#map-canvas { margin: 0 0 15px 0 !important; width: 300px; height: 350px !important }
#map-canvas .firstHeading { color: #115b9d; font-size: 125%; margin: 0 0 5px 0 }
#map-canvas p { font-size: 100%; line-height: 120%; margin: 0 0 15px 0  }

.sbkSearchMap { width: 300px; height: 500px; margin: 13px 0 }
.sbkSearchRoute { width: 300px }
.infoWindow { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 120% }
.odd { clear:both; margin: 0 0 25px 0 }

.sbkResultTable { padding: 0 }
.sbkResultTable li { list-style-type: none; float: left; margin-right: 2%; width: 45% }

.frame-copyrightPestInfo { font-size: 80% }

/* resp adap */
@media screen and (min-width: 590px) {
body { background: #17894b url(../template/images/bg-foot.jpg) no-repeat fixed center bottom; background-size: cover }
.generalHeader { position: relative; background: #17894b url(../template/images/bg-header.jpg) no-repeat center top; background-size: cover; border-bottom: 1px solid #535353; padding-top: 255px; min-height: 10px }
.logoPosition, .logoPositionInactive { position: absolute; top: -231px; right: 30px; margin: 0; padding: 5px 0 0 0; border: 1px solid #535353; border-bottom: none; width: 230px; height: 225px }
.logoPosition p, .logoPositionInactive p { margin: 0 !important }
.homeLink img { margin-top: 15px }
.associationsFW .homeLink img { margin-top: 0px }

.sbksearch { position: absolute; top: -229px; left: 10px; background: #fff }
.logoPositionFaireWespe { background: #fff; text-align: center; margin: 0 auto -15px 0; border: 1px solid #000; padding: 7px 0 0 0; width: 230px }
.logoPositionFaireWespe p { margin: 0 !important }

.sbkHeaderSearch, .sbkHeaderSearchActive { text-align: center; padding: 0; margin: 0 }
.sbkHeaderSearch p, .sbkHeaderSearchActive p { margin: 0 }
.sbkHeaderSearch a, .sbkHeaderSearchActive a { display: block; background: #f5f5f5 url(../template/images/search.png) no-repeat center; color: rgba(83,83,83,0.0); font-size: 0%; font-weight: bold; text-decoration: none; border: 1px solid #535353; padding: 20px; width: 188px; height: 188px }
.sbkHeaderSearch a:hover, .sbkHeaderSearchActive a:hover { background: #fff url(../template/images/search.png) no-repeat center; text-decoration: underline }
.startpage .sbkHeaderSearch a { background: #fff url(../template/images/search.png) no-repeat center }
.startpage .sbkHeaderSearch a:hover { background: #f5f5f5 url(../template/images/search.png) no-repeat center; }

.sbkHeaderSearchActive a { position: absolute; top: 0; left: 0; background: #fff url(../template/images/search.png) no-repeat center; border-bottom: 1px solid #fff !important }

.rmenu h3.rmenuHeadline { margin: 0 }
/*.sbkHeaderSearch { background: #fff; margin: 0 auto -15px 0; padding: 10px 10px 0 10px; max-width: 900px }
.logoPositionFaireWespe { background: #fff; margin: 0 auto -15px 0; padding: 10px 10px 0 10px; max-width: 900px } */

.heighlight { margin: 10px !important }

.content-right-small230 .tx-powermail input[type="submit"] { margin-left: 220px }

.single-news .first-image { float: right; margin: 10px 0 0 10px }

#map-canvas { width: 580px; height: 400px !important }
}

@media screen and (min-width: 760px) {
h1 { font-size: 180% }
h2 { font-size: 120% }

.single-news .summary p { font-size: 120% }

#map-canvas { width: 750px }

.sbkSearchPest { margin: 0; padding: 0 }
.sbkSearchPest div { float: left; margin: 3px 0px; width: 25% }
.sbkSearchPest label { width: 200px !important; display: block; float: left }
.sbkSearchForm input[type="submit"] { margin-left: 0 !important }

}

@media screen and (min-width: 1024px) {

body { background: #17894b url(../template/images/bg-foot.jpg) no-repeat fixed center bottom; background-size: cover }

.generalHeader { border-bottom: 1px solid #535353; min-height: 0 }
.startpage .generalHeader { height: 282px }
.startpage .headerContainer { min-height: 260px }
.logoPosition, .logoPositionInactive { top: -229px; right: 0 }
.startpage .logoPosition { border: 1px solid #535353 }
.logoPositionInactive { background: #f5f5f5; border-bottom: 1px solid #535353; height: 223px }
.logoPositionInactive:hover { background: #fff }

.startpage .sbksearch { top: 27px }
.sbksearch { position: absolute; top: -229px; left: 0; background: #fff; width: 230px }
.logoPositionFaireWespe { padding: 10px 10px 0 10px }

.rmenu { display: none }

#banner { position: absolute; top: 0; left: 50%; margin-left: -460px; font-size: 80%; width: 920px }
.frame-lime, .frame-lightblue, .frame-darkgreen, .frame-darkblue { position: absolute; border: 2px solid #afd5b0; width: 226px; height: 226px; overflow: hidden }
.frame-lime { top: -229px; left: 0 }
.frame-lightblue { top: -229px; left: 50%; margin-left: -115px }
.frame-darkgreen { top: 27px; left: 50%; margin-left: -115px }
.frame-darkblue { top: 27px; right: 0 }

#content { min-height: 250px }
#content h1 { padding-right: 250px; max-width: 670px }
.startpage #content h1 { padding: 0; max-width: 920px }

.bread { position: relative; left: 0; font-size: 80%; margin: 0 auto 40px auto; max-width: 920px }
.startpage .bread { left: -230px; margin: 0 auto; max-width: 460px }
.shortCut { position: relative; top: -34px;right: -230px !important; text-align: right; font-size: 80%; margin: 0 auto; max-width: 460px }

.content-left { float: left; width: 50% }

.startpage .content-left-small h2, .startpage .content-left-small h2 a { color: #17894b }

.content-center { float: left; width: 30% }
.content-center-small h2 a { color: #115b9d }

.content-right { float: right; width: 50% }
.content-right-small230 { float: right; font-size: 80%; border: 1px solid #bbb; padding: 20px; margin: 10px 0 10px 30px; width: 190px }
.content-right-small230 .uploads li { margin: 0 0 1em 0px !important }
.content-right-small230 .uploads img { padding: 0 0.25em 1em 0 }
.content-right-small230 .image-caption { font-size: 80% }

.content-right-small230 .tx-powermail input[type="submit"] { margin-left: 0 }

.startpage .heighlight { margin-left: 0px !important; margin-right: 115px !important }
.startpage .heighlight h2 { font-size: 107%; margin: 30px 0 15px 0 }

.content-left-small, .content-center-small, .content-right-small { float: left; margin-right: 17px; width: 295px }
.content-right-small, .startpage .content-right-small { margin-right: 0 !important }
.startpage .content-left-small, .startpage .content-center-small, .startpage .content-right-small { margin-bottom: 10px; width: 188px; min-height: 425px }
.content-left-small .pestIndex .bioName, .content-center-small .pestIndex .bioName, .content-right-small .pestIndex .bioName { display: block }

.heighlightTeaser div { margin: 0 auto; max-width: 920px }
.heighlightTeaser div.clear { padding: 0 0 40px 0 }

.menuLeft { display: block; position: absolute; top: 0; right: 11px; z-index: 100; box-shadow: 2px 2px 15px 0 #7c7c7c; border-radius: 5px 5px 5px 5px; padding: 0; margin: 0 !important; width: 230px }
.menuLeft ul { background: #fff; border: 1px solid #17894b; border-radius: 5px 5px 5px 5px; margin: 0 !important; padding: 0 }
.menuLeft li { list-style-type: none !important; margin-bottom: 0 !important }
.menuLeft h3.menuHeadline { background: url(../template/images/bg-menuleft.png) no-repeat center; font-size: 90%; font-weight: bold; color: #17894b; text-align: center; padding: 5px 0 5px 0; margin: 0 }
.menuLeft ul ul { background: #fff; font-size: 90%; margin: 3px; border: none; border-radius: 0 0 5px 5px !important }
.menuLeft a { display: block; color: #17894b; text-decoration: none; padding: 0 0 10px 0 }
.menuLeft span { display: block; color: #fff; background: #a5c6a5; margin: 0 }
.menuLeft a:hover { color: #115b9d }
.menuLeft li li { display: none }
.menuLeft li:hover { padding-bottom: 0 }
.menuLeft li:hover ul {   }
.menuLeft li:hover li { display: block }
.menuLeft li:hover h3 { border-bottom: 1px solid #17894b }
.menuLeft li li:hover {  }
.menuLeft li li { border-bottom: 1px solid #a5c6a5; color: #17894b; font-size: 100%; font-weight: bold; text-align: center; padding: 10px 0 0 0!important }
.menuLeft li li:last-child { border-bottom: none }
.menuLeft li li li { border-bottom: none; font-size: 100%; font-weight: normal; text-align: left; padding: 0 !important }
.menuLeft li li li a, .menuLeft li li li span { padding: 5px 10px 2px 10px !important }
.menuLeft li li li li a, .menuLeft li li li li span { padding: 3px 5px 1px 30px !important }

#generalFoot { background: none }

.sitemap { font-size: 75% }
.sitemap h3 { position: absolute; left: -90000px }
.sitemap ul { display: block; color: #fff; padding: 20px 0; margin: 0 auto; max-width: 920px }
.sitemap li:first-child { width: 240px }
.sitemap li:last-child { margin: 0; width: 170px }
.sitemap li { float: left; font-weight: bold; margin: 0 20px 0 0; width: 225px }
.sitemap ul ul { padding: 8px 0 0 0; margin: 0 }
.sitemap ul li ul li { float: none; font-weight: normal; max-width: 100% }
.sitemap a { color: #fff; text-decoration: none }
.sitemap a:hover { color: #fff; text-decoration: underline }
.sitemap div.clear { padding: 0 0 30px 0 }

.copyright { text-align: right }

#map-canvas { width: 920px; height: 400px !important }

.sbkSearchMap { width: 920px; height: 500px; margin-top: 13px }
.sbkSearchRoute { width: 920px }

.postit { display: block; font-family: playtime; font-weight: normal; margin-top: 50px; position: absolute; top: 10px; right: 0px; z-index: 150; width: 350px }

.note {
  color: #2f53a7;
  position: relative;
  width: 280px;
  min-height: 270px;
  margin: 10px auto;
  padding: 20px;
  font-family: playtime; font-size: 100% !important;
  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
}
.note h1 { font-size: 140%; text-align: center; margin: 0 0 10px 0 }
.note p { font-size: 115% !important }

.yellow {
  background: #eae672;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}

}

@media screen and (max-width: 420px) {
h1 { font-size: 120% }
}