@charset "iso-8859-1";

/****************************************************************************************************/
/* Allgemeines fuer die Seite
/****************************************************************************************************/
html {
	overflow-y: scroll;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

/* Container fuer die Seite */
.page {
	overflow: hidden;
	width: 838px;
	height: 480px;
	margin: auto;
	margin-top: 90px;
}

/* Ueberschrift */
h1 {
  margin: 0px;
  margin-bottom: 12px;
  padding: 0px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 12px;
}

/* Absaetze */
p {
  margin: 0px;
  padding: 0px;
}

/* Links */
a,
a:link,
a:visited,
a:active {
  color: #ffffff;
}

/* Links HOVER */
a:hover {
  color: #000000;
}

/****************************************************************************************************/
/* Startseite: 3 Bereiche - links, mitte und rechts
/****************************************************************************************************/
.left_middle_start {
  overflow: hidden;
  width: 671px;
  height: 480px;
  float: left;
  background-color: #b5b5b5;
}

/* Container fuer den linken Bereich */
.left_start {
	overflow: hidden;
	/*width: 361px;*/
	height: 480px;
	float: left;
}

/* Container fuer den mittleren Bereich */
.middle_start {
	overflow: hidden;
	/*width: 310px;*/
	height: 480px;
	/*float: left;*/
	float: right;
}

/* Container fuer den rechten Bereich */
.right_start {
	overflow: hidden;
	width: 167px;
  height: 480px;
	float: left;
	background-color: #6b6b73;
}

/**************************************************/
/* mittlere Spalte
/**************************************************/
/* Text im mittleren Bereich */
.middle_start_text {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	padding-top: 185px;
	padding-right: 2px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 100%;
	color: #000000;
}

/* Link im mittleren Bereich */
a.link_start_middle,
a:link.link_start_middle,
a:visited.link_start_middle,
a:hover.link_start_middle,
a:active.link_start_middle {
	text-decoration: none;
	color: #000000;
}

/**************************************************/
/* rechte Spalte
/**************************************************/
/* Text im rechten Bereich */
.right_start_text {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-top: 179px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 100%;
	color: #ffffff;	
}

/* Link im rechten Bereich */
a.link_start_right,
a:link.link_start_right,
a:visited.link_start_right,
a:hover.link_start_right,
a:active.link_start_right {
	text-decoration: none;
	color: #ffffff;
}

/****************************************************************************************************/
/* Inhaltsseite: 3 Bereiche - links, mitte und rechts
/****************************************************************************************************/
/* Container fuer den linken Bereich */
.left {
	overflow: hidden;
	position: relative;
	width: 167px;
	height: 480px;
	float: left;
	background-color: #b5b5b5;
}

/* Container fuer den mittleren Bereich */
.middle {
	overflow: hidden;
	width: 44px;
	height: 480px;
	float: left;
	background-color: #221821;
}

/* Container fuer den rechten Bereich */
.right {
	overflow: auto;
	width: 627px;
	height: 480px;
	float: left;
	background-color: #ffffff;
	font-size: 11px;
	line-height: 120%;
}

/**************************************************/
/* linke Spalte
/**************************************************/
/* Container fuer die Navigation */
.nav {
	overflow: hidden;
	width: 98px;
	margin-left: 36px; 
	/*float: left;*/	
	/*border-top: 1px solid #ffffff;*/
	/*border-left: 1px solid #ffffff;*/
	font-size: 9px;
}

/* ein Navigationsitem */
.nav_item {
	height: 11px;
  border-bottom: 1px solid #ffffff;
}

/* ein Navigationsitem */
.nav_item a,
.nav_item a:link,
.nav_item a:visited,
.nav_item a:hover,
.nav_item a:active {
	color: #ffffff;
  text-decoration: none;
}

/* Container fuer die Projekt-Navigation */
.nav_project {
	overflow: hidden;
	width: 98px;
	margin-left: 36px; 
	/*float: left;*/
	/*border-top: 1px solid #ffffff;*/
	/*border-left: 1px solid #ffffff;*/
	/*border-right: 1px solid #ffffff;*/
	font-size: 9px;
}

/* Text im linken Bereich */
.left_text {
	/*position: absolute;*/
	margin: 0px;
	padding: 0px;
	margin-top: 33px;
  padding-left: 106px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 100%;
	color: #000000;
}

/* Link im linken Bereich */
a.link_left,
a:link.link_left,
a:visited.link_left,
a:hover.link_left,
a:active.link_left {
	text-decoration: none;
	color: #000000;
}

/* Container fuer die Projekte */
.project {
	position: absolute;
	overflow: hidden;
	padding-left: 5px;
	/*margin-top: 239px;*/
	margin-top: 40px;
	padding-right: 9px;
}

/* eine Zeil des Containers */
.project_line {
	overflow: hidden;
	margin-bottom: 5px;
}

/* ein Projekt-Item */
.project_item {
	float: left;
	padding-left: 4px;
}

/* Footertext der Navigation */
.left_footer {
	position: absolute;
	width: 167px;
	/*margin-top: 460px;*/
	margin-top: 260px;
	text-align: center;
}

/**************************************************/
/* mittlere Spalte
/**************************************************/
/* Text im mittleren Bereich */
.middle_text {
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-top: 179px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: 0.05em;
	line-height: 100%;
	font-weight: bold;
	color: #ffffff;	
}

/* Link im mittleren Bereich */
a.link_middle,
a:link.link_middle,
a:visited.link_middle,
a:hover.link_middle,
a:active.link_middle {
	text-decoration: none;
	color: #ffffff;
}

/**************************************************/
/* rechte Spalte
/**************************************************/
/* Headerbild im Content */
.header_img {
  overflow: hidden;
  max-width: 627px;
}

/* Box fuer die Navigation in der Sitemap */
.nav_box {
	overflow: hidden;
	width: 84px;	
	float: left;
	margin-left: 30px;
	margin-top: 169px;
	margin-right: 176px;
	padding: 8px;
	background-color: #5a5a62;
}

/* Item der Navigation */
.nav_box_item {
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/* Text fuer die Navigation */
.nav_box_text {
	position: relative;
	overflow: hidden;
	height: 480px;
	color: #ffffff;
}

/* Item 1 */
.nav_box_text_1 {
  position: absolute;
	margin-left: 307px;
  margin-top: 25px;
}

/* Item 1 */
.nav_box_img_1 {
  position: absolute;
	margin-left: 39px;
  margin-top: 179px;
  cursor: pointer;
}

/* Item 2 */
.nav_box_text_2 {
	position: absolute;
	margin-left: 307px;
  margin-top: 73px;
}

/* Item 1 */
.nav_box_img_2 {
  position: absolute;
	margin-left: 39px;
  margin-top: 191px;
  cursor: pointer;
}

/* Item 3 */
.nav_box_text_3 {
	position: absolute;
	margin-left: 397px;
	margin-top: 117px;
}

/* Item 1 */
.nav_box_img_3 {
  position: absolute;
	margin-left: 39px;
  margin-top: 203px;
  cursor: pointer;
}

/* Item 4 */
.nav_box_text_4 {
	position: absolute;
	margin-left: 397px;
	margin-top: 162px;
}

/* Item 1 */
.nav_box_img_4 {
  position: absolute;
	margin-left: 39px;
  margin-top: 215px;
  cursor: pointer;
}

/* Item 5 */
.nav_box_text_5 {
	position: absolute;
	margin-left: 397px;
	margin-top: 212px;
}

/* Item 1 */
.nav_box_img_5 {
  position: absolute;
	margin-left: 39px;
  margin-top: 227px;
  cursor: pointer;
}

/* Item 6 */
.nav_box_text_6 {
	position: absolute;
	margin-left: 397px;
	margin-top: 250px;
}

/* Item 1 */
.nav_box_img_6 {
  position: absolute;
	margin-left: 39px;
  margin-top: 239px;
  cursor: pointer;
}

/* Item 7 */
.nav_box_text_7 {
	position: absolute;
	margin-left: 397px;
	margin-top: 300px;
}

/* Item 1 */
.nav_box_img_7 {
  position: absolute;
	margin-left: 39px;
  margin-top: 251px;
  cursor: pointer;
}

/* Item 8 */
.nav_box_text_8 {
	position: absolute;
	margin-left: 397px;
	margin-top: 345px;
}

/* Item 1 */
.nav_box_img_8 {
  position: absolute;
	margin-left: 39px;
  margin-top: 263px;
  cursor: pointer;
}

/* Item 9 */
.nav_box_text_9 {
	position: absolute;
	margin-left: 307px;
  margin-top: 389px;
}

/* Item 1 */
.nav_box_img_9 {
  position: absolute;
	margin-left: 39px;
  margin-top: 275px;
  cursor: pointer;
}

/* Item 10 */
.nav_box_text_10 {
	position: absolute;
	margin-left: 307px;
  margin-top: 437px;
}

/* Item 1 */
.nav_box_img_10 {
  position: absolute;
	margin-left: 39px;
  margin-top: 287px;
  cursor: pointer;
}

/* Item mit Links */
.nav_box_text_1 a,
.nav_box_text_1 a:link,
.nav_box_text_1 a:visited,
.nav_box_text_1 a:hover,
.nav_box_text_1 a:active,
.nav_box_text_2 a,
.nav_box_text_2 a:link,
.nav_box_text_2 a:visited,
.nav_box_text_2 a:hover,
.nav_box_text_2 a:active,
.nav_box_text_3 a,
.nav_box_text_3 a:link,
.nav_box_text_3 a:visited,
.nav_box_text_3 a:hover,
.nav_box_text_3 a:active,
.nav_box_text_4 a,
.nav_box_text_4 a:link,
.nav_box_text_4 a:visited,
.nav_box_text_4 a:hover,
.nav_box_text_4 a:active,
.nav_box_text_5 a,
.nav_box_text_5 a:link,
.nav_box_text_5 a:visited,
.nav_box_text_5 a:hover,
.nav_box_text_5 a:active,
.nav_box_text_6 a,
.nav_box_text_6 a:link,
.nav_box_text_6 a:visited,
.nav_box_text_6 a:hover,
.nav_box_text_6 a:active,
.nav_box_text_7 a,
.nav_box_text_7 a:link,
.nav_box_text_7 a:visited,
.nav_box_text_7 a:hover,
.nav_box_text_7 a:active,
.nav_box_text_8 a,
.nav_box_text_8 a:link,
.nav_box_text_8 a:visited,
.nav_box_text_8 a:hover,
.nav_box_text_8 a:active,
.nav_box_text_9 a,
.nav_box_text_9 a:link,
.nav_box_text_9 a:visited,
.nav_box_text_9 a:hover,
.nav_box_text_9 a:active,
.nav_box_text_10 a,
.nav_box_text_10 a:link,
.nav_box_text_10 a:visited,
.nav_box_text_10 a:hover,
.nav_box_text_10 a:active {
	text-decoration: none;
	color: #ffffff;
}

/****************************************************************************************************/
/* Footer: Impressum, Sitemap, ...
/****************************************************************************************************/
/* Container fuer den Footer */
.page_footer {
	overflow: hidden;
	width: 838px;
	margin: auto;
	margin-top: 10px;
	padding-left: 2px;
}

/* Container fuer den Footer-Text */
.footer_text{
	overflow: hidden;
  float: left;
	color: #404040;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

/* ein Footer-Item */
.footer_item {
	float: left;
}

/* ein Footer-Trenner */
.footer_spacer {
	float: left;
}

/* Link im Footer */
a.link_footer,
a:link.link_footer,
a:visited.link_footer,
a:hover.link_footer,
a:active.link_footer {
	text-decoration: none;
	color: #404040;
}