html{
height:100.05%;
}
body {
text-align: center;
background-color: #F2EFDC;
font-family:Georgia, "Times New Roman", Times, serif;
color:#76560C;
font-size: 13px;
margin:0;
padding:0;
}
#containerHeader {
width:100%;
background-color:#FD8B00;
}
#header {
position:relative;
width:790px;
height:180px;
z-index:1;
margin-left:auto;
margin-right:auto;
}
body#Home #header {
height:251px;
}
#logo {
float:left;
width:150px;
height:180px;
background: transparent url(../images/dai_logo.gif) no-repeat;
}
#logo h1 {
background: transparent url(../images/dai_logo.gif) no-repeat;
width: 150px;
height: 150px;
margin: 0px;
padding: 0;
}
#logo h1 a {
display: block;
width: 150px;
height: 150px;
margin: 0;
padding: 0;
}
#logo h1 span{
display: none;
}
#headerteaser {
float:left;
width:640px;
height:180px;
background: transparent url(../images/header_teaser.jpg) no-repeat;
}
body#Home #headerteaser {height:251px;background: transparent url(../images/header_teaser-home.jpg) no-repeat;}
body#Blog #headerteaser {background: transparent url(../images/header_02.jpg) no-repeat;}
body#Projekte #headerteaser {background: transparent url(../images/header_04.jpg) no-repeat;}
body#Afghanistan #headerteaser {background: transparent url(../images/header_05.jpg) no-repeat;}
body#Kontakt #headerteaser {background: transparent url(../images/header_06.jpg) no-repeat;}
#containerNavigation {
position:relative;
width:100%;
margin:0;
border-top: 1px solid white;
background:transparent url(../images/bg_navi.gif) repeat-x;
}
#navigation {
position:relative;
width:810px;
height:20px;
margin-left:auto;
margin-right:auto;
}
#navigationKrakkel{
width:790px;
height:35px;
margin-left:auto;
margin-right:auto;
background:transparent url(../images/krakkel.gif) no-repeat right;
}
#containerContent{
position:relative;
width:100%;
background-color:#FAF8E9;
}
#content{
position:relative;
width:790px;
margin-left:auto;
margin-right:auto;
padding:0;
text-align:left;
}
#containerAbschluss{
width:100%;
border-top: 1px solid #D8CBA3;
border-bottom: 1px solid #D8CBA3;
clear:both;
background-color:#FAF8E9;
}
#abschluss {
width:790px;
height:20px;
margin-left:auto;
margin-right:auto;
color:#C2B081;
font-size:10px;
line-height:21px;
text-align:left;
}
#containerFooter{
width:100%;
height:50px;
}
#footer {
width:790px;
height:50px;
background:transparent url(../images/krakkel_footer.gif) no-repeat;
margin-left:auto;
margin-right:auto;
}
.nodisplay {
display:none;
}
/* DIVS INHALT 3-Spaltig*/
#inhalt {
text-align:left;
width:400px;
padding: 0;
float:left;
line-height:150%;
}
#linkerBalken {
text-align: left;
float: left;
width: 180px;
margin: 0;
padding: 0;
}
#rechterBalken {
text-align:left;
float: right;
width: 180px;
margin: 0;
padding: 0;
line-height:155%;
}
#topButton {
position:absolute;bottom:44px;right:0;width:180px;height:20px;
}
/* Hauptnavigation */
ul#TopNavi {
position: absolute;
z-index: 100;
top:0px;
left:0px;
margin: 0;
width: 810px;
height:20px;
list-style-type: none;
overflow:hidden;
}
ul#TopNavi li a {
position: absolute;
top: 0;
left: 0;
width: 140px;
text-indent: -9000px;
text-decoration: none;
padding: 24px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:24px; /* IE5/Win */
background: transparent url(../images/topnavi.gif) no-repeat;
}
body#Home ul#TopNavi { background: transparent url(/_elements/images/topnavi.gif) no-repeat 0 0;}
body#Blog ul#TopNavi { background: transparent url(/_elements/images/topnavi.gif) no-repeat 0 -60px;}
body#UeberUns ul#TopNavi { background: transparent url(/_elements/images/topnavi.gif) no-repeat 0 -80px;}
body#Projekte ul#TopNavi { background: transparent url(/_elements/images/topnavi.gif) no-repeat 0 -100px;}
body#Afghanistan ul#TopNavi { background: transparent url(/_elements/images/topnavi.gif) no-repeat 0 -120px;}
body#Kontakt ul#TopNavi { background: transparent url(/_elements/images/topnavi.gif) no-repeat 0 -140px;}
body#Allgemein ul#TopNavi { background: transparent url(/_elements/images/topnavi.gif) no-repeat 0 0;}
ul#TopNavi ul {
display:none;
}
ul#TopNavi ul li a {
display:none;
}
body#Home li#home a { background-position: 0px 0px; width: 49px; left: 0; }
body#Home li#home a:hover { background-position: 0px -20px; }
body#Home li#blog a { background-position: -180px 0px; width: 45px; left: 180px; top: 0}
body#Home li#blog a:hover { background-position: -180px -20px; }
body#Home li#ueberuns a { background-position: -250px 0px; width: 72px; left: 250px; top: 0}
body#Home li#ueberuns a:hover { background-position: -250px -20px; }
body#Home li#projekte a { background-position: -347px 0px; width: 67px; left: 347px; top: 0}
body#Home li#projekte a:hover { background-position: -347px -20px; }
body#Home li#afghanistan a { background-position: -439px 0px; width: 90px; left: 439px; top: 0}
body#Home li#afghanistan a:hover{ background-position: -439px -20px; }
body#Home li#kontakt a { background-position: -554px 0px; width: 65px; left: 554px; top: 0}
body#Home li#kontakt a:hover { background-position: -554px -20px; }
body#Blog li#home a { background-position: 0px 0px; width: 49px; left: 0; }
body#Blog li#home a:hover { background-position: 0px -20px; }
body#Blog li#blog a { background-position: -180px -20px; width: 45px; left: 180px; top: 0}
body#Blog li#blog a:hover { background-position: -180px -20px; }
body#Blog li#ueberuns a { background-position: -250px 0px; width: 72px; left: 250px; top: 0}
body#Blog li#ueberuns a:hover { background-position: -250px -20px; }
body#Blog li#projekte a { background-position: -347px 0px; width: 67px; left: 347px; top: 0}
body#Blog li#projekte a:hover { background-position: -347px -20px; }
body#Blog li#afghanistan a { background-position: -439px 0px; width: 90px; left: 439px; top: 0}
body#Blog li#afghanistan a:hover { background-position: -439px -20px; }
body#Blog li#kontakt a { background-position: -554px 0px; width: 65px; left: 554px; top: 0}
body#Blog li#kontakt a:hover { background-position: -554px -20px; }
body#UeberUns li#home a { background-position: 0px 0px; width: 49px; left: 0; }
body#UeberUns li#home a:hover { background-position: 0px -20px; }
body#UeberUns li#blog a { background-position: -180px 0px; width: 45px; left: 180px; top: 0}
body#UeberUns li#blog a:hover { background-position: -180px -20px; }
body#UeberUns li#ueberuns a { background-position: -250px -20px; width: 72px; left: 250px; top: 0}
body#UeberUns li#ueberuns a:hover { background-position: -250px -20px; }
body#UeberUns li#projekte a { background-position: -347px 0px; width: 67px; left: 347px; top: 0}
body#UeberUns li#projekte a:hover { background-position: -347px -20px; }
body#UeberUns li#afghanistan a { background-position: -439px 0px; width: 90px; left: 439px; top: 0}
body#UeberUns li#afghanistan a:hover{ background-position: -439px -20px; }
body#UeberUns li#kontakt a { background-position: -554px 0px; width: 65px; left: 554px; top: 0}
body#UeberUns li#kontakt a:hover { background-position: -554px -20px; }
body#Projekte li#home a { background-position: 0px 0px; width: 49px; left: 0; }
body#Projekte li#home a:hover { background-position: 0px -20px; }
body#Projekte li#blog a { background-position: -180px 0px; width: 45px; left: 180px; top: 0}
body#Projekte li#blog a:hover { background-position: -180px -20px; }
body#Projekte li#ueberuns a { background-position: -250px 0px; width: 72px; left: 250px; top: 0}
body#Projekte li#ueberuns a:hover { background-position: -250px -20px; }
body#Projekte li#projekte a { background-position: -347px -20px; width: 67px; left: 347px; top: 0}
body#Projekte li#projekte a:hover { background-position: -347px -20px; }
body#Projekte li#afghanistan a { background-position: -439px 0px; width: 90px; left: 439px; top: 0}
body#Projekte li#afghanistan a:hover{ background-position: -439px -20px; }
body#Projekte li#kontakt a { background-position: -554px 0px; width: 65px; left: 554px; top: 0}
body#Projekte li#kontakt a:hover { background-position: -554px -20px; }
body#Afghanistan li#home a { background-position: 0px 0px; width: 49px; left: 0; }
body#Afghanistan li#home a:hover { background-position: 0px -20px; }
body#Afghanistan li#blog a { background-position: -180px 0px; width: 45px; left: 180px; top: 0}
body#Afghanistan li#blog a:hover { background-position: -180px -20px; }
body#Afghanistan li#ueberuns a { background-position: -250px 0px; width: 72px; left: 250px; top: 0}
body#Afghanistan li#ueberuns a:hover { background-position: -250px -20px; }
body#Afghanistan li#projekte a { background-position: -347px 0px; width: 67px; left: 347px; top: 0}
body#Afghanistan li#projekte a:hover { background-position: -347px -20px; }
body#Afghanistan li#afghanistan a { background-position: -439px -20px; width: 90px; left: 439px; top: 0}
body#Afghanistan li#afghanistan a:hover { background-position: -439px -20px; }
body#Afghanistan li#kontakt a { background-position: -554px 0px; width: 65px; left: 554px; top: 0}
body#Afghanistan li#kontakt a:hover { background-position: -554px -20px; }
body#Kontakt li#home a { background-position: 0px 0px; width: 49px; left: 0; }
body#Kontakt li#home a:hover { background-position: 0px -20px; }
body#Kontakt li#blog a { background-position: -180px 0px; width: 45px; left: 180px; top: 0}
body#Kontakt li#blog a:hover { background-position: -180px -20px; }
body#Kontakt li#ueberuns a { background-position: -250px 0px; width: 72px; left: 250px; top: 0}
body#Kontakt li#ueberuns a:hover { background-position: -250px -20px; }
body#Kontakt li#projekte a { background-position: -347px 0px; width: 67px; left: 347px; top: 0}
body#Kontakt li#projekte a:hover { background-position: -347px -20px; }
body#Kontakt li#afghanistan a { background-position: -439px 0px; width: 90px; left: 439px; top: 0}
body#Kontakt li#afghanistan a:hover { background-position: -439px -20px; }
body#Kontakt li#kontakt a { background-position: -554px -20px; width: 65px; left: 554px; top: 0}
body#Kontakt li#kontakt a:hover { background-position: -554px -20px; }
body#Allgemein li#home a { background-position: 0px 0px; width: 49px; left: 0; }
body#Allgemein li#home a:hover { background-position: 0px -20px; }
body#Allgemein li#blog a { background-position: -250px 0px; width: 45px; left: 250px; top: 0}
body#Allgemein li#blog a:hover { background-position: -250px -20px; }
body#Allgemein li#ueberuns a { background-position: -268px 0px; width: 72px; left: 268px; top: 0}
body#Allgemein li#ueberuns a:hover { background-position: -268px -20px; }
body#Allgemein li#projekte a { background-position: -347px 0px; width: 67px; left: 347px; top: 0}
body#Allgemein li#projekte a:hover { background-position: -347px -20px; }
body#Allgemein li#afghanistan a { background-position: -439px 0px; width: 90px; left: 439px; top: 0}
body#Allgemein li#afghanistan a:hover { background-position: -439px -20px; }
body#Allgemein li#kontakt a { background-position: -554px 0px; width: 65px; left: 554px; top: 0}
body#Allgemein li#kontakt a:hover { background-position: -554px -20px; }
/* Sub-Navigation */
ul.subnavi {
margin:0;
padding:0;
list-style-type: none;
color:#B4820F;
width:150px;
overflow:hidden;
}
ul.subnavi li {
width:150px;
}
ul.subnavi li a {
display: block;
font-size:11px;
height:21px;
width: 150px;
\width: 150px;
w\idth: 150px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#B4820F;
background-repeat: no-repeat;
background-position: 0px 6px!important;
background-color: transparent;
text-indent:-9999px;
}
ul.subnavi a:link, ul.subnavi a:visited {
text-decoration: none;
}
ul.subnavi a:hover, ul.subnavi a.active {
color:#FD7D00;
background-position: -180px 6px!important;
}
li#s3fluechtlinge a.active, li#s3fluechtlinge a:hover {
color:#FD7D00;
background-position: -180px 4px!important;
}
li#s3nomadenhilfe a.active, li#s3nomadenhilfe a:hover {
color:#FD7D00;
background-position: -180px 4px!important;
}
ul.subnavi a.active, ul.subnavi a.active:link, ul.subnavi li a.active:hover {
color:#FD7D00;
font-weight:bold;
}
/* Zweite Ebene Subnavigation */
ul.subnavi ul, #rechterBalken ul {
margin: 6px 0 6px 0;
padding: 0 0 0 0;
list-style-type: none;
}
ul.subnavi ul a, #rechterBalken ul a {
display: block;
font-size:8pt;
line-height:18px;
height:18px;
width: 160px;
\width: 160px;
w\idth: 150px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#B4820F;
background: transparent url(../images/navi_bullet.gif) no-repeat 0px 6px!important;
padding: 0 0 0 7px!important;
text-decoration:none;
text-indent:0!important;
}
ul.subnavi ul a:link, ul.subnavi ul a:visited, , #rechterBalken ul a:link, #rechterBalken ul a:visited {
text-decoration: none;
}
ul.subnavi ul a:hover, , #rechterBalken ul a:hover {
color:#FD7D00;
background: transparent url(../images/navi_bullet2.gif) no-repeat 0px 6px!important;
}
ul.subnavi ul a.active, ul.subnavi ul a.active:hover, #rechterBalken ul a.active, #rechterBalken ul a.active:hover{
color:#FD7D00!important;
background: transparent url(../images/navi_bullet2.gif) no-repeat 0px 6px!important;
font-weight:normal!important;
}
/* (Hintergrund-)Bilder für Subnavi3 */
li#s3entstehung a {background: transparent url(../images/navigation/s3_entstehung.gif) no-repeat;}
li#s3daistelltsichvor a {background: transparent url(../images/navigation/s3_diedaistelltsichvor.gif) no-repeat;}
li#s3links a {background: transparent url(../images/navigation/s3_links.gif) no-repeat;}
li#s3organisation a {background: transparent url(../images/navigation/s3_organisation.gif) no-repeat;}
li#s3wiewirarbeiten a {background: transparent url(../images/navigation/s3_wiewirarbeiten.gif) no-repeat;}
li#s3spendensponsoring a {background: transparent url(../images/navigation/s3_spendensponsoring.gif) no-repeat;}
li#s3machensiemit a {background: transparent url(../images/navigation/s3_machensiemit.gif) no-repeat;}
li#s3perspektive a {background: transparent url(../images/navigation/s3_perspektive.gif) no-repeat;}
li#s3einleitung a {background: transparent url(../images/navigation/s3_einleitung.gif) no-repeat;}
li#s3frauenprojekte a {background: transparent url(../images/navigation/s3_frauenprojekte.gif) no-repeat;}
li#s3schulpatenschaften a {background: transparent url(../images/navigation/s3_schulprojekte.gif) no-repeat;}
li#s3kinderpatenschaften a {background: transparent url(../images/navigation/s3_kinderpatenschaften.gif) no-repeat;}
li#s3medizinischehilfe a {background: transparent url(../images/navigation/s3_medizinischehilfe.gif) no-repeat;}
li#s3dorfentwicklung a {background: transparent url(../images/navigation/s3_dorfentwicklung.gif) no-repeat;}
li#s3regenerativ a {background: transparent url(../images/navigation/s3_regenerative-energien.gif) no-repeat;}
li#s3nomadenhilfe a {background: transparent url(../images/navigation/s3_hilfe-nomaden.gif) no-repeat 0px 4px;}
li#s3nomadenhilfe a {background-position:0px 4px!important}
li#s3nomadenhilfe ul a {background-position:0 6px!important;}
li#s3ausbildung a {background: transparent url(../images/navigation/s3_ausbildung.gif) no-repeat;}
li#s3nothilfen a {background: transparent url(../images/navigation/s3_nothilfen.gif) no-repeat;}
li#s3geschichte a {background: transparent url(../images/navigation/s3_geschichte.gif) no-repeat;}
li#s3geografie a {background: transparent url(../images/navigation/s3_geografie.gif) no-repeat;}
li#s3aktuellelage a {background: transparent url(../images/navigation/s3_aktuellelage.gif) no-repeat;}
li#s3fluechtlinge a {background: transparent url(../images/navigation/s3_fluechtlinge.gif) no-repeat 0px 4px!important;}
li#s3impressionen a {background: transparent url(../images/navigation/s3_impressionen.gif) no-repeat;}
li#s3adressen a {background: transparent url(../images/navigation/s3_adressen.gif) no-repeat;}
li#s3spenden a {background: transparent url(../images/navigation/s3_spenden.gif) no-repeat;}
li#s32005 a {background: transparent url(../images/navigation/s3_2005.gif) no-repeat;}
li#s32006 a {background: transparent url(../images/navigation/s3_2006.gif) no-repeat;}
li#s32007 a {background: transparent url(../images/navigation/s3_2007.gif) no-repeat;}
li#s32008 a {background: transparent url(../images/navigation/s3_2008.gif) no-repeat;}
li#s32009 a {background: transparent url(../images/navigation/s3_2009.gif) no-repeat;}
li#s32010 a {background: transparent url(../images/navigation/s3_2010.gif) no-repeat;}
.klammerTop {
background: transparent url(../images/s2_top.gif) no-repeat;
width:150px;
height:17px;
}
.klammerBottom {
background: transparent url(../images/s2_bottom.gif) no-repeat 0 11px;
width:150px;
height:25px;
}
#rechterBalken .klammerTop {
height:10px;
}
#rechterBalken .klammerBottom {
background-position: 0px 5px;
}
.klammerMitte {
width:150px;
height:15px;
background: transparent url(../images/s2_bottom.gif) no-repeat 0px 5px;
}
#inhalt .klammerTop {
background: transparent url(../images/klammer_top-400.gif) no-repeat;
width:400px;
height:10px;
}
#inhalt .klammerBottom {
background: transparent url(../images/klammer_bottom-400.gif) no-repeat;
width:400px;
background-position: 0px 5px;
}
.klammerMitteHoch {
width:150px;
height:15px;
background: transparent url(../images/klammer_mitte-150.gif) no-repeat 0px 5px;
}
/* Schriftdeklaration */
ul {
margin-top:0px;
}
#inhalt p{
padding:0;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
}
#rechterBalken p{
width:152px;
}
#inhalt h1, #linkerBalken h1, #rechterBalken h1 {
padding:0;
margin:0;
line-height:100%;
font-size:20px;
color:#876310;
/*text-indent:-9999px;*/
padding-bottom:25px;
font-style:italic;
font-weight:normal;
}
#inhalt h1 {
padding-bottom:21px;
}
#inhalt h2 {
padding:0;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#FD7D00;
font-weight:normal;
line-height:150%;
}
#inhalt h3, #inhalt h4 {
padding:0 0 6px 0!important;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#FD7D00;
font-weight:normal;
line-height:150%;
}
#inhalt h4 {
padding:0 0 0 0!important;
line-height:155%;
}
#inhalt a, #rechterBalken a ,#linkerBalken p a {
color:#B4820F;
text-decoration:none;
padding-left: 14px;
background: transparent url(../images/bullet_link_1.gif) no-repeat 0px 2px;
}
#inhalt a:hover, #rechterBalken a:hover, #linkerBalken p a:hover, #inhalt a.active, #rechterBalken a.active, #linkerBalken p a.active{
color:#FD7D00;
background: transparent url(../images/bullet_link_2.gif) no-repeat 0px 2px;
}
#linkerBalken,#rechterBalken {font-size:11px;}
#rechterBalken a.leftArrow{
color:#B4820F;
text-decoration:none;
padding-left: 14px;
background: transparent url(../images/bullet_link_1b.gif) no-repeat 0px 2px!important;
}
#rechterBalken a.leftArrow:hover{
color:#FD7D00;
background: transparent url(../images/bullet_link_2b.gif) no-repeat 0px 2px!important;
}
#inhalt em {
/*color:#FD7D00;*/
}
#inhalt ul {
list-style-type:none;
margin:0;
padding:0;
}
#inhalt li {
padding: 2px 0 0 8px;
background:transparent url(../images/bullet_text.gif) no-repeat 0px 10px;
}
#abschluss a, a.extLink{
color:#B4820F;
text-decoration:underline;
background-image:none!important;
padding:0!important;
}
#abschluss a:hover, a.extLink:hover{
color:#FD7D00;
}
#linkerBalken p, #linkerBalken a{
color: #B4820F;
line-height:155%;
padding:0 30px 0 0;
margin:0;
}
#linkerBalken a:hover {
color:#FD7D00;
}
/* Überschriften 1 */
/*
.h1projekte {background: transparent url(../images/headlines/h1_projekte.gif) no-repeat;}
.h1hilfeselbsthilfe {background: transparent url(../images/headlines/h1_hilfeselbsthilfe.gif) no-repeat;}
.h1aufeinenblick {background: transparent url(../images/headlines/h1_aufeinenblick.gif) no-repeat;}
.h1dai {background: transparent url(../images/headlines/h1_dai.gif) no-repeat;}
.h1willkommen {background: transparent url(../images/headlines/h1_willkommen.gif) no-repeat;}
.h1afghanistan {background: transparent url(../images/headlines/h1_afghanistan.gif) no-repeat;}
.h1kontakt {background: transparent url(../images/headlines/h1_kontakt.gif) no-repeat;}
.h1unterstuetzensieuns {background: transparent url(../images/headlines/h1_unterstuetzensieuns.gif) no-repeat;}
.h1spendenkonto {background: transparent url(../images/headlines/h1_spendenkonto.gif) no-repeat;}
.h1soerreichensieuns {background: transparent url(../images/headlines/h1_soerreichensieuns.gif) no-repeat;}
.h1impressum {background: transparent url(../images/headlines/h1_impressum.gif) no-repeat;}
.h1anbieterkennz {background: transparent url(../images/headlines/h1_anbieterkennz.gif) no-repeat;}
.h1website {background: transparent url(../images/headlines/h1_website.gif) no-repeat;}
.h1ueberuns {background: transparent url(../images/headlines/h1_ueberuns.gif) no-repeat;}
*/
/* Sonstige Seitenelemente */
.bildNavi, .bildText{
margin:12px 0 5px 0;
line-height:100%;
}
.bildNavi, .bildNavi a {
color: #B4820F;
}
.bildNavi a:hover, .bildNavi a.active{
color:#FD7D00!important;
}
#projektOverview{
width:150px;
margin: 9px 0 10px 0;
}
#projektOverview h3 {
padding:0;
margin:0;
color:#FD7D00;
line-height:155%;
font-size:11px;
font-weight:normal;
}
#projektOverview p {
line-height:155%;
padding:0;
margin:0;
}
.colorOrange{
color:#FD7D00;
}
.mitarbeiter p{
}
.mitarbeiter .klammerBottom {
margin-bottom:3px!important;clear:both}
.mitarbeiter .image {
float:left;
width:100px;
height:95px;
}
.mitarbeiter .daten{
float:left;width:300px;
}
.mitarbeiter .text{
clear:both;padding-bottom:10px;}
#inhalt table {
table-layout:fixed;
margin:0;
padding:0;
border:none;
}
#inhalt td, th {
border:none;
padding:10px 0;
}
#inhalt th {
font-style:italic;
font-weight:normal;
text-align:left!important;
}
#inhalt td {
border-bottom: 1px solid #D8CBA3;
}
div#inhalt h2{
font-weight:normal;
}