/* Reset Syle sheets */
html, body, div, span, p, blockquote, img, fieldset, form, label, article, aside, footer, header,
h1, h2, h3, h4, h5, h6, nav, section, a, li, ul, ol
{margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
nav ul, ul {list-style: none;}
a {text-decoration: none;
color: black;}
article, aside, footer, header, hgroup, menu, nav, section, details, figcaption, figure {
display: block;
}
/***********************************************************************************************/
body { background-color: #e5e5e5;
background-color: hsl(0,0%,90%);
}
#ganze_Seite {
width: 100%;
background-color: #c7e1f5;
background-color: hsl(206,70%,87%);
margin: 0 auto;
font-family: 'Droid Sans', Verdana, Arial, sans-serif;
font-size: 100%;
}
.unsichtbar {
opacity:0;
}
.wort_trennen {
word-wrap: break-word;
}
.float_ende {
clear: both;
}
.fett {
font-weight: bold
}
.kleine_schrift {
font-size: 14px;
}
.abstand_unten {
padding-bottom: 16px;
}
.abstand_oben {
padding-top: 5%;
}
#handy_bildschirm {
display: none;
}
#handy_unten, #handy_menue2 {
display: none;
}
#oben {
background-color: #C7E1F5;
position: relative;
}
#balken_oben {background-color: #fffcfc;
background-color: hsl(0,100%,100%);
width: 100%;
height: 140px;
}
#oben_zusammen {
position: relative;
width: 100%;
margin: 0 auto;
height: 180px;
}
#navigation {
max-width: 960px;
height: 180px;
}
#verbandslogo {
position: absolute;
right: 0;
top: -140px;
}
#portrait {position: absolute;
left: 320px;
bottom: 0px;
height: 210px;
width: 320px;
}
#kasten_unten {
width: 100%;
position: relative;
}
#vereinigt {
width: 100%;
overflow: hidden;
background: url(grau_weiss.png) 0% repeat-y ;
}
#links {padding: 0 20px 20px 30px;
width: 270px;
float: left;
color: white;
}
#rechts {background-color: #fffcfc;
background-color: hsl(0,100%,100%);
margin-left: 320px;
color: grey;
font-size: 16px;
line-height: 22.4px;
font-family: 'Droid Serif', serif;
padding-left: 20px;
padding-right: 20px;
}
/****************************************************************
************Navigation*************************************/
#navigation, #handy_menue, #handy_menue2 {
background-color: #3764a8;
background-color: hsl(216,51%,44%);
color: white;
}
nav ul {
padding-left: 30px;
padding-right: 20px;
}
nav ul li {
margin-top: 4px;
}
nav ul li:first-child {
margin-top: -16px;
margin-top: -1rem;
}
nav ul li a {
color: white;
font-size: 16px;
font-weight: normal;
}
nav ul li#aktiv a, nav ul li#aktiv a span {
font-weight: bold;
color: #F7941D;
}
nav ul li a:hover, nav ul li a:focus, #links a:hover, #handy_unten a:hover, #handy_unten a:focus, #links a:focus,
#handy_menue2 li a:hover,
#handy_menue2 li a:focus, #impressum a.krank_liste:hover, #impressum a.krank_liste:focus, #stellenangebot:hover, #stellenangebot:focus {
font-weight: bold;
color: #F7941D;
}
.orange_bold, #links .orange_bold a, #handy_unten a.orange_bold {
font-weight: bold;
color: #F7941D;
}
/***********************************************************
**** unten links *********************************/
.adresse {
font-size: 14px;
line-height: 20px;
}
.adresse p:nth-of-type(1) {
font-weight: bold;
padding-top: 14px;
}
#links a {display: block;
margin-top: 17px;
margin-bottom: 7px;
font-size: 14px;
color: white;
}
#links a:nth-of-type(2) {
text-align: left;
font-size: 14px;
}
#links p.vier, #links_untenk p:nth-child(4) {
padding: 10px 0 10px 0px;
font-size: 14px;
line-height: 20px;
}
/**********************************************************************************************
***************** unten rechts ******************************************
*********************************************************/
#rechts h1, #haupttext h1 {
padding: 0 0px 6px 0px;
font-weight: normal;
font-size: 24px;
margin-top: -6px;
}
#rechts p, #haupttext p {
padding: 4px 0px 10px 0px;
line-height: 22.4px;
}
#abstand_unten {
margin-bottom: 20px;
}
/************************************************************************
******** unterseiten ********************************************/
/* aufklappseiten Krankheitsbilder/Therapie/Team */
.aufklappen {
display: none;
padding-left: 20px;
font-size: 14px;
}
#paktiv a.krank_liste+ul {
display: block;
padding-left: 5px;
width: 100%;
}
.aufklappen li:first-child {
line-height: 0;
margin: 0;
padding: 0;
margin-bottom: 8px;
margin-top: 4px;
}
#rechts ul li a.krank_liste {
color: grey;
display: block;
}
#fülltexte ul li a.krank_liste:hover, #rechts ul li a.krank_liste:hover, #rechts ul li a.krank_liste:focus, #rechts ul li a.krank_liste:active,
#rechts ul li#paktiv a.krank_liste, #standorte div#paktiv a.krankliste, #standorte a:hover, #standorte a:focus, #fülltexte a:hover, #fülltexte a:focus {
font-weight: bold;
color: #F7941D;
}
#paktiv ul {
padding-bottom: 16px;
padding-bottom: 1rem;
}
.a_in_linie {
display: inline;
font-size: 16px;
color: grey;
}
.link_in_linie {
display: inline;
font-size: 16px;
color: grey;
}
.a_in_linie:hover ,.link_in_linie:hover, .link_in_linie:focus, .a_in_linie:focus {
font-weight: bold;
color: #F7941D;
}
/***************** Therapieangebote ***********************************/
/***********************TEAM*********************************/
.bildbox {
width: 190px;
float: left;
margin: 0 10px 10px 0;
}
#inhaber {
height: 270px;
}
/* LINKS ************************************/
#verlinken ul li a{
font-size: 16px;
color: grey;
}
/* Standorte *************************/
#standorte {
width: 100%;
}
#standorte, #team, #krankheitsbilder, #impressum, #therapie {
padding-bottom: 16px;
}
#standorte .bildbox ul li:first-child, #fülltexte .bildbox ul li:first-child {
font-size: 16px;
margin-top: 12px;
}
#standorte .bildbox {
height: 260px;
}
/*#fülltexte .bildbox:nth-of-type(2) {
min-height: 260px;
}*/
#standorte .aufklappen, #fülltexte .aufklappen {
padding-left: 0;
}
#fülltexte a, #standorte a {
font-size: 16px;
color: grey;
line-height: 22.4px;
}
#fülltexte p.fett, #standorte p.fett {
padding-bottom: 0;
margin-top: 10px;
}
#standorte p:nth-of-type(2) {
margin-top: 16px;
}
#paktiv a.krank_liste {
color: #F7941D;
font-weight: bold;
}
/****************************** Stellenanbebot in praxistext ***********************************/
#stellenangebot {
font-weight: normal;
font-size: 24px;
text-align: center;
color: #3765a9;
}
/**************** IMPRESSUM ***/
#impressum ul, #haftungsaus p {
padding-bottom: 16px;
}
div#haftungsaus {
font-size: 14px;
line-height: 16px;
}
div#haftungsaus h2 {
margin-bottom: 0;
padding-bottom: 0;
}
#haftungsaus ul li a {
font-size: 14px;
}
div#haftungsaus p, div#haftungsaus a {
line-height: 16px;
font-size: 14px;
}
div#haftungsaus a {
color: grey;
}
#haftungsaus p a:hover, #haftungsaus p a:focus {
font-weight: bold;
color: #F7941D;
}
#impressum a.krank_liste {
color: grey;
}
/***********************************************************
* Bildschirm größer als 959px;
********************************************************/
@media screen and (min-width: 959px) {
#handy_bildschirm, #kleiner_bildschirm {
display: none;
}
#handy_unten, #handy_menue2 {
display: none;
}
#kasten_unten {
width: 100%;
overflow: hidden;
background: url(weiß_grau_weiss_grau.png) 50% repeat-y white;
}
#vereinigt {
width: 960px;
margin: 0 auto;
}
#weiss_oben {
width: 100%;
height: 140px;
background-color: white;
}
#balken_oben {
width: 960px;
margin: 0 auto;
background-color: white;
}
#oben_zusammen {
position: relative;
width: 960px;
margin: 0 auto;
}
.standort_team {
max-height: 600px;
}
.standort_team2 {
max-height: 300px;
}
#rechts #standorte .letzter {
margin-right: 450px;
}
}
/************************************************************
* Handy-bildschirm **********************
***********************************************************/
@media screen and ( max-width: 639px) {
#grosser_bildschirm {
display: none;
}
#handy_bildschirm {
display: block;
width: 100%;
}
#handy_unten, #handy_menue2 {
display: block;
}
#handy_oben {
background-color: #0095DA;
background-color: hsl(199,100%,43%);
width: 100%;
}
#handy_oben ul {
position:relative;
}
#handy_oben ul li {
background-color: #3764a8;
background-color: hsl(216,51%,44%);
}
#navigationh {
background-color: #3764a8;
background-color: hsl(216,51%,44%);
min-height: 30px;
max-height: 240px;
}
nav ul { padding-left: 0;
padding-right: 0;
}
nav ul li:first-child { margin-top: 0;
}
nav ul li { margin-top: 0;
}
nav ul li a, #handy_menue2 li a:hover,
#handy_menue2 li a:focus { font-size: 20px;
}
#navh, #navh2 {display:block;
width: 100%;
}
#navh { padding-top: 2px;
}
#handy_menue ul.drop {
height: 240px;
color: white;
display: block;
background-color: #3764a8;
background-color: hsl(216,51%,44%);
width: 100%;
line-height: 1.5;
font-size: 16px;
}
#handy_menue:first-child, #handy_menue2:first-child {
font-size: 16px;
}
#handy_menue span, #handy_menue2 span {
padding-left: 30px;
}
#handy_menue ul.drop:hover, #handy_menue2 li a:hover {
font-weight: bold;
}
#handy_menue:hover, #handy_menue ul.drop li a:hover,
#handy_menue:focus, #handy_menue ul.drop li a:focus {
font-weight: bold;
color: white;
font-size: 20px;
width: 100%;
display: block;
}
ul.drop li {
border-bottom: 1px solid white;
}
ul.drop li a:hover, ul.drop li a:focus {
color: white;
background-color: #f7941d;
}
ul.drop li a {
color: white;
font-weight: 20px;
display: block;
width: 100%;
}
#handy_menue2 li a {
display: block;
height: 30px;
width: 100%;
padding-top: 4px;
font-size: 20px;
color: white;
}
#portrait_box {
width: 100%;
background-color: #c8dded;
background-color: hsl(206,51%,86%);
max-height: 320px;
}
#portraith1, #portraith2, #portraith3, #portraith4, #portraith5, #portraith6, #portraith7, {
width: 320px;
height: 210px;
}
#logo_box {
width: 100%;
height: 140px;
background-color: white;
}
#handy_unten {
background-color:#494747;
color: white;
display: block;
padding-left: 30px;
padding-right: 20px;
}
#handy_unten a {
color: white;
font-weight: normal;
display: block;
padding: 14px 0px 20px 0px;
}
#fülltexte {
color: grey;
line-height: 22.4px;
font-family: 'Droid Serif', serif;
}
#fülltexte h1 {
font-weight: normal;
font-size: 24px;
padding-bottom: 6px;
}
#fülltexte p {
line-height: 22.4px;
font-size: 16px;
padding-bottom: 8px;
}
#fülltexte ul li a {
color: grey;
font-size: 16px;
display: block;
}
#fülltexte #haftungsaus ul li a {
font-size: 14px;
}
#fülltexte #stellenangebot {
font-size: 24px;
}
#handy_text {
padding: 20px 20px 20px 30px;
background-color: white;
margin-top: -6px;
color: grey;
line-height: 1.3;
font-family: 'Droid Serif', serif;
background-color: white;
}
#handy_unten p, #handy_unten a {
font-size: 14px;
line-height: 20px;
}
#verbands_box {
display: block;
width: 100%;
height: 110px;
background-color: white;
}
#verbandslogo {
position: static;
background-color: white;
}
/* verschiedene Seiten beim Handy*/
/* Krankheitsbilder ******************/
#paktiv a.krank_liste {
color: #F7941D;
}
#paktiv a.krank_liste+ul {
padding-left: 6px;
}
/*}
@media screen and (-webkit-min-device-pixel-ratio:2) {*/
#logoh {
background-image: url(img/Logo_640.png);
webkit-background-size: 320px 140px;
background-size: 320px 140px;
}
#verbandslogo {
background-image: url(img/Verband_640.png);
webkit-background-size: 320px 110px;
background-size: 320px 110px;
}
#portraith1 {
background-image: url(img/Impressum_640.png);
webkit-background-size: 320px 210px;
background-size: 320px 210px;
}
#portraith2 {
background-image: url(img/Krankheitsbilder_640.png);
webkit-background-size: 320px 210px;
background-size: 320px 210px;
}
#kb1 {
background-image: url(img/kb1_280.png);
background-size: 140px 90px;
}
#kb2 {
background-image: url(img/kb2_280.png);
background-size: 140px 90px;
}
#kb3 {
background-image: url(img/kb3_280.png);
background-size: 140px 90px;
}
#kb4 {
background-image: url(img/kb4_280.png);
background-size: 140px 90px;
}
}