@charset "utf-8";
/*******************************************************************************
* Website:  www.apu.de                                                         *
* File:     CSS Document                                                       *
* Version:  1.2                                                                *
* Date:     2008-09-02                                                         *
* Author:   Soeren Schaffstein                                                 *
********************************************************************************
* Colors:                                                                      *
*******************************************************************************/

body {
	background: #000;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
}

#page-container {
	border: 1px solid black;
	height: 600px;
	margin: 10px auto;
	position: relative;
	width: 955px;
}


/*main menu */
#menu-top {
	height: 70px;
	position: absolute;
}
#menu-bottom {
	height: 69px;
	position: absolute;
	top: 531px;
}

.menu-item {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.menu-item a {
	color: #fff;
	text-decoration: none !important;
}
.menu-item a:hover {
	text-decoration: underline !important;
}
#menu-top .menu-item {
/*	border: 1px solid black;*/
	height: 30px;
	margin: 0px;
	padding-top: 40px;
}
#menu-bottom .menu-item {
/*	border: 1px solid black;*/
	height: 59px;
	margin: 0px;
	padding-top: 10px;
}
#menu-top .menu-item a,
#menu-bottom .menu-item a {
	margin: 0px 10px;
}

#menu-top #menu-o1 {
	background-image:url(images/menu_bg_o1.jpg);
	left: 0px;
	position: absolute;
	width: 319px;
}
#menu-top #menu-o2 {
	background-image:url(images/menu_bg_o2.jpg);
	left: 319px;
	position: absolute;
	width: 317px;
}
#menu-top #menu-o3 {
	background-image:url(images/menu_bg_o3.jpg);
	left: 636px;
	position: absolute;
	width: 319px;
}

#menu-bottom #menu-u1 {
	background-image:url(images/menu_bg_u1.jpg);
	left: 0px;
	position: absolute;
	width: 319px;
}
#menu-bottom #menu-u2 {
	background-image:url(images/menu_bg_u2.jpg);
	left: 319px;
	position: absolute;
	width: 319px;
}
#menu-bottom #menu-u3 {
	background-image:url(images/menu_bg_u3.jpg);
	left: 638px;
	position: absolute;
	width: 317px;
}




/* submenu */
#menu-left {
	height: 381px;
	margin-left: 10px;
	padding: 20px;
	position: absolute;
	top: 110px;
	width: 279px;
	z-index: 10;
}
#menu-left .submenu-item {
	margin-bottom: 10px;
}
#menu-left .act {
	background-image:url(images/arrow_white.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-left: -10px;
	padding-left: 10px;
}
#menu-left a {
	color: #fff;
	text-decoration: none;
}
#menu-left a:hover {
	text-decoration: underline;
}


#content {
	margin-left: 324px;
	height: 421px;
	line-height: 1.4em;
	overflow: auto;
	padding-right: 20px; 
	padding-top: 53px;	
	position: absolute;
	top: 70px;
	width: 612px;
}


/* standard tags */
h1 {
	font-size: 20px;
	margin-bottom: 15px;
}
h2 {
	font-size: 20px;
	margin-bottom: 2px;
}
p {
	margin-top: 0px;
}
a {
	color: #fff;
}