/*
Title:      DGI Bauwerk
Date:       2007-02
Author:     mindscreen.de
*/

/* ##########################################################	
** Skiplink-Navigation
** ##########################################################
*/
@media screen, print {
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
}

/* ##########################################################	
** Vorbereitende Massnahmen | Reset
** ##########################################################
*/
/* IE Mac/Netscape 4.5 auschliesen */
@media all
{

* { margin:0; padding: 0; } 

/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
option { padding-left: 0.4em }

/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen.  */
html { 	height: 100% } 
body { 
	min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgroeßeen im Opera sowie Standardformatierungen */
	font-size: 100.01%; 	
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser Fensters geändert wird. */
	position: relative; 	
}
	
/* Standardrahmen zurücksetzen */
fieldset, img { border:0; }

/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
select, input, textarea { font-size: 99% }




/* ##########################################################	
** Seitenstruktur
** ##########################################################
*/

#globalBox {
	position: relative;
	margin: 0px auto;
	width: 950px;
/*	height: 600px;*/
	text-align: left; 
}

#headerBox {
	position: absolute;
	top: 47px;
	right: 95px;
	z-index: 10;
}

#mainContentBox {
	position: absolute;
	top: 170px;
	left: 225px;
	width: 475px;
	z-index: 6;
	padding-bottom: 20px;
}

#googleMaps {
	position: absolute;
	left: 225px;
	top: 170px;
	height: 400px;
	width: 475px;
	z-index: 10;
}
/* Tabellen unter Projekte */
#tableBox {
	position: absolute;
	top: 170px;
	left: 225px;
	width: 700px;
	z-index: 7;
}

#sidebarBox, #adressinfoBox {
	position: absolute;
	top: 155px;
	left: 720px;
	width: 220px;
	height: 440px;
	z-index: 7;
}

.navBox {
	position: absolute;
	top: 63px;
	left: 45px;
	width: 170px;
	height: 250px;
	z-index: 100;
}

#projekt-einzelansicht-Nav {
	position: absolute;
	top: 585px;
	left: 51px;
	width:870px;
	height: 26px;
	background: url(img/projekt-einzelansicht-nav.gif) no-repeat left top;
}

#flashContentBoxSafari {
	position: absolute;
	top:275px;
	left:-325px;
	width:1600px;
	height:790px;
	z-index: 5;
	text-align:center;
}
#flashInfoSafari {
	position: absolute;
	top:217px;
	left:852px;
	z-index: 6;
	visibility: hidden;
}

#polygonSafari {
	position: absolute;
	top: 453px;
	left: 24px;
	z-index: 5;
}

#flashContentBox {
	position: absolute;
	top:0px;
	left:-325px;
	width:1600px;
	height:1200px;
	z-index: 5;
	text-align:center;
}
#errorContentBox {
	position: absolute;
	top:0px;
	left:0px;
	width:950px;
	height:40px;
	z-index: 5;
	text-align:center;
}

#welcomeBox {
	position: absolute;
	top: 110px;
	left: 720px;
	width: 169px;
	z-index: 100;
	text-align: left;
}


/* ##########################################################	
** Formatierung der Inhalte
** ##########################################################
*/


body {	
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 170%;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
}

#mainContentBox {
	font-size: 12px;
}

table {
	font-size: 11px;
	line-height: 170%;
}

table tr {
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #FFF;
	margin: 0;
}

h1 {
	font-size: 13px;	
	margin: 0 0 30px 0;
}

h2.subline {
	margin: -30px 0 20px 0;
}

h2 {
	font-size: 100%;
	line-height: 120%;	
	margin: 0px 0 0 0;
}

h3, h4 {
	font-size: 100%;
}

/* Links
---------------------------------------------------------- */
#globalBox a {
    color: #A7A9AC;
    text-decoration: none;
}

#globalBox a:hover, #globalBox a:focus {
    color: #FFF;
    outline: none;
}

a.pdflink {
	padding-left: 30px;
	height: 14px;
	background: url(img/pdflink.gif) no-repeat 0px 0px;
}

a.pdflink:hover {
	background: url(img/pdflink-hover.gif) no-repeat 0px 0px;
}

/* PDF Download-button*/	
#sidebarBox .downloadPDF  {
	width: 110px;
	position: absolute;
	bottom: 45px;
	right: 20px;
}
#sidebarBox .downloadPDF a {
	padding-left: 14px;
	background: #4D4D4D url(img/download-link.gif) no-repeat left center;
	height: 12px;
}

#sidebarBox .downloadPDF a:hover {
	background: #4D4D4D url(img/download-link-hover.gif) no-repeat left center;
}



/* List Style
---------------------------------------------------------- */
li {
    list-style: none;
}


	
/* Absatz Style
---------------------------------------------------------- */
p, ul {
	margin-bottom: 15px;
}

/* ##########################################################	
** Sidebar
** ##########################################################
*/

#sidebarBox h4 {
	width: 155px;
	font-weight: bold;
	text-decoration: none;
	margin: 15px 0 5px 0px;
	padding: 0px;
	border-bottom: solid 1px #C0C0C0;
}

#sidebarBox {
	padding: 0 0px 30px 0px;
	background: url(img/sidebar-menu-background.gif) no-repeat left top;
}

#sidebarBox ul {
	padding: 0 0 0 0px;
	width: 200px;
}

#sidebarBox li {
	list-style: none;
	padding: 2px 0 2px 0px;
}
	
#sidebarBox li a {
	margin: 0px;
	margin-left: -2px;
	height: 18px;
	line-height: 18px;
	display: block;
	padding: 0px 0 0px 23px;
	text-decoration: none;
	background: url(img/sidebar-menu-normal.gif) no-repeat 0px 2px;
}
	
#sidebarBox li a:hover {
	color: #FFF;
	background: url(img/sidebar-menu-hover.gif) no-repeat 0px 2px;
}
	
#sidebarBox .act a, #sidebarBox .act a:hover {
	color: #FFF;
	background: url(img/sidebar-menu-act.gif) no-repeat 0px 2px;
}

/* ##########################################################	
** SidebarBox Adressinfo - Style
** ##########################################################
*/

#adressinfoBox {
	background: none;
}
#adressinfoBox * {
	margin-left: 31px;
	width: 180px;
}

#adressinfoBox h4 {
	width: 170px;
	margin-top: 7px;
	margin-bottom: 2px;
	padding-bottom: 0px;
	height: 17px;
	border-bottom: solid 1px #C0C0C0;
	background: #4D4D4D;
}

#adressinfoBox p {
	width: 170px;
	margin-bottom: 35px;
	background: #4D4D4D;
}

#adressinfoBox ul {
	padding-left: 0px;
}

#adressinfoBox li {
	width: 170px;
	padding-left: 10px;
	background: #4D4D4D;
}

#adressinfoBox a {
	margin-left: 0px;
}




/* ##########################################################	
** Seite Leistungen
** ##########################################################
*/

/* allg Farbänderungen Navigation+Content Style
---------------------------------------------------------- */

.leistung #mainContentBox {
	width: 360px;
}

.leistung #sidebarBox {
	height: 480px;
	font-size: 12px;
}	

.leistung h1 {	
	margin: 0 0 20px 0;
}

.leistung #globalBox a {
	color: #DD93B3; /*#EEBFDA;*/	
	}
	
.leistung #globalBox a:hover {
	color: #FFF;	
	}	

.leistung #globalBox .navBox a {
	color: #DD93B3;
	}
	
.leistung .navBox li {
	list-style: none;
	background: url(img/nav-act-arrow-pink.gif) no-repeat -19px;
}
.leistung .navBox #bereiche {
	background: url(img/nav-act-arrow-pink-bereiche.gif) no-repeat right -19px;
}

.leistung #nav-background-1 div, .leistung #nav-background-2 div {
	background: url(img/background-pink.gif) left top;
	}	

.leistung .navBox #projekte .nav-sub-2 a {
	background: url(img/nav-projekte.gif) no-repeat 0px -12px;
}	
	

/* List Style
---------------------------------------------------------- */
.leistung #mainContentBox li {
    list-style: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 40px;
	background: url(img/list-style.gif) no-repeat left 6px;
	}	
	
/* SidebarBox navigation leistungen - Style
---------------------------------------------------------- */
.leistung #sidebarBox div {
	margin-left: 31px;
}

.leistung #sidebarBox h4 {
	width: 155px;
	font-weight: bold;
	text-decoration: none;
	margin: 15px 0 5px 0px;
	padding: 0px;
	border-bottom: solid 1px #FFF;
	background: #BB006A;
	}

.leistung #sidebarBox {
	padding: 0 0px 30px 0;
	background: url(img/sidebar-menu-background-pin.gif) no-repeat left top;
	}

.leistung #sidebarBox ul {
	padding: 0 0 0 8px;
	width: 200px;
	}

.leistung #sidebarBox li {
	list-style: none;
	padding: 1px 0 2px 0;	
	}
	
.leistung #sidebarBox li a {
	width: 175px;
	margin: 0px;
	height: 18px;
	line-height: 18px;
	display: block;
	padding: 0px 0 0px 23px;
	text-decoration: none;
	background: url(img/leistung-nav-list-style-nor.gif) no-repeat 0px 2px;
	}	
			

.leistung #sidebarBox li a {
	background: #BB006A url(img/leistung-nav-list-style-nor.gif) no-repeat 0px 2px;
	}	
.leistung #sidebarBox li a:hover {
	background: #BB006A url(img/leistung-nav-list-style-hov.gif) no-repeat 0px 2px;
	}	
.leistung #sidebarBox .act a, .leistung #sidebarBox .act a:hover {
	background: #BB006A url(img/leistung-nav-list-style-act.gif) no-repeat 0px 2px;
	}
	
/* PDF Download-button*/	
.leistung #sidebarBox .downloadPDF  {
	width: 180px;
	text-align: right;
	position: static;
	margin-left: 0px;
}
.leistung #sidebarBox .downloadPDF a {
	padding-left: 13px;
	background: #BB006A url(img/download-link-pink.gif) no-repeat left center;
}
.leistung #sidebarBox .downloadPDF a:hover {
	background: #BB006A url(img/download-link-hover.gif) no-repeat left center;
}

/* ##########################################################	
** Startseite
** ##########################################################
*/

.index #headerBox {
	visibility: hidden;
}
.index .navBox {
	visibility: hidden;
}
#welcomeBox {
	
}

.index #welcomeBox div.teil1 {
	position: relative;
	background: url(img/welcome-background-1.png) no-repeat left top;
	height: 90px;
}
.index #welcomeBox div.teil2 {
	position: relative;
	background: url(img/welcome-background-2.png) no-repeat left bottom;
	overflow: hidden;
	height: 135px;
}

.index #welcomeBox .teil1 div, .index #welcomeBox .teil2 div {
	margin: 0;
	width: 156px;
	background: url(img/background.gif);
}

.index #welcomeBox .teil1 div {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 75px;
	z-index: 1;
}

.index #welcomeBox .teil2 div {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 122px;
	z-index: 2;
}

.index #welcomeBox a, .index #welcomeBox p {
	margin: 3px 0 0px 12px;
	text-decoration: none;
	display: block;
	width: 120px;
	height: 20px;
}

.index #welcomeBox p {
	margin: 3px 0 0px 12px;
	color: #A7A9AC;
	width: 120px;
	height: 20px;
}

.index #welcomeBox .intranet {
	padding: 2px 0px 0px 10px;
	border-top: 1px solid #A6A6A6;	
	height: 18px;
	background: url(img/index-intranet.gif) no-repeat left 8px;
}

.index #welcomeBox a.eintrittsPfeil { 	
	display: block;
	background: url(img/welcome-arrow.gif) no-repeat right 2px;
}

.index #welcomeBox a:hover {
	background-position: right -18px;
}

.index #welcomeBox input.formfield {
	margin: 0px 2px 0 15px;
	width: 105px;
	height: 16px;
	background: url(img/background.gif);
	border: 1px solid #A6A6A6;
	color: #FFFFFF;
}
.index #welcomeBox #submitButton {
	/*background: url(img/welcome-arrow-login.gif) no-repeat 0px 0px;*/
	margin: 8px 0 0px 15px;
	text-align: left;
	display: block;
}
.index #welcomeBox #submitButton:hover {
	background-position: 0px -17px;
}

.index #welcomeBox label {
	color: #A6A6A6;
	display: block;
	width: 105px;
	margin: 1px 0 -1px 15px;
	padding-top: 3px;
}


/* ##########################################################	
** Tabelle - Projekte 
** ##########################################################
*/
/* position */
#tableBox h1 {
	position: relative;
	top: 0px;
	left: 100px;
	height: 18px;
	z-index: 11;
	margin: 0px;
}

#tableBox .table-Nav-back {
	position: absolute;
	top: 4px;
	left: 6px;
	z-index: 30;
	width: 7px;
	padding: 9px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:9px; /* for IE5/Win only */
	background: url(img/table-arrow_li.gif) no-repeat 0px 0px;
}

#tableBox .table-Nav-foreward {
	position: absolute;
	top: 4px;
	left: 23px;
	z-index: 29;
	width: 7px;
	padding: 9px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:9px; /* for IE5/Win only */
	background: url(img/table-arrow_re.gif) no-repeat 0px 0px;
}

#tableBox .table-Nav-back:hover {
	background-position: 0px -9px;
}

#tableBox .table-Nav-foreward:hover {
	background-position: 0px -9px;
}

#tableBox .thead-background {
	position: relative;
	top: -19px;
	left: 0px;
	height: 26px;
	width: 700px;
	z-index: 10;
	background: url(img/table-header.gif) no-repeat left top;
}

#tableBox table {
	position: relative;
	display: block;
	width:693px;
	border-collapse: collapse;
/*	table-layout:fixed;*/
	top: -45px;
	left: 0px;
	z-index: 12;	
}

/* style TABLE */
#tableBox td, #tableBox a {
	color: #C0C0C0;
}

#tableBox a {
	text-decoration: none;
}

#tableBox h1 {
	padding-left: 10px; 
}

#tableBox td {
	padding: 20px 6px 5px 10px;
	vertical-align: top;
}

/*#tableBox td.spalte1 {
	vertical-align: bottom;
}

#tableBox td.spalte1 img {
	margin-bottom: -4px;
	margin-left: -3px;
}*/

#tableBox td img {
	margin-top: 10px;
	display: block;
}

#tableBox tr:hover, #tableBox tr:hover a {
	color: #FFF;
}

#tableBox th {
	color: #FFF;
	text-align: left;
	padding: 1px 6px 5px 10px;
	vertical-align: top;
	height: 35px;
}

/* ausgeblendet, um der Überschrift genügend platz zu bieten */
.weggeblendet {
	display: none;
}

#tableBox .ausgeblendet {
	text-indent: -999em; 
	overflow: hidden;
}

#tableBox tbody td {
	background: url(img/table-tr-background.gif) repeat-x left bottom;				
}


.wettbewerbe #tableBox .thead-background {
	background: url(img/table-header.gif) no-repeat left top;
}

.projekte-bestand #tableBox .thead-background {
	background: url(img/table-header-bestand.gif) no-repeat left top;
}

.projekte-bildung #tableBox .thead-background {
	background: url(img/table-header-bildung.gif) no-repeat left top;
}

.projekte-hotels #tableBox .thead-background {
	background: url(img/table-header-hotels.gif) no-repeat left top;
}

.projekte-verwaltung #tableBox .thead-background {
	background: url(img/table-header-verwaltung.gif) no-repeat left top;
}

.projekte-wissenschaft #tableBox .thead-background {
	background: url(img/table-header-wissenschaft.gif) no-repeat left top;
}

.projekte-museen #tableBox .thead-background {
	background: url(img/table-header-museen.gif) no-repeat left top;
}

.projekte-wohnen #tableBox .thead-background {
	background: url(img/table-header-wohnen.gif) no-repeat left top;
}

/* Aktuelle Projekte */

.aktuell #tableBox td, .aktuell #tableBox th, .aktuell #tableBox h1, .aktuell #tableBox a {
	color: #2D2D2D;
}
.aktuell #tableBox tr:hover, .aktuell #tableBox tr:hover a {
	color: #666;
}
.aktuell #tableBox tbody td {
	background: #E3E2E2 url(img/table-tr-background_aktuell.gif) repeat-x left bottom;
}
.aktuell #tableBox .thead-background {
	background: url(img/table-header-aktuell.gif) no-repeat left top;
}

/* chronologische Ordnung */

.chronologisch #chronbox {
	position: absolute;
	top: 28px;
	left: 0px;
	z-index: 13;	
	width: 693px;
	background: url(img/table-tb-background_chron.gif) repeat-y left bottom;
}
.chronologisch #navchron {
	width: 110px;
	float: left;
	margin-top: 15px;
}
.chronologisch #navchron a {
	display: block;
	margin: 10px 10px 5px 20px;
	width: 75px;
}
.chronologisch #navchron a:hover {
	color: #FFF;
}
.chronologisch #navchron a.act {
	background: url(img/nav-act-arrow.gif) no-repeat right top;
	color: #FFF;
}
.chronologisch #tableBox table {
	width:583px;
	position: static;
	float: right;
	margin-top: -30px;
	
}
.chronologisch #tableBox tbody td {
	background: url(img/table-tr-background_chron.gif) repeat-x left bottom;
}
.chronologisch #tableBox .thead-background {
	background: url(img/table-header-chronologisch.gif) no-repeat left top;
}


#tableBox .backToTop {
	position: relative;
	top: -45px;
	background-color: #4D4D4D;
	clear: both;
	text-align: right;
	padding: 10px 10px 10px 0;
}
.chronologisch #tableBox .backToTop {
	top: 0px;
}
#tableBox .backToTop a {
    color: #A7A9AC;
}

#tableBox .backToTop a:hover, #tableBox .backToTop a:focus, .chronolgisch #tableBox .backToTop a:hover, .chronologisch #tableBox .backToTop a:focus {
    color: #FFF;
}



/* ##########################################################	
** Projekteinzelansicht 
** ##########################################################
*/

#adressinfoBox {
	overflow: hidden;
	/* width: 0px; (kommt in die script.css) */
}

.projekt-einzelansicht .invisibleAtStart {
	visibility: visible;
}
	
.projekt-einzelansicht #mainContentBox {
	padding: 0;
	height: 405px;
	overflow: hidden;
}
.projekt-einzelansicht #adressinfoBox {
	height: 415px;
	margin-top: 6px;
}

.projekt-einzelansicht #projektFlash {
	width: 475px;
	height: 405px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}

.projekt-einzelansicht #adressinfoBox ul {
	margin: 0px;
	padding: 5px 0 15px 21px;
}
.projekt-einzelansicht #adressinfoBox ul li{
	margin: 0px;
}

#projekt-pic-maske {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#projekt-pic {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1;
}

#projekt-einzelansicht-Nav {
	z-index: 100;
}

#projekt-einzelansicht-Nav a {
	text-decoration: none;
}

#projekt-einzelansicht-Nav .footer-Nav-left {
	float: left;
	margin-left: 30px;
	position:relative;
}
#projekt-einzelansicht-Nav .firstLeft {
	margin-left: 15px;
}
#projekt-einzelansicht-Nav .footer-Nav-right {
	float: right;
	margin-right: 30px;
}
#projekt-einzelansicht-Nav .firstRight {
	margin-right: 15px;
}
#projekt-einzelansicht-Nav .browse1 {
	width: 8px;
	margin-top: 5px;
}
#projekt-einzelansicht-Nav .browse2 {
	margin-right: 10px;
}
#projekt-einzelansicht-Nav .browse3 {
	width: 8px;
	margin-right: 10px;
	margin-top: 5px;
}


#projekt-einzelansicht-Nav .browse1 a {
	display: block;
	width: 7px;
	padding: 9px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:9px; /* for IE5/Win only */
	background: url(img/projekt-einzel-pfeil-re.gif) no-repeat 0px 0px;
}
#projekt-einzelansicht-Nav .browse3 a {
	display: block;
	width: 7px;
	padding: 9px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:9px; /* for IE5/Win only */
	background: url(img/projekt-einzel-pfeil-li.gif) no-repeat 0px 0px;
}
#projekt-einzelansicht-Nav .browse1 a:hover, #projekt-einzelansicht-Nav .browse3 a:hover  {
	background-position: 0px -9px;
}

#blaseHoverBox {
	position: absolute;
	top: 170px;
	left: 225px;
	width: 475px;
	height: 374px;
	z-index: 30;
}

#blase {
	position: absolute; 
	visibility: hidden;
	z-index: 20;
}
#blaseInner {
	background-color: transparent;
	position: absolute;
	visibility: hidden;
	z-index: 35;
	font-size: 11px;
}

#blaseInner h1 {
	font-size: 11px;
	margin-bottom: 11px;
}

/*wohnen*/
.blase1 {
	top:180px;
	left:315px;
	width:397px;
	height: 415px;
	background: url('img/sprechblase_wohnung.png') no-repeat;
}
.blase1 div {
	width:397px;
	height:415px;
	background: url('img/sprechblase_wohnung.gif') no-repeat;
}
.blaseInner1 {
	width:290px;
	top:255px; 
	left:390px;
}

/*schulen*/
.blase2 {
	top:300px;
	left:290px;
	width:476px;
	height:283px;
	background: url('img/sprechblase_schulen.png') no-repeat;
}
.blase2 div {
	width:476px;
	height:283px;
	background: url('img/sprechblase_schulen.gif') no-repeat;
}
.blaseInner2 {
	width: 275px;
	top: 350px; 
	left: 380px;
}

/*wissenschaft*/
.blase3 {
	top:240px;
	left:260px;
	width:530px;
	height: 341px;
	background: url('img/sprechblase_wissenschaft.png') no-repeat;
}
.blase3 div {
	width:530px;
	height: 341px;
	background: url('img/sprechblase_wissenschaft.gif') no-repeat;
}
.blaseInner3 {
	width: 320px;
	top: 310px; 
	left: 300px;
}
.blaseInner3 h1 {
	width: 210px;
}

/*hotels*/
.blase4 {
	top:240px;
	left: 220px;
	width:531px;
	height: 357px;
	background: url('img/sprechblase_hotel.png') no-repeat;
}
.blase4 div {
	width:531px;
	height: 357px;
	background: url('img/sprechblase_hotel.gif') no-repeat;
}
.blaseInner4 {
	width: 280px;
	top: 265px; 
	left: 350px;
}

/*verwaltung*/
.blase5 {
	top:270px;
	left:295px;
	width:445px;
	height: 315px;
	background: url('img/sprechblase_verwaltung.png') no-repeat;
}
.blase5 div {
	width:445px;
	height: 315px;
	background: url('img/sprechblase_verwaltung.gif') no-repeat;
}
.blaseInner5 {
	width: 280px;
	top: 310px; 
	left: 380px;
}

/*museen*/
.blase6 {
	top:210px;
	left:337px;
	width:487px;
	height: 371px;
	background: url('img/sprechblase_museen.png') no-repeat;
}
.blase6 div {
	width:487px;
	height: 371px;
	background: url('img/sprechblase_museen.gif') no-repeat;
}
.blaseInner6 {
	width: 285px;
	top: 295px; 
	left: 400px;
}

/*bestand*/
.blase7 {
	top:255px;
	left:260px;
	width:392px;
	height:307px;
	background: url('img/sprechblase_bestand.png') no-repeat;
}
.blase7 div {
	width:392px;
	height:307px;
	background: url('img/sprechblase_bestand.gif') no-repeat;
}
.blaseInner7 {
	width: 260px;
	top: 350px; 
	left: 320px;
}

#projekt-einzelansicht-Nav h1 {
	margin-bottom: 10px;
}


/* GOOGLE MAP */
#googleMap {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px;
	height: 270px;
	border: 1px solid #6D6D6D;
	visibility: hidden;
}



/* ##########################################################	
** Team-Seite
** ##########################################################
*/
.teamColumnBox {
	float: left;
	width: 520px;
}
.teamItemBox {
	width: 150px;
	margin-right: 5px;
	height: 50px;
	overflow: hidden;
	color: #A7A9AC;	
	line-height: 1em;
	font-size: 11px;
	float: left;
}
.teamItemBox strong {
	display: block;
	margin: 0 0 7px 0;
	font-size: 12px;
	font-weight: bold;
}

.teamimgBox {
	position:absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
#teamImgBox {
	position:relative;
	margin-left: 475px;
	width: 128px;
	height: 297px;
}

#scrollBox {
	width:475px;
	float: left;
}

#scrolling {
	clear: both;
}
#loadingBox {
	visibility: hidden;
	position: absolute;
	top: 140px;
	left: 0;
	width: 100%;
	height: 20px;
	background-color: #7C7C7C;
	background-image: url(img/loading-bgd.gif);
	background-position: center center;
	background-repeat: no-repeat;
}


a.email-link img {
	border: 1px solid #666;
}
a.email-link:hover img {
	border: 1px solid #DDD;
}


/* Slides für Büroprofil */
.slides {
	position: absolute;
	top: 0px;
	left: 0px;
}

#slide2, #slide3, #slide4, #slide5 {
	visibility: hidden;
}


/* ##########################################################	
** Büroseite-Seite
** ##########################################################
*/

.unternehmen h3 {
	margin-bottom: 1em;
}

.unternehmen h3.nobottommargin {
	margin-bottom: 0px;
}

.buerosub h2 {
	font-size: 11px;
	font-weight: normal;
}
.buerosub h3 {
	font-weight: normal;
	margin-bottom: 1em;
}
.buerosub p {
	font-size: 11px;
	margin-bottom: 0;
}

/* tabelle */
.unternehmen td {
	padding-bottom: 5px;
}

/* spalten */
.float-lt-280 {
	float: left;
	width: 280px;
}

.float-lt-230 {
	float: left;
	width: 230px;
}

.float-rt-185 {
	position: relative;
	width: 185px;
	float: right;
}
.float-rt-185 img {
	width: 185px;
}

.float-rt-184 {
	width: 184px;
	float: right;
	text-align: right;
}
.float-rt-184 img {
	width: 184px;
	margin-bottom: 3px;
}

.nomargin img {
	margin-bottom: 0px;
}

.clearfloat {
	clear: both;
	text-indent: -999em;
	height: 0px;
	overflow: hidden;
}


/* SidebarBox navigation BUERO - Style
---------------------------------------------------------- */
.unternehmen #sidebarBox h4, .buerosub #sidebarBox h4 {
	width: 155px;
	font-weight: bold;
	text-decoration: none;
	margin: 15px 0 5px 31px;
	padding: 0px;
	border-bottom: solid 1px #C0C0C0;
	}
	
.unternehmen #sidebarBox ul, .buerosub #sidebarBox ul {
	padding: 0 0 0 10px;
	width: 200px;
}
.unternehmen #sidebarBox, .buerosub #sidebarBox {
	font-size: 12px;
}

/* Qualitätsmanagement - Style
---------------------------------------------------------- */
.qualitaet #mainContentBox {
	font-size: 12px;
	width: 360px;
}
.qualitaet #qmbox {
	position: absolute;
	left: 699px;
	top: 223px;
}

.qualitaet #qmbox ul {
	margin-top: 4em;
	font-size: 11px;
}
.qualitaet #qmbox ul a {
	padding: 0 0 0 35px;
	background: url(img/pdflink.gif) no-repeat left center;	
	margin: 0px 0 6px 0;
	height: 16px;
	display: block;

}
.qualitaet #qmbox ul a:hover {
	background: url(img/pdflink-hover.gif) no-repeat left center;
}



/* ##########################################################	
** Links
** ##########################################################
*/
/* Schriftgröße für Links */
.links #mainContentBox td {
	font-size: 12px;
}


/* ##########################################################	
** Jobs
** ##########################################################
*/
.jobs h2 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	text-transform: uppercase;
}

/*.jobs p {
	margin-bottom: 55px;
}*/


/* sidebaar unter jobs */

.jobs #sidebarBox {
	background: url();
}

.jobs #sidebarBox h4 {
	border-bottom: solid 1px #C0C0C0;
}

.jobs #sidebarBox div {
	padding-left: 31px;
}


/* ##########################################################	
** Downloads
** ##########################################################
*/

.downloads h1 {
	width: 700px;
	height: 26px;
	padding: 1px 0px 0px 110px;
	margin: 0 0 7px 0;
	background: url(img/table-header.gif) no-repeat left top;
}

.downloads #mainContentBox ul {
	width: 693px;	
	
}
.downloads #mainContentBox ul li {
	background: url(img/table-tr-background_chron.gif) repeat-x left bottom;
	margin: 0;
	padding: 0px 0 13px 0;

}

.downloads #mainContentBox ul a {
	padding: 0 0 0 110px;
	background: url(img/pdflink.gif) no-repeat 12px center;	
	margin: 0px 0 4px 0;
	height: 16px;
	display: block;
}

.downloads #mainContentBox ul a:hover {
	background: url(img/pdflink-hover.gif) no-repeat 12px center;
}

.downloads #mainContentBox ul p {
	padding: 19px 0px 1px 0px;
}

.downloads #mainContentBox dt {
	margin: 9px 0 4px 110px;
	color: #A7A9AC;
}

.downloads #mainContentBox ul a.normaldownload {
	background: url(img/normal-link.gif) no-repeat 12px center;
}

.downloads #mainContentBox ul a.normaldownload:hover {
	background: url(img/normal-link-hover.gif) no-repeat 12px center;
}



/* ##########################################################	
** Intranet
** ##########################################################
*/
.intranet #globalBox a.buttonintranet {
	display: block;
	margin: 0 0 20px 150px;
	padding: 0 25px 0 25px;
	overflow: hidden;
	height: 19px;
	width: 50px;
	background: url(img/btn_off.gif);
	border: 1px solid #F1ACCB;
	color: #F1ACCB;
}

.intranet #globalBox a.buttonintranet:hover {
	background: url(img/btn_on.gif);
	color: #DF0073;
}


/* ##########################################################	
** Kontaktdaten
** ##########################################################
*/	

.kontaktdaten #mainContentBox  {
	font-size: 12px;
}

.kontaktdaten #mainContentBox h2 {
	margin-bottom: 3px;
}

.kontaktdaten #mainContentBox p {
	margin-bottom: 30px;
}

.kontaktdaten .kontaktFloat {
	float: left;
	width: 220px;
}

.anfahrt #googleMaps {
	position: absolute;
	top: 173px;	
}

.anfahrt #sidebarBox div, .kontaktdaten #sidebarBox div {
	margin-left: 31px;
}

.anfahrt #sidebarBox, .kontaktdaten #sidebarBox {
	background: none;
	top: 170px;
}
.anfahrt #sidebarBox h4 {
	margin-top: 0;
}
.kontaktdaten #sidebarBox h4 {
	margin: 0px 0 1px 0;
}

.anfahrt #sidebarBox p, .kontaktdaten #sidebarBox p {
	margin-bottom: 6px;
}

/* ##########################################################	
** Anfrage
** ##########################################################
*/

label {
	clear: left;
	display: block;
	float: left;
	cursor: pointer;
}

input, textarea {
	padding: 0;
}
textarea {
	width: 338px;
	font-family: Arial, Helvetica;
}

.mailtext {
	width: 338px;
	height: 17px;
}


.mailfields {
	height: 34px;
}
.mailfields2 {
	height: 27px;
}

.eingerueckt {
	display: block;
	margin-left: 75px;
}

.eingerueckt2 {
	display: block;
	clear: left;
	float: left;
	margin-left: 75px;
}
label.eingerueckt2 {
	clear:none;
	display: inline;
	margin-left: 15px;
}

.radios input {
	display: block;
	clear: left;
	float: left;
}
.radios label {
	clear:none;
	display: inline;
	margin-left: 15px;
}

.eingerueckt3 {
	border: none;
}
.eingerueckt3 {
	display: block;
	margin: 15px 0 0 342px;
	padding: 0 20px 0 20px;
	overflow: hidden;
	height: 19px;
	width: 73px;
	background: url(img/btn_off.gif);
	border: 1px solid #F1ACCB;
	color: #F1ACCB;
}
input.eingerueckt3:hover {
	background: url(img/btn_on.gif);
	color: #DF0073;
}


.error {
	color: #BB006A;
}

/* ##########################################################	
** Impressum
** ##########################################################
*/

.impressumWir {
	font-size: 11px;
	margin-top: 100px;
}




/* ##########################################################	
** Formatierung der Navigation
** ##########################################################
*/

/* Main Navigation Style
---------------------------------------------------------- */

.navBox {
	font-size: 12px;
}
.navBox ul {
	margin: 0;
	padding: 28px 0 0 0;
	width: 190px;
}

.navBox .nav-sub-1 {
	width: 210px;
	height: 200px;
	position: absolute;
	left: 185px; /* Set 1px less than menu width */
	top: 0px;
	z-index: 105;	
	visibility: hidden;	
}
.navBox .nav-sub-2 {
	width: 190px;
	height: 200px;
	position: absolute;
	left: 205px; /* Set 1px less than menu width */
	top: 0px;
	z-index: 106;
	visibility: hidden;
	}
	
#nav-background-1  {
	width: 220px;
	height: 250px;
	position: absolute;
	left: 162px; 
	top: 0px;
	z-index: 101;
	visibility: hidden;
	}
#nav-background-2 {
	width: 220px;
	height: 250px;
	position: absolute;
	left: 380px;
	top: 0px;
	z-index: 102;
	visibility: hidden;
	}

/* Styles for Menu Items */
/*  ----------------------------------------------------------------*/

.navBox a {
	text-decoration: none;
	color: #A7A9AC;
}
#globalBox .navBox a:hover {
	color: #FFF; 
}
#globalBox .navBox a.act  {
	color: #FFF; 
}

#nav-background-1, #nav-background-2 {
	background: url(img/menu-background.png) no-repeat right top;
	}
#nav-background-1 div, #nav-background-2 div {
	height: 237px;
	width: 207px;
	background: url(img/background.gif) left top;
	}
		
.navBox ul li {
	padding: 2px 2px 5px 2px;
	height: 19px;
	list-style: none;	
	background: url(img/nav-act-arrow.gif) no-repeat -19px;
	width: 140px; /*beeinflusst Position des aufklapp-Pfeils*/
}
.navBox .nav-sub-1 li {
	margin: 3px 0 7px 0;
	height: 12px;
	line-height: 12px;
	overflow: hidden;
	background: url();
}

.navBox #bereiche {
	background: url(img/nav-act-arrow-bereiche.gif) no-repeat right -19px;
}
.navBox .nav-sub-1 li {
	width: 170px;
}

.navBox .nav-sub-2 li {
	width: 100%;	
}

.navBox #projekte .nav-sub-2 a {
	padding-left: 20px;
	background: url(img/nav-projekte.gif) no-repeat 0px 0px;
	margin: 0px 0 7px 0;
	height: 12px;
	line-height: 12px;
	display: block;
}

.navBox li img {
	visibility: hidden;
	position:absolute;
	margin-top: 5px;
}

/* Main Navigation kurvige Anordnung
---------------------------------------------------------- */
.navBox #linkhome {
	padding-left: 2px;
}
.navBox #linkunternehmen  {
	padding-left: 5px;
}
.navBox #linkleistung {
	padding-left: 8px;
}
.navBox #linkprojekte {
	padding-left: 11px;
}
.navBox #linkinformationen {
	padding-left: 13px;
}
.navBox #linkintranet {
	padding-left: 15px;
}
.navBox #linkkontakt {
	padding-left: 16px;
}

.navBox #arrowhome {
	margin-left: -12px;
}
.navBox #arrowunternehmen  {
	margin-left: -9px;
}
.navBox #arrowleistung {
	margin-left: -6px;
}
.navBox #arrowprojekte {
	margin-left: -3px;
}
.navBox #arrowinformationen {
	margin-left: -1px;
}
.navBox #arrowintranet {
	margin-left: 1px;
}
.navBox #arrowkontakt {
	margin-left: 2px;
}

/* Hintergrundfarbe für Leistungen */
.leistung .navBox #home {
	background: #BB006A;
}
.leistung .navBox #unternehmen  {
	background: #BB006A url(img/nav-act-arrow-pink.gif) no-repeat right -34px;
}
.leistung .navBox #leistung {
	background: #BB006A;
}

/* Main Navigation sub2 Farbfelder
---------------------------------------------------------- */
.nav-sub-2 #wohnen a:hover, .leistung .nav-sub-2 #wohnen a:hover {
	background: url(img/nav-projekte.gif) no-repeat 0px -24px;
}

.nav-sub-2 #bildung a:hover, .leistung .nav-sub-2 #bildung a:hover {
	background: url(img/nav-projekte.gif) no-repeat 0px -36px;
}

.nav-sub-2 #wissenschaft a:hover, .leistung .nav-sub-2 #wissenschaft a:hover {
	background: url(img/nav-projekte.gif) no-repeat 0px -48px;
}

.nav-sub-2 #gewerbe a:hover, .leistung .nav-sub-2 #gewerbe a:hover {
	background: url(img/nav-projekte.gif) no-repeat 0px -60px;
}

.nav-sub-2 #verwaltung a:hover, .leistung .nav-sub-2 #verwaltung a:hover {
	background: url(img/nav-projekte.gif) no-repeat 0px -72px;
}

.nav-sub-2 #museen a:hover, .leistung .nav-sub-2 #museen a:hover {
	background: url(img/nav-projekte.gif) no-repeat 0px -84px;
}

.nav-sub-2 #bestand a:hover, .leistung .nav-sub-2 #bestand a:hover {
	background: url(img/nav-projekte.gif) no-repeat 0px -96px;
	/*background: url(img/nav-projekte-bestand.gif) no-repeat left center;*/
}


/* Sub Navigation Style für funktion auch ohne Javascript
---------------------------------------------------------- */


.subnav-page a {
	text-decoration: none;
	border-bottom: solid 1px #666;
	padding-bottom: 0px;
}

.subnav-page a:hover {
	color: #CCCCCC;
	text-decoration: none;
	border-bottom: solid 2px #666;
}

.subnav-page ul {
	margin: 0px;
}

.subnav-page li {
	list-style: none;
}

.subnav-page li li {
	margin-left: 3em;
	list-style: square;
}

.leistung .subnav-page a {
	border-bottom: solid 1px #DD93B3;	
}
.leistung .subnav-page a:hover {
	border-bottom: solid 2px #DD93B3;
}
#leistungMenuNoscript {
	position: absolute;
	left: 550px;
	top: 170px;
	text-align: left;
	font-size: 12px;
}



.m-t-20 {
	margin-top: 20px;
}

.galleryImg {
	width: 158px;
	height: 105px;
	float: left;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(img/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


/* ##########################################################	
** Hacks
** ##########################################################
*/


/* force Netscape & Firefox to display vertical scrollbars */
html {
	min-height: 100%; margin-bottom: 1px;
}

/* for Opera displaying it to large */
select, input, textarea { font-size: 99% }



} /* end of @media */