@charset "utf-8";
/* CSS Document */
body,html {
   height: 100%;
}

p{
	margin: 0;
	padding: 0;
	line-height: 160%;
}

body {
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 70%;
}
body {
	background-image: url(../images/hdgrnd.jpg);
	margin-left: 0px;
	margin-top: 15px;
}

a{
	text-decoration:none;
	color: #666;
}

.bodytext a{
	text-decoration:underline;
	color: #666;
}

.bodytext a:hover, #BrotKrummen a:hover, #BoxPressemeldungen a:hover, #BoxPflegeNewsletter a:hover,  #Box24StundenNotruf a:hover, #BoxStellenausschreibung a:hover, #BoxZusatzleistungenWrapper a:hover, #BoxIntensivRatgeber a:hover, #BoxCafe a:hover {
	font-weight: bold;	
}

/* Allgemeine DivLayer für die Grundstruktur*/
#MainWrapper {
	width: 1024px;
	min-height: 100.1%;
	margin: 0 auto;
	/*margin-top: 15px;*/
	background-color: #FFF;
}

#HeaderTop {
	width: 1024px;
	height: 100px;
	/*background-color: #F00;*/
}

#HeaderMenu{
	margin-top:20px;
	width: 1024px;
	height:25px;
	/*background-color: #00F;*/
}

#HeaderPicture{
	width: 1024px;
	height: 210px;
	clear: left;

	/*background-color: #FF0;*/
}


/* HeaderBereich*/

/*HeaderTop-Bereich mit Logo und Metanavigation*/
#MetaNav {
	/*background-color: #3F0;*/
	float: right;
	text-align:right;
}
#HeaderLogo {
	width: 512px;
	/*background-color:#F93;*/
}

#HeaderLogo img{ /*Positionierung des Logos */
	margin-left: 35px;
	margin-top: 12px;
	border:0;
}
#MetaNav ul{
margin-top: 15px;
margin-right: 15px;

}

#MetaNav ul li{
	display: block;
	list-style:none;
	float:left;
	margin-right: 3px;
	font-weight: bold;
	color:#969897;
}

#MetaNav ul li a, #MetaNav ul li a:visited{
	color:#969897;
}

#MetaNav ul li a:active, #MetaNav ul li a:hover{
	color: #000;
	text-decoration:none;
}

#MetaNav ul li.metaactive a{
	color:#d10232;
}

/*HeaderMenu-Bereich mit dem Hauptmenu, Suche und Fontsize*/

#SearchFontSizeWrapper{
	float: right;	
}
#SuchFormular{
	float: left;
	margin-right: 62px;
}

/*#SearchFontSizeWrapper{
	float: none;	
}
#SuchFormular{
	float: left;
	margin-left: 83px;
}*/

input#mailformsword{
	width:150px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #98a19c;
	background:#fff;
	border: thin solid #D5D5D5;
	height:18px;
		
}

input.csc-mailform-submit{
	margin-left:10px;
}



div.csc-mailform-field{
	visibility:hidden;
}



/* FontSize - Schriftgradänderung Style */
#FontSize{
	float: right;
	margin-right: 15px;
}


#FontSize a{
		text-decoration: none;
		font-weight:bold;
		color: #d10333;
		}

#FontSize a:hover{
	color: #d10333; 
	text-decoration: underline; 

}

#FontSize a.larger{
		font-size: 13px;
		margin-right:8px;

		
}

#FontSize a.reset{
		font-size: 11px;
		margin-right:10px;
	
}

#FontSize a.smaller{
		font-size: 9px;
		margin-right:10px;
}

/* MainNAvigation Style */
#MainNav, #MainNav ul{
	padding: 0;
	margin:0;
	}
	
#MainNav a{
	display:block;
	width:auto;
	padding: 6px;
	padding-right: 13px;
	padding-left: 13px;
	color:#FFF;
	font-family:Verdana;
	background-image:url(../images/menuecke.gif);
	background-repeat:no-repeat;
	background-position:top right;
	vertical-align:middle;
}

#MainNav li{ /*styling 1te Ebene*/
	list-style: none;
	background:#b4ba75; /*#b9bf78;*/
	margin-right: 2px;
	font-weight:bold;
}

#MainNav li.active, #MainNav li:hover{
	background:#d10232
}

#MainNav ul li, #MainNav ul li:hover{ /*styling 2te Ebene*/
	background:none;
	float:none;
	font-size:90%;
	padding-right: 30px;
	font-weight:normal;

}

#MainNav ul li a{
	color: #838b2e; /*#838b2e;	*/
	background:none;
	padding:0;
	padding-left: 8px;
	padding-top:5px;
	font-weight:normal;
}

#MainNav ul li a:hover{
	color: #d10232;	
}



#MainNav li{
	float: left;
	width:auto;
}

#MainNav ul {
	position: absolute;
	padding-top: 8px;
	padding-bottom: 15px;
	width: auto;
	left: -999em;
	background-image:url(../images/menuecke2.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	/*transparenz*/
	opacity:0.9; /* CSS3 (Neuere Browser außer Internet Explorer) */
    filter:alpha(opacity=90); /* Internet Explorer 4-7 */
	-moz-opacity:0.9; /* Gecko (Ältere Mozilla-Browser)  */
  	-khtml-opacity:0.9; /* Alte Versionen von Konqueror oder Safari */
   	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* Internet Explorer 8 */

}
#MainNav li:hover ul, #MainNav  li.sfhover ul{ /* lists nested under hovered list items */
	left:auto;
}

span.MainNavBull{
	font-size:50%;
	vertical-align:middle;
}
span.MainNavSubItem{
	vertical-align:middle;
}


#BrotKrummen{
	margin-left:40px;
	margin-top:30px;
	margin-bottom: -50px;
	font-size:90%;
}

/*CONTENTBEREICH mit MainContent und RightContent*/

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
  
.clearfix {
	display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
    /* End Holly Hack */


#MainContentWrapper{
	margin-top: 50px;
	}
	
	
#MainContent{
	float: left;
	width: 620px;
	margin-left: 40px;
	margin-right: 45px;
	background-color:#FFF;

}
#RightContent{
	float: left;
	width: 300px;
}



/*allgemeine Stylevorlagen für den Content*/
#MainContent h1{
	padding:0;
	margin: 0;
	margin-bottom: 15px;
	font-family: "Trebuchet MS";
	color: #d10333;
	font-weight:normal;
}


#MainContent h2{
	padding:0;
	margin: 0;
	margin-bottom: 5px;
	font-family: Verdana;
	color: #d10333;
	font-size:110%;
	line-height:200%;/*200*/
	font-weight:bold;
	display:block;
	width: 490px;
	background-image:url(../images/h2-underline.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
}

#MainContent h4{
	padding:0;
	margin: 0;
	margin-bottom: 5px;
	font-family: Verdana;
	color: #838B2E;
	font-size:110%;
	line-height:200%;/*200*/
	font-weight:bold;
	display:block;
	width: 490px;
	background-image:url(../images/h2-underline.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
}

p.bodytext{
	width: 482px;
}

h3{
	margin-top:-15px;
	margin-bottom: 20px;
	font-size:110%;
	font-weight:normal;
	font-family:"Trebuchet MS";
}


h3.csc-searchResultHeader{
	margin-top:20px !important;
	margin-bottom: 0px;
	font-size:150%;
	font-weight:bold;
	font-family:"Trebuchet MS";
	text-decoration:underline;
}

div#MainContent ul,div#MainContent ul ul{
	margin:0;
	padding:0;
	width: 482px;
	list-style:none;
}

div#MainContent ul li{
	background-image: url(../images/aufzaehlung-dot.jpg);
	background-position:left 0.8em;
	background-repeat:no-repeat;
	padding-left:10px;	
	line-height:160%;
}

div#MainContent ul li ul li{
	background-image:url(../images/aufzaehlung-dot-grau.jpg);
	background-position:left 0.8em;
	background-repeat:no-repeat;
	padding-left:10px;	
	line-height:160%;
	margin-left:15px;
}

div.divider{
	clear:both;	
}

div.divider hr{
	height: 3px;
	margin:0;
	border:0;
	background-color:#9ca43d;
}

blockquote,  div.indent{
	width: 330px;
	background-color:#e6e7d5;
	/*margin:0;*/
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom:15px !important;
	padding:10px 18px;
}

blockquote p.bodytext, blockquote p{
	width: auto;
}

blockquote ul{
	padding: 0;
	margin:0;
	margin-left: 15px;
}


a.quicklink, #BoxIntensivRatgeber p.bodytext a, span.quicklink{
	color:#000;
	text-decoration:underline;
	background-image:url(../images/quicklink.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
}

a.download{
	color:#000;
	text-decoration:underline;
	background-image:url(../images/icon-download.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
}

a.internlink{
	color:#000;
	text-decoration:underline;
	background-image:url(../images/pfeil-rechts.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;
	line-height: 180%;
}

/* FOOTER */
#Footer{
	width: 1024px;
	margin: 0 auto;
	background-color:#FFF;
	margin-bottom: 15px;
	
}
#FooterText{
	padding-top: 40px;
	margin-left: 40px;
	padding-bottom: 40px;
}

#FooterRight, #FooterLeft, #FooterRight a, #FooterLeft a{
 width: auto;
 color:#d10132;
}
#FooterRight{
	float: right;
	background-image:url(../images/top.gif);
	background-repeat:no-repeat;
	background-position: right;
	padding-right: 17px;
	margin-right: 494px;
}
#FooterLeft{
	float: left;	
	background-image:url(../images/print.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 15px;
}

/*Flexible Contents*/



/* KontaktBox*/
#KontaktBox{
	float: right;
	position: absolut;
	width: 117px;
	background-image:url(../images/hdgrnd_kontaktbox.jpg);
	font-size:10px;
	color:#FFF;
	margin-bottom: 3px;
}
#KontaktBox img{
	width: 117px;
	height: 80px;
}
#KontaktBox p{
	position: relative;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:10px;
	color:#FFF;
	line-height:130%;
}



/* KontaktBox*/
#KontaktBoxGross{
	float: right;
	position: absolut;
	width: 160px;
	background-image:url(../images/hdgrnd_kontaktbox.jpg);
	font-size:10px;
	color:#FFF;
	margin-bottom: 3px;
}
#KontaktBoxGross img{
	width: 160px;
	height: auto;
}
#KontaktBoxGross p{
	position: relative;
	margin-left: 15px;
	margin-top: 8px;
	margin-bottom: 10px;
	font-size:10px;
	color:#FFF;
	line-height:130%;
}

#KontaktBoxGross a,  #KontaktBox span.textzeile a{
	color:#FFF;
}

/*Ratgeber und IntesivBox mit Quicklinks*/
#BoxIntensivRatgeber{
	width: 300px;
	background-image:url(../images/boxen/hdgrnd-grau.png);
	padding-bottom: 15px;
	padding-top:15px;
	position:relative;
	margin-bottom: 3px;
	clear: both;
}

#BoxIntensivRatgeber p.bodytext,#BoxIntensivRatgeber p, #BoxRechtsGrauText p.bodytext{
	margin-left:17px;
	margin-right:17px;
	width:271px;
	color:#000;

}

#BoxIntensivRatgeberImage{
	position:absolute;
	width:33px;
	height:31px;
	right:10px;
	top:10px;;
}

#BoxRechtsGrauText{
	width: 300px;
	background-image:url(../images/boxen/hdgrnd-grau.png);
	padding-bottom: 15px;
	padding-top:15px;
	position:relative;
	margin-bottom: 3px;
	clear: both;
}


/*TextMitBild*/
#TextMitBild img, div.csc-textpic-text img{
	float: right;	
margin-top: 12px;
	width: 108px;
	height: auto;
}

div.csc-textpic-text p img{
	width: auto;
	height: auto;
	float: none;
}

div.csc-textpic-imagewrap img{
		width: 108px;
		height: auto;	
}

div.csc-textpic-intext-right-nowrap img{
	width: 108px;
	height: auto;
}

div.csc-textpic-imagewrap{
			margin-top: 24px;
}

div.csc-textpic div.csc-textpic-imagewrap ul li{
	background:none !important;
	list-style:none;
}

/*GrueneFlaeche*/
div.GrueneFlaeche{
	background-image: url(../images/hdgrnd_hellgruen.jpg);
	color: #000;
	padding-top: 50px;
}


div.GrueneFlaecheSmallBox{
	float: right;
	position: absolut;
	margin-top: -38px;
	margin-right: 12px;
	width: 117px;
	font-size:10px;
	color:#FFF;
	background-image:url(../images/hdgrnd_kontaktbox.jpg);

}
div.GrueneFlaecheSmallBox p{
	padding-left: 5px;
	padding-top: 5px;
	font-size:10px;
	color:#FFF;
	line-height:130%;
	height:30px;

}

div.GrueneFlaecheSmallBox img{
	width: 117px;
	height: 80;
	margin:0;
}


div.GrueneFlaecheZeile {
/*padding-top: 50px;*/
margin-bottom:10px;
}
div.GrueneFlaecheZeile img {
	float: left;
	width: 84px;
	height: auto;
	margin-top:4px;
}

div.GrueneFlaecheText{
	width: 370px;
	margin-left: 104px;
}

div.GrueneFlaecheText h1{
	font-size: 110%;
	color: #d10133;
	margin-bottom:5px !important;
}

div.GrueneFlaecheText ul{
	list-style:none;
	padding: 0px;
}

div.GrueneFlaecheText li{
	background-image:url(../images/list-style.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
	margin-top: 5px;
}


/* Boxen im RightContent*/


a.TextSchwarzUnderline, span.TextSchwarzUnderline{
	text-decoration: underline;
	color:#000;
}
a.TextRotUnderline, span.TextRotUnderline{
	text-decoration: underline;
	color:#d10333;
}

#BoxPressemeldungen, #BoxPflegeNewsletter, #Box24StundenNotruf, #Box24StundenNotrufNummer, #BoxCafe, #Box24StundenNotrufNummerBonn{
	position:relative;
	width: 300px;
	background-color:#ececed;
	background-image:url(../images/boxen/hdgrnd-grau.png);
	height: 90px;
	margin-bottom: 3px;
	clear: both;
}

#BoxCafe{
	height: 125px !important;	
}

#BoxPressemeldungen p, #BoxPflegeNewsletter p, #Box24StundenNotruf p, #BoxCafe p{
	position: absolute;
	width: 220px;
	margin-top:18px;
	margin-left:17px;
	color:#000;
	top: 0px;
}

#Box24StundenNotrufNummer p{
	position: absolute;
	width: 220px;
	margin-left:17px;
	margin-top:22px;
	color:#000;
}
#Box24StundenNotrufNummer p span.NotrufNummer{
	width: 220px;
	position: absolute;
	margin-top:20px;
}

#Box24StundenNotrufNummerBonn p{
	position: absolute;
	width: 220px;
	margin-left:17px;
	margin-top:15px;
	color:#000;
}
#Box24StundenNotrufNummerBonn p span.NotrufNummerBonn{
	width: 220px;
	position: absolute;
	margin-top:40px;
}

#BoxPressemeldungenImage{
	background-image: url(../images/boxen/notizblock.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width: 53px;
	float: right;
	height: 60px;
	margin-right: 10px;
	margin-top: 15px;
}

#BoxPflegeNewsletterImage{
	background-image: url(../images/boxen/PflegeNewsletterIcon.png);
	background-repeat:no-repeat;
	background-position:right;
	width: 53px;
	float: right;
	height: 60px;
	margin-right: 10px;
	margin-top: 15px;
}

#Box24StundenNotrufImage{
	background-image: url(../images/boxen/NotrufIcon.png);
	background-repeat:no-repeat;
	background-position:right;
	width: 53px;
	float: right;
	height: 60px;
	margin-right: 10px;
	margin-top: 15px;
}
#BoxCafeImage{
	background-image: url(../images/boxen/CafeIcon.png);
	background-repeat:no-repeat;
	background-position:right;
	width: 53px;
	float: right;
	height: 60px;
	margin-right: 10px;
	margin-top: 25px;
}

.NotrufNummer, .NotrufNummerBonn{
	color: #d10333;
	font-size:200%;
	font-weight:bold;
	margin-top:5px;

	
}
#BoxStellenausschreibung{
	width: 300px;
	height: 100px;
	border-top: #838b2e solid 2px;
	clear: both;
}

#BoxStellenausschreibung p{
	width: 200px;
	margin-left:100px;
	color:#000;
	margin-top: 15px;
	margin-bottom: 15px;
}

#BoxStellenausschreibungImage{
	background-image: url(../images/boxen/JoinTheTeamFoto.png);
	background-repeat:no-repeat;
	width: 80px;
	height: 84px;
	float:left;
}

/* Fotos in einer Reihe */
#FourInOneRow{
height:155px;
}
div.FourInOneFrame{
	float: left;
	width: 135px;
	margin-left: 5px;
	}
	
div.FourInOnePic img, div.FourInOnePic{
	width: 135px;
	height: 135px;
	}
div.FourInOneDesc {
	margin-top:5px;
	color:#838B2E;
	}
	
/* Bos Zusatzleistungen */
#BoxZusatzleistungenWrapper{
	position:relative;
	width: 300px;
	background-color:#ececed;
	background-image:url(../images/boxen/hdgrnd-grau.png);
	margin-bottom: 3px;
	clear: both;
	min-height:180px;
	padding-bottom:15px;
}
#BoxZusatzleistungenWrapper p{
	margin-left:17px;
	margin-top:15px;
	width: 170px;
	color:#000;
}

#BoxZusatzleistungenTop p{
	margin:0;
	margin-left:17px;
	width: auto;
	line-height:38px;
	font-weight:bold;
	color: #d10333;
}

#BoxZusatzleistungenTop{
	width:300px;
	height:38px;
	background-color:#d7d7d8;
	/*background-image:url(../images/boxen/leistungen-top-hdgrnd.png);
	background-position:right;*/
	}
#BoxZusatzleistungenImage{
	position:absolute;
	background-image:url(../images/boxen/unsere-leistungen.png);
	width:118px;
	height:122px;
	top:45px;
	right:0;
}

#BoxLoginForm{
	width:300px;
	background-image:url(../images/hdgrnd_hellgruen.jpg);
	}

#BoxLoginForm{
	padding-top:17px;
	padding-bottom:17px;
}

#BoxLoginForm input.benutzer{
	margin-left:17px;
	height:20px;
	font-size:90%;
	color:#d10333;
	padding-top:2px;
	padding-left:5px;
	width:180px;
	
}

#BoxLoginForm input.passwort{
	margin-left:17px;
	height:20px;
	font-size:90%;
	color:#d10333;
	margin-top:5px;
	padding-top:2px;
	padding-left:5px;
	width:180px;
	}
#BoxLoginForm input.LoginButton {
	border:0;
	background-image:url(../images/hdgrnd_hellgruen.jpg);
	color:#d10333;
	margin-left:10px;
}
input.LoginButton{
	font-weight:bold;	
}

#BoxLoginForm p{
	margin-left:17px;	
	margin-right:17px;
}


.Mailformular{
	padding:17px;
	width:487px;
	background-image:url(../images/hdgrnd_hellgruen.jpg);
	}

.Mailformular input.benutzer{
	margin-left:17px;
	margin-right:20px;
	height:20px;
	font-size:90%;
	color:#d10333;
	padding-top:2px;
	padding-left:5px;
	width:180px;
	}

.Mailformular input.FormularFeld{
	border:0;
	margin-right:20px;
	margin-top:8px;
	height:20px;
	font-size:90%;
	color:#d10333;
	padding-top:2px;
	padding-left:5px;
	width:180px;
	border-bottom: solid 1px #838B2E;
	}

.Mailformular textarea.FormularFeld{
	border: 0;	
	margin-top:8px;
	width: 420px;
	color:#d10333;
	border-bottom: solid 1px #838B2E;
}

.Mailformular input.error{
border: #d10333 solid thin;
	}

.Mailformular input.Button {
	border:0;
	background-image:url(../images/hdgrnd_hellgruen.jpg);
	color:#d10333;
	margin-left:10px;
}
.Mailformular input.FormularButton {
	border:1px solid #d10333 ;
	background:#d10333;
	color:#fff;
	font-weight:bold;
	float:right;
}

label{
display:block;
font-size:90%;
color:#d10333;
}

.TextRot{
	color:	#d10333;
}

div.Form2Rows{
	width:490px;
	float:left;
	margin-top:20px;

}
div.Form1stRow{
 float: left;
 width:210px;
 height:55px;
}
div.Form2ndRow{
  float:right;
  width:280px;
  height:55px;
  clear:right;
}

div.TopLink{
	width: 490px;
	height:5px;
}
div.TopLink a {
	float:right;
}
div.TopLink img{
	border: 0;	
}

a.quicklink2{
	background-image:url(../images/aufzaehlung-dot.jpg);
	background-position:left 0.7em;
	background-repeat:no-repeat;
	padding-left:10px;	
	line-height:160%;
	color: #000;
}
a.quicklink2:hover{
	font-weight: normal !important;	
}
