@charset "UTF-8";

/*
## -----------------------------------------------------------------------------
##
##
##  STYLE SHEET
##                                             
##        Style-Sheet-Definitionen | Pflege in Salzhausen
##                                                                          
##        SCHEME:      __pis_scheme__                                                
##        AUTHOR:      Carsten Zandecki, mediaMinds internet services            
*/


*          { margin:0; padding:0; }

@font-face { font-family: 'Opensans';
	     src: url('../xfonts/opensans/OpenSans-Light-webfont.eot');
	     src: url('../xfonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
	          url('../xfonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
	          url('../xfonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
	          url('../xfonts/opensans/OpenSans-Light-webfont.svg#webfont') format('svg');
           }

@font-face { font-family: 'Corbel';
	     src: url('../xfonts/corbel/corbel-webfont.eot');
	     src: url('../xfonts/corbel/corbel-webfont.eot?#iefix') format('embedded-opentype'),
	          url('../xfonts/corbel/corbel-webfont.woff') format('woff'),
	          url('../xfonts/corbel/corbel-webfont.ttf') format('truetype'),
	          url('../xfonts/corbel/corbel-webfont.svg#webfont') format('svg');
           }

html       { height: 100%; width : 100%; /*margin: 0px;  padding: 0px;*/ }
body       { text-align: center; font-family: Corbel; font-size: 16px; color: #444; margin: auto;
             background: #f0f0f0 url('icons/bg.jpg') repeat-x;
           }

img        { border:0px; max-width:100%; } 



/*
## -----------------------------------------------------------------------------
##
##  GENERAL ELEMENT/FORM CLASSES
##                                             
*/

form        { height:100%; }
input       { font-family: Corbel; font-size: 16px; font-size:0.938em; border: 1px solid #ddd; padding:5px; color:#555; margin-top:5px; }
select      { font-size:0.938em; border: 1px solid #ddd; padding:5px; color:#555; margin-top:5px; }
textarea    { font-family: Corbel; font-size: 16px; font-size:0.938em; border: 1px solid #ddd; padding:3px; color:#555; margin-top:5px; }
.noborder   { border:0px; }
.sndbutton  { font-size:0.938em; border:0px; background: #076633; color: #fff; width:120px; height:46px; font-weight:bold; }
.formspacer { clear:both; padding:1%; }

.osndButton { display:block; font-size:0.938em; border:0px; background: #076633; color: #fff; height:26px; padding: 14px 10px 6px 10px; font-weight:bold; }
a.osndButton { text-decoration:none; color:#fff; }

#emailError { background: #aa0000; padding:2%; color:#fff; }
#emailOk    { background: #2fac66; padding:2%; color:#fff; }

p           { text-align:justify; letter-spacing: 0px; margin-top:10px; line-height:1.4em; }

table, th, td { border:1px solid #aaa; border-collapse:collapse; }
th,td       { font-family: OpenSans; font-size: 0.875em; padding:8px; text-align:left; }
th          { background:#f5f5f5; }

.pg         { border-bottom:1px solid #aaa; padding:15px 0; }
.pgVal      { float:right; text-align:right; font-size:0.875em; font-family: OpenSans; font-weight:bold; width:120px; }


#horizon   { clear:both; width:100%; max-width:980px; margin:0 auto; }
#horizonstart { clear:both; display:block; width:100%; background: url('icons/bg.jpg') repeat-x;  margin:0 auto; text-align:center; }


/*
## -----------------------------------------------------------------------------
##
##  SPECIAL STYLES START
##
##
*/

/* #headerbar    { background: #e8e8e8; margin:440px auto 0 auto; width:100%; height:170px; text-align:center; padding:150px 0 40px 0; } */

#headerbar    { background: #e8e8e8; margin:410px auto 0 auto; width:100%; height:190px; text-align:center; padding:150px 0 40px 0; }

#headerbar h1 { color: #666; font-size:2.250em; }
#headerbar p  { color: #666; font-size:1.500em; font-weight:normal; text-align:center; }

#contentbar   { display:block; background: #fff; margin:0px auto 0 auto; width:100%; text-align:center; }

#startbg      { position:absolute; top:35px; width:100%; height:440px; margin: 0 auto; text-align:center; border-bottom:1px solid #eee; background: transparent; /*#2fac66;*/ }

#startbar     { position:absolute; z-index:5; top:0px; width:100%; margin:0 auto; }

/* #startlogo { position:relative; z-index:10; top:330px; width:980px; height:220px; margin: 0 auto; text-align:center; } */

#startlogo    { position:relative; z-index:10; top:330px; width:1010px; height:220px; margin: 0 auto; text-align:center; }


/* #betriebe     { width:980px; margin:0px auto 0 auto; text-align:center; padding:0px 0 140px 0; } */

#betriebe     { width:1010px; margin:0px auto 0 auto; text-align:center; padding:0px 0 140px 0; }
#betriebe a   { text-decoration:none; color: #076633; }
#betriebe p   { text-align:center; font-size:1.000em; } 

.quarter { float:left; width:16.862244897959183673469387755102%; padding:0 0% 0 0%; /*background: #fa3940;*/ }
.quartertrenner { float:left; width:1px; margin:0 19px 0 19px; margin-top: 50px; background:#e0e0e0; height:750px; }
.quartertrennerblank { float:left; width:1px; margin:0 19px 0 19px; margin-top: 50px; background:transparent; }


/* .quarter { float:left; width:21.862244897959183673469387755102%; padding:0 0% 0 0%; } */
/* .quartertrenner { float:left; width:1px; margin:0 20px 0 20px; margin-top: 50px; background:#e0e0e0; height:640px; } */
.quarter img { width:120%; }

/* .quartertrennerblank { float:left; width:1px; margin:0 20px 0 20px; margin-top: 50px; background:transparent; } */


#choosers     { position:relative; z-index:5; top: -46px; width: 100%; }
#choosers a   { font-size: 1.000em; color:#fff; font-weight:500; }



#betriebe h2 { font-weight:normal; font-size: 1.500em; }



/* SPECIAL MOBILE INITS */

#startimagemobile { display:none; }
#startlogomobile  { display:none; }
.mobileButtons    { display:none; }
.address2mobile   { display:none; }
#topbarmobile     { display:none; }
#rsmenu           { display:none; }
#rtmenu           { display:none; }

/*
## -----------------------------------------------------------------------------
##
##  TOPBAR
##                                             
*/

#selectbar { display:block; position:absolute; height:60px; z-index:9; width:520px; margin:0 20px 0 470px; top:-18px; text-align:right; background: transparent; }

#topbar    { display:block; margin:0 auto 35px auto; width: 980px; font-family: Corbel; font-size: 0.938em; font-weight:normal; color:#fff; text-align:left; height:25px; padding:8px 0 2px 0; background: #2fac66; }
#topbar a  { color:#fff; text-decoration:none; }



/*
## -----------------------------------------------------------------------------
##
##  LOGO 'N EMOTION BAR
##                                             
*/


#logo     { float:left; z-index:2; width: 25.306122448979591836734693877551%; height:346px; border-bottom:2px solid #076633; background: #2fac66; color:#fff; }
#ccntact  { padding:24px 0 14px 0; font-size:0.938em; color: #fff; text-align:center; }

.cansprech { font-size:1.375em; font-weight:bold;   }
.ccompany  { font-size:1.000em; font-weight:normal; }
.cphone    { font-size:1.375em; font-weight:normal; }

#emotion  { position:relative; z-index:0; float:left; width: 74.693877551020408163265306122449%; height:346px; border-bottom:2px solid #2fac66; }
#emotionbt { position:absolute; z-index:3; top:60px; right:25px; background: transparent; width:179px; height:179px; }
#emotionsm { position:relative; z-index:3; top:-62px; left:100px; /*left:120px;*/ background: transparent; width:118px; height:118px; }

.emotionsmCorrect { margin-top:-60px; }

#emotionrt { position:absolute; z-index:3; top:80px; right:25px; background: transparent; width:318px; height:178px; }
#emotionrm { position:relative; z-index:3; top:-62px; left:120px; background: transparent; width:179px; height:100px; }

#emotionbar { display:block; position:absolute; z-index:5; 
              width: 95.138888888888888888888888888889%; 
              padding: 9px 4.8611111111111111111111111111111% 0px 0px;
              height:25px;  bottom:0; left:0; background:url('icons/mainimgbg.png') repeat-x; 
              font-family: Corbel; font-size:0.875em; text-align:right; color: #144c2f; font-weight:bold; 
              box-shadow: 0px -10px 12px -10px #999;
            }


#emotionbar:after {
    content: "";
    position:absolute;
    z-index:-1;
    background:#fff; 
    top: 30px;
    left: 20px;
    width: 100%; 
    box-shadow: 0px 0px 12px 0px #999; 
}  


#emotionbar img { width:100%; position:relative; z-index:1; top:0px; left:0px; }




/*
## -----------------------------------------------------------------------------
##
##  MAIN NAVIGATION MENU
##                                             
*/

   nav           { float:left; width: 25.306122448979591836734693877551%; text-align:center; background: #fff;  }

   #menu         { border-bottom: 1px solid #dedede; }
   #menu ul      {  }
   #menu li      { display:block; list-style: none; text-align:center; background:transparent; font-family: Corbel; font-size: 1.500em; font-weight:normal; 
                   margin-left:0px; color:#fff; text-decoration:none; width:auto; height:51px; line-height:51px; padding:0px 0px 0px 0px; border-bottom:1px solid #dedede; }

   #menu a       { display:block; color:#076633; background: #f5f5f5 url('icons/navbg.png') 0 0 repeat-x; text-decoration:none; height:51px; padding:0px 12px 0px 12px;  }
   #menu a:hover { display:block; color:#fff; text-decoration:none; background: #076633; /*#2fac66;*/ height:51px; }
   #menu .active { display:block; color:#fff; text-decoration:none; background: #076633 url('icons/navbggreen.png') 0 0 repeat-x; }


/*
## -----------------------------------------------------------------------------
##
##  START SITE STYLES
##                                             
*/


#start    { width:980px; text-align:left; margin:0 auto;}
.bar      { margin-top:160px; float:left; width:22.321428571428571428571428571429%; }
.bartop   { margin-top:0px; float:left; width:22.321428571428571428571428571429%; }
.barpad   { margin-left:35px; }

#outerpage { width:908px; padding:35px; background:#fff; text-align:left; border:1px solid #f0f0f0; margin:0 auto 60px auto; }
#innerpage { width:906px; margin:0 auto; text-align:left; padding:0 0 0 0; }



/*
## -----------------------------------------------------------------------------
##
##  MAIN SITE STYLES
##                                             
*/



#content { clear:both; width:100%; background:#fff; border-bottom:2px solid #2fac66; }


section { display:block; float:left; 

width:67.448979591836734693877551020408%;
padding: 3.5714285714285714285714285714286%;
text-align:left; 

}

section a { color: #076633; font-weight:bold; }

article { }

#maincontent       { display:block; position:relative; z-index:2; background: #fff; border-left:1px solid #f0f0f0; }
#maincontent:after { content: ""; position:absolute; z-index:-1; background:transparent; top:0px; left:0px; width: 100%; min-height: 100%; border-radius: 5px; box-shadow: -22px 0px 22px -24px #999; }


h1 { font-family: Corbel;
     font-size: 1.500em;
     color: #076633;
   }

h2 { font-family: Corbel;
     font-size: 1.250em;
     color: #076633;

     margin-top:50px;
   }

h3 { font-family: Corbel;
     font-size: 1.125em;
     color: #076633;
     margin-top:35px;
   }


p  { font-family: Corbel;
     font-size: 1.000em;
     color: #666;
     line-height:1.4em;
     margin-top:25px;
     text-align:justify;
   }


blockquote { display:inline; color: #ff0000; font-weight:italic; }
.missing   { color: #ff0000; font-weight:italic; }

section ul  { margin-top:25px; padding-left:15px; list-style-type:none; line-height:1.4em; }
section li  { padding-left:20px; font-size:1.000em; color:#444; background: url('icons/bullet1st.png') 0px 5px no-repeat; }

.sublist { margin:5px 0 5px 0;  }
.sublist li { background: url('icons/bullet2nd.png') 0px 6px no-repeat; }

.posRightImage { float:right; width: 31.72205438066465256797583081571%; margin:30px 0 35px 35px; } 
.posLeftImage  { float:left; width: 31.72205438066465256797583081571%; margin:30px 35px 35px 0; } 

.infoBox       { display:block; background: #2fac66 url('icons/infoHeader.png') -30px 15px no-repeat; color: #fff; padding:16px; }
.infoRightBox  { float:right; font-size:1.000em;  /*width: 31.72205438066465256797583081571%;*/ width: 28.700906344410876132930513595166%; margin:30px 0 35px 35px;  /*#2fac66;*/ color: #444; padding:10px;  
                 background: #f0f0f0;
} 
.infoLeftBox   { float:left; width: 31.72205438066465256797583081571%; margin:30px 35px 35px 0; } 


.correctPos    { margin-top:53px; }
.negCorrectPos { margin-top:0px; }

.thinline { clear:both; display:block; margin:10px 0 10px 0; border-bottom:1px solid #ddd; }

.col2     { float:left; width:43.280966767371601208459214501511%; }
.col2last { float:left; width:51.280966767371601208459214501511%; padding-left:35px; }

.inset    { padding-left:20px; text-align:left; }
.inset2    { padding-left:20px; text-align:left; margin-left: 20px; }

#funcbar   { display:block; margin: 55px 0 10px 0; padding: 0 0 5px 0; height:auto; text-align:right; border-bottom: 1px solid #dedede; }
#funcbar a { text-decoration:none; font-weight:normal; }

#funcbar ul { padding:0; margin:0; list-style-type:none; }
#funcbar li { padding:0 0 0 6px; margin:0; display:inline; background:transparent; }

#funcbar .topIcon   { margin-left:10px; padding-left:15px; background:url('icons/sprite.png') 0 4px no-repeat; width:14px; }
#funcbar .printIcon { padding-left:15px; background:url('icons/sprite.png') -15px 2px no-repeat; }

.datenschutzContainer p { margin-bottom:25px; }
.datenschutzContainer h3 { margin-bottom:25px; }


/******************************************************************************/
/*                                                                            */
/* MODULE STYLES                                                              */
/*                                                                            */
/******************************************************************************/


.module    { display:block; padding: 14px 14px 14px 14px; background: #f5f5f5; /*#2fac66;*/ /*#f5f5f5;*/ /*#f5f5f5;*/  color:#444; margin:-17px 0px 0px 0px; text-align:center; }
.module h3 { margin:4px 0 0 64px; text-align:left; color: #666; /*#666;*/ }
.module p  { margin-top:16px; text-align:center; color: #666;}

.moduleblue    { display:block; padding: 14px; background: #005199; color:#fff; margin:-17px 0px 0px 0px; text-align:center; }
.moduleblue h3 { color:#fff; margin:4px 0 0 64px; text-align:left; color:#fff; }
.moduleblue p  { color:#fff; text-align:center; margin-top:18px; }

.check         { position:relative; z-index:5; top:53px; left:14px; background: url('icons/check.png'); width:60px; height:60px; }
.notruf        { position:relative; z-index:5; top:53px; left:14px; background: url('icons/notruf.png'); width:60px; height:60px; }


/******************************************************************************/
/*                                                                            */
/* MATERIALIZE LIKE FORM STYLES                                               */
/*                                                                            */
/******************************************************************************/


.form-field { display: block; margin-bottom: 16px; }
.form-field--is-active .form-field__control::after {  border-bottom: 2px solid #076633;	 transform: scaleX(150); }
.form-field--is-active .form-field__label { color: #076633; font-size: 0.75rem; transform: translateY(-14px); }
.form-field--is-filled .form-field__label { font-size: 0.75rem; transform: translateY(-14px); }
.form-field__label { display: block; font-size: 1.0rem; font-weight: normal; left: 0; margin: 0; padding: 18px 12px 0; /**padding:16px 10px 0; **/
	 position: absolute;
	 top: 0;
	 transition: all 0.4s;
	 width: 100%;
}
 .form-field__control { background: #f5f5f5; border-radius: 0; /*8px 8px 0 0;*/ overflow: hidden; position: relative; width: 100%; }
 .form-field__control::after { border-bottom: 2px solid #076633; bottom: 0; content: ""; display: block; left: 0; margin: 0 auto; position: absolute; right: 0; transform: scaleX(0); transition: all 0.4s; width: 1%; }
 .form-field__input, .form-field__textarea {
	 appearance: none;
	 background: transparent;
	 border: 0;
	 border-bottom: 1px solid #999;
	 color: #333;
	 display: block;
	 font-size: 1.0rem;
	 margin-top: 24px;
	 outline: 0;
	 padding: 0 12px 10px 12px;
	 width: 100%;
         font-family:Corbel;
}
 .form-field__textarea {
	 height: 150px;
}
 

.tdArrows {}
.tdArrows:after { content: "\2714";
    font-size: 30px;
    color: #3d933a;
}

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

footer { width:980px; margin:50px auto 0; text-align:left; line-height:1.4em; }
footer h3 { font-family: Corbel; font-size: 1.125em; color: #076633; margin-top:0px; }

footer ul  { margin-top:24px; padding-left:15px; list-style-type:none; line-height:1.4em; }
footer li  { padding-left:20px; font-size:1.000em; color:#444; background: url('icons/bullet1st.png') 0px 5px no-repeat; }

footer a   {text-decoration:none; color: #076633; }


.homes      { width: 21.306122448979591836734693877551%; padding:2%; height:160px; float:left; }
.address    { text-align:left; width: 36.346938775510204081632653061224%; padding:2% 4% 0 3%; float:left; }
.address2   { text-align:left; width: 23.346938775510204081632653061224%; padding:2% 4% 0 4%; float:left; }

.spacer     { clear:both; display:block; width:100%; height:35px; }
.tspacer    { clear:both; height:1px; }

.innerblock { float:left; width: 47%; margin-right:3%; }
.sm         { font-size: 0.875em; color:#777; }
.sm a       { color:#777; text-decoration:none; }



/*
## -----------------------------------------------------------------------------
##
##  Special Footers Styles Startseite
##                                             
*/

#startfooter   { width:1010px; padding:20px 0 15px 0; text-align:left; margin:0 auto; /*background:#ccc;*/ }

/* #startfooter   { width:980px; padding:20px 0 15px 0; text-align:left; margin:0 auto; } */
#startfooter a { text-decoration:none; color: #076633; }

.stlogo { float:left; width:150px; }
.stlogo img { width:120px; }
.stcon  { float:left; width:450px; padding-top:18px; }
.stimp  { float:left; width:390px; text-align:right; margin-top:36px; }

#slimfooter { display:block; width:100%; height:5px; background: #2fac66; } 


#ccNotice  { display:block; box-sizing: border-box; width:100%; background: rgba(47, 172, 102,.9); color:#fff; padding:15px; position:fixed; z-index:1111; bottom:0px; line-height:1.5em; }
.ccButton  { font-size:15px; margin-left:10px; font-weight:bold; padding:6px 10px; background:#076633; color:#fff; border:none; display:inline-block; }


/*
## -----------------------------------------------------------------------------
##
##  CLEAR STYLES
##                                             
*/
 
    .clear        { clear:both; }
    .group:after  { content: ""; display: table; clear: both; }