/* standards */
html[xmlns^="http"] {overflow-y: scroll;}
/* css reset */
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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
strong, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h3 { color:#d10707; font-size:16px; margin-bottom:20px;}
.floatleft {float:left; }
br {margin: 0; padding: 0; line-height: 0.0001em;}
table {border-collapse: collapse; font-size:13px;}
td, th {vertical-align: top;}
p {padding: 0 0 0.8em 0;}
.firmendaten {margin-bottom: 1em;}
.firmendaten .desc,
.firmendaten .value {font-size: 1em; padding: .2em 0; color: #515151;}
.bordered {padding:3px; border: 1px solid #3a772b;}
.img { margin-right:15px;}
.firmendaten .desc {width: 14em; font-weight: bold;}
.firmendaten .value {width: 26em;}
.clearblock:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearblock {display: inline-block;}
html[xmlns] .clearblock {display: block;}
* html .clearblock {height: 1%;}
.clear {clear: both;}
/* end of standards ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
html, body {min-height: 100%; height: auto; height: 100%; line-height: 1.6em; background: #f5e7bc;}
body {font-size: 70%; font-family: Arial, Helvetica, sans-serif; color: #262527;
background:#f5e7bc; background:url(../images/layout/bg_body.jpg) repeat-x; }
/* CONTAINER ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#container { width:996px; margin:0 auto;}
/* HEADER ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#header { background:url(../images/layout/bg-header.jpg) no-repeat; width:996px; height:302px; margin:0 auto;}
/* --- h1 Branding --- */
h1#branding {width:371px; height:143px; padding:6px 0 0 165px; }
/* --- navi-1 --- */
ul#navi-1 {width:522px; height:81px; margin:15px 0 0 240px; position:relative;}
ul#navi-1 li {float:left; }
ul#navi-1 li a {text-indent:-9999em; height:81px; background-position: top !important; display: block;
text-decoration:none; }
ul#navi-1 li a:hover {background-position:bottom !important; }
.gro { background: url(../images/layout/navi-1/bettlingen.jpg) no-repeat; width:182px;}
.bad { background:url(../images/layout/navi-1/ditzenbach.jpg) no-repeat; width:195px;}
.hue { background:url(../images/layout/navi-1/huelben.jpg) no-repeat; width:145px;}
body#huelben-gemeinde .hue, body#huelben-abteilungen .hue, body#huelben-zimmer .hue, body#huelben-garten .hue, body#huelben-beschreibung .hue, body#huelben .hue,
body#bad-ditzenbach-gemeinde .bad, body#bad-ditzenbach-abteilungen .bad, body#bad-ditzenbach-zimmer .bad,
body#bad-ditzenbach-garten .bad , body#bad-ditzenbach-beschreibung .bad, body#bad-ditzenbach .bad,
body#gossbettlingen-gemeinde .gro, body#gossbettlingen-abteilungen .gro, body#gossbettlingen-zimmer .gro,
body#gossbettlingen-beschreibung .gro, body#gossbettlingen-geschichte .gro, body#grossbettlingen .gro {background-position:bottom !important; }
body#huelben-gemeinde .gem-2, body#huelben-abteilungen .abt-2, body#huelben-zimmer .zim-2, body#huelben-garten .gar-2, body#huelben-beschreibung .bes-2,
body#bad-ditzenbach-gemeinde .gem-1, body#bad-ditzenbach-abteilungen .abt-1, body#bad-ditzenbach-zimmer .zim-1, body#bad-ditzenbach-garten .gar-1, body#bad-ditzenbach-beschreibung .bes-1,
body#gossbettlingen-gemeinde .gem, body#gossbettlingen-abteilungen .abt, body#gossbettlingen-zimmer .zim,
body#gossbettlingen-beschreibung .bes, body#gossbettlingen-geschichte .ges {background:#fff;}
/* --- adressen --- */
table#adresse-1 {left:540px; top:172px; position:absolute;}
table#adresse-1 td { text-align:right; color:#1c52a4; font-size:13px; line-height:18px;}
table#adresse-1 td.bet {width:214px;}
table#adresse-1 td.dit {width:193px;}
table#adresse-1 td.ben {width:149px;}
/* --- Button Pflegedienst --- */
ul#navi-1 .pflege {width:246px; height:25px; margin:165px 0 0 -20px; position:absolute;}
ul#navi-1 .pflegeli {float:left; }
ul#navi-1 .pflege li a {text-indent:-9999em; height:25px; background-position: top !important;
display: block; text-decoration:none;}
ul#navi-1 .pflege li a:hover {background-position:bottom !important;}
.pfl { background: url(../images/layout/pflegedienst/pflege.jpg) no-repeat; width:246px; position:absolute; height:25px;}
body#pflegedienst-sonderleistungen .pflege, body#pflegedienst-leistungsangebot .pflege, body#pflegedienst-ziele .pflege, body#pflegedienst .pflege {background-position:bottom !important;}
body#pflegedienst-sonderleistungen .son, body#pflegedienst-leistungsangebot .lei, body#pflegedienst-ziele .zie {background:#a6c2e9;}
/* --- Pflegedienst adresse-2 --- */
.adresse-2 { color:#fff; font-size:13px; width:241px; text-align:right; padding-right:5px; padding-right:12px; padding-top:52px; z-index:20; float:right;}
/* navi-1 - drop down */
ul#navi-1 li ul.subnav {display: none; position: absolute; z-index:600;}
ul#navi-1 li:hover ul.subnav {display: block; text-indent:0em; font-size:12px; color:#00519e;}
ul#navi-1 li ul.subnav {background: #cbdbef; top:74px; left:25px; text-indent:0em; width:150px; z-index:600;}
ul#navi-1 li ul.subnav li {float: none; border: 1px solid #00519e; border-top:0px; padding:2px;
height:20px; z-index:600;}
ul#navi-1 li ul.subnav li a {font-size: 12px; text-indent:0em; color:#00519e; text-decoration:none;}
ul#navi-1 li ul.subnav li a:hover {font-size: 12px; text-indent:0em; color:#2b89f3; text-decoration:none;}
* html ul#navi-1 li ul.subnav li a {height:10px; z-index:600;}
ul#navi-1 li ul.bach { margin:0 0 0 190px; width:155px;}
ul#navi-1 li ul.huelben { margin:0 0 0 385px; width:108px; }
ul#navi-1 li ul.ambulant { margin:115px 0 0 610px; width:108px; background:#93c543; }
ul#navi-1 li ul.ambulant li {border: 1px solid #3a772b; border-top:none;}
ul#navi-1 li ul.ambulant li a {color: #3a772b;}
ul#navi-1 li ul.ambulant li a:hover {color: #fff;}
/* Navigation ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#navigation { background:url(../images/layout/bg-navigation.jpg) no-repeat; width:996px; height:191px; margin:0 auto;}
/* --- navi-2 --- */
ul#navi-2 {width:167px; height: 129px; margin:0 0 0 269px; padding-top:21px; float:left;}
* html ul#navi-2 {width:167px; height: 129px; margin:0 0 0 135px; padding-top:21px; float:left;}
ul#navi-2 li {float:left; }
ul#navi-2 li a {text-indent:-9999em; width:167px; background-position: left; display: block;
text-decoration:none; }
ul#navi-2 li a:hover{background-position:right; }
.ess { background:url(../images/layout/navi-2/essen.jpg) no-repeat; height:24px;}
.spe { background:url(../images/layout/navi-2/speisen.jpg) no-repeat; height:25px;}
.akt { background:url(../images/layout/navi-2/aktuelles.jpg) no-repeat; height:27px;}
.ste { background:url(../images/layout/navi-2/stellen.jpg) no-repeat; height:25px;}
.ziv { background:url(../images/layout/navi-2/zivildienst.jpg) no-repeat; height:27px;}
body#zivildienst .ziv, body#stellenangebote .ste, body#aktuelles .akt, body#speiseplaene .spe, body#essen-auf-raedern .ess {background-position:right; }
/* --- subnavi --- */
ul#subnavi {width:96px; height: 129px; margin:0 0 0 14px; padding-top:19px; float:left;}
ul#subnavi li {float:left; }
ul#subnavi li a {text-indent:-9999em; width:96px; background-position: left; display: block;
text-decoration:none; }
ul#subnavi li a:hover {background-position:right; }
.sta { background:url(../images/layout/subnavi/startseite.jpg) no-repeat; height:49px;}
.dow { background:url(../images/layout/subnavi/downloads.jpg) no-repeat; height:27px;}
.kon { background:url(../images/layout/subnavi/kontakt.jpg) no-repeat; height:27px;}
.imp { background:url(../images/layout/subnavi/impressum.jpg) no-repeat; height:26px;}
body#impressum .imp, body#kontakt .kon, body#danke .kon, body#downloads .dow, body#index .sta {background-position:right; }
/* CONTENT ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#content { width:996px; margin:0 auto;}
#content-left, #content-right { width:412px; float:left;}
#content-left p, #content-right p { font-family:Arial, Helvetica, sans-serif; color:#5b5c5c; font-size:13px; line-height:20px;}
#content-left {margin:0 0 0 75px; padding-right:38px; border-right:1px solid #d3d4d6;}
* html #content-left {margin:0 0 0 38px; padding-right:38px; border-right:1px solid #d3d4d6;}
#content-right {margin:0 0 0 38px;}
/* --- h2 --- */
h2 { width:470px; height:43px; text-indent:-999999em; margin:0px 0 21px 75px;}
.bach { background:url(../images/layout/h2/gemeinde-bach.gif) no-repeat;}
.impr { background:url(../images/layout/h2/impressum.gif) no-repeat;}
.kont { background:url(../images/layout/h2/kontakt.gif) no-repeat;}
.down { background:url(../images/layout/h2/downloads.gif) no-repeat;}
.zivi { background:url(../images/layout/h2/zivildienst.gif) no-repeat;}
.stel { background:url(../images/layout/h2/stellenangebote.gif) no-repeat;}
.aktu { background:url(../images/layout/h2/aktuelles.gif) no-repeat;}
.spei { background:url(../images/layout/h2/speiseplaene.gif) no-repeat;}
.esse { background:url(../images/layout/h2/essen.gif) no-repeat;}
.sond { background:url(../images/layout/h2/sonderleistungen.gif) no-repeat;}
.leis { background:url(../images/layout/h2/leistungsangebot.gif) no-repeat;}
.ziel { background:url(../images/layout/h2/ziele.gif) no-repeat;}
.ambu { background:url(../images/layout/h2/ambulant.gif) no-repeat;}
.geme-3 { background:url(../images/layout/h2/huelben.gif) no-repeat;}
.abte-3 { background:url(../images/layout/h2/abteilungen.gif) no-repeat;}
.zimm-3 { background:url(../images/layout/h2/zimmer.gif) no-repeat;}
.gart-3 { background:url(../images/layout/h2/huelben-garten.gif) no-repeat;}
.besc-3 { background:url(../images/layout/h2/huelben-beschreibung.gif) no-repeat;}
.huel { background:url(../images/layout/h2/huelben-1.gif) no-repeat;}
.ditz { background:url(../images/layout/h2/ditzenbach-1.gif) no-repeat;}
.besc { background:url(../images/layout/h2/beschreibung.gif) no-repeat;}
.gart { background:url(../images/layout/h2/garten.gif) no-repeat;}
.zimm { background:url(../images/layout/h2/zimmer.gif) no-repeat;}
.abte { background:url(../images/layout/h2/abteilungen.gif) no-repeat;}
.ditz-1 { background:url(../images/layout/h2/ditzenbach.gif) no-repeat;}
.gros { background:url(../images/layout/h2/grossbettlingen.gif) no-repeat;}
.gesc { background:url(../images/layout/h2/geschichte.gif) no-repeat;}
.gros-1 { background:url(../images/layout/h2/grossbettlingen-1gif.gif) no-repeat;}
.will { background:url(../images/layout/h2/willkommen.gif) no-repeat;}
.err { background:url(../images/layout/h2/fehler404.gif) no-repeat;}
/* --- ul li --- */
ul {list-style-type: none; }
/* --- links --*/
a { text-decoration: underline; color:#2c561e; font-size:13px; }
a:hover {text-decoration: none; color:#2c561e;}
a:visited {text-decoration: none; color:#848286;}
a:focus { outline:none;}
/* ewcms ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#ewcms_edit_controller {position: fixed; _position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; font-weight: bold; font-size: 1.1em; z-index: 10;}
#ewcms_edit_controller a{color: #f00;}
h4 { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#2c561e; font-weight:bold;}
.top { margin-top:40px;}
/* FOOTER ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#footer { background:url(../images/layout/bg-footer.jpg) no-repeat; height:223px; width:996px; margin:0 auto; margin-top:70px;}
#footer p { color:#2c561e; font-size:13px;}
#footer .one {padding:30px 0 0 152px;}
#footer .one span {background:url(../images/layout/h3/grossbettlingen.gif); width:151px; height:19px; display:block; text-indent:-9999px; margin-bottom:3px}
#footer .two {padding:30px 0 0 20px;}
#footer .two span {background:url(../images/layout/h3/bad-ditzenbach.gif); width:145px; height:19px; display:block; text-indent:-9999px; margin-bottom:3px;}
#footer .three {padding:30px 0 0 29px;}
#footer .three span {background:url(../images/layout/h3/huelben.gif); width:71px; height:19px; display:block; text-indent:-9999px; margin-bottom:3px;}
#footer .four {padding:30px 0 0 22px;}
#footer .four span {background:url(../images/layout/h3/pflegedienst.gif); width:124px; height:19px; display:block; text-indent:-9999px; margin-bottom:3px;}
/* STUFF ------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */
#content-left ul,
#content-right ul { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#2c561e;
margin-left:30px; line-height:23px; margin-bottom:20px;}
#content-left ul li,
#content-right ul li { list-style:disc;}
font { font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#2c561e; font-weight:bold;}
.line { border-bottom:1px dotted #b2b5b6; margin-bottom:20px;}
p.left { width:180px; float:left;}
p.image { margin-right:40px;}
#content-left a,
#content-right a { text-decoration: underline; color:#2c561e; font-size:13px; }
#content-left a:hover,
#content-right a:hover {text-decoration: none; color:#2c561e;}
.top-1 { margin-top:30px;}
.top-2 { padding-top:33px;}