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

/****************************************************************************************************************************************/
/*	Allgemeine Styles																																																										*/
/****************************************************************************************************************************************/

/************************************************************************/
/*	Springen der Seite verhindern																				*/
/************************************************************************/
html {
	overflow-y: scroll;
}

/************************************************************************/
/*	Ausrichtung und Hintergrund-Bild des Bodys													*/
/************************************************************************/
body {
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	/*color: #a8a8a8;*/
	color: #777777;
}

.text_black {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000000;
}

/************************************************************************/
/*	Font-Styles für Hyper-Links																					*/
/************************************************************************/
a:link { text-decoration: none; color: #777777; font-weight: bold; }
a:visited { text-decoration: none; color: #777777; font-weight: bold; }
a:hover { text-decoration: none; color: #777777; font-weight: bold; }
a:active { text-decoration: none; color: #777777; font-weight: bold; }

/************************************************************************/
/*	Site mittig im Browserfenster ausrichten														*/
/************************************************************************/
.site {
	margin: auto;
	/*padding: auto;*/
	overflow: hidden;
	width: 960px;
}

/************************************************************************/
/*	Bereich für Header-Menü, Header-Logo , Header-Image und Content			*/
/************************************************************************/
.top {
	width: 960px;
	position: relative;
}

/************************************************************************/
/*	Ausrichtung des Header-Menüs																				*/
/************************************************************************/
.header {
	height: 80px;
	width: 930px;
	margin-left: 15px;
	float: left;
	position:relative;
	z-index: 3;
}

/************************************************************************/
/*	Ausrichtung des "Home"-Images																				*/
/************************************************************************/
.nav_img {
	text-align: left;
	float: left;
	height: 37px !important;
	height: 80px;
	padding-top: 43px;
	padding-left: 5px;
}

/************************************************************************/
/*	Allgemeine Font-Styles für die Naviation														*/
/************************************************************************/
.nav {
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 11px;
	float: left;
	height: 40px !important;
	height: 80px;
	padding-top: 40px;
	padding-left: 12px;
	letter-spacing: 0.05em;
	font-weight: normal;
}

/************************************************************************/
/*	Allgemeine Font-Styles für die geklickte Naviation									*/
/************************************************************************/
.nav_clicked {
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 11px;
	float: left;
	height: 40px !important;
	height: 80px;
	padding-top: 40px;
	padding-left: 12px;
	letter-spacing: 0.05em;
	font-weight: normal;
}

/************************************************************************/
/*	Font-Styles für link, visited, hover, acitve (Navigation)						*/
/************************************************************************/
.nav a:link { color: #FFFFFF; text-decoration: none; font-weight: normal; }
.nav a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
.nav a:hover { color: #FFFFFF; text-decoration: underline; font-weight: normal; }
.nav a:active { color: #FFFFFF; text-decoration: none; font-weight: normal; }

/************************************************************************/
/*	Font-Styles für link, visited, hover, acitve (gegklickte Navigation)*/
/************************************************************************/
.nav_clicked a:link { color: #FFFFFF; text-decoration: none; font-weight: normal; }
.nav_clicked a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
.nav_clicked a:hover { color: #FFFFFF; text-decoration: none; font-weight: normal; }
.nav_clicked a:active { color: #FFFFFF; text-decoration: none; font-weight: normal; }

/************************************************************************/
/*	Ausrichtung des Firmen-Logos																				*/
/************************************************************************/
.header_logo {
	float: right;
	height: 40px !important;
	height: 80px;
	padding-top: 40px;
	/*padding-right: 15px;*/
}

/************************************************************************/
/*	Alllgemeine Styles für die Content-Box															*/
/************************************************************************/
.content_box {
	min-height: 330px;
	background-color: #FFFFFF;
	clear: both;
}

/************************************************************************/
/*	Ausrichtung des Header-Images																				*/
/************************************************************************/
.header_image {
	clear: both;
	position: relative;
	z-index: 5;
}

.header_image a img {
  border: none;
}

/************************************************************************/
/*	Font-Styles für den "mehr"-Link bei Header-Images										*/
/************************************************************************/
.mehr {
	width: 915px !important;
	width: 930px;
	text-align: right;
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 15px;
	background: none;
	position: absolute;
	z-index: 6;
	font-size: 10px;
	font-family:Verdana, Geneva, sans-serif;
	/*color: #a8a8a8;*/
	color: #777777;
	font-weight: bold;
}

/************************************************************************/
/*	Ausrichtung und Hintergrund-Bild des Content-Bereichs								*/
/************************************************************************/
.bottom {
	width: 960px;
	background-image: url(../images/content_border.gif);
	background-repeat: repeat-y;
	clear: both;
}

/************************************************************************/
/*	Ausrichtung des Contents																						*/
/************************************************************************/
.content{
	width: 930px;
	margin-left: 15px;
	margin-right: 15px;
	overflow: hidden;
	z-index: 4;
	position: relative;
}

/************************************************************************/
/*	Ausrichtung der Inhalts-Tabelle																			*/
/************************************************************************/
.table {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}

/************************************************************************/
/*	Ausrichtung der linken Spalte																				*/
/************************************************************************/
.left {
	width: 245px;
	float: left;
}

/************************************************************************/
/*	Ausrichtung der mittleren Spalte																		*/
/************************************************************************/
.middle {
	width: 245px;
	float: left;
}

/************************************************************************/
/*	Ausrichtung der rechten Spalte																			*/
/************************************************************************/
.right {
	width: 245px;
	float: left;
}

/************************************************************************/
/*	Ausrichtung der Inhalts-Tabelle																			*/
/************************************************************************/
.spacer {
	float: left;
}

/************************************************************************/
/*	Font-Styles für den Titel der linken Spalte													*/
/************************************************************************/
.title {
	font-size: 24px;
	text-transform: uppercase;
	color: #444444;
	font-family: Verdana, Geneva, sans-serif;
}

/************************************************************************/
/*	Font-Styles für das Datum der linken Spalte													*/
/************************************************************************/
.date {
	width: 245px;
	font-size: 10px;
	font-family:Verdana, Geneva, sans-serif;
	line-height: 150%;
	color: #767676;
}

/************************************************************************/
/*	Font-Styles für den Text der linken Spalte													*/
/************************************************************************/
.text {
	border-bottom: 1px dotted #a8a8a8;
	width: 245px;
	font-size: 10px;
	font-family:Verdana, Geneva, sans-serif;
	padding-top: 15px;
	padding-bottom: 5px;
	line-height: 150%;
	/*color: #a8a8a8;*/
	color: #777777;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
}

/************************************************************************/
/*	Ausrichtung des Link-Images in der linken Spalte										*/
/************************************************************************/
.text_image {
	float: right;
	height: 12px;
	padding-top: 4px;
}

/************************************************************************/
/*	Ausrichtung für das Footer-Image																		*/
/************************************************************************/
.footer_image{
	clear: both;
	width: 960px;
}

/****************************************************************************************************************************************/
/*	Zusätzliche Styles für die anderen Seiten																																														*/
/****************************************************************************************************************************************/

/************************************************************************/
/*	Ausrichtung der rechten Spalte (2-Spalten_Layout)										*/
/************************************************************************/
.right_detail {
	width: 590px;
	float: left;
}

/************************************************************************/
/*	Font-Styles für den Text in der rechten Spalte (2-Spalten-Layout)		*/
/************************************************************************/
.right_text {
	width: 590px;
	font-size: 10px;
	font-family:Verdana, Geneva, sans-serif;
	padding-top: 20px;
	line-height: 150%;
	/*color: #a8a8a8;*/
	color: #777777;
}

/************************************************************************/
/*	Font-Sytles für den Bereich "Kunden"																*/
/************************************************************************/
.kunden_left {
	width: 245px;
	font-size: 10px;
	font-family:Verdana, Geneva, sans-serif;
	padding-top: 20px;
	line-height: 150%;
	/*color: #a8a8a8;*/
	color: #777777;
}

/************************************************************************/
/*	Font-Sytles für den Bereich "Referenzen"														*/
/************************************************************************/
.titel_links {
	float: left;
	font-weight: bold;
}

/************************************************************************/
/*	Font-Sytles für den Kundenname																			*/
/************************************************************************/
.kunden_titel {
	font-weight: bold;
}

/************************************************************************/
/*	Font-Sytles für den Projektnamen																		*/
/************************************************************************/
.projekt {
	clear: both;
	float: left;
	height: 16px;
	vertical-align: bottom;
}

/************************************************************************/
/*	Multibox Descritpion																	            	*/
/************************************************************************/
.multiBoxDesc mb0 {
	display: none;
}

/************************************************************************/
/* Highslide															            	*/
/************************************************************************/
.highslide-gallery {
  width: 872px;
	background-image: url(../images/content_border_thumb.gif);
	background-repeat: repeat-y;
	clear: both;
  padding-left: 44px;
  padding-top: 2px;
  padding-right: 44px;
  padding-bottom: 2px;
}

.highslide-wrapper, .highslide-outline {
	background: #555555;
}
.highslide img {
	border: none;
}
.highslide:hover img {
	border-color: #aeaeae;
}
.highslide-active-anchor img {
	visibility: visible;
	border-color: #aeaeae !important;
}
.highslide-dimming {
	background: #000000;
}
.highslide-image {
  border-left: 3px solid #555555;
  border-top: 25px solid #555555;
  border-bottom: 13px solid #555555;
  border-right: 3px solid #555555;
}
.highslide-loading {
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url(graphics/loader.white.gif);
}

.highslide-controls {
	position: static !important;
  margin-bottom: 0;
}
.highslide-controls .highslide-move {
	display: none;
}

.highslide-controls .highslide-play {
	display: none;
}

.highslide-controls .highslide-pause {
	display: none;
}

.highslide-controls .highslide-previous {
	display: none;
}

.highslide-controls .highslide-next {
	display: none;
}

.highslide-controls .highslide-full-expand {
	display: none;
}

.highslide-thumbstrip-horizontal .highslide-marker {
  border-bottom: 6px solid #ffffff;
}

.highslide-thumbstrip-horizontal .highslide-scroll-up {
  left: 0px;
}

.highslide-thumbstrip-horizontal .highslide-scroll-down {
  right: 0px;
}

.highslide-gallery ul li {
	overflow: hidden;
  width: 75px;
	height: 50px;
	border: 1px solid #aeaeae;
	background: #ffffff;
	margin: 5px;
}

html > body .highslide-gallery ul li {
  display: inherit;
  text-align: center;
}

.text-controls a span {
  color: #ffffff;
}

.text-controls a:hover span {
  color: #ffffff;
}