/***
 * Main CSS Layout file
 ***/

/** General settings **/
html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    }

/* Page Settings */
body {
    background-image: url(../grafik/background_universe.jpg);
    background-color: #000000;
    color: #c7c7c7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.65em;
    margin: 0;
    padding: 0;
    height: 100%;
}

#BackgroundPlanet {
    height: 100%;
    background-image: url(../grafik/planet_background.png);
    background-position: bottom right;
    background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	text-align: right;
	position: fixed;
	}

#Screen {
	width: 100%;
	height: 100%;
    }

#Display {
    width: 79.1em;
    height: 100%;
    margin: 0 auto 0 auto;
    }

/* Content section */
#Content {
    position: relative;
    width: 60.79em;
    left: 15.5em;
    }

/* Links */
a:link, a:visited  {
    color: #e0e0e0;
    text-decoration: none;
    font-size: 1em;
    }

a:hover  {
    color: #ffffff;
    }

a:focus { outline: none; }

p {
	padding: 0.4em; }

/** MAIN NAVIGATION BAR **/
ul#Navigation {
    position:absolute;
    float: left;
    top: 3.4em;
    width: 13.5em;
    list-style: none;
    margin: 0;
    padding: 0;
    }

ul#Navigation li {
    margin: 0;
    padding: 0;
    }

ul#Navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top:1px solid #333333;
    border-left:1px solid #333333;
    border-right:1px solid #222222;
    background-color:#181818;
    }

ul#Navigation li ul li {
    border: none;
    border-bottom:1px solid #000000;
    border-right:1px solid #000000;
    padding: 0.2em 0.4em 0.3em 1.4em;
    }

/* mayb kann das der IE auch irgendwann mal, mayb koennen rosa Elefanten fliegen ;) */
ul#Navigation li ul li:first-child {
    border-top:1px solid #000000;
    }

ul#Navigation a:link, ul#Navigation a:visited  {
    color: silver;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.7em;
    font-weight: bold;
    }

ul#Navigation a:hover {
    color: #ffffff;
    }

ul#Navigation a.extern:link, ul#Navigation a.extern:visited {
    color: #007799;
    }

ul#Navigation a.logout:link, ul#Navigation a.logout:visited {
    color: #880000;
    }

ul#Navigation a.BattleRound, ul#Navigation a.BattleRound {
    color: #888800;
    }

body .Portal p, body .Portal ul, body .Portal ol, body .Portal legend   {
	font-size: 1.2em;
}

body .Portal ul ul, body .Portal ul ol, body .Portal ol ul, body .Portal ol ol {
	font-size: 1em;
}

body .Portal ul   {
	margin-left: 2em;
	padding-left: 0em;
	}

.Portal #Display {
	width: 977px; }

.Portal #Menu {
	list-style: none;
	width: 973px;
	margin: 0;
	padding: 0;
	background-color: #222222;
	height: 2.3em;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	}

.Portal #Menu {
	list-style: none;
	width: 973px;
	margin: 0;
	padding: 0;
	background-color: #222222;
	height: 2.3em;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	}

.Portal #Menu li {
	text-align: center;
	padding-top: 0.5em;
	list-style: none;
	float: left;
	font-size: 1.05em;
	width: 15%;
	font-weight: bold;
	text-shadow: 2px 1px 1px #505050;
	letter-spacing: 1px;
	}

.Portal div.ContentSection {
	background-image: url(../grafik/background.jpg);
	}

.ContentSection h1, .ContentSection h2 {
	border: none;
	background-color: transparent;
	padding: 0.4em;
	font-size: 1.4em;
	border-bottom: 1px solid #666666;
	margin-bottom: 20px;
	}

.ContentSection h2 {
	border: none;
	background-color: transparent;
	padding: 0.4em;
	font-size: 1.3em;
	border-bottom: 1px solid #333333;
	color: #ffffff;
	margin-bottom: 20px;
	margin-top: 20px;
	}

.ContentSection h3 {
	border: none;
	background-color: transparent;
	padding: 0.4em;
	font-size: 1.2em;
	color: #ffffff;
	margin-top: 20px;
	}

.ContentSection a {
	text-decoration: underline;
	}