@import url(fundament.css);

/*################## NAVIGATION #####################*/
/* @import url(navigation.css);*/

html, body {
  font-size: 1em; 
  font: Arial, Helvetica, sans-serif;
  line-height: 1.5; 
  color: #7c8c82;
  background: #ffffff;
  height: 100%; /*wichtig für Footer unten Browserende */
}

.cc-message { font-size: 91% !important; line-height: 1.3 !important;}
.cc-link { display:none; visibility:hidden; }


/*################## WRAPPER ####################*/
#wrapper {
  width: 100%;
  min-height: 100%; /*wichtig für Footer unten Browserende */
  height: auto !important;  /*wichtig für Footer unten Browserende */
  height: 100%;  /*wichtig für Footer unten Browserende */
  margin: 0 auto -63px auto;  /*wichtig für Footer unten Browserende 63 px ist die Höhe Footer*/
  padding: 0;
  text-align:center;
  background: #ffffff;  
}

/*################## HEADER ######################*/
#header {
  width: 98%;
  margin: 0 auto 0 auto;
  padding: 0;
  padding-left: 1%; padding-right: 1%;
  text-align:center;
  background: #99cc00;
}

#headerbereich { height: 251px; background: #e8e8e8; }


#logobereich {
  padding: 2px 20px 0 20px;
  height: 214px;
 font-size: 0.9em;
 text-align: left;
 background: #e8e8e8;
 color: #7c8c82;
}
#logobereich h1 { padding-left: 3px; padding-top: 8px; font-size: 0.8em; font-weight: normal; line-height: 1.4;  }
#logobereich h1 a { color: #506156; }
#logobereich h1 a:visited { color: #506156; }
#logobereich h1 a:active { color: #506156; }
#logobereich h1 a:hover { color: #99cc00; }


#wrapper .pflege #headerbereich { height: 130px; }
#wrapper .pflege #logobereich { height: 110px; } 

#teaser { width: 547px; height: 251px; }
#fade{  width: 547px; height: 251px; border: 0; padding: 0; overflow:hidden; }
#fade img { max-width: 100%; max-height: 100%; }
.fluid_container { margin: 0 auto; max-width: 554px; width: 100%; }

/*################## NAVIGATION ##################*/
#navigation {
  width: 98%;
  height: 106px;
  margin:0;
  margin-bottom: 20px;
  padding: 0;
  padding-left: 1%; padding-right: 1%;
  text-align:left;
  background: #ffffff url(../images-design/hg-navi.jpg) left top repeat-x;
}
#navigationinhalt { padding-left:0.5px;  }
/*
#nav { height: 50px; }
#nav ul { display: inline; list-style-type: none; padding:0; margin:0; text-align:left; }
#nav li { float:left; margin: 0; padding-left: 0; padding-right: 2px; text-align: center; font-size: 0.83em; color: #506156; background-color: #cbe8d6; width: 148px; height:48px;  border-right: 2px solid #ffffff; border-top: 2px solid #ffffff;  }
#nav li a { display:block; padding-top: 15px; height: 33px; background: #cbe8d6; color: #506156; text-decoration: none;  }
#nav li a:hover { background: #99cc00;color: #ffffff; font-weight: bold;  }
#nav li:last-child { padding-left: 2px; padding-right: 0; border-right: 0; }
#nav .navactive { background: #99cc00;color: #ffffff; font-weight: bold;  }
*/
#navigationsbildleiste img { width:180px;border-top: 2px solid #ffffff; padding:0; border-right: 2px solid #ffffff; }
#navigationsbildleiste img:last-child { border-right: 0; }

#menuzweiteebene { }

/*################## CONTENT #####################*/
#content {
  width: 98%;
  margin: 0 auto 0 auto;
  padding: 0;
  padding-left: 1%; padding-right: 1%;
  text-align:center;
  background: #ffffff;
}
#contentinhalt { margin:0 auto; padding: 0;}
#textinhalt { text-align: left; background: #ffffff; width: 535px; max-width:535px; margin-bottom: 15px; }
.newsbox { width: 302px; margin-top: 0px; margin-bottom: 10px; background: #efeeee; }

.pwidget { float:left; margin-right:15px;  }



/*################## FOOTER ######################*/
#footer {
  margin: 0;
  padding: 0;
  width: 98%;
  height: 63px; /*wichtig für Footer unten Browserende - Höhe des Footers */
  clear: both !important; /*wichtig für Footer unten Browserende */
  padding-left: 1%; padding-right: 1%;
  background: #99cc00;
}
#footerinhalt {  height: 43px; padding-top: 20px;background: #99cc00;  }
#footertext { padding-left: 2px; font-size: 0.75em; text-align: left; color: #ffffff; }
#footertext strong {  padding-right: 20px; font-weight: normal; text-decoration: none; }
#footertext strong a {  color: #fff; text-decoration: none; }
#footertext strong a:link {  color: #fff; }
#footertext strong a:hover {  color: #fff; }
#footertext strong a:visited {  color: #fff; }
#footertext strong a:active {  color: #fff; }
#facebook {  padding-right: 2px;  }

.push {
  height: 63px; /* das div vor wrapper ende - wichtig für Footer unten Browserende - Höhe des Footers  */
  clear: both !important; /* das div vor wrapper ende - wichtig für Footer unten Browserende*/
}

/*   overview:hidden; */
/*################## ZUM GRUNDLAYOUT ##############*/
.designbreite {
  overview:hidden; 
  width: 910px;
  padding: 0;
  margin: 0 auto 0 auto;
}
.floatlinks { float:left; }
.floatrechts { float: right; }

.newsboxueberschrift {
  background: #7c8c82;  background: #b0b0b0; color: #ffffff; height: 17px; margin: 0; padding: 7px; padding-left: 10px; font-size: 0.8em; font-weight: normal; text-align:left;
}
.newsboxueberschrift a { color: #fff; text-decoration: none; }
.newsboxinhalt {
  text-align: left; width: 282px; padding:10px; color: #506156; font-size: 0.75em; font-weight: normal;
}

.newsboxinhalt p.ue {  margin-bottom:0; }
.newsboxinhalt .zweispaltig { margin:0; margin-bottom:10px; padding:0; width:100%; overflow:hidden; }
.newsboxinhalt p.links { float:left; width:50%; margin-bottom:0; }
.newsboxinhalt p.rechts { float:left; width:50%; margin-bottom:0; }

.rechtespalte p.ue {  margin-bottom:0; }
.rechtespalte .zweispaltigg { margin:0; margin-bottom:10px; padding:0; width:100%; overflow:hidden; }
.rechtespalte .zweispaltigg  p.links { float:left; width:40%; margin-bottom:0; }
.rechtespalte .zweispaltigg  p.rechts { float:left; width:60%; margin-bottom:0; }

.newsboxinhalt p a { color:#506156; }
.newsboxinhalt p a:visited { color:#506156; }
.newsboxinhalt p a:active { color:#506156; }
.newsboxinhalt p a:hover { color:#99cc00; }

#textinhalt h1 { font-size: 0.9em; color:#99cc00; font-weight: bold; }
#textinhalt h2 { font-size: 0.8em; color:#506156; font-weight: bold; }
#textinhalt p { font-size: 0.75em; font-weight: normal; line-height: 1.3; color:#506156; text-align:justify; }
#textinhalt p a { color:#506156; }
#textinhalt p a:visited { color:#506156; }
#textinhalt p a:active { color:#506156; }
#textinhalt p a:hover { color:#99cc00; }
#textinhalt p.kleiner { font-size: 0.7em; }
#textinhalt ul { margin:0; padding:0; }
#textinhalt li { margin:0; padding:0; margin-left:14px; padding-left: 5px; padding-right: 10px; text-align:left; font-size: 0.75em; font-weight: normal;  color:#506156; }
#textinhalt .listeohne { list-style-type: none; padding-left: 5px; }
#textinhalt td { width: 40%;text-align:left;  font: Arial, Helvetica, sans-serif; font-weight: normal;  color:#506156;  }
#textinhalt tr { text-align:left;  font: Arial, Helvetica, sans-serif; font-weight: normal;  color:#506156;  }
#textinhalt table { text-align:left;  font: Arial, Helvetica, sans-serif; font-weight: normal;  color:#506156;  }
#textinhalt td a { color: #506156; }

#textinhalt .zweispaltig { }
#textinhalt .einspaltig { display:none; visibility:hidden; width:100%; height:1px; margin:0; padding:0; }

#textinhalt img { float:left; margin:0; padding: 0; padding-right: 10px; }
#textinhalt .bildimtext { float:left; width:50%; margin:0; padding: 0; padding-right: 10px; padding-bottom:5px; }

#textinhalt .team { float: left; width: 35%; padding-left: 0%; text-align:left; }
#textinhalt .teamliste { float:left; width: 64%; text-align:left !important; }
#textinhalt .teamliste p { text-align:left !important; }

#textinhalt span.back a { display:none; position:absolute; top:2px; right:0; color: #506156; font-size:0.71em; font-weight:normal; z-index:0; }

#textinhalt .standorte { margin:0; padding:0; overflow:hidden; width:100%; }
#textinhalt .standorte .linkespalte { float:left; width: 47%; text-align:left !important; padding-right:6%; }
#textinhalt .standorte .rechtespalte { float:left; width: 47%; text-align:left !important; padding-right:0%; }

#textinhalt .angebot { margin:0; padding:0; width: 100%; height: auto; overflow:hidden; }
#textinhalt .angebot .bild { float:left; width: 40%; margin-right: 2%; }
#textinhalt .angebot .text { float:left; width: 56%;  }
#textinhalt .angebot .textohnebild { width: 100%; margin-right: 0%; }


/* FORMULARE */
#formular { width: 100%; margin:0; padding: 0; } 
* html #formular { height: 1px; float:left; }
#formular p { margin:0; padding:0; margin-bottom: 2px; text-align:left; }
#formular fieldset { margin:0; padding:0; margin-bottom: 10px; width: 100%; border: none; }
#formular label { margin:0;padding:0; width: 170px; display: block; float: left; cursor: pointer; }
#formular input, #formular textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #506156; }
#formular input { margin:0;margin-bottom:2px;padding:0;background-color:#efeeee;color:#506156;border:1px solid #cbe8d6;height:21px;width:330px;line-height:21px; }
#formular textarea { margin:0;padding:0;background-color:#efeeee;color:#506156;border:1px solid #cbe8d6;width:500px;height:55px; }
#formular #senden { margin:0;padding:0;background-color:#99cc00;color:#ffffff;border:1px solid #99cc00;height:24px;width:500px;font-size:80%;font-weight:bold; }
#formular input:focus, textarea:focus { background-color: #cbe8d6;  }
#formular .divradiosnebeneinander { float:left;width:330px; height: 29px; }
#formular .inputanrede { width:20px !important; }
#formular .labelforanrede { float:left;width:70px; }
#formular .fehler { border:1px solid #ff0000 !important; }
#formular .labelvollebreite { width: 500px !important; margin-bottom: 8px; }
#formular p.ueberschrift { margin-bottom: 8px; margin-top: 10px; }
#formular #hilfsmittel, #formular #abweichendelieferanschrift, #formular #sonstiges { height: 90px !important; }
#formular #verordnungliegtvor, #formular #verordnungwirdnochausgestellt, #formular #verordnunginverbindung, 
#formular #lieferungschnellstmoeglichst, #formular #kassekostenvoranschlag, 
#formular #verbindungversicherten, #formular #wahrheit { 
width: 20px; height:15px; background-color:#efeeee;color:#505151;border:1px solid #99cc00; 
} 
#formular .halbespalte { float: left; margin:0; padding:0; width:49%; } 

.hoehenplatzhalter { min-height: 200px; }

/*################## WEITERE ########################*/

.grau { color:#506156; }
.gruen { color:#99cc00; }
.orange { color: #ffcc00; }
.gruenalt { color:#008e38; }
.rot { color: #ff0000; }
.fett { font-weight: bold; }
.paddingoben { margin-top: 5px; }
img { padding-right: 10px; }
.zentriert { text-align:center; }

.teasergroesse { width: 550px; width: 270px; }

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}



#verticalmenu { visibility:hidden; height:1px; }

/* ########################################################################*/
/* ########################################################################*/
@media all and (max-device-width: 920px), all and (max-width: 920px) {
.designbreite { width: 655px; }
#textinhalt { max-width:430px; }
* html #textinhalt { width: 410px; max-width: 410px; }
.newsbox { width: 200px; }

.newsboxinhalt { width: 180px; }
.newsboxinhalt p {  }
.newsboxinhalt p.links {  width:35%;  }
.newsboxinhalt p.rechts { width:65%; }

.logo { float: left; padding-right: 30px; }
.adresse { float: left; }
#headerbereich { height: 140px; }
#logobereich { height: 138px; }
#teaser { position: relative; width: 450px; height: 207px; margin-bottom:20px; z-index:1;  }
* html #teaser { visibility:hidden; display:none; }
#fade { width: 450px; height: 207px; border: 0; padding: 0;  }
#fade img { max-width: 100%; max-height: 100%; }
#navigation {
  width: 98%;
  height: 207px;
  margin:0 auto;
  padding: 0;
  padding-left: 1%; padding-right: 1%;
  text-align:center;
  background-color: #efeeee;
}
#navigationinhalt {width: 655px !important; height: 207px;}
#navigationsbildleiste img {display: none; }
#navigationsbildleiste img:last-child { display:none; }
#verticalmenu { display:none; }
#textinhalt .zweispaltig { }
#textinhalt .einspaltig { display:none; visibility:hidden; width:100%; height:1px; margin:0; padding:0; }


#textinhalt .standorte .linkespalte { width: 100%; padding-right:0%; }
#textinhalt .standorte .rechtespalte { width: 100%; }
#textinhalt span.back a { right:0; top:20px;}


#formular label { width: 170px; }
#formular input { width:240px;}
#formular textarea { width:410px; }
#formular #senden { width:410px; }
#formular .labelvollebreite { width: 410px !important; }
#formular .divradiosnebeneinander { width:240px; }
}
/* ########################################################################*/
/* ########################################################################*/

/* ########################################################################*/
/* ########################################################################*/
@media all and (max-device-width: 670px), all and (max-width: 670px) {

.designbreite { width: 400px; }
#textinhalt { max-width:400px; }
.newsbox { width: 400px;   }
.newsboxinhalt { width: 370px; }
.newsboxinhalt p { padding-top: 2px; }
.logo { float: left; padding-right: 30px; }
.adresse { float: left; }
#headerbereich {  height: 240px; }
#logobereich {  margin:0; padding:0; width:355px; height: 238px; padding-left:45px; }
#teaser { position: relative; display:block; width: 400px; height: 184px; margin-bottom:5px;  }
* html #teaser {visibility:hidden; display:none; height:1px; }
#fade{  width: 400px; height: 184px; border: 0; padding: 0;  }
#fade img { max-width: 100%; max-height: 100%; }
#navigation { visibility:hidden; width: 98%; height: 190px; min-height: 1px; margin:0; }
* html #navigation { visibility:hidden; display:none; height:1px;}
#navigationinhalt { display:none; }
#navigationsbildleiste img {display: none; }
#navigationsbildleiste img:last-child { display:none; }
#logobereich h1 { padding-left: 3px; padding-top: 8px; font-size: 0.77em; font-weight: normal; line-height: 1.3;  }
#textinhalt .team {  width: 100%; padding-left: 0%;text-align:left;  margin-top: 10px;}
#textinhalt .teamliste { width: 100%;text-align:left; }
#verticalmenu { 
   visibility:visible; height: auto;clear:both;display:block; width: 400px; margin: 0 auto; padding:0; font-size:0.9em;
}
#verticalmenu ul { margin:0; padding: 0; width: 100%; margin-bottom: 5px; }
#verticalmenu li { margin:0; padding: 0; width: 100%; list-style-type:none;  }
.topmenuu { width: 100%;  background: #c2de6e; color:#506156;  border: 1px solid #fff; }
.submenuu { width: 100%;  background: #c2de6e; color:#506156; border: 1px solid #fff; }
.topmenuu a {  background: #c2de6e; color:#506156; display:block; height: 30px; padding-top: 7px; text-decoration: none; }
.submenuu a { background: #c2de6e; color:#506156; display:block; height: 25px; padding-top: 3px; text-decoration: none; }
.topmenuu a:hover { background: #99cc00; color:#fff; }
.submenuu a:hover { background: #99cc00; color:#fff; }
#verticalmenu .topmenuu .navactive { background: #99cc00; color:#fff;}
#verticalmenu .submenuu .navactive {  background: #ffcc00 !important; color: #506156 !important;}

#menuzweiteebene { display: none; visibility:hidden; }
#textinhalt .zweispaltig { display:none; visibility:hidden; width:100%; height:1px; margin:0; padding:0; }
#textinhalt .einspaltig { display:block; visibility:visible; width:100%; height:auto; margin:0; padding:0; }
#textinhalt span.back a { right:0; top:40px;}
#formular label { width: 170px; }
#formular input { width:220px;}
#formular textarea { width:400px; }
#formular #senden { width:400px; }
#formular .labelvollebreite { width: 400px !important; }
#formular .divradiosnebeneinander { width:220px; }

#textinhalt .angebot .bild { float:none; width: 99%; margin-right: 0%; }
#textinhalt .angebot .text { float:none; width: 100%;  }
.hoehenplatzhalter { min-height: 30px; }
}
/* ########################################################################*/
/* ########################################################################*/

/* ########################################################################*/
/* ########################################################################*/
@media all and (max-device-width: 430px), all and (max-width: 430px) {

.designbreite { width: 280px; }
#textinhalt { max-width:280px; }
* html #textinhalt { width: 280px; max-width:280px; }
.newsbox { width: 280px;   }
.newsboxinhalt { width: 260px; }
.newsboxinhalt p { padding-top: 2px; }
.logo { float: left; padding-right: 30px; }
* html .logo { padding-right: 1px; }
.logo img { max-width:260px; }
* html .logo img { width: 270px; max-width:270px; height: 90px;  }
.adresse { float: left; }
#headerbereich { height: 230px; padding-top: 15px; }
#logobereich { margin:0; padding:0; width:245px; height: 230px; padding-left:10px; }
#teaser { position: relative; width: 280px; height: 129px; margin-bottom:0px;  }
* html #teaser { visibility:hidden; display:none; height:1px;}
#fade{  width: 280px; height: 129px; border: 0; padding: 0; overflow:hidden; }
#fade img { max-width: 100%; max-height: 100%; }
#navigation { visibility:hidden; width: 98%; height: 125px; min-height: 1px; margin:0; }
* html #navigation { visibility:hidden; display:none; height:1px;}
#navigationinhalt { display:none;   }
#navigationsbildleiste img {display: none; }
#navigationsbildleiste img:last-child { display:none; }
#logobereich h1 { padding-left: 3px; padding-top: 8px; font-size: 0.87em; font-weight: normal; line-height: 1.3;  }
#fontcontrol { display: none; }
#footer {height: 83px; }
#footertext { width: 70%; }
#footertext strong {  padding-left:5px; padding-right: 13px; font-size: 0.87em; font-weight:normal; }
#facebook {  padding-right: 0px;  }
#face img { max-width: 280px; }
#textinhalt .team {  width: 100%; padding-left: 0%;text-align:left;  margin-top: 10px;}
#textinhalt .teamliste { width: 100%;text-align:left; }
#verticalmenu { 
  visibility:visible; height: auto; clear:both; display:block;  width: 280px; margin: 0 auto; padding:0; font-size:0.9em;
}
#verticalmenu ul { margin:0; padding: 0; width: 100%; margin-bottom: 5px; }
#verticalmenu li { margin:0; padding: 0; width: 100%; list-style-type:none;  }

.topmenuu { width: 100%; border: 1px solid #fff; }
.submenuu { width: 100%;  border: 1px solid #fff; }
.topmenuu a {  display:block; height: 30px; padding-top: 7px; text-decoration: none; }
.submenuu a { display:block; height: 25px; padding-top: 3px; text-decoration: none; }

#menuzweiteebene { display: none; visibility:hidden; }
#textinhalt .zweispaltig { display:none; visibility:hidden; width:100%; height:1px; margin:0; padding:0; }
#textinhalt .einspaltig { display:block; visibility:visible; width:100%; height:auto; margin:0; padding:0; }
#textinhalt .bildimtext { width:100%;  padding-right: 0px; padding-bottom:15px; }


#formular label { width: 280px; }
#formular input { width:280px;}
#formular textarea { width:280px; }
#formular #senden { width:280px; }
#formular .labelvollebreite { width: 280px !important; }
#formular .divradiosnebeneinander { width:240px; }
#formular .halbespalte {  width:100%; } 
}
/* ########################################################################*/
/* ########################################################################*/