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

/* 
..............................................................................
Programming // Der Hersteller // www.der-hersteller.de
Design & Konzeption // siegel konzeption | gestaltung // www.jochen-siegel.de
..............................................................................   
   
*/


/*body
............................................................................*/
body {
	font:82%/1.4 Helvetica, Arial, sans-serif;
	background:#f1f1f1;
}



/*zurücksetzen
............................................................................*/
* {
	margin:0;
	padding:0;
	border:0;
}
ul, li {
	list-style:none;
}
a {
	text-decoration:none;	
}


/*html5
............................................................................*/
article, aside, figure, figcaption, footer, header, hgroup, menu, nav, section, summary {
	display:block;
}


/*typo
............................................................................*/
h1, h2, h3, h4, h5, h6 {
	color:#691139;
	text-transform:uppercase;
}

h1, h3 {
	font-size:1.15em;
	line-height:1.3em;
	margin:0 0 20px 0;
}
h2 {
	font-size:1em;
	margin:20px 0 10px 0;
}
h4 {
	font-size:1em;
	text-transform:none !important;
	margin:0 0 7px 0;
}
p {
	margin:0 0 15px 0;
}
.mehr + h4 {
	margin-top:30px !important;
}
strong {
	font-weight:bold;
}


/*class
............................................................................*/
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}


/*layout
............................................................................*/
#container {
	position:relative;
	margin: 0 auto;
	width:1000px;
	background:url(../img/bg_index.jpg) no-repeat #ffffff;
	min-height:755px;
}
.link_youtube {
	display:block;
	position:absolute;
	top:195px;
	left:510px;
	width:180px;
	height:160px;
	/*opacity:0.5;
	background:#ff0000;*/
}
/*fix IE6*/
* html #container {
	height:755px;
}
#header {
	margin:0 0 0 0;
	padding:44px 36px 0 0;
	text-align:right;
	height:66px;
}
#nav {
	float:left;
	width:460px;
	margin:0 0 0 22px;
}
/*fix IE6*/
* html #nav {
	margin:0 0 0 0;
	padding:0 0 0 22px;
}
#content {
	margin:272px 0 0 505px;
	position:relative;
}
#footer {
	clear:both;
	margin:48px 0 0 22px;
}

/*header_nav
............................................................................*/
#nav nav ul {
	
}
#nav nav ul li {
	float:left;
	margin:0 8px 8px 0;
}
#nav nav ul li a {
	display:block;
	width:143px;
	height:138px;
}

#nav nav ul li a.home {
	background:url(../img/home.jpg) no-repeat;
	height:137px;
}
#nav nav ul li a.home:hover, #nav nav ul li a.homeAktiv {
	background:url(../img/home_over.jpg) no-repeat;
}
#nav nav ul li a.kontakt {
	background:url(../img/kontakt.jpg) no-repeat;
	height:137px;
}
#nav nav ul li a.kontakt:hover, #nav nav ul li a.kontaktAktiv {
	background:url(../img/kontakt_over.jpg) no-repeat;
}

#nav nav ul li a.seniorenbetreuung {
	background:url(../img/seniorenbetreuung.jpg) no-repeat;
}
#nav nav ul li a.seniorenbetreuung:hover, #nav nav ul li a.seniorenbetreuungAktiv {
	background:url(../img/seniorenbetreuung_over.jpg) no-repeat;
}

#nav nav ul li a.seniorenunterstuetzung {
	background:url(../img/seniorenunterstuetzung.jpg) no-repeat;
}
#nav nav ul li a.seniorenunterstuetzung:hover, #nav nav ul li a.seniorenunterstuetzungAktiv {
	background:url(../img/seniorenunterstuetzung_over.jpg) no-repeat;
}

#nav nav ul li a.betreutenstimmen {
	background:url(../img/betreutenstimmen.jpg) no-repeat;
}
#nav nav ul li a.betreutenstimmen:hover, #nav nav ul li a.betreutenstimmenAktiv {
	background:url(../img/betreutenstimmen_over.jpg) no-repeat;
}

#nav nav ul li a.koedel {
	background:url(../img/koedel.jpg) no-repeat;
}
#nav nav ul li a.koedel:hover, #nav nav ul li a.koedelAktiv {
	background:url(../img/koedel_over.jpg) no-repeat;
}

#nav nav ul li a.gutschein {
	background:url(../img/gutschein.jpg) no-repeat;
}
#nav nav ul li a.gutschein:hover, #nav nav ul li a.gutscheinAktiv {
	background:url(../img/gutschein_over.jpg) no-repeat;
}

#nav nav ul li a.patientenverfuegung {
	background:url(../img/patientenverfuegung.jpg) no-repeat;
}
#nav nav ul li a.patientenverfuegung:hover, #nav nav ul li a.patientenverfuegungAktiv {
	background:url(../img/patientenverfuegung_over.jpg) no-repeat;
}

#nav nav ul li a.faq {
	background:url(../img/faq.jpg) no-repeat;
	height:137px;
}
#nav nav ul li a.faq:hover, #nav nav ul li a.faqAktiv {
	background:url(../img/faq_over.jpg) no-repeat;
}

#nav nav ul li a.pflege {
	background:url(../img/pflege.jpg) no-repeat;
	height:137px;
}
#nav nav ul li a.pflege:hover, #nav nav ul li a.pflegeAktiv {
	background:url(../img/pflege_over.jpg) no-repeat;
}

#nav nav ul li a.erfahrungsberichte {
	background:url(../img/erfahrungsberichte.jpg) no-repeat;
	height:137px;
}
#nav nav ul li a.erfahrungsberichte:hover, #nav nav ul li a.erfahrungsberichteAktiv {
	background:url(../img/erfahrungsberichte_over.jpg) no-repeat;
}

/*footer
............................................................................*/
#footer footer ul {
}
#footer footer ul li {
	display:inline;
	margin:0 25px 0 0;
}
#footer footer ul li a {
	color:#a29c9b;
	font-size:1em;
	text-transform:uppercase;
}
#footer footer ul li a:hover, #footer footer ul li a.aktivLink {
	color:#691139;
}


/*content_scroll
............................................................................*/
#mycustomscroll {
	width: 436px;
	height: 302px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	padding-right: 37px;
}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}
.vscrollerbase {
	width: 9px;
	background-color:#e4e3e3;
}
.vscrollerbar {
	width: 9px;
	background-color:#bb005d;
}


/*toggle_container
............................................................................*/
.trigger {
	color:#691139 !important;
	text-decoration:none !important;
}
a.trigger:hover {
	color:#000 !important;
}
.toggle_container {
	margin:15px 0 15px 0;
}


#content a {
	color:#000000;
	text-decoration:underline;
}
#content a:hover {
	color:#691139;
}

#content ul {
}
#content ul li {
	list-style:disc;
	margin:0 0 15px 20px;
	padding:0 0 0 0;
}
#content ul.stichwort {
	margin:0 0 20px 0;
}
#content ul.stichwort li {
	margin:0 0 3px 20px;
}
#content ol {
	margin:0 0 20px 0;
}
#content ol li {
	list-style: decimal;
	margin:0 0 0 20px;
	padding:0 0 0 0;
}