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

/*---------------------------------------------------------------
Stylesheets fuer www.physiotherapie-berns.de
Datei:    bildschirm.css.css
Version: 1.0
Datum:  
Ersteller: KS webdesign
Aufbau: 1.Allgemeine Selektoren
           2.Allgemeine Hyperlinks
           3.Layoutbereich
           4.Sonstige Styles
-----------------------------------------------------------------*/

/*###########################################

 INHALTSVERZEICHNIS:
1.Allgemeine Selektoren
2.Allgemeine Hyperlinks
3.Layout allgemein
      3.1 #wrapper
	  3.2 #kopp
      3.3 #links
      3.4 #rechts
      3.5 #fuss
4. Layout #startseite  
5. Layout Unterseiten 
      5.1  #team
	  5.2  #leistungen
	  5.3  #kontakt
	  5.4 #anfahrt  			
6.Sonstige Styles
      5.1 Sonstige Klassen

###########################################*/

/*=====================
   1.Allgemeine Selektoren
   =====================*/

*  {
	padding:0;
	margin:0;
}
html  {
	height:100%;
}
body  {
      color:#000;
      background:#0e2841 url(../images/body_hg.jpg) repeat left top;
      font:100.01%/1.5 verdana,arial,helvetica,sans-serif;
}
p, li, dt, dd, input, textarea  {
     font-size:0.9em;
}
p  {
    margin-bottom:0.5em;
} 
h1  {
    position:relative;
	width:800px;
	height:221px;
	font-size:1em;
}
h1 span  {
    position:absolute;
	width:100%;
	height:100%;
	background:url(../images/kopp.jpg) no-repeat 0 0;
}

h2  {
    font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:0.3em;
}
li  {
    list-style-type:none;
}
img  {
	border:none;
}
a img  {
    border:none;
}

/*===================
   2.Allgemeine Hyperlinks
   ===================*/ 
   
a  {
    color:#e08008;
	background-color:#fffbf6;
}
a:link  {
	color:#e08008;
	background-color:#fffbf6;
}
a:visited  {
	color:#db9032;
	background-color:#fffbf6;
}
a:focus, a:hover  {
	color:#985807;
	background-color:#fffbf6;
	text-decoration:none;
}
a:active  {
	color:#985807;
	background-color:#fffbf6;
	text-decoration:none;
}

/*===============
   3. Layout allgemein
   ===============*/
   
/*:::::::::::::3.1 #wrapper:::::::::::::::*/
#wrapper  {
    width:800px;
	background:#d8e0e6 url(../images/fauxcolumns.gif) repeat-y left top;
	border:3px solid #d3d1d1;
	margin:1.2em auto;
}

/*:::::::::::::::::3.2 #kopp:::::::::::*/
#kopp  {
    position:relative;
	color:#234896;
}

/*:::::::::::::3.3 #links::::::::::::::::::::*/
#links  {
    position:relative;
    float:left;
	width:520px;
	color:#000;
	background-color:#fffbf6;
	padding:5px 20px 20px 20px;
	margin-top:-44px;
}
	
/*:::::::::::::::3.4 #rechts::::::::::::::::::::::::*/
#rechts  {
    float:left;
	width:240px;
	background-color:#e8e3dd;
	background:url(../images/fauxcolumns.gif) repeat-y right top;
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#navigation  {
    margin-top:2.1em;
    margin-left:1.7em;
}
#navigation li  {
    width:180px;
	margin-top:0.3em;
}/*--li bekommt vorsorglich Layout fuer den IE--*/
#navigation a,
#navigation strong  {
    position:relative;
	overflow:hidden;
	display:block;
	width:100%;
	height:40px;
}
#navigation #navi01 a span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/startseite.jpg) no-repeat 0 0;
}
#navigation #navi01 strong span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/startseite.jpg) no-repeat -180px 0;
}
#navigation #navi02 a span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/team.jpg) no-repeat 0 0;
}
#navigation #navi02 strong span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/team.jpg) no-repeat -180px 0;
}
#navigation #navi03 a span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/leistungen.jpg) no-repeat 0 0;
}
#navigation #navi03 strong span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/leistungen.jpg) no-repeat -180px 0;
}
#navigation #navi04 a span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/kontakt.jpg) no-repeat 0 0;
}
#navigation #navi04 strong span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/kontakt.jpg) no-repeat -180px 0;
}
#navigation #navi05 a span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/anfahrt.jpg) no-repeat 0 0;
}
#navigation #navi05 strong span  {
    position:absolute;
	width:100%;
	height:40px;
	top:0;
	left:0;
	background:url(../images/anfahrt.jpg) no-repeat -180px 0;
}

#navigation #navi01 a:hover span,
#navigation #navi01 a:active span,
#navigation #navi01 a:focus span,
#navigation #navi02 a:hover span,
#navigation #navi02 a:active span,
#navigation #navi02 a:focus span,
#navigation #navi03 a:hover span,
#navigation #navi03 a:active span,
#navigation #navi03 a:focus span,
#navigation #navi04 a:hover span,
#navigation #navi04 a:active span,
#navigation #navi04 a:focus span,
#navigation #navi05 a:hover span,
#navigation #navi05 a:active span,
#navigation #navi05 a:focus span  {
    background-position:-180px 0;
}

/*::::::::::::::::::3.5 #fuss::::::::::::::::::::::::::*/
#fuss  {
    clear:both;
    position:relative;
	width:800px;
	height:60px;
	color:#f5f5f5;
	background:#234896 url(../images/fuss.jpg) no-repeat left bottom;
	text-align:center;
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:2px;
}
#fuss p  {
    padding-top:12px;
}

/*==========================
    4. Layout #startseite
	=========================*/
#startseite h3  {
    font-size:1.1em;
	margin-top:1.5em;
}
#startseite h4  {
    font-size:1.0em;
	font-weight:normal;
	margin-top:1em;
}
#startseite #links ul  {
    position:relative;
    margin:0.4em 0 1em 0.5em;
}
#startseite #links p  {
    margin-top:0.7em;
}
.startbild  {
    float:right;
	border:2px solid #e8e3dd;
	margin-left:1em;
}
.aufzaehlungszeichen  {
    background:url(../images/listenzeichen.gif) no-repeat left 0.25em;
	padding:0 0 0 1.5em;
	margin:0 0 0.3em 0;
}
/*=====================
    5. Layout Unterseiten
    =====================*/

/*:::::::::::::::::5.1 #team:::::::::::::::::::::::::::::*/

#team h2  {
    margin-bottom:1.5em;
}
#team dt  {
    font-weight:bold;
}
.img_tiffy  {
    float:left;
	border:2px solid #a9acae;
	padding:4px;
	margin-right:1em;
	margin-bottom:1.5em;
}
.team_tiffy  {
    padding-top:30px;
	padding-left:178px;
}
 .img_liedtke  {
    float:right;
	border:2px solid #a9acae;
	padding:4px;
	margin-left:1em;
	margin-bottom:1.5em;
} 
.team_liedtke  {
    padding-top:60px;
}
.img_stroeter  {
    float:left;
	border:2px solid #a9acae;
	padding:4px;
	margin-right:1em;
} 
.team_stroeter  {
    padding-top:60px;
}	
/*::::::::::::::5.2 #leistungen::::::::::::::::::::::::::*/

#leistungen dt  {
    color:#234896;
	background-color:#fffbf6;
    font-size:1.05em;
	font-weight:bold;
	margin-top:0.8em;
}
.nachoben  {
    padding:0.5em 0 0 0;
}

/*:::::::::::::::5.3 #kontakt::::::::::::::::::::::::::::*/

address  {
    line-height:1.2;
	margin-top:1em;
	margin-bottom:1.8em;
}
#kontakt h3  {
    font-size:1.2em;
	font-weight:normal;
}
#kontakt h4  {
    font-size:1.2em;
	font-weight:normal;
	margin-top:1em;
}
#kontakt h5  {
    font-size:0.8em;
	margin-top:1.6em;
}
.webdesigner  {
    font-size:0.8em;
	margin-top:0.3em;
} 
/*::::::::::::::::::5.4 #anfahrt::::::::::::::::::::::::::*/
#anfahrt img  {
    border:2px solid #e8e3dd;
}
#anfahrt h3  {
    margin-top:1em;
}
#anfahrt dl  {
    margin-bottom:1.2em;
}
#anfahrt dt  {
    color:#035204;
	background-color:inherit;
	font-weight:bold;
	margin-top:0.5em;
}
#anfahrt dt span  {
    font-size:1.2em;
	padding-right:1em;
}
#anfahrt dd  {
    text-indent:1em;
}
#anfahrt h4  {
     color:#a00618;
	 background-color:inherit;
    font-size:0.9em;
	font-weight:bold;
}
/*===================
   6. Sonstige Styles
   ===================*/ 
   
   /*::::::::::::::::6.1 Sonstige Klassen:::::::::::::::::::::*/  
.abstandoben  {
    padding-top:0.5em;
}
.bilderquelle  {
     color:#f5f5f5;
	 background-color:transparent;
	 font-size:0.6em;
	 text-align:center;
} 
p.bilderquelle a  {
    background-color:transparent;
} 
.skiplink  {
     position:absolute;
     top:-9999px;
     left:-9999px;
     width:0px;
     height:0px;
     display:inline;
}
.skiplinktab:focus,
.skiplinktab:active  {
    position:absolute;
	top:10170px;
	left:10570px;
	display:inline;
	width:13em;
	height:auto;
	background-color:#fff;
	color:#000;
	padding:0.5em;
	border:2px solid #000;
}
.skiplinktabunten:focus,
.skiplinktabunten:active  {
    position:absolute;
	top:9999px;
	left:10528px;
	display:inline;
	width:16em;
	height:auto;
	font-size:0.8em;
	background-color:#fff;
	color:#000;
	padding:0.2em;
	border:2px solid #000;
}
.clear  {
	clear:both;
	height:0;
	width:0;
	visibility:hidden;
	border:0;
}