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

/*Stilvorlage Altstadtbielefeld.de */

/*HG gelb: #fbf3d9 // rgb 251/243/217 */
/*Blau: #3657a5 // rgb 54/87/165 */



body {
	background-color: #f9f3d9;
	background-image: url(gfx_aufbau/hg_kopf.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 0px;
	font-size:100.01%;
	font-family: Arial, Helvetica, sans-serif;
}
/*==========================================================*/
/*Ebene Geschaefte*/

#geschaeftea {
	position: absolute;
	width: 225px;
	height: 37px;
	left: 253px;
	top: 230px;
	border-style: solid;
	border-color:#3657a5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	padding-left: 10px;
	background-image: url(gfx_aufbau/geschaefte.gif);
	background-repeat: no-repeat;
	z-index: 1;

}

#geschaefteb {
	position: absolute;
	width: 225px;
	height: 180px;
	left: 253px;
	top: 267px;
	border-style: solid;
	border-color:#3657a5;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-left: 10px;
	padding-top: 4px;
	z-index: 1;
	background-image: url(gfx_aufbau/blau.gif);
	background-repeat: repeat-y;
}


/*Ebene Events*/

#eventa {
	position: absolute;
	width: 170px;
	height: 37px;
	left: 508px;
	top: 230px;
	border-style: solid;
	border-color:#3657a5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	padding-left: 10px;
	background-image: url(gfx_aufbau/event.gif);
	background-repeat: no-repeat;
	z-index: 1;

}

#eventb {
	position: absolute;
	width: 170px;
	height: 180px;
	left: 508px;
	top: 267px;
	border-style: solid;
	border-color:#3657a5;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-left: 10px;
	padding-top: 4px;
	z-index: 1;
	background-image: url(gfx_aufbau/blau.gif);
	background-repeat: repeat-y;

}

/*Ebene altstaeter*/

#altstaedtera {
	position: absolute;
	width: 140px;
	height: 37px;
	left: 710px;
	top: 230px;
	border-style: solid;
	border-color:#3657a5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	padding-left: 10px;
	background-image: url(gfx_aufbau/altstaedter.gif);
	background-repeat: no-repeat;
	z-index: 1;

}

#altstaedterb {
	position: absolute;
	width: 140px;
	height: 180px;
	left: 710px;
	top: 267px;
	border-style: solid;
	border-color:#3657a5;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-left: 10px;
	padding-top: 4px;
	z-index: 1;
	background-image: url(gfx_aufbau/blau.gif);
	background-repeat: repeat-y;

}



/*Ebene aktionen*/

#aktiona {
	position: absolute;
	width: 140px;
	height: 37px;
	left: 880px;
	top: 230px;
	border-style: solid;
	border-color:#3657a5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	padding-left: 10px;
	background-image: url(gfx_aufbau/aktionen.gif);
	background-repeat: no-repeat;
	z-index: 1;

}

#aktionb {
	position: absolute;
	width: 140px;
	height: 180px;
	left: 880px;
	top: 267px;
	border-style: solid;
	border-color:#3657a5;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-left: 10px;
	padding-top: 4px;
	z-index: 1;
	background-image: url(gfx_aufbau/blau.gif);
	background-repeat: repeat-y;

}
/*==========================================================*/


#inhalt {
	background-color: #FFFFFF;
	background-image: url(gfx_aufbau/hg_ebene.jpg);
	background-repeat: no-repeat;
	border: 1px solid #3657a5;
	width: 857px;
	left: 193px;
	top: 88px;
	position: absolute;
	z-index: 0;
}
#logo {
	position: absolute;
	left: 508px;
	top: 515px;
	z-index: 3;	
 }



/*layer für zentrum*/
#logozentrum {
	position: absolute;
	left: 300px;
	top:480px;
	z-index: 3;	
 }


#bildzentrum {
	position: absolute;
	left: 300px;
	top:520px;
	z-index: 3;	
 }
.textzentrum {
	background-color: #CCCCCC;
	padding:5px;
	
   font-size: 0.9em;
	color: #000000;
 }


#logozentrumb {
	position: absolute;
	left: 300px;
	top:880px;
	z-index: 3;	
 }
#bildzentrumb {
	position: absolute;
	left: 300px;
	top:920px;
	z-index: 3;	
 }

#textzentrumb {
	background-color: #CCCCCC;
	padding:5px;
	position: absolute;
	left: 60px;
	top: 880px;
	z-index: 3;
   font-size: 0.9em;
	color: #000000;
 }







/*layer für osteopathen*/
#logoosteo {
	position: absolute;
	left: 300px;
	top: 450px;
	z-index: 3;	
 }


#textosteo {
	background-color: #CCCCCC;
	padding:5px;
	position: absolute;
	left: 60px;
	top: 450px;
	z-index: 3;
   font-size: 0.9em;
	color: #000000;
 }

.navigationkleinosteo {
	font-size: 0.85em;
	color: #000000;
	text-decoration: none;	
}

.headlineosteo {
	font-size: 1.3em;
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
}


.wwwosteo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	
}


.wwwosteo a:link, a:visited
{
	color: #000000;
	text-decoration: none;
}
.wwwosteo  a:visited
{
	color: #000000;
	text-decoration: none;
}


/*ENDE layer für osteopathen*/

#logob {
	position: absolute;
	left: 580px;
	top: 630px;
	z-index: 3;
 }

#inhaltb {
	margin: 400px 20px 20px 60px;
	
 }

/*Neue Stilvorlage overlookmedia*/


#inhaltooverlooka {
	width:230px;
	float:left;
		
 }


#inhaltooverlookb {
	float:right;
		
 }

/*textfeld1*/

#inhaltoverlookc {
	float:left;
	
	width: 184px;

 }
#inhaltoverlookc .black {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height:1.8em;
	font-weight: bold;
	color: #000000;
 }
#inhaltoverlookc .tuerkis {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
line-height:1.8em;
	font-weight: bold;
	color:  #009bc4;
 }
/*textfeld2*/

#inhaltoverlookd {
	float:left;
	
	width: 194px;
 }
#inhaltoverlookd .black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height:1.8em;
	font-weight: bold;
	color: #000000;
 }
#inhaltoverlookd .tuerkis {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
line-height:1.8em;
	font-weight: bold;
	color:  #009bc4;
 }

/*textfeld3*/

#inhaltoverlooke {
	float:left;
	
width: 224px;
 }
#inhaltoverlooke .black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height:1.8em;
	font-weight: bold;
	color: #000000;
 }
#inhaltoverlooke .tuerkis {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
line-height:1.8em;
	font-weight: bold;
	color:  #009bc4;
 }
/*textfeld4*/

#inhaltoverlookf {
	float:right;
	
width: 174px;
 }
#inhaltoverlookf .black {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height:1.8em;
	font-weight: bold;
	color: #000000;
 }
#inhaltoverlookf .tuerkis {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
line-height:1.8em;
	font-weight: bold;
	color:  #009bc4;
 }


	.clear /* Schluß mit Float */
	{
	clear:both;
	height:0px;
	width:0px;
	font-size:0.0em;
	visibility:hidden;
	}




/*
ENDE Neue Stilvorlage overlookmedia*/




#plan {
	margin: 400px 20px 20px 60px;
	height: 500px;	
 }

	


#navigationlinks {
	position: absolute;
	left: 50px;
	top:358px;
	
	}



/*textformatierung*/

.navigationoben {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #3657a5;
	font-weight: bold;
}
.navigationoben a:link  {
	color: #3657a5;
	text-decoration: none;	
}
.navigationoben a:hover {
	color: #8c1f34;
	
}
.navigationoben a:visited  {
	color: #3657a5;
	text-decoration: none;	
}

.navigationlinks {
	font-size: 14px ;
	line-height: 20px;
	color: #3657a5;
	
}
.navigationlinks a:link  {
	color: #3657a5;
	text-decoration: none;	
}
.navigationlinks a:hover {
	color: #8c1f34;
	
}
.navigationlinks a:visited  {
	color: #3657a5;
	text-decoration: none;	
}
.navigationklein {
	font-size: 0.85em;
	color: #3657a5;
	text-decoration: none;	
}

.navigationklein a:link  {
	color: #3657a5;
	text-decoration: none;	
}
.navigationklein a:hover {
	color: #8c1f34;
	
}
.navigationklein a:visited  {
	color: #3657a5;
	text-decoration: none;	
}


.inhaltfliess {
	
	font-size: 0.9em;
	color: #3657a5;
	
}
.inhaltfliess a:link{
	

	color: #3657a5;
	
	
}
.inhaltfliess a:hover {
	color: #8c1f34;
	
	
}

.inhaltfliess a:visited, a:visited:hover{
	

	color: #3657a5;
	
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #3657a5;
}
.daten{
	font-size: 1.1em;
	color: #FFFFFF;
	background-color: #3657a5;
	padding: 2px;

		
}