/*BASIS*/
/*
blau: #009ee0
text grau: #3c3c3c
*/


html, body {height: 100%; min-width: 1228px;}
body {height: 100%; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 24px; color:#3c3c3c; background: #fff}
.bg-header {position: relative; width: 100%; height: 64px;  -webkit-box-shadow: 0 3px 5px 0 #5C5C5C; box-shadow: 0 3px 5px 0 #5C5C5C; z-index: 2}
.bgh-weiss {position: relative; width: 100%; height: 60px; background: #fff}
.bgh-blau {position: relative; width: 100%; height: 4px; background: #009ee0}
.container {position: relative; margin:0px auto; width: 1228px}


/*HEADER*/
header {position: relative; margin:0 auto; margin-top: -64px; width: 1228px; height: 141px; overflow: visible; z-index: 3}
.logo {position: absolute; top: 0px; left: 0px;/*background: url('../img/sprites.png') no-repeat -15px -16px; */width: 222px; height: 141px; overflow: visible}
nav.menu-hauptnavigation-container, nav.menu-hauptnavigation-en-container, nav.menu-hauptnavigation-fr-container {position: absolute; top: 6px; left: 224px}
header ul.menu {position: relative}
header ul.menu li {position: relative; float: left; margin: 0 21px 0 0}
header ul.menu li a, 
header ul.menu li a:visited {position: relative; display: block; padding: 18px 20px 27px 20px; height: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 14px; color:#009ee0; text-transform: uppercase; text-decoration: none}
header ul.menu li a:hover, 
header ul.menu li a:active,
header ul.menu li.current-menu-item a,
header ul.menu li.current_page_parent a,
header ul.menu li.current-page-ancestor a,
header ul.menu li.current-menu-ancestor a {padding: 18px 20px 23px 20px; border-bottom: 4px solid #009ee0;}
header ul.menu li.menu-item-has-children a:hover, 
header ul.menu li.menu-item-has-children a:active {padding: 18px 20px 27px 20px; border:none}

header ul.menu li.over a {background: #009ee0; color:#fff; transition-property: background; transition-duration: 0.5s}

header .submenu-pfeil {position: absolute; top: 20px; right: 20px; background: url('../img/sprites.png') no-repeat -256px -16px; width: 16px; height: 7px}

header ul.menu li ul.sub-menu {display: none; background: #009ee0; padding: 12px 0 0 0; -webkit-box-shadow: 1px 4px 4px 0 #3B3B3B; box-shadow: 1px 4px 4px 0 #3B3B3B}
header ul.menu li ul.sub-menu li {position: relative; float: none; white-space:nowrap;}
header ul.menu li ul.sub-menu {position: absolute; top: 55px; left: 0}
header ul.menu li ul.sub-menu li a,
header ul.menu li ul.sub-menu li a:visited {height: 13px; font-size: 13px; text-transform: uppercase; padding: 11px 20px 11px 20px ; color:#a3d2f0; text-decoration: none; border:none}
header ul.menu li ul.sub-menu li a:hover,
header ul.menu li ul.sub-menu li a:active,
header ul.menu li ul.sub-menu li.current-menu-item a{color:#fff; text-decoration: none; padding: 11px 20px 11px 20px; border:none}

header ul.menu li.menu-item-has-children ul li a:hover, 
header ul.menu li.menu-item-has-children ul li a:active {padding: 11px 20px 11px 20px; border:none; text-decoration: none}

.sprachauswahl {position: absolute; top: 62px; right:237px}
.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {border:none;}
.wpml-ls-legacy-list-horizontal {padding:0}
#lang_sel_list ul {background: #009ee0 !important; padding: 7px 12px 6px 12px !important; width: autox; text-align: center}
#lang_sel_list ul li {margin: 0 5px 0 0 !important}
#lang_sel_list ul li a {background: #009ee0 !important; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
#lang_sel_list ul li a.lang_sel_other {color:#a3d2f0 !important; }
#lang_sel_list ul li a.lang_sel_sel {color:#fff !important; }
#lang_sel_list ul li a:hover {color:#fff !important}


/*BILDWELT*/
.bw-inhalt {position: relative; width: 970px; margin:0 auto; z-index: 2; margin-top: 182px; height: 107px}
body.home .bw-inhalt {height: 482px}
.bwi-headline {position: relative; font-size: 48px; line-height: 40px; font-weight: bold; color: #fff}
.bwi-subline {font-size: 36px; font-weight: normal}

.bwi-direktlinks {position: relative; margin: 25px 0 0 0}
.direktlink {position: relative; display: inline-block; margin: 0 0 20px 0; line-height: 14px; color:#fff; padding:14px 11px 12px 11px; background: #009ee0; -webkit-box-shadow: 1px 3px 5px 0 #3B3B3B; box-shadow: 1px 3px 5px 0 #3B3B3B}
.direktlink.over, .teaser-box.over .direktlink, .direktlink.active {position: relative; display: inline-block; line-height: 14px; color: #009ee0; background: url('../img/bg_direktlink_over.jpg') repeat-x; -webkit-box-shadow: 0 3px 5px 0 #3B3B3B; box-shadow: 0 3px 5px 0 #3B3B3B}
.direktlink-pfeil {position: absolute; top: 0px; right: -19px; background: url('../img/sprites.png') no-repeat -310px -32px; width: 19px; height: 48px}
.direktlink.over .direktlink-pfeil, .teaser-box.over .direktlink-pfeil {background: url('../img/sprites.png') no-repeat -341px -32px}

.spendenbutton {position:absolute; top: -50px; right: 36px; background: url('../img/sprites.png') no-repeat -14px -167px; width: 157px; height: 139px; padding:53px 0 0 78px; font-size: 24px; line-height: 34px; color:#fff; font-weight: bold}
.spendenbutton.over {top: -55px; right: 31px; background: url('../img/sprites.png') no-repeat -258px -162px; width: 162px; height: 143px; padding:58px 0 0 84px;}
.spendenbutton.thailand {background: url('../img/sprites.png') no-repeat -14px -602px}
.spendenbutton.thailand.over {background: url('../img/sprites.png') no-repeat -258px -597px}
.spendenbutton .text-small {font-size:18px; line-height: 22px; font-weight: normal; width: 105px}

.bwi-stoerer {position: absolute; bottom: 0px;  left:50%; margin-left: -489px; color:#fff; font-size: 29px; line-height: 29px; font-weight: bold; background: url('../img/sprites.png') no-repeat -16px -377px; width: 996px; height: 52px; padding:30px 0 0 24px}



/*CONTENT*/
.content {position: relative; width: 1004px; margin: 0 auto; padding-bottom: 250px}
.breadcrumbs {width: 640px; margin: 25px 20px 10px 18px; float: left}
.fb-like-bt {position: relative; width: 310px; height: 22px; margin: 22px 0 0 0; float:right}
.left {position: relative; width: 640px; float:left; margin: 0 20px 0 13px}
.right {position: relative; width: 310px; float: left}
.left-fließtext {margin-left: 5px; width: 620px}
.left-fließtext p {margin-bottom: 20px;}

.left img, .right img, .partner-slider ul li img, .teaser-box-img, .com-member img {border: 5px solid #fff; -webkit-box-shadow: 0 0 5px 0 #B8B8B8; box-shadow: 0 0 5px 0 #B8B8B8;}

.p-filter {position: relative;}
.p-filter label {position: relative; height: 25px; display: block; float:left; font-size: 12px; line-height: 15px; margin: 0 10px 10px 0; width: 180px; cursor: pointer}
.p-filter-text {position: absolute; top: 5px; left: 28px}
.p-filter-checkbox {width: 20px}
.styled-check {position:absolute; top: -2px; left:0px; background: url('../img/checkbox.gif') no-repeat; width: 26px; height: 26px; z-index: 3}
.styled-check.active {background: url('../img/checkbox_active.gif') no-repeat}

.spende-bt-regelmaessig, .patenschaft-ruanda-bt {margin-right: 25px}

.content-spendenform {width: 970px; margin:0 0 0 13px}
.content-spendenform h2 {margin-bottom: 20px}
.spendenform-spalte1 {float: left; margin: 19px 0 0; width: 400px}
.spendenform-spalte2 {float: left; margin: 19px 0 0; width: 320px}
.spendenform-text-ssl {font-size: 12px}
.spendenform-text-sepa {width: 790px}

.spendenform-betrag {color:#009ee0; font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin-right: 20px;}
.spendenform-zahlungsrhythmus {color:#009ee0; font-size: 18px; font-family: Arial, Helvetica, sans-serif; margin-right: 10px}

#einmalig-spenden-form, 
#regelmaessig-spenden-form, 
#patenschaft-thailand-form, 
#patenschaft-ruanda-form {display:none}

#einmalig-spenden-form.active, 
#regelmaessig-spenden-form.active, 
#patenschaft-thailand-form.active , 
#patenschaft-ruanda-form.active {display:block}




/*TEASER*/
.start-teaser {margin-top: 4px}
.teaser-beschreibung {padding: 0 0 0 5px}
.teaser-datum {font-size: 10px; margin: 12px 0 0 0}
.teaser-headline {font-size: 24px; line-height: 30px; color: #009ee0; width: 620px; margin: 0 0 6px 0}
.teaser-text {width: 620px}

.teaser-boxen, .r-teaser-boxen {width: 970px; margin:0 0 0 13px}
.tb-archive {width: 990px}
.teaser-box-img {position: relative; width: 300px; height: 200px; overflow: hidden}
.teaser-box-beschreibung {padding: 0 0 0 5px}
.teaser-box {position: relative; width: 310px; margin: 0 20px 0 0; float:left}
.start-teaser.over .teaser-beschreibung, .teaser-box.over .teaser-box-beschreibung {background: #f2fafd; transition-property: background; transition-duration: 0.5s}
.teaser-box.last {margin-right: 0px}
.teaser-boxen .teaser-headline, .r-teaser-boxen .teaser-headline, 
.teaser-boxen .teaser-text, .r-teaser-boxen .teaser-text {width: 290px}

.teaser-box .teaser-link.direktlink  {position: absolute; left: 5px; bottom: 5px; margin:0; webkit-box-shadow: 1px 3px 5px 0 #B8B8B8; box-shadow: 1px 3px 5px 0 #B8B8B8}

.netzwerk-img {background: #d5d5d5; border: 5px solid #fff; -webkit-box-shadow: 0 0 5px 0 #B8B8B8; box-shadow: 0 0 5px 0 #B8B8B8}
.teaser-box.over .netzwerk-img {background: #009ee0; transition-property: background; transition-duration: 0.5s}


/*COMITTEE*/
.cont-comittee {position: relative; width: 970px; margin: 17px 0 0 13px}
.comittee-box {position: relative; margin: 0 auto; margin-bottom: 23px}
.com-member {position: relative; text-align: center; float: left; margin-right: 40px}
.com-member h4 {margin-bottom: 0}



/*TERMINE*/
.termin-box {position: relative; color:#009ee0; font-size: 18px; line-height: 24px; margin: 0 0 0 5px}
.alle-termine.link {position: absolute; top: 0px; right: 0px; font-size: 14px}
.t-datum {float: left; margin: 32px 10px 0 0}
.td-tag {font-size: 48px; line-height: 44px; margin: 0 0 7px 0}
.td-monat, .td-jahr {line-height: 20px}
.td-wochentag {font-size: 14px}
.t-text {float: left; width: 170px; margin: 32px 0 0 0}
.t-beschreibung {font-size: 12px; line-height: 22px}


/*NEWSLETTER*/
.newsletter-box {margin: 0 0 0 5px}

.tb-bananenkarte.over .teaser-box-beschreibung {background: transparent}
.bk-lupe {position: absolute; bottom:6px; left:15px; background: url('../img/sprites.png') no-repeat -537px -288px; width: 40px; height: 40px}
.tb-bananenkarte.over .bk-lupe {background: url('../img/sprites.png') no-repeat -623px -288px}
.content .tb-bananenkarte a, .content .tb-bananenkarte a:visited, .content .tb-bananenkarte a:hover, .content .tb-bananenkarte a:active  {text-decoration: none}


/*DOWNLOADS*/
.download-pdf {display: table}
.download-pdf-box {margin: 0 0 10px 0}
.pdf-icon {position: relative; background: url('../img/sprites.png') no-repeat -14px -483px; width: 72px; height: 76px; margin: 0 15px 0 0; float: left}
.download-text {position: relative; width: 528px; height:76px; display: table-cell; vertical-align: middle; padding:0 0 0 5px}
.download-pdf-box.over .download-text {background: #f2fafd; transition-property: background; transition-duration: 0.5s}
a.a-download, a.a-download:visited, a.a-download:active, a.a-download:hover, a.a-download .download-text, a.a-download:visited .download-text, a.a-download:hover .download-text, a.a-download:active .download-text {text-decoration: none !important; color: #3c3c3c}
a.a-download, a.a-download:visited, a.a-download:active, a.a-download:hover, a.a-download h3, a.a-download:visited h3, a.a-download:hover h3, a.a-download:active h3 {text-decoration: none !important}


/*FORMULARE*/

.form-row {margin:0 0 10px 0}
span.wpcf7-list-item {margin: 0;}

input[type='text'], input[type='email'] {background: #fff; -webkit-box-shadow: 0 0 5px 0 #B8B8B8; box-shadow: 0 0 5px 0 #B8B8B8; width: 320px; height: 38px; border:none; font-size: 14px; color:#afafaf; font-family: Arial, Helvetica, sans-serif; line-height: 14px; padding-left: 12px }
textarea {background: #fff; -webkit-box-shadow: 0 0 5px 0 #B8B8B8; box-shadow: 0 0 5px 0 #B8B8B8; width: 400px; height: 200px; border:none; font-size: 14px; color:#afafaf; font-family: Arial, Helvetica, sans-serif; line-height: 14px; padding-left: 12px; padding-top: 10px }
textarea.anmerkung {width: 320px}
input[type='submit'] {color:#009ee0; border:none; background: transparent; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin-top: 10px; cursor: pointer}
input[type='submit'].over {text-decoration: underline}

#newsletteranmeldung input[type='text'], #newsletteranmeldung input[type='email'] {width: 238px;}

input[type='text'].betrag {width: 150px}
input[type='text'].anzahl {width: 50px}
.form-row .direktlink {padding: 12px 11px 9px; cursor: pointer}
.form-row .direktlink.over input {color:#009ee0}

.spendenform-submit-bt-box {position: relative; width: 116px}
.patenform-submit-bt-box {position: relative; width: 136px}
input[type='submit'].spendenform-submit-bt, 
input[type='submit'].patenform-submit-bt {position: relative; display: block; color:#fff; padding:12px 11px 10px 11px; background: #009ee0; -webkit-box-shadow: 1px 3px 5px 0 #3B3B3B; box-shadow: 1px 3px 5px 0 #3B3B3B; width: 116px}
input[type='submit'].patenform-submit-bt {width: 136px}
.spendenform-submit-bt-box.over input, 
.patenform-submit-bt-box.over input {background: url('../img/bg_direktlink_over.jpg') repeat-x; color: #009ee0; text-decoration: none}
.spendenform-submit-bt-box.over .direktlink-pfeil, 
.patenform-submit-bt-box.over .direktlink-pfeil {background: url('../img/sprites.png') no-repeat -341px -32px}
.form-row .ajax-loader {display: none}

div.wpcf7-response-output {margin:0 0 20px 0; padding: 0; width: 400px; }
div.wpcf7-validation-errors {border:none; color:red}
div.wpcf7-mail-sent-ok {border:none; color:green}

div.wpcf7-response-output.wpcf7-mail-sent-ok {display:none !important}


/*KONTAKTBOX*/
.kontakt-box {margin: 0 0 0 5px; font-size: 12px; line-height: 20px; color:#009ee0}
.tel-icon {background: url('../img/sprites.png') no-repeat -759px -242px; width: 43px; height: 42px; float:left; width:60px; margin: 15px 0 0 0}
.email-icon {background: url('../img/sprites.png') no-repeat -761px -201px; width: 40px; height: 26px; float:left; width:60px; margin: 14px 0 0 0}
.tel-num, .email-adress {font-size: 24px; color:#009ee0; float:left; width: 180px}
.tel-num {margin: 27px 0 0 0}
.email-adress {margin: 17px 0 15px 0}

/*ACCORDION*/
.left .sp-easy-accordion .sp-ea-single .ea-header a {font-size: 18px; line-height: 24px;}


/*RIGHT*/
.projekt-nav-box {margin: 0 0 0 12px}
.projekt-nav-box .direktlink {width: 130px; margin-bottom: 10px; -webkit-box-shadow: 1px 3px 5px 0 #B8B8B8; box-shadow: 1px 3px 5px 0 #B8B8B8}
.gb-thumb {cursor: pointer}
.gb-lupe {position: absolute; bottom:6px; left:15px; background: url('../img/sprites.png') no-repeat -537px -243px; width: 39px; height: 35px; color:#fff; padding: 5px 0 0 31px}
.gb-thumb.over .gb-lupe {background: url('../img/sprites.png') no-repeat -623px -243px;}
.gb-zahl {width: 32px; height: 32px; text-align: center}
.galerie-box {position: relative}
.r-teaser-boxen {width: 310px; margin: 0}
.r-teaser-boxen .teaser-box {margin: 0 0 22px 0}






/*FOOTER*/
footer {width: 970px; margin:0 0 0 13px; color:#009ee0; font-size: 12px; line-height: 20px}
.f-copy {float: left; margin: 0 18px 0 0}
.f-nav {float: left; margin: 0 0px 0 0}
.f-nav ul.menu {font-size: 12px;}
.f-nav ul.menu li {position: relative; list-style: none; float: left; margin: 4px 0 0 0}
.f-nav ul.menu li a,
.f-nav ul.menu li a:visited {font-size: 12px; text-transform: none; padding: 0; line-height: 12px; border-right: 1px solid #009ee0; display: block; padding: 0 20px}
.f-nav ul.menu li a:hover,
.f-nav ul.menu li a:active,
.f-nav ul.menu li.over a {font-size: 12px; text-transform: none; line-height: 12px; background: none; text-decoration: underline}
.f-nav ul.menu li.first a {padding-left:0}
.f-nav ul.menu li ul {display:block; position: absolute; top: 20px; left:0}
.f-nav ul.menu li ul li {margin: 0}
.f-nav ul.menu li ul li a {background: none; border: none}
.f-dzi-logo {float: right; margin: 5px 0px 0 0; background: url('../img/sprites.png') no-repeat -534px -151px; width: 48px; height: 72px;}
.f-ngo-logo {float: right; margin: 5px 0px 0 0; background: url('../img/sprites.png') no-repeat -149px -476px; width: 81px; height: 90px;}
.f-hhn-logo {float: left; margin: 5px 38px 0 0; background: url('../img/sprites.png') no-repeat -622px -151px; width: 115px; height: 70px}
.f-adresse {float: right; margin-left:20px}
.f-spendenkonto {color:#009ee0; margin: 0 0 0 18px; font-size: 12px;}
.f-spendenkonto.top {color:#3c3c3c}
.f-spendenkonto-abs {padding: 0 20px}




/*STYLES*/

/*
blau: #009ee0
text grau: #3c3c3c
*/

hr {border:none; background: #e5f5fc; height: 3px; width: 100%}
.content hr {width: 970px; margin: 30px 0 30px 13px}
.content hr.first {margin: 12px 0 16px 13px}
.left hr {width: 640px; margin: 30px 0 30px 0}
.right hr {width: 310px; margin: 22px 0 26px 0}
hr.hr-footer {margin: 30px 0 25px 13px}
hr.hr-footer2 {margin: 26px 0 25px 13px}
hr.hr-right-first {margin-top: 0px}
.content-spendenform hr {margin-left: 0}
hr.tb-hr {margin: 30px 0}

.link {color: #009ee0}
.over .link {text-decoration: underline}

.content a,.content a:visited {color: #009ee0; text-decoration: none}
.content a:hover, .content a:active {color: #009ee0; text-decoration: underline}

h1 {color:#009ee0; font-size: 24px; line-height: 30px; font-family: Arial, Helvetica, sans-serif}
.left h1, .left h2 {margin-bottom: 7px}
h2 {color:#009ee0; font-size: 22px; line-height: 28px; font-family: Arial, Helvetica, sans-serif}
h3 {color:#009ee0; font-size: 18px; font-family: Arial, Helvetica, sans-serif}
h4 {color:#009ee0; font-size: 16px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 8px 0}
h5 {color:#009ee0; font-size: 12px; font-family: Arial, Helvetica, sans-serif}
.newsletter-box h3 {margin-bottom:14px}
.teaser-boxen h3, .r-teaser-boxen h3, .galerie-box h3 {margin-bottom: 13px; margin-left: 5px}
.partner-slider h3 {margin-bottom: 13px; margin-left: 13px}
.teaser-box-beschreibung h3 {margin:0 0 6px 0}
h3.projekte {margin-top: 14px}

b, strong {font-weight: bold;} 
i {font-style: italic;}

.content ul li {list-style: disc; margin: 0 0 7px 14px}

.wpmlbc-content {position: relative; width: 1004px; margin: 0 auto}
/*.breadcrumbs.wpmlbc {position: absolute; top: 430px; left: 0px; z-index: 9999}*/
body.home .breadcrumbs.wpmlbc {top: 810px}
.breadcrumbs { font-size: 12px;}
.breadcrumbs-pfad {color:#3c3c3c;}
.breadcrumbs-pfad a, .breadcrumbs-pfad a:visited {color:#3c3c3c; text-decoration: none}
.breadcrumbs-pfad a:active, .breadcrumbs-pfad a:hover {color:#3c3c3c; text-decoration: underline}


/*TABELLEN*/

table {position: relative; width: 578px; font-size: 14px; line-height: auto}
tr td {padding: 8px 3px; border: 1px solid #fff}
.content .left table tr td hr {padding: 0; width: 620px; background: #fff}
tr.tr2 td {background: #fff}
tr.ergebnis td {border-top: 1px solid #3c3c3c; padding-top: 25px}

/*PARTNER ORGANISATIONEN SLIDER*/
.partner-slider {width: 1004px; height: 180px; margin:0 0 0 0px}
.partner-slider ul li {padding: 10px}