@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;
}

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

#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;
	padding-bottom: 50px;
}

#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 {
	display: none;
    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,
.langde ul#i18n li.de a,
.langen ul#i18n li.en 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/ihr_engagement.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); }*/


/* ENGLISH ONLY TOP SECTIONS */
body#ueberuns #wrapper.langen       #nav-inner { background-image: url(../site-images/header-sections/en/about_us.jpg); }
body#donationen #wrapper.langen     #nav-inner { background-image: url(../site-images/header-sections/en/your_commitment.jpg); }
body#projekte #wrapper.langen       #nav-inner { background-image: url(../site-images/header-sections/en/projects.jpg); }
body#kontakt #wrapper.langen        #nav-inner { background-image: url(../site-images/header-sections/en/contact.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.wer_wir_sind			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.erbschaft			ul#navigation li 						ul li.erbschaft 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;
}

#subnav2 {
	position: relative;
	right: 0; 
	margin-bottom: 20px; }
	
#subnav2 h2 {
	margin-left: 15px; }

#subnav2 h2 {
	margin-top: 10px;
    font-size: 1em;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px; }

#subnav2 ul li a {
	display: block;
	width: 305px;
	height: 25px;
    font-weight: bold;
	line-height: 2em; 
	padding-left: 15px; 
	border-bottom: 1px dotted #000; }
	
#subnav2 ul li a:hover,
body.subpioneer_grants					#subnav2 ul li.pioneer_grants a,
body.subtalent_stipendien				#subnav2 ul li.talent_stipendien a,
body.subtalente  						#subnav2 ul li.talente a,
body.submedizintechnik_zukunft			#subnav2 ul li.medizintechnik_zukunft a,
body.subworld_food_system				#subnav2 ul li.world_food_system a,
body.subelektrische_energie_initiative  #subnav2 ul li.elektrische_energie_initiative a,
body.subintegratives_risiko_management  #subnav2 ul li.integratives_risiko_management a,
body.subnachhaltiges_bauen				#subnav2 ul li.nachhaltiges_bauen a,
body.subquantum_sciences				#subnav2 ul li.quantum_sciences a {
	background-image: url(../site-images/icons/subnav2-marker.gif);
	background-position: 0 5px;
	background-repeat: no-repeat; 
	padding-left: 15px; 
	color: #D38025;}

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

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

#footer-container {
	/*position: absolute;
	bottom: 0;
	left: 0; */
	position: relative;
	width: 100%;
	border-top: 1px solid #000;
}

#footer-container a img {
	margin: 10px 0 0 20px; }

#footer {
    position: absolute;
    top: 10px;
    right: 0;
}

#footer li {
    display: inline;
}

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

/* boxes in the content div */
#cbox1 {
	position: relative;
	background-color: #F8ECDE; 
	background-color: #D2D2D2;
	background-color: #C4D4DF;
	background-color: #E5DBCC; /* warm grey */
	background-color: #D9DFF0; /* light blue */
	background-color: #E5E8F0;
	min-height: 140px; 
	padding: 10px 10px 0 10px; 
	margin-bottom: 10px;
	width:  530px; }

#cbox1 img {
    float: left; 
    margin-right: 20px; }
	
#cbox1 p {
	position: absolute;
	left: 200px;
	padding-right: 10px;
	top: 40px; }
	
#cbox1 h2 {
	display: block;
	width: 350px;
	position: absolute;
	left: 200px;
	top: 10px;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 2px;
	padding-top: 0; 
	border-bottom: 1px dotted #D38025; }
	
#cbox1.isFirstBoxtrue {
	margin-top: 40px; }

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

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

#sidebar .downloads h2,
#sidebar .donatebox 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,
br.clearboth {
	clear: both; }
	
br.clearleft {
	clear: left; }

	
#news.news-aktuell .downloads { display: none; }
