@charset "iso-8859-1";

/****************************************************************************************************/
/* Allgemein Styles
/****************************************************************************************************/
/* vertikaler Scrollbalken immer anzeigen */
html {
	overflow-y: scroll;
}

/* Seite mittig ausrichten und allgemeine Schriftstile definieren */
body {
	margin: 0px;
	padding: 0px;
	background-color: #444241;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	/*letter-spacing: -0.03em; /* Firefox */
	/*letter-spacing: -0.05em; /* Firefox, IE6, IE7, IE8, Opera */
	/*letter-spacing: -0.09em; /* Firefox, IE6, IE7, IE8, Opera, Chrome, Safari */
}

/* Container fuer die Seite */
.page {
	overflow: hidden;
	width: 802px;
	margin: auto;
}

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

/* normaler Text */
.text {
	overflow: hidden;
}

a,
a:link,
a:visited,
a:active {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/****************************************************************************************************/
/* Header
/****************************************************************************************************/
/* Container fuer den Header */
.header {
	overflow: hidden;
	position: relative;
	height: 140px;
}

/* Container fuer das Logo */
.logo {
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 19px;
}

/* Container fuer den Headertext */
.header_text {
	overflow: hidden;
	position: absolute;
	right: 0px;
	bottom: 19px;
}

.header_text_telefon {
  overflow: hidden;
  float: left;
  margin-right: 5px;
}

.header_text_telefonnummer {
  overflow: hidden;
  float: left;
  margin-top: 5px;
}

/****************************************************************************************************/
/* Content
/****************************************************************************************************/
/* Container fuer den Content */
.content {
	overflow: hidden;
	position: relative;
	width: 802px;
	height: 362px;
}

/* Container fuer den Content links */
.content_left {
	overflow: hidden;
	position: absolute;
	width: 574px;
	height: 360px;
	top: 0px;
	left: 0px;
	background-color: #696a6a;
	border-right: 2px solid #e2001a;
	border-bottom: 2px solid #e2001a;
	line-height: 17px;
}

/* Container fuer den Content rechts */
.content_right {
	overflow: hidden;
	position: absolute;
	width: 196px;
	height: 344px;
	top: 0px;
	right: 0px;
	padding: 10px;
	padding-top: 6px;
	background-color: #696a6a;
	border-right: 2px solid #e2001a;
	border-bottom: 2px solid #e2001a;
	line-height: 17px;
}

/* Container fuer den Content links */
.content_left_d {
	overflow: hidden;
	position: absolute;
	width: 554px;
	height: 344px;
	top: 0px;
	left: 0px;
	padding: 10px;
	padding-top: 6px;
	background-color: #696a6a;
	border-right: 2px solid #e2001a;
	border-bottom: 2px solid #e2001a;
	line-height: 17px;
}

/* Container fuer den Content rechts */
.content_right_d {
	overflow: hidden;
	position: absolute;
	width: 216px;
	height: 360px;
	top: 0px;
	right: 0px;
	background-color: #696a6a;
	border-right: 2px solid #e2001a;
	border-bottom: 2px solid #e2001a;
	line-height: 17px;
}

/* Container fuer den Content links */
.content_left_e {
	overflow: hidden;
	position: absolute;
	width: 554px;
	height: 344px;
	top: 0px;
	left: 0px;
	padding: 10px;
	padding-top: 6px;
	background-color: #696a6a;
	border-right: 2px solid #e2001a;
	border-bottom: 2px solid #e2001a;
	line-height: 17px;
}

/* Container fuer den Content rechts */
.content_right_e {
	overflow: hidden;
	position: absolute;
	width: 196px;
	height: 344px;
	top: 0px;
	right: 0px;
	padding: 10px;
	padding-top: 6px;
	background-color: #696a6a;
	border-right: 2px solid #e2001a;
	border-bottom: 2px solid #e2001a;
	line-height: 17px;
}

/****************************************************************************************************/
/* Module Referenzen/Projekte
/****************************************************************************************************/
/* Container fuer den unteren Inhalt */
.module_bottom {
	overflow: hidden;
	position: absolute;
	width: 555px;
	height: 229px;
	left: 9px;
	right: 10px;
	bottom: 10px;
}

/* Container fuer den Titel */
.module_title {
	overflow: hidden;
	position: absolute;
	width: 555px;
	left: 9px;
	top: 9px;
	right: 10px;
	font-size: 27px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 100%;
}

/* Container fuer das grosse Bild */
.big_img {
	overflow: hidden;
	position: absolute;
	width: 338px;
	left: 0px;
	bottom: 0px;
}

/* Container fuer den Text */
.content_left_right {
	overflow: hidden;
	position: absolute;
	width: 196px;
	right: 0px;
	top: 0px;
}

/* Container fuer die kleinen Bilder */
.small_img {
	overflow: hidden;
	position: absolute;
	width: 196px;
	right: 0px;
	bottom: 0px;
}

/* Container fuer die 1. Zeile */
.row_1 {
	overflow: hidden;
	clear: both;
}

/* Container fuer die 2. Zeile */
.row_2 {
	overflow: hidden;
	clear: both;
	margin-top: 11px;
}

/* Container fuer die 1. Spalte */
.column_1 {
	overflow: hidden;
	float: left;
	margin-right: 10px;
}

/* Container fuer die 2. Spalte */
.column_2 {
	overflow: hidden;
	float: left;
}

/* Container fuer ein Listenelement */
.list {
	overflow: hidden;
	line-height: 15px;
}

/* Container fuer ein ausgegrautes Listenelement */
.list_grey {
	overflow: hidden;
	line-height: 15px;
	font-style: italic;
	color: #b7b6b7;
}

/* Container fuer die Pagenavigation */
.page_nav {
	overflow: hidden;
	position: absolute;
	width: 196px;
	bottom: 10px;
	font-size: 8px;
	text-align: center;
}

/****************************************************************************************************/
/* Module Mitarbeiter
/****************************************************************************************************/
/* Container fuer das Bild der Person */
.person_img {
	overflow: hidden;
	position: absolute;
	width: 338px;
	height: 340px;
	top: 10px;
	left: 10px;
}

/* Container fuer den Text der Person */
.content_left_right_person {
	overflow: hidden;
	position: absolute;
	width: 198px;
	top: 6px;
	right: 10px;
}

/* Container fuer die Position der Person */
.position {
	overflow: hidden;
	margin-bottom: 24px;
}

/****************************************************************************************************/
/* Footer
/****************************************************************************************************/
/* Container fuer den Footer */
.footer {
	overflow: hidden;
	line-height: 17px;
}

/* Container fuer die Navigation */
.nav {
	overflow: hidden;
	float: left;
}

/* Container fuer die Navigations- und Subnavigationselemente */
.nav_subnav {
	overflow: hidden;
	float: left;
	margin-top: 10px;
	margin-right: 25px;
}

/* aktives Navigationselement */
.nav_active {
	overflow: hidden;
	clear: both;
	float: left;
}

/* Navigationselement mit Link */
.nav_item,
.nav_item a,
.nav_item a:link,
.nav_item a:visited,
.nav_item a:active {
	overflow: hidden;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

/* Navigationselement mit Link HOVER */
.nav_item a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
}

/* Subnavigationselement mit Link */
.subnav_item,
.subnav_item a,
.subnav_item a:link,
.subnav_item a:visited,
.subnav_item a:active {
	overflow: hidden;
	text-decoration: none;
	color: #ffffff;
}

/* Subnavigationselement mit Link HOVER */
.subnav_item a:hover {
	text-decoration: underline;
	color: #ffffff;
}

/* Container fuer die Metanavigation */
.meta_nav {
	overflow: hidden;
	float: right;
	margin-top: 10px;
}

/* Metanavigationselement */
.meta_nav_item {
	overflow: hidden;
}

/* Metanavigationselement */
.meta_nav_item,
.meta_nav_item a,
.meta_nav_item a:link,
.meta_nav_item a:visited,
.meta_nav_item a:active {
	overflow: hidden;
	text-decoration: none;
	color: #ffffff;
}

/* Metanavigationselement */
.meta_nav_item a:hover {
	overflow: hidden;
	text-decoration: underline;
	color: #ffffff;
}