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

/* #########################-----------------------------Standarts-----------------------------######################### */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style-type: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

* {
	margin:0;
	padding:0; }
	
	
html {
	height:100%;
	font-family: "Trebuchet MS";
	color: #717171;
	font-size: 15px;
	background: url(../images/site-container.jpg) #FFF 0px 0px repeat;
}
	
body {
	padding: 0; 
	background: url(../images/bg.jpg) #fff 0px 0px repeat-x;
	width: 100%;
	color: #4b4b4b;
	}


#container {margin: 0 auto; width: 952px;}

a, a:visited { color: #267ed2; text-decoration: underline; border-bottom: none;}
a:hover { color: #267ed2; text-decoration: none; border-bottom: none;}


/* #########################-----------------------------Head-Bereich-----------------------------######################### */

h1.logo a, h1.logo a:hover {
	background:url(../images/logo-h1.jpg) 0 0 no-repeat;
	display:block;
	position: absolute;
	margin: 0px 0 0 0px;
	font-size:0.01em;
	height:121px;
	text-indent:-9999px;
	width:661px;
	
}
h1.logo a:hover {
	background-position: 0px -121px;
	
}

h1.gaestebuch a, h1.gaestebuch a:hover {
	background:url(../images/gaestebuch.jpg) 0 0 no-repeat;
	display:block;
	position: absolute;
	margin: 0px 0 0 700px;
	font-size:0.01em;
	height:171px;
	text-indent:-9999px;
	width:282px;
	
}
h1.gaestebuch a:hover {
	background-position: 0px -171px;
	
}

#header { background: url(../images/header.jpg) no-repeat; width: 982px; height: 506px;}

/* #########################-----------------------------Navigation-----------------------------######################### */
#navi { margin: 152px 0 0 0px; width: 277px; position: absolute;}
#navi ul{list-style-type:none; margin-bottom: 35px;}	
#navi li  {display:block; text-indent:-9000px;}
#navi li a {display:block; padding:0px;text-decoration:none; border-bottom: none;}


#uns a {background: url(../images/navi/navi.jpg) -0px -31px; background-repeat:no-repeat; 
height:40px; width: 277px;}
#uns a:hover, #uns-aktiv a { background: url(../images/navi/navi.jpg) -0px -416px; background-repeat:no-repeat; 
height:40px; width: 277px;}

#beratung a {background: url(../images/navi/navi.jpg) -0px -70px; background-repeat:no-repeat; 
height:33px; width: 277px;}
#beratung a:hover, #beratung-aktiv a { background: url(../images/navi/navi.jpg) -0px -455px; background-repeat:no-repeat; 
height:33px; width: 277px;}

#ambulante-pflege a {background: url(../images/navi/navi.jpg) -0px -104px; background-repeat:no-repeat; 
height:31px; width: 277px;}
#ambulante-pflege a:hover, #ambulante-pflege-aktiv a { background: url(../images/navi/navi.jpg) -0px -489px; background-repeat:no-repeat; height:31px; width: 277px;}

#krankenpflege a {background: url(../images/navi/navi.jpg) -0px -135px; background-repeat:no-repeat; 
height:35px; width: 277px;}
#krankenpflege a:hover, #krankenpflege-aktiv a { background: url(../images/navi/navi.jpg) -0px -520px; background-repeat:no-repeat; 
height:35px; width: 277px;}

#tagespflege a {background: url(../images/navi/navi.jpg) -0px -170px; background-repeat:no-repeat; 
height:33px; width: 277px;}
#tagespflege a:hover, #tagespflege-aktiv a { background: url(../images/navi/navi.jpg) -0px -555px; background-repeat:no-repeat; 
height:33px; width: 277px;}

#sonderleistungen a {background: url(../images/navi/navi.jpg) -0px -203px; background-repeat:no-repeat; 
height:31px; width: 277px;}
#sonderleistungen a:hover, #sonderleistungen-aktiv a { background: url(../images/navi/navi.jpg) -0px -588px; background-repeat:no-repeat; height:31px; width: 277px;}

#kosten a {background: url(../images/navi/navi.jpg) -0px -234px; background-repeat:no-repeat; 
height:34px; width: 277px;}
#kosten a:hover, #kosten-aktiv a { background: url(../images/navi/navi.jpg) -0px -619px; background-repeat:no-repeat; 
height:34px; width: 277px;}

#tipps a {background: url(../images/navi/navi.jpg) -0px -268px; background-repeat:no-repeat; 
height:35px; width: 277px;}
#tipps a:hover, #tipps-aktiv a { background: url(../images/navi/navi.jpg) -0px -653px; background-repeat:no-repeat; 
height:35px; width: 277px;}

#video a {background: url(../images/navi/navi.jpg) -0px -303px; background-repeat:no-repeat; 
height:35px; width: 277px;}
#video a:hover, #video-aktiv a { background: url(../images/navi/navi.jpg) -0px -688px; background-repeat:no-repeat; 
height:35px; width: 277px;}

#subnavi { margin: 30px 0 0 0px; width: 277px; float: left;}
#subnavi ul{list-style-type:none; margin-bottom: 35px; float: left;}	
#subnavi li  {display:block; text-indent:-9000px;}
#subnavi li a {display:block; padding:0px;text-decoration:none; border-bottom: none; margin-bottom: 0px;}


#start a {background: url(../images/navi/subnavi.jpg) -0px -30px; background-repeat:no-repeat; 
height:28px; width: 277px;}
#start a:hover { background: url(../images/navi/subnavi.jpg) -0px -212px; background-repeat:no-repeat; 
height:28px; width: 277px;}
#start-aktiv a { background: url(../images/navi/subnavi.jpg) -0px -212px; background-repeat:no-repeat; 
height:28px; width: 277px;}

#kontakt a {background: url(../images/navi/subnavi.jpg) -0px -58px; background-repeat:no-repeat; 
height:28px; width: 277px;}
#kontakt a:hover { background: url(../images/navi/subnavi.jpg) -0px -240px; background-repeat:no-repeat; 
height:28px; width: 277px;}
#kontakt-aktiv a { background: url(../images/navi/subnavi.jpg) -0px -240px; background-repeat:no-repeat; 
height:28px; width: 277px;}

#gaestebuch a {background: url(../images/navi/subnavi.jpg) -0px -87px; background-repeat:no-repeat; 
height:27px; width: 277px;}
#gaestebuch a:hover { background: url(../images/navi/subnavi.jpg) -0px -269px; background-repeat:no-repeat; 
height:27px; width: 277px;}
#gaestebuch-aktiv a { background: url(../images/navi/subnavi.jpg) -0px -269px; background-repeat:no-repeat; 
height:27px; width: 277px;}

#anfahrt a {background: url(../images/navi/subnavi.jpg) -0px -116px; background-repeat:no-repeat; 
height:26px; width: 277px;}
#anfahrt a:hover { background: url(../images/navi/subnavi.jpg) -0px -298px; background-repeat:no-repeat; 
height:26px; width: 277px;}
#anfahrt-aktiv a { background: url(../images/navi/subnavi.jpg) -0px -298px; background-repeat:no-repeat; 
height:26px; width: 277px;}

#impressum a {background: url(../images/navi/subnavi.jpg) -0px -142px; background-repeat:no-repeat; 
height:26px; width: 277px;}
#impressum a:hover { background: url(../images/navi/subnavi.jpg) -0px -324px; background-repeat:no-repeat; 
height:26px; width: 277px;}
#impressum-aktiv a { background: url(../images/navi/subnavi.jpg) -0px -298px; background-repeat:no-repeat; 
height:26px; width: 277px;}



/* #########################-----------------------------Content-----------------------------######################### */

#content-main { padding: 0 0 0 0px; line-height: 25px; font-size: 15px; float: right; width: 659px; }
#content-main ul li { background: url(../images/li.jpg) 0px 9px no-repeat; padding-left: 15px; margin-bottom: 10px;}
.single-column { width: 639px; float: left; line-height: 25px; margin-bottom: 20px;}
.two-columns {width: 300px; float: left; margin: 0 22px 20px 0px; line-height: 25px;}

.single-column p { margin-bottom: 15px;}
.two-columns p {margin-bottom: 15px;}

h1.h1-willkommen { width: 690px; height: 67px; background-image: url(../images/headlines/h1-willkommen.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-gaestebuch { width: 690px; height: 67px; background-image: url(../images/headlines/h1-gaestebuch.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-ambulante-pflege { width: 690px; height: 67px; background-image: url(../images/headlines/h1-ambulante-pflege.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-anfahrt { width: 690px; height: 67px; background-image: url(../images/headlines/h1-anfahrt.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-beratung { width: 690px; height: 67px; background-image: url(../images/headlines/h1-beratung.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-haeusliche-krankenpflege { width: 690px; height: 67px; background-image: url(../images/headlines/h1-haeusliche-krankenpflege.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-impressum { width: 690px; height: 67px; background-image: url(../images/headlines/h1-impressum.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-kontakt { width: 690px; height: 67px; background-image: url(../images/headlines/h1-kontakt.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-kosten { width: 690px; height: 67px; background-image: url(../images/headlines/h1-kosten.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-sonderleistungen { width: 690px; height: 67px; background-image: url(../images/headlines/h1-sonderleistungen.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-tagespflege { width: 690px; height: 67px; background-image: url(../images/headlines/h1-tagespflege.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-tipps { width: 690px; height: 67px; background-image: url(../images/headlines/h1-tipps.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-uns { width: 690px; height: 67px; background-image: url(../images/headlines/h1-uns.jpg); text-indent: -9999px; margin-left: -25px;}
h1.h1-video { width: 690px; height: 67px; background-image: url(../images/headlines/h1-video.jpg); text-indent: -9999px; margin-left: -25px;}


/* #########################-----------------------------Extra-----------------------------######################### */

#extra { width: 277px; float: left;}
h2.fragen { width: 277px; height: 61px; background-image: url(../images/fragen.jpg); text-indent: -9999px; margin: 178px 0 0 0;}
#extra p { font-size: 13px; line-height: 19px; margin: 0 0 8px 18px; width: 250px;}

/* #########################-----------------------------Footer-----------------------------######################### */

#footer { background: url(../images/footer.jpg) 0px 0px no-repeat; width: 982px; height: 161px; margin: 10px 0 10px 0;}

.footer-ambulant { position: absolute; margin: 90px 0 0 100px; font-size: 20px; }
.footer-krankenpflege { position: absolute; margin: 90px 0 0 400px; font-size: 20px; }
.footer-tagespflege { position: absolute; margin: 90px 0 0 735px; font-size: 20px; }

/* #########################-----------------------------Klassen-----------------------------######################### */
.nofloat {float: none; clear: both;}

.highlight { margin-bottom: 10px;} 
.highlight2 { color: #6CA3F4; margin-top: 40px;}

.pix { background-color: white; border: 1px solid #CCCCCC; padding: 3px; margin-bottom: 10px;}

/* #########################-----------------------------Schriften-----------------------------######################### */

h2 { color: #6CA3F5; font-size: 18px; font-weight: normal;}