body {background:#fff; color:#555; padding:0; margin:0;font-family: Arial,Helvetica, SunSans-Regular, Sans-Serif;background:url("../images/bg_hospizhilfe.jpg");  background-attachment:fixed;  background-repeat:repeat;
 }
img {max-width: 100%;height: auto;border:0;}
img{border:1px solid #666;}



.navi_mobil{display:none;}
.navi{padding:0px 0 20px 10px;}
.navi ul{list-style:none;}
.navi li{float:left;background:#FFCC00;border:1px solid #000;border-width:1px 1px 1px 1px;margin:0 13px 0 0;color:#000;display: block;}
.navi li a{padding:5px 5px;color:#000;display: block;font-size:0.9em;}
.navi li a:hover{background:#ff9900;text-decoration:none;color:#000;}
.navi .menue_aktiv{background:#FF6600;color:#fff;}
.subnavi{clear:left;padding:10px 0 0 50px;}
.subnavi a{background:#FFCC00;border:1px solid #000;border-width:1px 1px 1px 1px;color:#000;padding:3px 10px;}
.subnavi a:hover{background:#ff9900;text-decoration:none;color:#000;}
.subnavi .submenue_aktiv{background:#FF6600;color:#fff;}

a{color:#FF6600;text-decoration:none;}
a:hover{text-decoration:underline;}
h3{padding:0;margin:10px 0;}
h4{padding:0;margin:0 0 5px 0;font-size:0.9em;}
h5{padding:0;margin:0 0 5px 0;font-weight:normal;}

.datenschutz h1{padding:0 0 15px 0;margin:10px 0;font-size:1.4em;}
.datenschutz h2{padding:0 0;margin:0px 0;font-size:1.1em;}
.datenschutz h3{padding:0;margin:0px 0;font-size:1.0em;}
.datenschutz h4{padding:0;margin:0 0 5px 0;font-size:0.9em;}
.datenschutz h5{padding:0;margin:0 0 5px 0;font-weight:normal;}


.container {max-width:950px;margin:50px auto; padding:0; background:#FF9900 url('../images/bg_orange_ohne_logo2.jpg');background-repeat:no-repeat;  border:5px solid #fff;}
.line_home{line-height:0;background:#fff url('../images/bg_weiss.jpg'); background-repeat:no-repeat;  background-position:bottom right;border:3px solid #555;margin:20px 0px 0px 50px;max-width:650px;padding:0;
-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -khtml-hyphens: auto;
  hyphens: auto;
min-height:1000px;
}
.text{line-height:1.5em;margin:35px 20px;}


.adresse_unten{padding:15px 0 50px 50px;color:#fff;font-size:0.9em;}

/*banner*/
.logo_hospiz{float:left;padding:50px 0 0 25px;}
.logo_whs{text-align:right;margin:0 50px 20px 0;border:0px solid #fff;padding:5px;font-size:0.9em;}
.impressum{text-align:right;margin:10px 10px 5px 0;}
.impressum a{color:#000;text-decoration:none;}
.impressum a:hover{text-decoration:underline;}

.rechts{float:right;margin:0px 10px 0 0px;max-width:220px;line-height:1.3em;}
.rechts_mobil{display:none;}
.spendenkonto{color:#fff;margin:0 0 20px 0;border:1px solid #fff;padding:5px;font-size:0.8em;background:#FF7F00;}
.aktuell_kasten{background:#fff;border:1px solid #666;border-width:1px 3px 3px 1px;padding:4px;margin:0 0 20px 0;}
.aktuell_kasten h3{font-size:0.9em;padding:0;margin:0 0 0px 0;font-weight:bold;}
.aktuell_kasten h4{padding:0;margin:0 0 0px 0;font-size:0.9em;color:#000;font-weight:bold;}
.aktuell_kasten h5{padding:0;margin:0 0 0px 0;font-weight:normal;font-size:0.9em;}

/*Ueberuns_Vorstand*/
.vorstand_foto{float:right;}
.spruch_index{max-width:95%;margin:50px auto 0 auto;color:#CC6600;font-size:1.2em;font-style:italic;text-align:right;}
.linie{border-top:1px solid #999;text-align:right;color:#999;padding-top:3px;margin:8px 0 25px 0;font-size:0.8em;}

@media all and (max-width: 950px){
body { font-size:1.0em;background-repeat:repeat-y; }
.container { margin:10px auto; width:95%;}
.rechts{display:none;float:none;}
.rechts_mobil{display:block;margin:0px 40px;max-width:100%;text-align:center;}
.line_home{ margin:20px 40px 50px 40px;max-width:95%;}
.navi, .subnavi, .impressum{display:none;}
.navi_mobil{display:block;}
.vorstand_foto{float:none;margin:0 0 30px 0;}
}

@media all and (max-width: 650px) {
.container { margin:10px auto; width:95%;}
.logo_hospiz{padding:50px 0 0 0px;}
.line_home{ margin:20px auto 50px auto;width:90%;background-size: 150px 150px;}
.spruch_index{width:100%;margin:50px auto 0 auto;color:#CC6600;font-size:1.2em;font-style:italic;text-align:right;}
.rechts_mobil{margin:0px auto;width:90%;}
.herz{width:50%;}
}


@media all and (max-width: 580px) {
body { font-size:1.0em;background:none; }
.container { margin:0px auto; width:97%;}
.logo_hospiz{padding:0px 0 0 0px;width:60%;}
.logo_whs{margin:20px 10px 0 0;float:none;}
.logo_whs a img{width:25%;}
.adresse_unten{padding:15px 5px;font-size:0.9em;max-width:100%;text-align:center;}
}

@media all and (max-width: 400px) {
.logo_hospiz{padding:10px 0 0 0px;}
.line_home{background-size: 100px 100px;}
}