@charset "utf-8";
/* CSS Document */

body, html {
	height:100%; /* needed for container min-height */
	background-color: #000000;
	background-image: url(../images/bg_bodycontainer.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 18px;
	text-align: center; /*** Centers the design in old IE versions ***/
	margin: 0px;
	padding: 0px;
}

a {
	color: #FFE410;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/**************************
CONTAINER
**************************/
#container {
width: 790px;
margin: 0 auto; /*** Centers the design ***/
min-height: 100%;
text-align: justify; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #container {
height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#flashheader {
	height: 380px;
	width: 780px;
	margin-left: 5px;
}
/**************************
BLACK GAPS
**************************/
#black_top {
	background-color: #000000;
	height: 20px;
	width: 100%;
}
#black_middle {
	background-color: #000000;
	height: 10px;
	width: 100%;
}
/**************************
WRAPPER
**************************/
#wrapper {
	width: 100%;
	padding-bottom: 50px;
	height: auto;
	margin-right: 5;
	margin-left: 5;
}
/**************************
MAIN
**************************/
#main {
	float: left;
	width: 540px;
	margin-left: 5px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.titel {
	font-family: Arial Narrow, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFE410;
	line-height: 20px;
}
.time {
	font-size: 10px;
	color: #666666;
	text-align: right;
}
/**************************
RIGHT
**************************/
#right {
	float: right;
	width: 190px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 5px;
	text-align: center;
	color: #000000;
	background-color: #F5F5F5;
	line-height: normal;
}
#right a {
	color: #666666;
	font-size: 10px;
	text-decoration: none;
}
#right a:hover {
	color: #000000;
	text-decoration: underline;
}

/**************************
FOOTER
**************************/
#footer {
	width: 790px;
	height: 40px;
	margin-top: -30px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
	background-color: #000000;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}
#links {
	text-align: left;
	font-size: 10px;
	line-height: normal;
	color: #999999;
	width: 580px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
}
#links a {
	color: #666666;
	font-size: 10px;
	text-decoration: none;
}
#links a:hover {
	color: #FFE410;
	text-decoration: underline;
}

#experienz {
	float: right;
	width: 190px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: right;
}
/**************************
GUESTBOOK
**************************/
#guestbook {
}
/**************************
MP3PLAYER
**************************/
#mp3player{
	padding-bottom: 20px;
}