/* Reset everything
---------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0 none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}

ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {	font-size: 100%; }

/* Body
---------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Verdana, sans-serif;
	color: #333;
	background: #DDD url(../images/bg.gif) center repeat-y;
}

body {
	font-size: 75%; /* Für IE */
}
html > body {
	font-size: 12px; /* Für andere Browser */
} 

p {
	line-height: 1.5em; /* 18px Durchschuß */
	margin: 0 0 1.5em 0;
}

/* Schriftgrößen und Durchshuß für Überschriften
---------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #7ABE45;
}

h1 {
	font-size: 2em; /* 24px / 12px Default = 0 */
	line-height: 1em; /* 18px / 30px = 0.5 */
	margin: 1.25em 0 0.75em 0;
}

h2 {
	font-size: 1.5em; /* 18px / 12px Default = 1.5 */
	line-height: 1em; /* 18px / 18px = 1 */
	margin: 1.5em 0 0.5em 0;	
}

h3 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 1.5em 0 0 0;
}
#content blockquote p {
	font-size: 1.16667em; /* 14px / 12px Default = 1.6667 */
	line-height: 1.2857em;
	margin: 0 0 1.2857em 0;
	padding: 0 3em 0 3em;
}
#footer p {
	font-size: 0.8333em;
	line-height: 1.8em;
	margin: 1.8em 0;
}
ul li {
	line-height: 1.5em;
}
strong {
	font-weight: bold;
}

a {
	color: #7ABE45;
}
a:hover {
	color: #426725;
}
/* Header
---------------------------------------*/
#header {
	margin: 1.5em 0 0 0;
}
#header h1 {
	margin: 0;
	padding: 0;
}


#header h1.logo-esa a {
	float: left;
	width: 170px;
	height: 90px;
	margin: 0;
	padding: 0;
	background: url(../images/Logo-ESA.gif) bottom left no-repeat;
	text-indent: -9999px;
}

#header h1.logo-support {
	float: right;
	width: 342px;
	height: 90px;
	margin: 0;
	padding: 0;
	background: url(../images/Logo-Support.gif) bottom left no-repeat;
	text-indent: -9999px;	
}


#header h1.logo-diversity a {
	float: left;
	width: 198px;
	height: 90px;
	margin: 0 0 0.5em 0;
	padding: 0;
	background: url(../images/Logo-Diversity.gif) bottom right no-repeat;
	text-indent: -9999px;
}


#headerimg {
	margin: 0;
	padding: 0;
}

#headerimg img {
	margin: 0;
	padding: 0;
}
/* Navigation
---------------------------------------*/
#navigation {
	width: 738px;
	margin: -3px 0 0 0;
	padding: 0.5em 0;	
	background: #7ABE45;
}
#navigation ul li {
	display: inline;
}

#navigation ul {
	margin: 0;
	padding: 0;
}

#navigation ul li a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	margin: 0;
	padding: 8px 0.5em 5px 0.5em;
	font-size: 1.16667em;
	color: #426725;
	text-decoration: none;
}
#navigation ul li a:hover {
	color: #FFF;
}

#navigation a.last {
	border-style: none;
}

/* Navigation ausgewählt
---------------------------------------*/

#section-theproject #theproject a { color: #FFF; background: url(../images/selected.gif) center bottom no-repeat; }
#section-products #products a { color: #FFF; background: url(../images/selected.gif) center bottom no-repeat; }
#section-publications #publications a { color: #FFF; background: url(../images/selected.gif) center bottom no-repeat; }
#section-news #news a { color: #FFF; background: url(../images/selected.gif) center bottom no-repeat; }
#section-internal #internal a { color: #FFF; background: url(../images/selected.gif) center bottom no-repeat; }
#section-contact #contact a { color: #FFF; background: url(../images/selected.gif) center bottom no-repeat; }

#wrapper {
	width: 738px;
	margin: 0 auto;
	padding: 0 18px;
	background: #FFF url(../images/ggrid.png) top left repeat-y;	
}
.artikelimage {
	width: 198px;
	text-align: center;
	float: left;
}

.artikelimage p {
	font-size: 0.83333em;
	line-height: 1.16667em;
	margin: 0;
	text-align: left;	
}

.artikelimage img {
	margin: 1.5em 0 0 0;
	padding: 0;
}

.inlineimage {
	float: left;
	margin: 0 9px 0 0;
}

hr {
	clear: left;
	margin: 1em 126px 1em 216px;
}
.bio {
	margin: 1em 0;
	padding: 1.5em 0 3.5em 0;
	clear: left;
}



/* Content
---------------------------------------*/

#content {
	margin: 2em 0;
	padding: -5em 0 0 0;
}
#content ul {
	margin: 0 0 1em 216px;
}
#content ul li {
	list-style-image: url(../images/bullet-arrow.gif);
}
#content h1, h2, h3, h4, p, ul, blockquote {
	margin-left: 216px;
}

.MoreInformation {
	border: 1px solid #7ABE45;
	margin: 1em 0 1em 216px;
	padding: 1.5em;
	text-align: center;
	background: #f4ffeb;
}

.downloadpdf {
	font-size: 1.166667em;
	margin: 0 0 1.2857em 0;
	padding: 0 0 0 1.5em;
	background: url(../images/ico-pdf.png) bottom left no-repeat;
}
p.lastp, ul.lastp {
	padding: 0 0 3em 0;
	border-bottom: 1px solid #7ABE45;
}

/* Content
---------------------------------------*/
.contactinfo li {
	list-style-image: none !important;
}

ul.contactinfo li strong {
	display: block;
	float: left;
	width: 6em;
}

/* Imagegallery
---------------------------------------*/
.imagegallery {
	width: 540px;
	margin: -18px 0 0 216px;
}
.imagegallery img {
	float: left;
	margin: 0;
	padding: 9px 18px 9px 0;
}

#content small {
	clear: left;
	display: block;
	margin: 0 0 0 216px;
	padding: 0.5em 0;
}
/* Footer
---------------------------------------*/

#footer {
	margin: 18px 0;
	text-align: center;
	border-top: 1px solid;
}