/** Fix **/
p {
    margin: 0;
    padding: 0;
}

body {
	background-color: #000000;
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 10pt;
}
a {
	color: #793eb2;
	text-decoration: none;
    outline: none;
}
a:hover{
	color: #FFFFFF;
	text-decoration: none;
    outline: none;
}
a.left {
	color: #793eb2;
	text-decoration: none;
	width: 150px;
	height: 20px;
	padding-top: 2px;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(../img/a-left.png);
	background-repeat: no-repeat;
    outline: none;
	display: block;
}
a.left:hover {
	color: #FFFFFF;
	text-decoration: none;
	width: 150px;
	height: 20px;
	padding-top: 2px;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(../img/a-left-hover.png);
	background-repeat: no-repeat;
    outline: none;
	display: block;
}
h1 {
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 0px;
	width: 244px;
	height: 20px;
	color: #aa7ac8;
	background-image: url(../img/h1.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

/** **********************************
********** Topnavi Dropdown **********
********************************** **/
div.uhrzeit {
    position: relative;
    float: left;
    width: 350px;
    margin-left: 50px;
    margin-top: 0px;
    color: #777777;
    text-align: left;
}
div.current-planet {
    position: relative;
    float: left;
    width: 300px;
    margin-left: 50px;
    color: #777777;
    text-align: left;
}
div.topnavi-dropdown {
	margin-top: 7px;
	text-align: left;
	position: absolute;
	width: auto;
	border: 1px solid #4F2873;
	background-color: #2E1744;
    z-index: 1000;
}
div.topnavi-dropdown div {
    padding-top: 5px;
	padding-bottom: 5px;
    z-index: 1001;
}

div.topnavi-dropdown div a {
    height: 19px;
    padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
	color: #999999;
    outline: none;
    display: block;
}
div.topnavi-dropdown div a:hover {
    height: 19px;
    padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
    background-image: url(../img/a-topnavi-hover.png);
    background-repeat: repeat-x;
    outline: none;
    display: block;
}

/** ******************************
********** Seitenaufbau **********
****************************** **/
div.container {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
div.header {
	width: 1000px;
	height: 180px;
	background-image: url(../img/header.png);
}
div.topnavi-container {
	margin-top: 10px;
	margin-bottom: 20px;
	width: 1000px;
	height: 35px;
	background-image: url(../img/topnavi.png);
}
div.topnavi-main {
	padding-top: 8px;
	width: 965px;
	text-align: right;
}
div.main-container {
	width: 1000px; 
	float: left;
}
div.leftnavi-container {
	width: 180px;
	float: left;
}
div.leftnavi-titel {
	width: 180px;
	height: 26px;
	text-align: center;
	padding-top: 9px;
	color: #aa7ac8;
    text-shadow: #c68ee9 0px 0px 5px;
	background-image: url(../img/leftnavi_top.png);
	background-repeat: no-repeat;
}
div.leftnavi-top {
	margin-top: 10px;
	width: 180px;
	height: 23px;
	background-image: url(../img/leftnavi_maintop.png);
	background-repeat: no-repeat;
}
div.leftnavi-main {
	width: 160px;
}
div.leftnavi-inhalt {
    width: 150px;
    background-image: url(../img/a-left.png);    
    padding-top: 2px;
	padding-left: 20px;
	padding-right: 10px;
}
div.leftnavi-bottom {
	width: 180px;
	height: 23px;
    margin-bottom: 20px;
	background-image: url(../img/leftnavi_mainbottom.png);
	background-repeat: no-repeat;
}

div.load-time {
    position: fixed;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 5px;
    bottom: 0px;
    left: 0px;
    width: 210px;
    font-size: 8pt;
    color: #CCCCCC;
    background-color: #222222;
}

/** *********** Leftnavi - Grau ********** **/
a.left-grau {
	color: #777777;
	text-decoration: none;
	width: 150px;
	height: 20px;
	padding-top: 2px;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(../img/grey/a-left.png);
	background-repeat: no-repeat;
    outline: none;
	display: block;
}
a.left-grau:hover {
	color: #FFFFFF;
	text-decoration: none;
	width: 150px;
	height: 20px;
	padding-top: 2px;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(../img/grey/a-left-hover.png);
	background-repeat: no-repeat;
    outline: none;
	display: block;
}

div.leftnavi-titel-grau {
	width: 180px;
	height: 26px;
	text-align: center;
	padding-top: 9px;
	color: #CCCCCC;
    text-shadow: #FFFFFF 0px 0px 5px;
	background-image: url(../img/grey/leftnavi_top.png);
	background-repeat: no-repeat;
}
div.leftnavi-top-grau {
	margin-top: 10px;
	width: 180px;
	height: 23px;
	background-image: url(../img/grey/leftnavi_maintop.png);
	background-repeat: no-repeat;
}
div.leftnavi-main-grau {
	width: 160px;
}
div.leftnavi-inhalt-grau {
    width: 150px;
    background-image: url(../img/grey/a-left.png);    
    padding-top: 2px;
	padding-left: 20px;
	padding-right: 10px;
}
div.leftnavi-inhalt-grau a {
    color: #999999;
}
div.leftnavi-inhalt-grau a:hover {
    color: #FFFFFF;
}
div.leftnavi-bottom-grau {
	width: 180px;
	height: 23px;
    margin-bottom: 20px;
	background-image: url(../img/grey/leftnavi_mainbottom.png);
	background-repeat: no-repeat;
}
/** ************************************** **/

div.spacer {
	width: 20px;
	float: left;
}
div.inhalt-container {
	width: 800px;
	float: right;
}
div.inhalt-titel {
	padding-top: 9px;
	width: 800px;
	height: 26px;
	text-align: center;
	color: #aa7ac8;
    text-shadow: #c68ee9 0px 0px 5px;
	background-image: url(../img/top.png);
	background-repeat: no-repeat;
}
div.inhalt-main-top {
	margin-top: 10px;
	width: 800px;
	height: 23px;
	background-image: url(../img/main_top.png);
	background-repeat: no-repeat;
}
div.inhalt-main {
	margin-top: -15px;
	margin-bottom: -15px;
	padding-left: 10px;
	padding-right: 10px;
	width: 780px;
}
div.inhalt-main-bottom {
	width: 800px;
	height: 23px;
	background-image: url(../img/main_bottom.png);
	background-repeat: no-repeat;
    clear: both;
}
div.spacer-bottom {
	clear: both;
	margin-bottom: 20px;
}
div.footer-container {
	margin-bottom: 20px;
	width: 1000px;
	height: 35px;
	background-image: url(../img/footer.png);
}
div.footer {
	padding-left: 25px;
	padding-top: 8px;
	width: 965px;
	text-align: left;
}

/** ************************
********** Editor **********
************************ **/
a.editor-bbcode {
	height: 15px;
	color: #777777;
	text-align: center;
	vertical-align: middle;
	background-color: #2c1640;
	border: 1px solid #2c1640;
	text-decoration: none;
    margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
    outline: none;
    cursor: pointer;
	display: inline-block;
}
a.editor-bbcode:hover {
	height: 15px;
	color: #AAAAAA;
	text-align: center;
	vertical-align: middle;
	background-color: #4f2873;
	border: 1px solid #4f2873;
	text-decoration: none;
    margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
    outline: none;
    cursor: pointer;
	display: inline-block;
}