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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Stylesheets fuer  htpp://www.physiotherapie-berns.de
Datei:    bildschirm.css 
Ersteller: KS webdesign   ( http://webdesign-passau.com )
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

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

 INHALTSVERZEICHNIS:
1.Allgemeine Selektoren

2.Allgemeine Hyperlinks

3.Layout allgemein + #startseite
	3.1 #umhang
        3.2 #kopf
        3.3 #navi
        3.5 #inhalt
        3.6 #fuss
	
4. Layout Unterseiten  
        4.1 #team
	4.2 #leistungen
	4.3 #kontakt
	4.4 #anfahrt
	
5.Sonstige Styles
        5.1 Sonstige Klassen

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


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

* {
	margin: 0;
	font-size: 100%;
}

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, a,
ul, ol, li, dl, dt, dd,
address, blockquote, cite,
hr, br, img, object, applet, iframe,
form, fieldset, legend, label,
table, thead, tbody, tfoot, caption, tr, th, td,
em, strong, i, b, u, q, s, del, dfn, big, small, sub, sup,
pre, code, abbr, acronym, ins, kbd, samp, strike, tt, var {
	padding: 0;
	border: none;
}
html  {
	height:100%;
}
ul,
ol {
	list-style-type: none;
}

body,
input,
button,
select,
textarea {
	font-family:'lucida sans unicode', 'lucida grande', arial, sans-serif;
}

body {
	color:#505050;
      background:#f5f5f5 url(../grafiken/body-hg-3.png) repeat left top;
	font-size: 0.9em;
	line-height: 1.5;
}

p  {
	margin-bottom:0.5em;
}
a img {
	border:3px solid #939191;
	-moz-box-shadow:2px 2px 8px #939191;
	-webkit-box-shadow:2px 2px 8px #939191;
	box-shadow:2px 2px 8px #939191;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}
a:hover img,
a:focus img,
a:active img  {
	border-top:3px solid #de4d07;
	border-right:3px solid #f1d307;
	border-bottom:3px solid #00a36a;
	border-left:3px solid #00519e;
}

h1  {
	color:#a3af10;
	font-size:4em;
	text-align:center;
	padding-top:0.3em;
	margin:0 auto;
}
@font-face {
    font-family: 'handofsean';
    src: url('handofseanpro-webfont.eot');
    src: url('handofseanpro-webfont.eot?#iefix') format('embedded-opentype'),
         url('handofseanpro-webfont.woff') format('woff'),
         url('handofseanpro-webfont.ttf') format('truetype'),
         url('handofseanpro-webfont.svg#hand_of_sean_proregular') format('svg');
    font-weight: 200;
    font-style: normal;
}
h1 {
	font-family: 'handofsean', serif;
}

h2  {
	font-size:1.6em;
	margin: 1em 0 0.3em 0;
}
h3  {
	font-size:1.3em;
	margin: 1.4em 0 0.3em 0;
}
h4  {
	font-size:1.1em;
	margin: 1.7em 0 0.4em 0;
}
h5  {
	font-size:1em;
	margin: 2em 0 0.5em 0;
} 
img  {
	max-width:100%;
	height:auto;
}  
   
 /*========================================
   2. Allgemeine Hyperlinks
   ========================================*/

a:link  {
	color:#5d0f76;
	background-color:transparent;
}
a:visited  {
	color:#721391;
	background-color:transparent;
}
a:focus, a:hover  {
	color:#a3af10;
	background-color:transparent;
	text-decoration:none;
}
a:active  {
	color:#006a45;
	background-color:transparent;
} 
 
/*-----------------Linkgrafik fuer moderne Browser----------------------------*/
/*
a[title*="Externer"]  {
	background: url(../grafiken/linkzeiger-normal.png) no-repeat left 0.17em;
	padding-left:1.3em;
	margin-left:0.3em;
}
a[title*="Externer"]:visited {
	background: url(../grafiken/linkzeiger-normal.png) no-repeat left 0.17em;
}
a[title*="Externer"]:focus  {
	background: url(../grafiken/linkzeiger-hover.png) no-repeat left top;
}
a[title*="Externer"]:hover  {
	background: url(../grafiken/linkzeiger-hover.png) no-repeat left top;
}
  */
/*========================================
   3. Layout allgemein # #startseite
  ========================================*/

/*:::::::::::::::::::3.1 #umhang ::::::::::::::::::::::::::::::::::::*/

#umhang  {
	max-width:850px;
	background:url(../grafiken/umhang-hg-2.jpg) repeat left top;
	border-radius:32px;
	box-shadow:4px 4px 12px #939191;
	margin:0 auto 1.5em auto;
}


/*:::::::::::::::::::3.2 #kopf ::::::::::::::::::::::::::::::::::::::*/
#kopf  {
	max-width:900px;
	background:transparent;
	margin:0 auto;
}

/*:::::::::::::::::::3.3 #navi :::::::::::::::::::::::::::::::::::*/

#navi  {	
	font-size:1.1em;
	letter-spacing:1px;
	background:#352a0b;
	color:#f5f5f5;
	box-shadow:4px 4px 12px #939191;
}
#navi ul  {
	max-width:900px;
	margin:0 auto;
}
#navi li  {
	float:left;
	width:178px;
	text-align:center;
}
#navi a  {
	display:block;	
	color:#f5f5f5;
	font-weight:bold;
	padding:0.7em 0;
}
#navi strong  {
	display:block;
	background-color:#f9f5ea;
	padding:0.7em 0;
}
#navi a:hover,
#navi a:focus,
#navi a:active,
#navi strong  {
	background-color:#f9f5ea;
	color:#a3af10;
}

/*:::::::::::::::::::3.4 #inhalt ::::::::::::::::::::::::::::::::::::*/

#inhalt  {
	background:url(../grafiken/umhang-hg-2.jpg) repeat left top;	
	padding:40px 100px 20px 70px;
	border-radius:32px;
}
#startseite h2  {
	margin-right:1.4em;
}
#inhalt div.hover-texte:hover  {
	color:#000;
}
.einzelbild-startseite  {
	float:left;
	max-width:100%;
	height:auto;
	/*width:30%;*/
	margin:0 1.5em 1.5em 0;
}
.startseite-abstand  {
	margin-top:1em;
}
.telefon  {
	color:#950e4b;
	font-size:1.2em;
	font-weight:bold;	
}
.therapien  {
	border-top:2px solid #950e4b;
	border-bottom:2px solid #950e4b;
}

/*:::::::::::::::::::3.5 #fuss ::::::::::::::::::::::::::::::::::::::*/

#fuss  {
	background:#352a0b url(../grafiken/fuss-schraffiert-braun.png) repeat-x 0 0;
	color:#f5f5f5;
}
#fuss a  {
	color:#f5f5f5;
}
#fuss a:hover,
#fuss a:focus,
#fuss a:active  {
	color:#a3af10;
}
#fuss-innen  {
	max-width:900px;
	margin:0 auto;
}
#fuss dl  {
	padding:24px 0 24px 80px;
}
#fuss dt  {
	width:270px;
	font-family: 'handofsean', sans-serif;
	font-size:1.6em;
	border-top:2px solid #a3af10;
	border-bottom:2px solid #a3af10;
	margin-bottom:0.5em;
}
      
/*========================================
   4. Layout Unterseiten
  ========================================*/
 
/*:::::::::::::::::::4.1 #team ::::::::::::::::::::::::*/

/*#team #inhalt  {
	max-width:40.6em;	
	padding:2.5em 7.5em 2.5em 6.25em;
}*/
#team h3  {
	margin-top:3em;
}
.einzelbild-teamseite  {
	padding:1.5em;
	border:1px solid #939191;
	margin-bottom:2em;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	-moz-box-shadow:2px 2px 8px #939191;
	-webkit-box-shadow:2px 2px 8px #939191;
	box-shadow:2px 2px 8px #939191;
}
.einzelbild-teamseite:hover  {
	color:#000;
	-moz-box-shadow:inset 2px 2px 8px #939191;
	-webkit-box-shadow:inset 2px 2px 8px #939191;
	box-shadow:inset 2px 2px 8px #939191;
}
.einzelbild-teamseite img  {
	float:left;
	margin-right:1.5em;
}
.einzelbild-teamseite dt  {
	font-size:1.1em;
	font-weight:bold;
	margin:1em 0 0.5em 0;
}
.einzelbild-teamseite dd  {
	padding-left:1.3em;
	margin-left:11.8em;
}

/*:::::::::::::::::::4.2 #leistungen :::::::::::::::::::::::::::::::::*/
#leistungen h2  {
	margin:0;
}
#leistungskasten  {
	padding:1em 0.5em 1em 1em;
	border:2px solid #939191;
	border-radius:20px;
	box-shadow:2px 2px 8px #939191;
	margin:1.5em 0 2.4em 0;
}
#leistungskasten:hover  {
	color:#000;
	border:2px solid #a3af10;
	box-shadow:inset 2px 2px 8px #a3af10;
}
#leistungskasten h3  {
	font-size:1.2em;
	margin-top:0;
}
#leistungskasten p  {
	margin-bottom:0;
}

#leistungen dl  {
	margin-bottom:2em;
}
#leistungen dt  {
	font-weight:bold;
	margin-top:1em;
}
#leistungen #inhalt div.inhaltsverzeichnis-leistungen  {
	margin:1.2em 0 2em 0;
}
#leistungen .liste-links  {
	float:left;
	width:25em;
}
#leistungen .liste-rechts  {
	float:left;
	width:15.6em;
}
#leistungen #inhalt ul a  {
	display:block;
	background:url(../grafiken/linkzeiger-nachunten-normal.png) no-repeat left 0.2em;
	padding-left:1.4em;
}
#leistungen #inhalt ul a:hover,
#leistungen #inhalt ul a:focus,
#leistungen #inhalt ul a:active
  {
	background:url(../grafiken/linkzeiger-nachunten-hover.png) no-repeat left 0.2em;
}
#leistungen dt:hover,
#leistungen dd:hover  {
	color:#000;
}

/*:::::::::::::::::::4.3 #kontakt ::::::::::::::::::::::::::::::::::::*/

#kontakt dl  {
	margin:1em 0;
}

/*:::::::::::::::::::4.4 #anfahrt :::::::::::::::::::::::::::::::::::::*/

#anfahrt img  {
	border:2px solid #646464;
	-moz-box-shadow:2px 2px 8px #646464;
	-webkit-box-shadow:2px 2px 8px #646464;
	box-shadow:2px 2px 8px #646464;
}
#anfahrt dl  {
	margin-bottom:1.5em;
}
#anfahrt dt  {
	font-size:1.2em;
	margin-top:1em;
}
#anfahrt dt span  {
	background:url(../grafiken/anfahrt-pfeil.jpg) no-repeat right 0.5em;
	color:#de4d07;
	font-size:1.4em;
	padding-right:1em;
}

/*========================================
   5. Sonstige Klassen
  ========================================*/
.logo  {
	color:#a3af10;
	font-family: 'handofsean', sans-serif;
	font-size:1.6em;
}
.listenzeichen1  {
	background:url(../grafiken/listenzeichen-1.png) no-repeat left 0.15em;
}
.nachoben  {
	font-size:0.8em;
	padding:1em 0 0.2em 0;
}
.skiplink  {
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:0px;
	height:0px;
	display:inline;
}
.skiplinktab:focus,
.skiplinktab:active  {
	position:absolute;
	top:9999px;
	left:9999px;
	display:inline;
	width:13em;
	height:auto;
	background-color:#fff;
	color:#000;
	padding:0.6em;
	border:2px solid #000;
}
.clear  {
	clear:both;
	height:0;
	width:0;
	visibility:hidden;
	border:0;
} 
.clear2  {
	clear:both;
}