body {background: #cad4e6; margin: 0; padding: 0;}

body {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	text-align: center;  /* Zentrierung im Internet Explorer */
}

p { margin: 10px 0; }
img {border: none;}


/* --------------------- Seitenraster --------------------- */
#page  { 
	position: relative;
	text-align: left; margin: 0 auto; /*Standard-konforme Ausrichtung wiederherstellen*/
}

#main {	padding: 90px 0 0 0; margin: 0 0 0 35px; }

#content { border-top: #a1adc7 5px solid; }

#navigation { border-top: #cad4e6 1px solid; margin: 0; padding: 0; }

#topnavi { display: none; }
#esaLogo { position: absolute; top: 0; left: 0;}
/* --------------------- Ende Seitenraster --------------------- */

/* --------------------- Inhaltsbereich --------------------- */
h1, h2, h3 { color: #36578c; font-weight: bold; }
h1 { font-size: 16px; width: 170px; margin-top: 20px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }


#haupttext ul, #rechteSpalte ul { margin: 0 0 0 1em; padding: 0 0 0 3px;}
#haupttext li, #rechteSpalte li { list-style-image: url(../images/pfeil.gif); font-weight: bold; }

#haupttext { padding: 0 10px; }
	
#haupttext ul.text { margin: 0; padding: 0; }
#haupttext ul.text li { 
	list-style-image: url(../images/pfeil.gif); list-style-position: inside;
	font-weight: normal; margin: 10px 0; 
}

#rechteSpalte {
	width: 400px; margin: 20px 0; border-top: #a1adc7 5px solid; 
	font-size: 11px; line-height: 1.5; 
}
#rechteSpalte * { margin: 10px; }
#rechteSpalte img { margin: 0; }

#haupttext a:link, #haupttext a:visited, #rechteSpalte a:link, #rechteSpalte a:visited { text-decoration: underline; color: #36578c; }
#haupttext a:hover, #haupttext a:active { text-decoration: underline; color: #a1adc7; }
#rechteSpalte a:hover, #rechteSpalte a:active { text-decoration: underline; color: #ffffff; }

/* --------------------- Ende Inhaltsbereich --------------------- */

/* --------------------- Formate für die Navigation --------------------- */
#navigation ul { margin: 0; padding: 0;}
#navigation li { list-style: none; padding: 5px; } 

li a { font-size: 10px; font-weight: bold; text-decoration: none; }
li a:link, li a:visited { color: #36578c; }
li a:hover, li a:active { color: #ffffff; }

li a.aktiv:link, li a.aktiv:visited { color: #ffffff; }
li a.aktiv:hover, li a.aktiv:active { color: #cad4e6; }

#navigation ul.subnavi { padding-left: 3px; }
#navigation ul.subnavi li { color: #36578c; padding: 0 5px 0 0; border-bottom: 0px; list-style-type: square; margin-left: 1em;}

#topnavi ul { margin: 0; padding: 0;}
#topnavi li { display: inline; list-style: none; padding: 0 10px; border-left: 1px #a1adc7 solid; font-weight: normal; }

#topnavi li a {	font-size: 10px; font-weight: normal; }
#topnavi li a:link, #topnavi li a:visited { color: #a1adc7; }
#topnavi li a:hover, #topnavi li a:active { color: #ffffff; }

#topnavi li a.aktiv:link, #topnavi li a.aktiv:visited { color: #ffffff; }

/* --------------------- Formate für die Navigation --------------------- */

/* --------------------- spezielle Formate für die Startseite --------------------- */

.starttext {
	margin-top: 15px; padding-right: 5px; padding-bottom: 10px;
	font-size: 12px; color: #ffffff; text-align: right;
}
.starttext p {	margin: 15px 0 0 200px; }
/* --------------------- Ende spezielle Formate für die Startseite --------------------- */

/* --------------------- nur für Internet Explorer --------------------- */
* html #haupttext ul.text li { text-indent: -8px; }
* html #haupttext ul.text li:first-letter { margin-left: 8px; }
* html #esaLogo { position: relative; top: 20px; }