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

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Stylesheets fuer  pflegedienst-lavita.de
Datei:    style.css
Ersteller: Ich
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

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

 INHALTSVERZEICHNIS:

1.Allgemeine Selektoren

2.Allgemeine Hyperlinks

3.Layout allgemein + Startseite

4. Layout Unterseiten
        4.1 #qualitaet
	4.2 #leistungen
	4.3 #team
	4.4 #kontakt

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: none;
}
body,
input,
button,
select,
textarea {
	font-family:'lucida sans unicode', 'lucida grande', arial, sans-serif;
}

body {
	color:#505050;
   background:#f5f5f5 url(../grafiken/kopf-hg.png) repeat-x 0 0;
	line-height: 1.6;
}
p  {
    margin-bottom:0.5em;
}
h1  {
	max-width:41.875em;
   height:12.5em;
   margin:0 auto;
}
h2  {
	font-size:1.6em;
	margin: 1em 0 1em 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.2em 0;
}
img  {
	max-width:100%;
	height:auto;
}	

/*========================================
   2. Allgemeine Hyperlinks
  ========================================*/
a  {
	color:#c81018;
	background-color:transparent;
}
a:link  {
	color:#c81018;
	background-color:transparent;
}
a:visited  {
	color:#df141d;
	background-color:transparent;
}
a:hover  {
	color:#738404;
	background-color:transparent;
   text-decoration:none;
}
a:focus  {
	color:#738404;
	background-color:transparent;
        text-decoration:none;
}
a:active  {
	color:#738404;
	background-color:transparent;
        text-decoration:none;
}

/*-----------------Linkgrafik fuer moderne Browser----------------------------*/

a[title*="Externer"]  {
	background: url(../grafiken/linkzeiger-normal.png) no-repeat left bottom;
	padding-left:1.3em;
}
a[title*="Externer"]:visited {
	background: url(../grafiken/linkzeiger-normal.png) no-repeat left bottom;
}
a[title*="Externer"]:focus  {
	background: url(../grafiken/linkzeiger-hover.png) no-repeat left bottom;
}
a[title*="Externer"]:hover  {
	background: url(../grafiken/linkzeiger-hover.png) no-repeat left bottom;
}
a.anderer-pfeil-hg[title*="Externer"]  {
	background: url(../grafiken/linkzeiger-normal-links-zum-pruefbericht.png) no-repeat left bottom;
	padding-left:1.3em;
}
a.anderer-pfeil-hg[title*="Externer"]:visited {
	background: url(../grafiken/linkzeiger-normal-links-zum-pruefbericht.png) no-repeat left bottom;
}
a.anderer-pfeil-hg[title*="Externer"]:focus  {
	background: url(../grafiken/linkzeiger-hover-links-zum-pruefbericht.png) no-repeat left bottom;
}
a.anderer-pfeil-hg[title*="Externer"]:hover  {
	background: url(../grafiken/linkzeiger-hover-links-zum-pruefbericht.png) no-repeat left bottom;
}

/*========================================
   3. Layout allgemein und Startseite
   ========================================*/

/*:::::::::::::::: 3.1 #wrapper :::::::::::::::::::::::::::*/

#wrapper  {
        max-width:56em;
        margin:0 auto;
}

/*::::::::::::::::::::: 3.2 #header mit dem Suchformular ::::::::::::::*/

header  {
	max-width:56em; 
	margin:0 auto;
}

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

#navi ul  {
	max-width:56em;
	margin:0 auto;
}	
#navi li  {
    float:left;
    width: 9em;
    text-align: center;

}
#navi ul li a  {
	display:block;
	padding:0.5em 0;	
}
#navi ul li a:hover,
#navi ul li a:focus,
#navi ul li a:active  {	
	border-bottom:2px solid #738404;
   color: #738404;
}
nav strong  {
	display:block;
	border-bottom:2px solid #738404;
        color: #738404;
	padding:0.5em 0;
}

/*:::::::::::: 3.4 #content, der Inhaltsbereich ::::::::::::::::::::::::::*/

#inhalt {
   padding:0 6em 0 1em;  
}
#startseite #inhalt {
	background:url(../grafiken/startseite-telefon.png) no-repeat 42.9em 0.3em; 
}
.einzelbild-startseite  {
	float:left;
	width:19em;
	margin:0 2% 2.5% 0;
}
.einzelbild-startseite img  {
	border: 2px solid #dedede;
	border-radius: 9px;
	box-shadow: 2px 2px 8px #d8d5d5;
}
#inhalt .einzelbild-startseite a:hover img,
#inhalt .einzelbild-startseite a:focus img,
#inhalt .einzelbild-startseite a:active img  {
	border:2px solid #738404;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	-moz-box-shadow:2px 2px 8px #738404;
	-webkit-box-shadow:2px 2px 8px #738404;
	box-shadow:2px 2px 8px #738404;
}

#startseite h3  {
	margin-top:1em;
}
#startseite h4  {
	margin-top:0;
}
#inhalt div.ortsliste  {
	float:left;
	width:100%;
}

#inhalt div.ortsliste ul  {
	float:left;
	width:38%;
	margin-bottom:2em;
}
#inhalt div.ortsliste ul li:hover  {
	background:#e0dddd url(images/listenzeichen-1-hover.png) no-repeat left 5px;
	color:#000;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
}
.startseite-auto-unten  {
		vertical-align:bottom;
}

/*::::::::::::::::::::::::::: footer ::::::::::::::::::::::::::::::*/

footer  {   
	background:url(../grafiken/fuss-durchgehend.png) repeat-x left bottom;
	color:#000;
   font-size:1em;
}
footer a:hover,
footer a:focus,
footer a:active  {
        color:#068004;
}
#footer-innen  {
   max-width:56em;
	padding:1.5em 1.5em 1.5em 4.5em;
   margin:0 auto;
}
#adresse-links  {
   float:left;
   width:28em;
   padding:0 0 0 0;
}
#adresse-rechts  {
        float:left;
        width:17.5em;
        padding:0 0 0 0;
}
#adresse-rechts span  {
        font-weight:bold;
}

/*:::::::::::::::::: 4.2 Qualität ::::::::::::::::::::::::::::::*/


/*:::::::::::::::: 4.3 #Leistungen :::::::::::::::::::::::::::::*/

#inhaltsverzeichnis-leistungen  {
	width:40em;
	background-color:#dedede;
	padding:15px 0 15px 15px;
	margin:1.5em 0;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:2px 2px 8px #d8d5d5;
	-webkit-box-shadow:2px 2px 8px #d8d5d5;
	box-shadow:2px 2px 8px #d8d5d5;
}

#inhaltsverzeichnis-leistungen a  {
	display:block;
	background:url(../grafiken/linkzeiger-leistungen.png) no-repeat 0 8px;
	padding: 3px 0 3px 21px;
}
#inhaltsverzeichnis-leistungen a:hover,
#inhaltsverzeichnis-leistungen a:focus,
#inhaltsverzeichnis-leistungen a:active  {
	background:url(../grafiken/linkzeiger-leistungen-hover.png) no-repeat 0 8px;
}
.inhaltsverzeichnis-leistungen-links  {
	float:left;
	width:22em;
}
.inhaltsverzeichnis-leistungen-rechts  {
	float:left;
	width:15em;
}
.einzelleistung-kasten  {
	width:36.5em;
	background-color:#f1f1f1;
	padding:12px 24px 12px 24px;
	margin:2em 0;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:2px 2px 8px #d8d5d5;
	-webkit-box-shadow:2px 2px 8px #d8d5d5;
	box-shadow:2px 2px 8px #d8d5d5;
}
.einzelleistung-kasten:hover  {
	-moz-box-shadow:inset 2px 2px 8px #738404;
	-webkit-box-shadow:inset 2px 2px 8px #738404;
	box-shadow:inset 2px 2px 8px #738404;
}
.einzelleistung-kasten h3  {
	font-size:1.1em;
	margin:0 0 0.5em 0;
}
.einzelleistung-kasten ul {
	margin:0.5em 0 0.5em 1em;
}
.einzelleistung-kasten ul ul {
	margin:0;
}
.abstandunten0  {
	margin-bottom:0;
}
.bereiche  {
	width:120px;
}

/*:::::::::::::::::::: 4.4 Team ::::::::::::::::::::::::::::::*/

.teamcontainer  {
	width:36.5em;
	background-color:#f1f1f1;
	padding:22px 26px 16px 26px;
	margin:2em 0;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:2px 2px 8px #d8d5d5;
	-webkit-box-shadow:2px 2px 8px #d8d5d5;
	box-shadow:2px 2px 8px #d8d5d5;
}
.teamcontainer:hover  {
	-moz-box-shadow:inset 2px 2px 8px #d8d5d5;
	-webkit-box-shadow:inset 2px 2px 8px #d8d5d5;
	box-shadow:inset 2px 2px 8px #d8d5d5;
}
.team-einzelbild  {
	float:left;
	width:222px;
}
.team-einzelbild a img  {
	border:2px solid #bab7b7;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	-moz-box-shadow:2px 2px 8px #bab7b7;
	-webkit-box-shadow:2px 2px 8px #bab7b7;
	box-shadow:2px 2px 8px #bab7b7;
}
.team-einzelbild a:hover img,
.team-einzelbild a:focus img,
.team-einzelbild a:active img  {
	border:2px solid #738404;
	-moz-box-shadow:2px 2px 8px #738404;
	-webkit-box-shadow:2px 2px 8px #738404;
	box-shadow:2px 2px 8px #738404;
}

/*:::::::::::::::::: 4.5 datenschutz ::::::::::::::::::::::::::::::*/

#datenschutz #inhalt dd  {
	margin-bottom: 0.5em;
}


/*========================================
   5. Sonstige Klassen
   ========================================*/
 
 #team h3.abstandoben0  {
	 margin-top:0;
 }
 .abstandunten  {
	margin-bottom:1em;
 }
 .listenzeichen-1  {
	background:url(../grafiken/listenzeichen-1.png) no-repeat left 0.3em;
	padding-left:1.4em;
	margin-bottom:0.3em;
}
.listenzeichen-2  {
	background:url(../grafiken/listenzeichen-2.png) no-repeat left 0.2em;
	padding-left:1.4em;
	margin-bottom:0.1em;
}
.listenzeichen-3  {
	background:url(../grafiken/listenzeichen-3.png) no-repeat left 0.2em;
	padding-left:1.4em;
	margin-bottom:0.1em;
}
.nachoben  {
	font-size:0.85em;
	padding:1em 0 0.2em 0;
}
.nachoben a  {
	background:url(../grafiken/nachobenzeiger.png) no-repeat 0 4px;
	padding-left:16px;
}
.nachoben a:hover,
.nachoben a:focus,
.nachoben a:active  {
	background:url(../grafiken/nachobenzeiger-hover.png) no-repeat 0 4px;
}
.skiplink  {
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:0px;
	height:0px;
	display:inline;
}
.skiplinktab:focus,
.skiplinktab:active  {
        position:absolute;
	top:10150px;
	left:9999px;
	display:inline;
	width:13em;
	height:auto;
	background-color:#fff;
	color:#738404;
	padding:0.6em;
	border:2px solid #000;
}
.clear  {
	clear:both;
	height:0;
	width:0;
	visibility:hidden;
	border:0;
}
.clear2  {
	clear:both;
}

@media only screen and (max-width:48em)  { 

html body  {
	background:none;
}
h1,
#wrapper,
header,
#inhalt #navi ul, 
#inhalt,
#wrapper #inhalt div.ortsliste,
#wrapper #inhalt div.ortsliste ul,
footer,
#footer-innen,
#footer-innen #adresse-rechts,
#footer-innen #adresse-links,
nav#navi ul li,
#inhaltsverzeichnis-leistungen,
.inhaltsverzeichnis-leistungen-links,
.inhaltsverzeichnis-leistungen-rechts,
.einzelleistung-kasten,
.teamcontainer  {
	position:static;
	display:block;
	float:none;
	width:auto;
	padding:0;
	border:none;
	border-radius:none;
	box-shadow:none;
}
#wrapper  {
	padding: 0 2%;
}
#footer-innen  {
	padding:2%;
}
nav#navi  {
	margin-top:2%;
}
nav#navi ul li a:hover,
nav#navi ul li a:focus,
nav#navi ul li a:active  {		
	background:#768904;
   color: #fff;
   border-bottom:none;
}
nav#navi strong  {
	background:#768904;
   color: #fff;
   border-bottom:none;
}
#navi li,
#inhalt div.ortsliste ul,
#inhalt div.ortsliste  {
	font-size:100%;
}	
#inhalt .einzelbild-startseite  {
	float:none;
	width:auto;	
}
#startseite #wrapper #inhalt {
	background:none;
}


/*------------leistungen.php-------------------------------------------*/

#inhaltsverzeichnis-leistungen  {
	background-color:transparent;
	margin:2% 0;	
}

#inhaltsverzeichnis-leistungen a  {
	display:block;
	background:none;
	padding: 2%;
}
#inhaltsverzeichnis-leistungen a:hover,
#inhaltsverzeichnis-leistungen a:focus,
#inhaltsverzeichnis-leistungen a:active  {
	background:none;
}
.einzelleistung-kasten  {
	background-color:#f1f1f1;
	padding:2%;
}
.einzelleistung-kasten:hover  {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.einzelleistung-kasten h3  {
	font-size:1.1em;
	margin:0 0 2% 0;
}
.einzelleistung-kasten ul {
	margin:0.5em 0 0.5em 1em;
}

/*--------------------------team.php--------------------------------------*/

#team h3  {
	margin-top:2%;
}

.teamcontainer  {
	background-color:#f1f1f1;
	padding:2%;
	margin:0;
}
.teamcontainer:hover  {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.team-einzelbild  {
	float:none;
	width:auto;
}
.team-einzelbild a img  {
	border:2px solid #bab7b7;
	-moz-border-radius:none;
	-webkit-border-radius:none;
	border-radius:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.team-einzelbild a:hover img,
.team-einzelbild a:focus img,
.team-einzelbild a:active img  {
	border:2px solid #738404;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
	
}
	
@media only screen and (max-width:30em)  {

html body  {
	background:none;
}
h1,
#wrapper,
header,
#inhalt #navi ul, 
#inhalt,
#wrapper #inhalt div.ortsliste,
#wrapper #inhalt div.ortsliste ul,
footer,
#footer-innen,
#footer-innen #adresse-rechts,
#footer-innen #adresse-links,
nav#navi ul li,
#inhaltsverzeichnis-leistungen,
.inhaltsverzeichnis-leistungen-links,
.inhaltsverzeichnis-leistungen-rechts,
.einzelleistung-kasten,
.teamcontainer  {
	position:static;
	display:block;
	float:none;
	width:auto;
	height:auto;
	padding:0;
	border:none;
	border-radius:none;
	box-shadow:none;
}
#wrapper  {
	padding: 0 2%;
}
#footer-innen  {
	padding:2%;
}
#navi li,
#inhalt div.ortsliste ul,
#inhalt div.ortsliste  {
	font-size:100%;
}	
#inhalt .einzelbild-startseite  {
	float:none;
	width:auto;	
}
#startseite #wrapper #inhalt {
	background:none;
}


/*------------leistungen.php-------------------------------------------*/

#inhaltsverzeichnis-leistungen  {
	background-color:transparent;
	margin:2% 0;	
}

#inhaltsverzeichnis-leistungen a  {
	display:block;
	background:none;
	padding: 2%;
}
#inhaltsverzeichnis-leistungen a:hover,
#inhaltsverzeichnis-leistungen a:focus,
#inhaltsverzeichnis-leistungen a:active  {
	background:none;
}
.einzelleistung-kasten  {
	background-color:#f1f1f1;
	padding:2%;
}
.einzelleistung-kasten:hover  {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.einzelleistung-kasten h3  {
	font-size:1.1em;
	margin:0 0 2% 0;
}
.einzelleistung-kasten ul {
	margin:0.5em 0 0.5em 1em;
}

/*--------------------------team.php--------------------------------------*/

#team h3  {
	margin-top:2%;
}
.teamcontainer  {
	background-color:#f1f1f1;
	padding:2%;
	margin:0;
}
.teamcontainer:hover  {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.team-einzelbild  {
	float:none;
	width:auto;
}
.team-einzelbild a img  {
	border:2px solid #bab7b7;
	-moz-border-radius:none;
	-webkit-border-radius:none;
	border-radius:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.team-einzelbild a:hover img,
.team-einzelbild a:focus img,
.team-einzelbild a:active img  {
	border:2px solid #738404;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

}
  
@media print  { 
/*===================
   1. Allgemeine Selektoren
   ===================*/
 *  {
	padding:0;
	margin:0;
}
html  {
	height:100%;
}
body  {
	color:#000000;
	background-color:#ffffff;
	text-align:left;
	font:12pt georgia,'courier new',serif;
	line-height:1.5;
}
img  {
	display:none;
}
.skiplink  { 
	display:none; 
}
h1  {
	font-size:17pt;
}
h2  {
	font-size:14pt;
	margin-top:20pt;
}
h3  {
	font-size:12pt;
	margin-top:20pt;
}
h4  {
	font-size:12pt;
	margin-top:20pt;
}

/*==================
   2. Hyperlinks   
   ==================*/

a  {
	color:#000;
	background-color:#fff;
}
   
/*=========================
   3. Layoutbereich  
   =========================*/

header,
nav#navi,
footer,
.nachoben  {
	display:none;   
}
#wrapper,
#inhalt,
.einzelbild-startseite  {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	
}
#startseite h3  {
	margin-top:20pt;
}
#inhalt div.ortsliste,
#inhalt div.ortsliste ul  {
	float:none;
	width:auto;
	padding:0;
	margin:0;
}

}