html, body { height: 100%;margin: 0;padding: 0; }
body { min-height: 100%; padding-bottom:5em; overflow-x:hidden; }
#header { width:100%; height:80px; margin:0; padding-top:15px; background:#e7f7ec; }
.container-fluid { width:100%; padding:0 !important;}
.container { max-width:1100px; margin-left:auto; margin-right:auto; font-family: arial; font-size:17px;}
.tophead { font-family:arial; font-size:40px; font-stretch:condensed; }
.galerie_image { margin:15px 5px 20px 5px; float:left; width:22%; min-height:290px; }
img { max-width:100%; }
#logo { margin:5px 80px 10px 0; float:right; }
/* ALLGEMEIN [ALL]*/
a,a:hover, a:visited, a:link, a:active {text-decoration: none!important; transition:0.3s;}
.hr_dotted { border: 0 none; border-top: 2px dashed #d1d1d1; background: none; height:0; width:50%;}
hr { border-top: 1px solid #000; }
.cleary { clear:both;}
.nobreak { white-space: nowrap;}
.textcont_left { margin:15px 0 20px 0; float:left; width:58%; }
.if_responsiv { width:620px; height:350px; }
.cont_left { margin:50px 0 20px 35px; float:left; width:38%; }
.cont_left_2 { margin:20px 0 0 -30px; float:left; width:38%; }
.absatztitel { margin:22px 0 12px 0; font-size: 1.7em; color:#757070; font-stretch:semi-condensed; }
.absatztitel a:link,.absatztitel a:visited,.absatztitel a:active,.absatztitel a:hover { color:#757070; }
.text_img_cont { padding:30px 0 5px 20px; }
.ge { color: #000066; }
h2 { font-family: arial; font-size:33px; font-stretch:semi-condensed; }
.smaller { font-size:22px; text-align:center; width:100%; }
.smaller1 { font-size:20px; }
.justify { text-align:justify; }
.inhalte { font-family:arial; color:#464646; margin-bottom:80px; min-height:100%; }
/* Menu [MENU] */
.menu { cursor: pointer;}
ul#tabs,.tab,#tabs { font-family:arial; font-stretch:semi-condensed;}
#tabs li a { font-size: 17px; }
#tabs li a { color:#fff;}
#tabs li a.active { color:#006699;}
#tabs { background-color:#006699; }
#tabs .tab:hover { background-color:#fff; }
#tabs .tab:hover a { color:#006699; background-color:#fff; }
a.active:link { color:#006699; background-color:#fff; }
#tabs .has-sub:hover { background-color:#006699; }
#tabs .has-sub:hover a { color:#fff; }
#tabs .has-sub .submenu li:hover { background-color:#fff; }
#tabs .has-sub .submenu li:hover a { color:#006699; background-color:#fff; }
.galeriebild { float:left; margin-bottom:10px; margin-right:10px; height:185px; border:1px solid #d9d9d9;
transition:0.3s;}
/* HEADER [HEAD] */
.abschluss { height:50px; }
#footer { height:115px; color:#f2f2f2; background-color:#006699; }
#footer a { color:#f2f2f2; padding:10px 25px 10px 25px;}
#footerlinks { text-align:right; margin:25px 100px 0 0; }
/* INHALT [INH] */
#sektiontitel { text-align:center; margin-top:50px; margin-bottom:0px;}
#sektionunterschrich { max-width:100%; width:710px; margin-bottom:50px; border-top: 1px solid #333; }
/* BEHANDLUNGEN [BEHA] */
.infoheader { padding:4px;padding-left:10px; padding-top:5px;background:#0068b4; color:#fff; height:20px; }
.downloadlink { padding-left:10px;padding-top:2px;padding-bottom:2px; height:18px; background:#f1f1f1; border-bottom:1px solid #999;}
.hoch { height:35px; height:auto; }
.download_2header,.kat_header{ padding-left:10px;padding-top:12px;padding-bottom:10px; height:15px; font-weight:bold; }
.kat_header { color:#0068b4; }
a.knoten { border:solid 1px #a1a1a1;padding-left:2px; padding-right:2px; text-decoration:none; background:#1569A4; font-size:13px; font-weight:bold; cursor:pointer; margin-top:6px; margin-right:8px; }
/* KONTAKT [KONT] */
input,textarea { max-width:100%; border: 1px solid #d1d1d1; padding: 8px 2px 3px 4px;}
input#sendbutton { padding:10px 20px 10px 20px; font-size:12px; background:#006699; color:#fff; cursor:pointer; -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px;}
.form_bez { padding: 5px 0 3px 2px;}
/* Media queries
-------------------------------------------------- */
/* Large desktops and laptops */
@media (min-width: 1100px) {
.resolution {background-color:blue;}
.container {width:1100px; max-width:100%;}
.if_responsiv { max-width:500px; max-height:300px;}
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1099px) {
.resolution {background-color:green;}
.if_responsiv { max-width:500px; max-height:300px;}
.container {width:100%;}
.headerkontakte {width:50%;}
.headercontact {margin: 0 0 25px 30px;}
.sprechzeiten {width:600px;}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.resolution {background-color:yellow;}
.if_responsiv { max-width:350px; max-height:230px;}
.container {width:100%;}
#sitetitle {font-size:32px;}
.headerkontakte {width:50%;}
.headercontact {margin: 0 0 25px 0px; }
.sprechzeiten {width:600px;}
.mobilemenu {display: none;}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
#sitetitle {float:none; }
#logo {position:static; width:200px; display:inline-block; margin:10px 0 10px 10px; }
#header { height:100%; }
#sitetitle {margin:-55px 0 0 40px; font-size:24px; display:inline;}
.headercontact { margin-bottom:10px;}
.headercontact b{font-weight:normal;}
.headerkontakte { margin-top:-50px;}
.team { max-width:95%;}
.galerie_image { margin:15px 5px 20px 5px; float:left; width:100%; }
.split {display:hidden;}
.cont_left_2 { margin:20px 0 0 5px; float:left; width:80%; }
.textcont_left { margin:15px 0 20px 0; float:left; width:80%; }
.if_responsiv { max-width:320px; max-height:200px;}
}
@media (max-width: 580px) {
.headerkontakte { margin-top:-10px;}
.headercontact { margin-bottom:5px;}
.if_responsiv { max-width:250px; max-height:180px;}
}
/* Landscape phones and smaller */
@media (max-width: 480px) {
.resolution {background-color:red;}
table th ,table td { padding:5px 5px;}
.container-fluid {padding:0;}
table {font-size:12px;}
.vorteile {max-width:100%; margin-bottom:30px;}
.teambild {max-width:100px;}
.teaminfo { margin-left:120px; margin-top:-130px;}
.team { min-height:153px; }
.hauptarzt p {margin-right:0;}
.hauptarzt img { float:none; margin-bottom:10px; }
}