@charset "utf-8";
  ####################################################
 ###------------------------------------------------###
###------------------ CSS by YuYa -------------------###
###--------- kill ya if I found it stolen -----------###
###------------- magix.nipponnetworks.de ------------###
 ###------------------------------------------------###
  ####################################################


/* ------------------------------ */
/* --------- Body-Part --------- */
/* ---------------------------- */

* { padding: 0; margin: 0; }

body 	{
	background-color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 10px;
	}


/* -------------------------- */
/* --------- Fonts --------- */
/* ------------------------ */

i, b, u  	{
	padding:1px 0 0 2px;
	font-weight: bold;
	color: #f49ac1;
	}

.title 	{
	text-transform: uppercase;
	text-align: left;
	font-family: Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 10px;
	color: #222;
	margin-left: 5px;
	margin-top: 10px;
	}
	
#titlelarge 	{
	padding: 2px 5px 5px 5px;
	color: #222;
	border-bottom: 1px solid #937381;
	width: 500px;
	}

.title:first-letter {
	color:#f49ac1;
	font-weight:bold;
	}

a  	{
	text-decoration: none;
	color: #603;
	}
	
a:hover {
	text-decoration: underline;
	}
	
/* --------------------------- */
/* --------- Navi --------- */
/* ------------------------- */

.pageheaderblock {
	width : 150px;
	margin-left: 120px;
}

.navi-title {
	text-transform: uppercase;
	text-align: left;
	font-family: Arial, sans-serif;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 10px;
	color: #f0f0f0;
	margin-left: 5px; 
}
.navi-title:first-letter{
	color:#f49ac1;
	font-weight:bold;
	}

.navi-menu {
	background: #777; 
	font-size: 10px;
	padding-top:5px;
	width: 120px;
	height: 386px;
	display: block;
	text-align: left;
	position: fixed;
}

.navi-menu a, .navi-menu a:visited { 
	white-space: nowrap;
	padding: 2px 6px 2px 6px;
	color: #F0F0F0;
	background: #777; 
	text-decoration: none;
	text-align: left;
    width: 140px;
}

.navi-menu a:hover {
	color: #603;
	text-align: left;
}

.navi-menu a:before{
	content:"♦ ";
	color:#f49ac1;
	}

.navi-menu ul{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 100px;
	list-style:none;
}


/* --------------------------- */
/* --------- Images --------- */
/* ------------------------- */

img {
	border: 0;
	}


/* --------------------------- */
/* --------- Tables --------- */
/* ------------------------- */



table 	{
	padding: 15px 0 10px 0;
	border: 0;
	}
	
tr  	{	
	padding: 3px;
	}


/* ----------------------------- */
/* --------- ID-Class --------- */
/* --------------------------- */

#skin {
	width: 618px;
	background-color:#777;
    margin: -10px auto;
	max-height:16000px;
	}


#header {
	background-image: url(images/header.jpg);
	background-position: center;
	height: 305px;
	repeat: none;
	padding: 0 0 0 0;
	margin-top:15px;
	}
	
#text	{
	padding: 2px 5px 10px 0px;
	width: 600px;
	min-height: 200px;
	max-height: auto;
	background-color: #777;
	}

#footer {
	color: #F0F0F0;
   	padding: 0px 0px 10px 0px;
    margin-top: 4px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10px;
	text-align: center;
	background-image: url(images/footer_bg.jpg);
	background-position:left;
	background-attachment:x-repeat;
	width: 618px;
	}
/* ---------------------------- */
/* --------- Contents --------- */
/* -------------------------- */

#content {
    	font-size: 10px;
    	color: #F0F0F0;
		font-family: Verdana;
		margin: 0px 10px 10px 10px;
		width: 618px;
		height: 600px;
		border-left:#777 1px;
		border-right: #777 1px;
	}
