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

.clearfix:after {
    content: "."; 
    display: block; height: 0; visibility: hidden; 
    clear: both; 
}
.cleaner { clear: both; font-size: 0pt; }

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

#main {
	background-color: #36578c;
	width: 895px; 
	padding: 30px 0 0px 0; margin: 0 0 0 35px; 
}

#content {
	float: right;
	width: 695px;
	background-color: #ffffff;
	border-top: #a1adc7 5px solid;
}

.navibg { background-image: url(../images/navi-bg.gif); background-repeat: repeat-y;}
#navigation {
	width: 190px; 
	border-top: #cad4e6 1px solid; border-right: #cad4e6 1px solid;
	background-color: #a1adc7;
	margin: 0; padding: 0;
	overflow: hidden;
}

#topnavi {
	position: absolute; top: 110px; left: 630px; width: 300px;
	font-size: 10px; color: #a1adc7; text-align: right;
}
#esaLogo { position: absolute; top: 0; left: 0;}
/* --------------------- Ende Seitenraster --------------------- */

/* --------------------- Inhaltsbereich --------------------- */
h1, h2, h3 { color: #36578c; font-weight: bold; }
h1 { font-size: 16px; width: 270px; 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 { 
	float: left; width: 410px; 
	padding: 0px 0px 20px 10px;
	background-color: inherit; }
	
#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; 
}

#haupttext td {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
}

#rechteSpalte {
	margin: 0 0 0 430px; 
	background-color: #a1adc7; 
	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;
	width: 180px;  
	border-bottom: #cad4e6 1px solid;
} 

li a { font-size: 11px; 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 --------------------- */
.startpage {
	background-color: #36578c;
	width: 100%;
}
.startpic  { 
	background-color: #a1adc7; 
	background-image: url(../images/sterne-bg.gif); background-repeat: no-repeat; background-position: right top; 
	padding: 0 0 2px 2px; 
	width: 693px; 
}

.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 #content { background-image: url(../images/rechtespalte-bg.gif); background-position: right; background-repeat: repeat-y; }
* html .navibg { height: 100%; }
* html #rechteSpalte { margin-left: 427px; width: 265px; overflow: hidden; }
* html #haupttext { width: 390px; padding-bottom: 30px; }
* html #haupttext ul.text li { text-indent: -8px; }
* html #haupttext ul.text li:first-letter { margin-left: 8px; }
* html #navigation {
	width: 191px;     /* Version 5.x */
	w\idth:190px;    /* Version 6 */
}
* html #navigation li {
	width: 190px;     /* Version 5.x */
	w\idth:180px;    /* Version 6 */
}