/* special sections by id */

#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 60px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: center;
	font-family: sans-serif;
	font-size: 0.9em;
	background-image: url(graphics/verlauf-oben.png);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 3;
}

#moon {
	position: fixed;
	top: 0;
	left: 20px;
	width: 200px;
	height: 120px;
	z-index: 4;
}

#alliance {
	position: fixed;
	top: 15px;
	right: 0;
	width: 162px;
	height: 100px;
	z-index: 4;
}

#title {
	position: fixed;
	top: 10px;
	left: 40px;
	right: 40px;
	padding: 0;
	text-align: left;
	z-index: 5;
}

.title {
	font-size: 1.3em;
	vertical-align: center;
}

#home {
	position: fixed;
	top: 20px;
	right: 40px;
	font-size: 1.3em;
	vertical-align: center;
	text-align: right;
	z-index: 5;
}

#home a {
	color: rgb(95%, 96%, 87%);
	text-decoration: none;
}

#topbox {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 180px;
	background-color: rgb(21%, 33%, 49%);
	z-index: 2;
}

#topmenu {
	position: fixed;
	top: 140px;
	margin-left: 80px;
	margin-right: 80px;
	padding: 0;
	height: 34px;
	font-family: Helvetica, Arial, sans-serif;
	z-index: 3;
}

.menu table {
	padding: 0;
	height: 34px;
	border: none;
}

.menu tr {
	margin: 0;
	padding: 0;
}

.menu td {
	margin: 0;
	padding-left: 8px;
	padding-right: 8px;
}

.menu .button a.menuentry {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 34px;
	width: 103px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	background: none;
	color: rgb(20%, 20%, 20%);
	text-align: center;
	background-image: url(graphics/button.png);
}

.menu .button a.menuentry:hover {
	background-image: url(graphics/button-hover.png);
}

.menu .button a.menuentry:active {
	background-image: url(graphics/button-active.png);
}


#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 56px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	line-height: 5.0;
	vertical-align: bottom;
	text-align: center;
	font-family: serif;
	font-size: 0.9em;
	/* border-top: 1px solid gray; */
	background-image: url(graphics/verlauf-unten.png);
	background-repeat: repeat-x;
	background-position: top;
	z-index: 3;
}

p.footer {
	display: block;
	position: absolute;
	bottom: 0;
	left: auto;
	right: auto;
	width: 100%;
	vertical-align: text-bottom;
	text-align: center;
	padding: 0;
	margin: 0;
}

#content {
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	padding: 0.5em 1em 8em 1em;
	margin-left: 80px;
	margin-right: 80px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	/* border: 1px solid green; */
	/* border-left: 1px solid gray; */
	line-height: 1.4em;
	z-index: 1;
	/* background-color: rgb(95%, 96%, 87%); */
}

#content div.section {
	margin-bottom: 4em;
}

#content h1 {
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin: 4em 0 0 0;
	/* padding: 0.5em; */
	/* border-left: 1px solid rgb(180, 180, 180); */
}

#content h2 {
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin: 0.5em 0 0 0;
	/* padding: 0.5em; */
	/* border-left: 1px solid rgb(180, 180, 180); */
}

#content p {
	margin: 0.5em 0 0.5em 0;
}

#content p.l2 {
	margin: 0.5em 0 1em 0;
}

#content p.l3 {
	margin: 0.5em 0 2em 0;
}

#content em {
	font-style: normal;
	color: rgb(100%, 73%, 54%);
}

#content span.comment {
	color: rgb(70,70,70);
}

#content code {
	font-family: monospace;
	color: rgb(100%, 73%, 54%);
}

#content strong {
	font-style: normal;
	font-weight: bold;
}

#postscriptum {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0.5em 1em 1em 1em;
	margin: 0;
}

#preface {
	/* border: 1px solid green; */
}

#news {
	/* border: 1px solid green; */
}

#news dl {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	padding: 0.3em;
	background-color: rgb(245, 245, 245);
	background-image: none;
}

#news dd {
	margin-top: 0.5em;
	margin-left: 0;
}

/* common tags */

body {
	font-family: "Lucida Grande", sans-serif;
	font-size: 11pt;
	color: rgb(95%, 96%, 87%);
	/* background-color: rgb(0%, 11%, 21%); */
	background-color: rgb(21%, 33%, 49%);
}

#content a:link {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
}

#content a:visited {
	color: lightblue;
	text-decoration: none;
	border-bottom: 1px solid white;
}

#content a:hover {
	color: rgb(042, 112, 224);
	background-color: rgb(200, 200, 200);
	background-image: none;
	text-decoration: none;
	border-bottom: 1px solid white;
}

#content a:active {
	color: white;
	background-color: rgb(042, 112, 224);
	background-image: none;
	text-decoration: none;
	border: none;
}

hr {
	margin-left: 0;
	width: 30%;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid rgb(45%, 51%, 54%);
}


img.header {
	display: block;
	top: 0;
	margin-top: 8px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	height: 64px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	/* border: 1px solid red; */
}

.floatleft {
	float: left;
	margin: 0.5em;
}


.note {
	font-size: 0.6em;
	padding: 0.5em;
	color: rgb(100%, 73%, 54%);
}


p.note {
	font-size: small;
	padding: 0.5em;
	background-color: rgb(227, 240, 248);
	background-image: none;
}

p.attention {
	color: rgb(0, 27, 63);
	padding: 0.5em;
	background-color: rgb(227, 240, 248);
	background-image: none;
	border: 1px solid rgb(0, 27, 63);
}

.notesign {
	display: inline;
	margin-left: 0.5em;
	vertical-align: -15%;
}

quote {
	font-style: italic;
}

dl {
	margin-top: 1.5em;
}

dd {
	margin-bottom: 1em;
}

dd ul {
	margin-top: 0.5em;
}

.divider {
	color: rgb(49%, 54%, 60%);
}

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

td.leftside {
	vertical-align: top;
	padding-right: 1em;
}

.inset_5 {
	margin-left: 0.5em;
}

.inset1 {
	margin-left: 1em;
}

.inset2_5 {
	margin-left: 2.5em;
}

.code {
	display: inline;
	font-family: monospace;
	color: rgb(100%, 73%, 54%);
	margin: 0;
	padding: 0;
}

.toindex {
	float: right;
	margin-top: -1.5em;
}

#content a.langselect {
	text-decoration: none;
	padding: 0.2em;
	border: 2px solid rgb(100%, 73%, 54%);
}

#content .langselect {
	left: auto;
	right: auto;
	text-align: center;
	margin-top: -1em;
	margin-bottom: 1.5em;
}

#content a.downloadc {
	float: right;
	border: none;
	margin-top: 2em;
	background-image: none;
}