body {
	font-family        : Tahoma, Arial, sans-serif;
/* 	font-family        : Verdana,sans-serif; */
/* 	font-family        : Georgia, "Times New Roman", serif; */
	font-size          : 12px;
	margin             : 0;
	padding            : 0;
	line-height        : 1.6em;
	color              : #fff;
/*	background         : #000; */
	background         : #000205 url(/images/background_body.jpg) repeat;
}


h1 {
	color              : #ff4;
	background         : #569 url(/images/background_main_darkblue.jpg) repeat-y top left;
	font-size          : 200%;
	padding            : 4px;
	padding-left       : 10px;
	padding-top        : 8px;
	padding-bottom     : 8px;
	margin-left        : -10px;
	margin-right       : -10px;
	margin-top         : 0px;
	margin-bottom      : 8px;
	font-weight        : normal;
	border             : 1px solid #569;
}

h2 {
	color              : #8f8;
	border-top         : 1px solid #8f8;
	font-size          : 170%;
	padding            : 2px;
	margin-top         : 8px;
	margin-bottom      : 2px;
}

h3 {
	color              : #afa;
	border-top         : 1px solid #afa;
	font-size          : 160%;
	padding            : 2px;
	padding-bottom     : 8px;
	margin-top         : 24px;
	margin-bottom      : 2px;
}

h4 {
	font-size          : 130%;
	color              : #bfb;
}
h5 {
	font-size          : 115%;
	color              : #dfd;
}

p {
	padding-left       : 5px;
	padding-right      : 5px;
	text-align         : justify;
}

table {
	font-size          : 12px;
	line-height        : 1.4em;
}

td {
	vertical-align     : top;
}

pre {
	/*
	filter             : alpha(opacity=70);
	-moz-opacity       : 0.7;
	-khtml-opacity     : 0.7;
	opacity            : 0.7;
	*/
	border             : 1px solid #113;
	background         : #001;
	padding            : 4px;
	overflow           : auto;
}

code {
	background         : #181818;
}

img {
	border             : 0;
}

ul,ol {
	line-height        : 1.6em;
}

ul li {
	list-style         : url(/images/bullet2.png);
}

.cite {
	margin-left        : 40px;
	border-left        : 4px solid #56a;
	font-style         : italic;
	background         : #002;
}                                                                                                                                                                               


.yellow { color: #ff8 }
.red    { color: #f88 }
.green  { color: #8f8 }
.blue   { color: #88f }
.lgrey  { color: #bbb }
.dgrey  { color: #666 }
.brown  { color: #fa4 }


/*******************************************************/
/*******************************************************/

a {
	color              : #af4;
	text-decoration    : none;
	border-top         : 1px solid black;
	border-top         : 1px solid transparent;
	border-bottom      : 1px dashed #231;
}

a:hover {
	color              : #cfc;
	border-top         : 1px solid #336;
	border-bottom      : 1px solid #336;
}

a:visited {
	color              : #f84;
	text-decoration    : none;
	border-top         : 1px solid black;
	border-top         : 1px solid transparent;
	border-bottom      : 1px dashed #331;
}

a:visited:hover {
	color              : #ffc;
	border-top         : 1px solid #336;
	border-bottom      : 1px solid #336;
}

/* link auf der lokalen seite */
.local, .local:visited {
	color              : #0c0;
	text-decoration    : none;
	border-top         : none;
}
.local:hover, .local:visited:hover {
	color              : #2f2;
	background-color   : #131;
}

/* externe links */
a[href ^="http://"] {
	background         : url(/images/link_extern.png) center left no-repeat;
	padding-left       : 11px;
}
a[href ^="http://"]:hover {
	background         : url(/images/link_extern.gif) center left no-repeat;
	padding-left       : 11px;
}

/* links zu wikipedia (en, de) */
a[href ^="http://de\.wikipedia\.org"],
a[href ^="http://en\.wikipedia\.org"] {
	background         : url(/images/link_wikipedia_12.png) center left no-repeat;
	padding-left       : 14px;
	border-bottom      : 1px solid #458;
}

/* bright on dark */
.bodlink, .bodlink:visited {
	color              : #ee8;
	border             : none;
	background         : none;
}
.bodlink:hover, .bodlink:visited:hover {
	color              : #ffb;
	background         : none;
	border             : none;
}
	

/*******************************************************/
/*******************************************************/

#logo {
	position           : absolute;
	left               : 5px;
	top                : 0px;
	width              : 140px;
	height             : 140px;
	padding            : 4px;
	background         : url(/images/logo_trans.png) no-repeat;
}

#navi {
	position           : absolute;
	left               : 0;
	top                : 146px;
	width              : 140px;
	padding            : 8px;
	background-color   : #347;
	background         : url(/images/navibg.png);
	font-family        : "DejaVu Sans Mono", Monospace, "Courier New", Courier;
	border             : 1px solid #000;
}
#navi ul, #navi li { }
#navi ul {
	margin-left        : -38px;
}
#navi li {
	margin             : 2px;
	list-style         : none;
	text-align         : center;
}

#navi a {
    color              : #aaf;
    font-size          : 12px;
    font-family        : sans-serif;
    text-decoration    : none;
    background         : url(/images/kugel_1.png) center left no-repeat;
    padding-top        : 3px;
    padding-left       : 24px;
    padding-bottom     : 3px;
    padding-right      : 6px;
    border-right       : 1px solid #25355a;
    display            : block;
	border-bottom      : none;
	border-top         : none;
	margin-left        : -8px;
}
#navi a:hover,
#navi a:visited:hover {
/*  font-weight:bold;*/
    color              : #ffa;
    background         : url(/images/kugel_2.png) center left no-repeat;
    padding-top        : 3px;
    padding-left       : 24px;
    padding-bottom     : 3px;
    padding-right      : 6px;
    border-right       : 1px solid #bcf;
    display            : block;
	margin-left        : -8px;
}
#navi .naviactive {
    color              : #c9ecc8;
    font-size          : 12px;
    background         : url(/images/kugel_3.png) center left no-repeat;
    padding-top        : 3px;
    padding-left       : 24px;
    padding-bottom     : 3px;
    padding-right      : 6px;
    border-right       : 1px solid #c9ecc8;
    display            : block;
	margin-left        : -6px;
	font-weight        : bold;
}


/*******************************************************/
/*******************************************************/

#main {
	position           : absolute;
	top                : 10px;
	left               : 160px;
	padding            : 10px;
	padding-top        : 0;
	min-width          : 800px;
	max-width          : 800px;
	overflow           : auto;
	border             : 1px solid #000;
/*	background         : #000205 url(/images/bg_main.png) repeat;*/
	background         : #000 url(/images/background_main.jpg) repeat;
}
/*******************************************************/
/*******************************************************/

#framehier {
	background         : #1c2232 url(/images/background_menu.jpg) repeat-x;
	border             : 1px solid #000;
	padding            : 4px;
	margin-top         : -7px;
	margin-left        : -9px;
	margin-right       : -9px;
	margin-bottom      : 4px;
	overflow           : none;
	line-height        : 1.4em;
}
#framehier a, #framehier a:visited {
	color              : #ffa;
	text-decoration    : none;
	border             : 1px solid #000;
	padding            : 2px;
	padding-left       : 4px;
	padding-right      : 4px;
}
#framehier a:hover, #framehier a:visited:hover {
	color              : #fff;
	background-color   : #1c2232;
}
#framehier .print {
	position           : absolute;
	left               : 60%;
	background         : url(/images/icon_printer.png) right no-repeat;
	padding-right      : 21px;
	padding-left       : 8px;
	border-left        : 1px solid #aaa;
}
#framehier .lang_de {
	position           : absolute;
	left               : 74%;
	background         : url(/images/flag_dach_small.png) right no-repeat;
	padding-right      : 28px;
	padding-left       : 8px;
	border-left        : 1px solid #aaa;
}
#framehier .lang_en {
	position           : absolute;
	left               : 74%;
	background         : url(/images/flag_engl_small.png) right no-repeat;
	padding-right      : 28px;
	padding-left       : 8px;
	border-left        : 1px solid #aaa;
}
#framehier .sitemap {
	position           : absolute;
	left               : 86%;
	background         : url(/images/icon_sitemap.png) right no-repeat;
	padding-right      : 21px;
	padding-left       : 8px;
	border-left        : 1px solid #aaa;}
#framehier .mainlink {
}

/*******************************************************/
/*******************************************************/

#foot {
	position           : relative;
	text-align         : center;
	font-size          : 90%;
	width              : 99%;
	margin-top         : 20px;
	background         : #000205 url(/images/background_body.jpg) repeat;
	border             : 1px solid #000;
	padding            : 3px;
	padding-top        : 1px;
	color              : #445;
}

/*******************************************************/
/*******************************************************/

#albumtable td {
	vertical-align     : top;

}

/*******************************************************/

#albumlist {
	width              : 100%;
	border             : 1px solid #555;
	border-right       : none;
	border-bottom      : none;
}
#albumlist .title {
	text-align         : center;
	width              : 100%;
	color              : #aaf;
	border-bottom      : 1px solid #555;
	padding            : 2px;
	background         : #222;
	font-size          : 160%;
	font-weight        : bold;
	padding-bottom     : 4px;
}
#albumlist .albumname {
	font-size          : 140%;
}
#albumlist .albumdate {
	font-style         : italic;
}
#albumlist .albumgenre {
	font-style         : italic;
}
#albumlist .albumtracks {
	font-style         : italic;
}
#albumlist .cover {
	border             : 1px solid #000;
}
#albumlist .cover:hover {
	border             : 1px solid #6af;
}
#albumlist .coverlink {
	border             : none;
}
#albumlist .coverdiv {
	float              : left;
}
#albumlist td {
	padding            : 1px;
	border-bottom      : #555 1px solid;
}
#albumlist .nr {
	font-weight        : bold;
}
#albumlist td.tdactive {
	color              : #fff;
	background         : transparent;
	border-right       : 1px solid #555;
}
#albumlist .tdactive .albumname {
	font-weight        : bold;
}
#albumlist .tdactive a {
	border-bottom      : none;
	color              : #fff;
}
#albumlist td.tdinactive {
	filter             : alpha(opacity=50);
	-moz-opacity       : 0.5;
	-khtml-opacity     : 0.5;
	opacity            : 0.5;
	color              : #ddd;
	background         : #000;
	border-right       : 1px solid #555;
}
#albumlist td.tdinactive:hover {
	filter             : alpha(opacity=90);
	-moz-opacity       : 0.9;
	-khtml-opacity     : 0.9;
	opacity            : 0.9;
	color              : #fff;
	background         : transparent;
	border-right       : 1px solid #555;
}
#albumlist a {
	color              : #ffc;
	text-decoration    : underline;
	border             : none;
}
#albumlist a:hover {
	color              : #fff;
	text-decoration    : none;
	background         : none;
	border-top         : none;
	border-bottom      : none;
}
#albumlist a:visited {
	color              : #ffc;
	background         : none;
	border-top         : none;
	border-bottom      : none;
}
#albumlist a:visited:hover {
	color              : #fff;
	text-decoration    : none;
	background         : none;
	border             : none;
}

/*******************************************************/
/*******************************************************/

#album {
	width              : 100%;
	border             : 1px solid #555;
	border-left        : none;
	border-right       : 1px solid #555;
}
#album .tdtitle {
	text-align         : center;
	width              : 100%;
	color              : #aaf;
	border-bottom      : 1px solid #555;
	padding            : 2px;
	background         : #222;
}
#album .albumtitle {
	font-size          : 160%;
	font-weight        : bold;
}
#album .albumdate {
	font-size          : 120%;
}
#album .tdcover {
	text-align         : center;
}
#album .coverimg {
	border             : 1px solid #000;
}

#album td .talbuminfo {
	line-height        : 1.4em;
	width              : 100%;
	background         : #002;
}
#album td .infoname {
	color              : #bbb;
	text-align         : right;
	font-weight        : bold;
	padding-right      : 4px;
	border-right       : 1px solid #555;
	background         : #001;
}
#album td .infovalue {
	text-align         : left;
	padding-left       : 4px;
}
#album td .descname {
	color              : #fff;
	font-weight        : bold;
	border-top         : 1px solid #555;
	border-bottom      : 1px solid #555;
	text-align         : center;
	padding-top        : 4px;
	background         : #001;
}
#album td .descvalue {
	padding            : 4px;
	background         : #002;
}

#album .tlist {
	width              : 100%;
	line-height        : 1.4em;
	border-top         : 1px solid #555;
}
#album tr.rowa {
	color              : #ddd;
	filter             : alpha(opacity=50);
	-moz-opacity       : 0.5;
	-khtml-opacity     : 0.5;
	opacity            : 0.5;
	background         : #000;
}
#album tr.rowa:hover {
	filter             : alpha(opacity=99);
	-moz-opacity       : 0.99;
	-khtml-opacity     : 0.99;
	opacity            : 0.99;
	background         : transparent;
}
#album tr.rowb {
	color              : #ddd;
	filter             : alpha(opacity=50);
	-moz-opacity       : 0.5;
	-khtml-opacity     : 0.5;
	opacity            : 0.5;
	background         : #000;
}
#album tr.rowb:hover {
	filter             : alpha(opacity=99);
	-moz-opacity       : 0.99;
	-khtml-opacity     : 0.99;
	opacity            : 0.99;
	background         : transparent;
}
#album .bottomline {
	text-align         : right;
	border-top         : 1px solid #555;
	font-weight        : bold;
	background         : #333;
}

#album a {  }


/*******************************************************/
/*******************************************************/


#modstable td {
	vertical-align     : top;
}
/*******************************************************/
#modlist {
	width              : 491px;
	min-width          : 491px;
	max-width          : 491px;
	font-size          : 11px;
	line-height        : 1.6em;
}
#modlist .image {
	background         : #008 url(/pics/mptrack_pad.jpg);
	padding            : 0px;
}
#modlist td {
	padding            : 1px;
	border-top         : 1px solid #444;
	border-left        : 1px solid #444;
	border-bottom      : 1px solid #000;
	border-right       : 1px solid #000;
	padding-left       : 2px;
	padding-right      : 2px;
}
#modlist .cat {
	text-align         : center;
	border-bottom      : 1px solid #000;
	font-weight        : bold;
}
#modlist .num {
	padding-right      : 6px;
}
#modlist .titel {
	border             : 1px solid #222;
	border-bottom      : 1px solid #000;
	background         : #222;
	text-align         : center;
}
#modlist .titel:hover {
	border             : 1px solid #000;
	background         : #111;
}
#modlist .titel_aktiv {
	border             : 1px solid #000;
	border-bottom      : 1px transparent;
	font-weight        : bold;
	text-align         : center;
}
#modlist .sort,
#modlist td.sort:visited {
	display            : block;
	text-decoration    : none;
	color              : #ff2;
	border             : none;
}
#modlist .sort:hover {
	display            : block;
	color              : #4f4;
	background-color   : #111;
	border             : none;
}
#modlist tr.rowa {
	/*background         : #111;*/
	filter             : alpha(opacity=50);
	-moz-opacity       : 0.5;
	-khtml-opacity     : 0.5;
	opacity            : 0.5;
	background         : #000;
}
#modlist tr.rowa:hover {
	filter             : alpha(opacity=99);
	-moz-opacity       : 0.99;
	-khtml-opacity     : 0.99;
	opacity            : 0.99;
	background         : transparent;
}
#modlist tr.rowb {
	filter             : alpha(opacity=50);
	-moz-opacity       : 0.5;
	-khtml-opacity     : 0.5;
	opacity            : 0.5;
	background         : #000;
}
#modlist tr.rowb:hover {
	filter             : alpha(opacity=99);
	-moz-opacity       : 0.99;
	-khtml-opacity     : 0.99;
	opacity            : 0.99;
	background         : transparent;
}

/*******************************************************/
/*******************************************************/

#modsshow {
	border             : 1px solid #000;
	border-bottom      : none;
	border-left        : none;
	background         : #1c2232 url(/images/background_main_darkblue.jpg) repeat;
	padding            : 4px;
	text-align         : center;
	width              : 491px;
	min-width          : 491px;
	max-width          : 491px;
}
#modsshow .aktiv {
	padding-left       : 5px;
	padding-right      : 5px;
	font-weight        : bold;
	border             : 1px solid #000;
	background         : #113;
	color              : #ff0;
}
#modsshow a, #modsshow a:visited {
	color              : #afa;
	padding-left       : 5px;
	padding-right      : 5px;
	border             : 1px solid #000;
	text-decoration    : none;
}

#modsshow a:hover, #modsshow a:visited:hover {
	color              : #ffa;
	border             : 1px solid #000;
	background         : #224;
	text-decoration    : none;
}

#modsrange {
	border             : 1px solid #000;
	border-bottom      : none;
	border-left        : none;
	background         : #1c2232 url(/images/background_main_darkblue.jpg) repeat;
	padding            : 4px;
	text-align         : center;
	width              : 491px;
	min-width          : 491px;
	max-width          : 491px;
}
#modsrange .aktiv {
	padding-left       : 5px;
	padding-right      : 5px;
	font-weight        : bold;
	border             : 1px solid #000;
	background         : #113;
	color              : #ff0;
}
#modsrange a, #modsrange a:visited {
	padding-left       : 5px;
	padding-right      : 5px;
	border             : 1px solid #000;
	text-decoration    : none;
}

#modsrange a:hover, #modsrange a:visited:hover {
	color              : #ffa;
	border             : 1px solid #000;
	background         : #224;
	text-decoration    : none;
}


/*******************************************************/
/*******************************************************/

.infobox {
	filter             : alpha(opacity=80);
	-moz-opacity       : 0.8;
	-khtml-opacity     : 0.8;
	opacity            : 0.8;
	background         : #002;
	border             : 1px solid #555;
}

/*******************************************************/
/*******************************************************/

/* CHANGELOG TABELLE */
#changelog {
	border             : 1px solid #555;
}
#changelog td {
	background         : #222;
	border-top         : 1px solid #555;
	padding            : 2px;
	vertical-align     : top;
	filter             : alpha(opacity=50);
	-moz-opacity       : 0.5;
	-khtml-opacity     : 0.5;
	opacity            : 0.5;
}
#changelog th {
	padding            : 4px;
	background         : #444;
}

/*******************************************************/
/*******************************************************/

#linktable {
	border             : 1px solid #000;
	background         : #1d2e32 url(/images/background_main2.jpg) repeat;
}
#linktable th {
 	font-family        : Verdana,sans-serif;	
	color              : #abf;
	border-top         : 1px solid #555;
	border-left        : 1px solid #555;
	border-bottom      : 1px solid #000;
	border-right       : 1px solid #000;
	/* background         : #235; */
	background         : #1c2232 url(/images/background_main_darkblue.jpg) repeat-x;
}
#linktable td {
	border             : 1px solid #000;
	padding-bottom     : 6px;
}
#linktable td:hover {
	border             : 1px dashed #5f729c;
}

/*******************************************************/
/*******************************************************/
#sidtable {
	border             : 1px solid #000;
	background         : #1d2e32 url(/images/background_main2.jpg) repeat;
}

#sidtable th {
 	font-family        : Verdana,sans-serif; 
	color              : #abf;
	border-top         : 1px solid #555;
	border-left        : 1px solid #555;
	border-bottom      : 1px solid #000;
	border-right       : 1px solid #000;
	background         : #1c2232 url(/images/background_main_darkblue.jpg) repeat-x;
}

#sidtable td {
	border             : 1px solid #000;
}
#sidtable td:hover {
	border             : 1px dashed #5f829c;
}
/*******************************************************/
/*******************************************************/
/* Content Table                                       */
#ctable {
	border             : 1px solid #000;
	background         : #1d2e32 url(/images/background_main2.jpg) repeat;
}

#ctable th {
 	font-family        : Verdana,sans-serif; 
	color              : #abf;
	border-top         : 1px solid #555;
	border-left        : 1px solid #555;
	border-bottom      : 1px solid #000;
	border-right       : 1px solid #000;
	background         : #1c2232 url(/images/background_main_darkblue.jpg) repeat-x;
}

#ctable td {
	border             : 1px solid #000;
	line-height        : 1.6em;
}

#ctable td:hover {
	border             : 1px dashed #5f829c;
}

/*******************************************************/
/*******************************************************/

#comic {font-size:12px; border-top:1px solid #fff; border-left:1px solid #fff;width:800px;}
#comic .off  {color:#fff;text-align:center;font-style:italic;}
#comic .atze {color:#66f;text-align:left;}
#comic .birne{color:#f66;text-align:right;}
#comic hr {background-color:#fff; height:1px;}
#comic .imgcomic {width:50%;}
#comic td {padding:10px;vertical-align:bottom; border-right:1px solid #fff; border-bottom:1px solid #fff;width:33%;max-width:33%;}

/*******************************************************/
/*******************************************************/

.messagebox_blue {
	background-color   : #112;
	color              : #ccf;
	border             : 1px solid #555;
	padding            : 6px;
	text-align         : justify;
}
