@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
}

body {
    background-image: url(../site-images/body_bgr.gif);
    background-repeat: repeat-x;
    background-color: #DDD9D2;
    font-family: Verdana, Arial, sans-serif;
    font-size: 100%;
}	

img,
a img {
    border: 0;
}

ul li {
    list-style-type: none;
}

h1 {
    font-size: 0.9em;
	margin-top: 1.5em;
    margin-bottom: 1em;
	border-bottom: 1px solid #CCCCCC;
}

h2 {
    font-size: 0.7em;
	margin-top: 1.2em;
	margin-bottom: 0;
}

p {
    font-size: 0.7em;
    margin-bottom: 1em;
    line-height: 1.5em;
}

table p,
table h2 {
	font-size: 0.9em;
}

#content a:link { color: #000; }
#content a:visited { color: #333; }

#content ul {
	margin-bottom: 1.5em;
}

#content li {
	font-size: 0.7em;
	line-height: 2em;
	padding-left: 20px;
	background-image: url(../site-images/icons/list-marker.gif);
	background-repeat: no-repeat;
	background-position: 0 1em;
}

p.caption {
    font-size: 0.6em;
    margin-top: 1em;
}

table {
    border-collapse: collapse;
    font-size: 0.7em;
    margin: 1.5em 0;
}

th {
    text-align: left;
}

th, td {
    vertical-align: top;
    padding: 0.5em 1em 0.5em 0;
	border-bottom: 1px dotted #CCC;
}

/* page fragments */
.img-pane {
    margin: 2em 0 0 0;
}

.img-pane img {
    margin-right: 1.2em; 
}

#wrapper {
    position: relative;
	width: 950px;
	margin: 20px auto 0 auto;
	background-color: #FFF;
	/*min-height: 500px;*/
	min-height: 800px;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#header {
    position: relative;
    height: 122px;
	background-image:url(../images/header_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#header img#logo {
    position: absolute;
    left: 18px;
    top: 29px;
}

ul#i18n {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.64em;
    font-weight: bold;
}

ul#i18n li {
    display: inline;
}

ul#i18n a {
    display: block;
    float: left;
    text-decoration: none;
    color: #000;
    padding: 0.6em 1.5em 0.3em 1.5em;
    background-position: 0 0;
    background-repeat: no-repeat;
}

ul#i18n li a:hover,
body.de ul#i18n li.de a {
    background-image: url(../site-images/icons/i18nav-marker.gif);
}

#nav-area {
    padding: 5px 0; 
    border-width: 1px 0;
    border-style: solid;
    border-color: #000;
}

#nav-inner {
    position: relative;
	width: 950px;
	height: 80px;
	background-color: #D38025;
}

body #nav-inner {
    background-repeat: no-repeat;
    background-position: right 43px;
}

body#ueberuns 						#nav-inner { background-image:url(../site-images/header-sections/ueber-uns.jpg); }
body#ueberuns.stiftungsrat			#nav-inner { background-image: url(../site-images/header-sections/stiftungsrat.jpg); }
body#ueberuns.geschaeftsstelle 		#nav-inner { background-image: url(../site-images/header-sections/geschaeftsstelle.jpg); }
body#donationen						#nav-inner { background-image: url(../site-images/header-sections/donationen.jpg); }
body#donationen.wissenswertes    	#nav-inner { background-image: url(../site-images/header-sections/wissenswertes.jpg); }
body#donationen.donatoren			#nav-inner { background-image: url(../site-images/header-sections/donatoren.jpg); }
body#projekte						#nav-inner { background-image: url(../site-images/header-sections/projekte.jpg); }
body#projekte.initiativen			#nav-inner { background-image: url(../site-images/header-sections/initiativen.jpg); }
body#projekte.gefoerderte-projekte  #nav-inner { background-image: url(../site-images/header-sections/gefoerderte-projekte.jpg); }
body#news							#nav-inner { background-image: url(../site-images/header-sections/news.jpg); }
body#news.rueckblick				#nav-inner { background-image: url(../site-images/header-sections/news-rueckblick.jpg); }
body#kontakt						#nav-inner { background-image: url(../site-images/header-sections/kontakt.jpg); }
body#kontakt.impressum				#nav-inner { background-image: url(../site-images/header-sections/impressum.jpg); }


ul#navigation li {
    display: inline;
}

ul#navigation li a {
    display: block;
    float: left;
    padding: 0.3em 1.5em;
	text-decoration: none;
    font-weight: bold;
    color: #000;
    font-size: 0.8em;
}

ul#navigation ul {
    position: absolute; 
    left: 0;
    bottom: 0;
    font-size: 0.8em;
}

ul#navigation li a {
    background-position: 0 0;
    background-repeat: no-repeat;
}

/* subnavigation */

body#ueberuns 	#wrapper ul#navigation li ul li a:hover,
body#projekte 	#wrapper ul#navigation li ul li a:hover,
body#donationen #wrapper ul#navigation li ul li a:hover,
body#kontakt	#wrapper ul#navigation li ul li a:hover,

body#ueberuns.home					ul#navigation li						ul li.werwirsind a,
body#ueberuns.zweckundziele  		ul#navigation li						ul li.zweckundziele a,
body#ueberuns.stiftungsrat			ul#navigation li 						ul li.stiftungsrat a,
body#ueberuns.geschaeftsstelle		ul#navigation li						ul li.geschaeftsstelle a,

body#projekte.projekte-uebersicht   ul#navigation li						ul li.projekte-uebersicht a,
body#projekte.initiativen       	ul#navigation li						ul li.initiativen a,
body#projekte.gefoerderte-projekte	ul#navigation li						ul li.gefoerderte-projekte a,

body#donationen.ihrengagement		ul#navigation li						ul li.ihrengagement a,
body#donationen.wissenswertes		ul#navigation li						ul li.engagement a,
body#donationen.donatoren			ul#navigation li						ul li.donatoren a,

body#news.news-aktuell				ul#navigation li 						ul li.news-aktuell a,
body#news.rueckblick				ul#navigation li						ul li.rueckblick a,

body#kontakt.impressum				ul#navigation li						ul li.impressum a,
body#kontakt.kontakt-formular       ul#navigation li						ul li.contact-form a
{
    background-image: url(../site-images/icons/subnav-marker.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    color: #FFF;
}

body#ueberuns 	ul#navigation li.ueberuns ul li a,
body#projekte 	ul#navigation li.projekte ul li a,
body#donationen ul#navigation li.donationen ul li a,
body#news   	ul#navigation li.news ul li a,
body#kontakt	ul#navigation li.kontakt ul li a {
    background-image: none;
    color: #000;
}

#content {
    padding: 18px;
    width: 550px;
}

#sidebar {
    float: right;
    width: 320px;
    padding-right: 10px;
    margin-top: 30px;
	margin-bottom: 20px;
}

#footer {
    position: absolute;
    bottom: -25px;
    right: 0;
}

#footer li {
    display: inline;
}

#footer li a {
    padding: 0.8em 1.5em;
    font-size: 0.6em;
    text-decoration: none;
    color: #333;
}


/* sidebar definitions - boxes etc. */
#sidebar li {
	font-size: 0.7em;
}

#sidebar .downloads,
#sidebar .links ,
#sidebar .testbox {
	background-color: #EEE;
	margin-top: 1.5em;
	padding: 0.5em;
}

#sidebar .downloads h2,
#sidebar .links h2,
#sidebar .testbox h2 {
	margin-top: 0;
	padding-top: 0;
	border-bottom: 1px solid #D38025;
}

#sidebar .downloads li,
#sidebar .links li {
    padding-left: 20px;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: 0 3px;
}

#sidebar .downloads li { background-image: url(../site-images/icons/list-marker-downloads.gif); }
#sidebar .links     li { background-image: url(../site-images/icons/list-marker-link.gif); }

#sidebar a {
	text-decoration: none;
}



#sidebar a:link { color: #000; }
#sidebar a:hover { text-decoration: underline; }
#sidebar a:visited { color: #666; }

#sidebar .testbox a:link,
#sidebar .testbox a:visited {
	text-decoration: underline;
}


/* sections */
ul#navigation li a:hover,
body#home		ul#navigation li.home a,
body#ueberuns 	ul#navigation li.ueberuns a,
body#projekte	ul#navigation li.projekte a,
body#donationen	ul#navigation li.donationen a,
body#news		ul#navigation li.news a,
body#kontakt	ul#navigation li.kontakt a {
	background-image: url(../site-images/icons/nav-marker.gif);
	color: #FFF;

}

/* Donatoren */
table.donatoren col.col1,
table.donatoren col.col2,
table.donatoren col.col3 { width: 33%; }


#quote {
	margin-top: 25px;
}
	
/* News */

#news-block h1 {
    border-bottom: none;
}

#news-block .news-imgpane {
    padding: 0 1em 0.5em 7px;
    float: left;
    font-size: 0.8em;
}


#sidebar h1 {
	font-size: 0.8em;
}

#ethlife h1 {
	font-size: 0.7em;
	margin: 0 0 0.8em 0;
}

#ethlife h2 {
    font-size: 0.65em;
    margin-bottom: 1em;
    margin-top: 0;
}

#ethlife a {
    color: #000;
    text-decoration: none;
}

#ethlife img {
    float: left;
    margin-right: 20px;
}

.news_item {
    padding-top: 10px;
    border-bottom: 1px dotted #CCC; 
}

/* contact form */

table.contact {
    border-collapse: collapse;
}

table.contact tr.label td {
    border-bottom: none;
}

table.contact td {
   vertical-align: baseline;
}

input.moderninput {
   background-color: #EEE;
   border: 1px solid #D38025;
   padding: 0.2em;
}

tr.preventspam_field {
   display: none; }


/* helpers */
div.clearboth {
	clear: both; }
	
#news.news-aktuell .downloads { display: none; }