/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-size: 1em;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
	text-align:center; /* horizontal zentriert für IE 5 und 6 Win quirks */
	background-color:#3f76dd;
	letter-spacing:0.1em;
}
/*allgemein*/
a{
	color:#3f76dd;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
ul, li{
	margin:0px;
	padding:2px;
	padding-left:10px;
	list-style-position:inside;
	list-style-type:square;
}
img{
	border: 2px solid #999999;
}
#logo{
	position:absolute;
	left:805px;
	top:450px;
	z-index:4;
}
#logo img{
	border: 0px;
}
.text {
	margin: 10px;
}
.Ueberschrift{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color:#3f76dd;
}
.UeberschriftGrau{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	color:#666666;
}
.Fliesstext{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color:#666666;
	letter-spacing:normal;
}

#Hintergrundebene{
	margin:0 auto; /*vertikal zentriert*/
	position:relative;  /*wichtig!*/
	text-align:left; /*damit text-align wieder stimmt!*/
	margin-top:0px; /*Abstand von oben*/
	width: 950px;
	height: 700px;
	padding-left:0px;
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#3f76dd;
}
#hauptebene{
	position:relative; 
	float:left; 
	margin:79px 0px 0px 12px;
	width: 920px;
	height: 550px;
	background-color:#ffffff;
	padding:0px;
	border:3px double #ffffff;
}
#Menu ul {
  padding: 0px;
  margin:0px;
}
#Menu li {
  display: inline;
  padding: 0px;
  margin:0px;
}
#Menu a {
  padding: 0px 8px 0px 2px;
  margin: 2px 0px 2px 0px;
  border-left:3px double #ffffff;
  text-decoration:none;
  font-size:0.8em;
  color:#666666;
}
#Menu a:hover {
   border-left:3px double #000000;
   color:#3f76dd;
   text-decoration:none;
}
#Menu .menuAktiv{
   border-left:3px double #000000;
   color:#3f76dd;
}

/*Seiten*/
/*Start-seiten*/
#StartSeitenText{/*hier abs. Position angeben!*/
	position:absolute;
	left:405px;
	top:90px;
	width:332px;
	z-index:auto;
}
#startseitentext1 {font-size: 130%; color:#3f76dd; margin-left:0px; }
#startseitentext2 {font-size: 130%; color:#3f76dd; margin-left:45px; }
#startseitentext3 {font-size: 130%; color:#3f76dd; margin-left:65px; } 
#StartSeitenTextAktuelles{/*hier abs. Position angeben!*/
	position:absolute;
	left:120px;
	top:410px;
	width:450px;
	z-index:auto;
}

/*büro-seite*/
#contentBack{/*höhe und breite in html, je nach dem bei contentBack angeben!*/
	overflow:auto;
}
#content{
	float: left;
	overflow:hidden;
}
#BilderBuero{
	position:absolute; 
	left:130px; 
	top:115px; 
	z-index:auto;
}
#BilderBuero img, #BilderBuero span {
	margin-right:40px;
}

#SeitenTextBuero{
	position:absolute;
	left:120px;
	top:210px;
	z-index:auto;
	text-align:justify;
}
/*Referenzen*/
#ReferenzenOben{
/*muss unbedingt relativ positioniert werden, da es sonst nicht geht!*/
	margin:0px;
	padding:0px;
	margin-top:110px;
}
#ReferenzenOben span {
	margin-left:25px;
}
#ReferenzenUnten{
/*muss unbedingt relativ positioniert werden, da es sonst nicht geht!*/
	margin:0px;
	padding:0px;
	margin-top:65px;
}
#ReferenzenUnten img{
	border:0px;
}
.bildernavigation{
/*	position:absolute;
	bottom:4px; geht net*/
}
.Bilderanzahlbuttons{
	float:left;
	width:12px;
	height:12px;
	margin-right:4px;
	margin-top:4px;
	text-align:center;
}
.bildernavigation a{
	display:block;
	background-color: #ffffff;
	width:12px;
	height:12px;
	border: 1px solid #999999;
	color: #000000;
	font-size: 0.9em;
	font-weight:bold;
}
.bildernavigation a:hover{
	background-color: #3F76DD;
}
.bildernavigation .aktiverBilderButton{
	background-color: #3F76DD;
}

/*Kontakt*/
#kontakt{
	position:absolute; 
	left:130px; 
	top:115px; 
	z-index:auto;
}
#kontaktrechts{
	position:absolute; 
	left:551px; 
	top:155px; 
	z-index:auto;
}
/*Impressum*/
#SeitenTextImpressum{
	position:absolute;
	left:120px;
	top:100px;
	z-index:auto;
}
/*Aktuelles*/
#SeitenTextAktuelles{
	position:absolute;
	left:120px;
	top:60px;
	width:485px;
	text-align:justify;
	z-index:auto;
}
/*Leistungen*/
#LeistungenUeberschrift{
	position:absolute; 
	left:120px; 
	top:90px; 
	width:400px;
	z-index:auto;
}
#SeitenTextLeistungen{
	position:absolute;
	left:120px;
	top:110px;
	z-index:auto;
	text-align:justify;
}
#BilderLeistungen{
	position:absolute; 
	left:120px; 
	top:311px; 
	width:800px;
	z-index:auto;
}
/*für Scrollbar horizontal - automatisch*/

#bilderScrollbereich{
	overflow: auto; 
	overflow-y: hidden; 
	overflow-x: auto; 
	height:102px; 
	width:100%; 
	margin:0px; 
	padding:0px;
}
#scrollInhalt{
	padding-left:5px; 
	padding-right:5px; 
	margin:0px; 
	margin-bottom:-20px;
	background-image:url(images/horizontalelinie.jpg);
	background-repeat:repeat-x;
	background-position:center;
 	white-space: nowrap;       /* kein Umbruch*/	
}
#scrollInhalt img{
	margin-right:15px;
	cursor:pointer;
}
#contentScrollbereich{
	overflow: auto; 
	overflow-y: hidden; 
	overflow-x: auto; 
	height:250px; 
	width:100%; 
	margin:0px; 
	padding:0px;
}
#contentscrollInhalt{
	padding-left:0px; 
	padding-right:0px; 
	margin:0px; 
	margin-bottom:-20px;
 	white-space: nowrap;       /* kein Umbruch*/
}
#contentscrollInhalt table{
	table-layout:fixed;
	white-space: nowrap;
}
#contentscrollInhalt td{
	width:920px;
}
#contentscrollInhalt .contentscrollTableInhalt{
	width:920px;
}
#contentscrollInhalt table{
	width:725px;/*evtl. hier variieren*/
	margin:0px;
	padding:0px;
	table-layout:auto;
	white-space:nowrap;
}
#contentscrollInhalt td{
	width:auto;
	margin:0px;
	padding:0px;
}
#contentscrollInhalt .td1{
	border-bottom:1px solid #888888;
}
#contentscrollInhalt .td2{
	border-left:5px solid #3F76DD; 
	border-bottom:1px solid #888888;
	text-align:left;
	font-size:0.8em;
	font-weight:bold;
	color:#3f76dd;
	padding-left:4px;
}
#contentscrollInhalt .td3{
	width:297px;
}
#contentscrollInhalt .td4{
	border-left:5px solid #3F76DD;
	font-size:0.6em;
	padding-left:4px;
	text-align:left;
	vertical-align:top;
	white-space:normal;	
}
#contentscrollInhalt .td4 table{
	width:100%;
	border:0px;
	text-align:left;
	table-layout:auto;	/*alles wieder normal*/
	white-space:normal;	/*alles wieder normal*/
}
#contentscrollInhalt .td4 td{
	border:0px;
	text-align:left;
	vertical-align:top;
}


/*für Scrollbar vertikal*/

.vScrollbar {
	float: left;			
}	
.hScrollbar {
	clear: both;	
}
.vTrack {
	height: 300px;
	width: 8px;
	position: relative;
	background: #ffffff;
	overflow: hidden;			
}
		
.hTrack {
	float: left;
	height: 15px;
	width: 255px;
	position: relative;
	background: #ffffff;
	overflow: hidden;			
}			

.vThumb, .hThumb {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 8px;
	background-color:#3F76DD;
	overflow: hidden;
	cursor:pointer;
}
		
.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {
	height: 15px;
	width: 8px;
	overflow: hidden;				
	cursor:pointer;		
}		
.arrowUp{
	background-image:url(images/up.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.arrowDown{
	background-image:url(images/down.jpg);
	background-position:10% 0%;
	background-repeat:no-repeat;
}
.arrowLeft, .arrowRight, .corner {
	float: left;
}
.corner {
	background: #000;
}