html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
background-color:#F2F2F2;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* EIGENER CODE */ /*#cce6d8 Hintergrund:#cce6d8 text Fusszeile: #cce6d8 */
a {text-decoration:none}
a:hover {font-weight:bolder}
#seite {background-color:#F2F2F2; width:device-width;font-family:"Century Gothic"; font-size:16pt}
#logo {padding:10px; float:left}
#logo img {width:9vw;height:auto; float:left; align:center}
#titel {float:left; padding: 1.2vw; text-align:center}
#titel h1 {font-family:"Century Gothic"; font-size:4vw; font-variant:small-caps; color:#7F7F7F; display:table-cell; text-align:center;}
#titel h2 {float:left; padding:0.8vw; font-family:"Century Gothic"; font-size:2vw; font-variant:small-caps; text-align:center; color:#7F7F7F; letter-spacing:10px}
#telefon {float: right; color:#7F7F7F;font-family:"Century Gothic"; font-size:1vw; padding:1vw; margin-top:10px; text-align:right}
#telefon p, a {padding: 10px; text-decoration:none; color:#7F7F7F;}
#navigation {padding: 1vw 2vw 2vw 2vw;}
#navigation ul {margin-bottom:1vw}
#navigation ul li a {font-size:1.2vw; font-variant:small-caps; font-family:"Century Gothic"; font-weight:bolder; color:#7F7F7F; text-align:center;margin:0px 1vw 1vw 2vw}
#navigation ul li {float:left;}
/*Untermenü Vorstellen - Start */
#navigation ul li ul {margin-top:1vw}
#navigation ul li ul li {float:none; margin-bottom:1vw;}
#navigation ul li ul li {display: none}
#navigation ul li:hover > ul {position:absolute;background-color:#F2F2F2;margin-left:2vw;margin-bottom:1vw;border-radius:0.4vw} /*Menü soll Bild überlappen*/
#navigation ul li:hover > ul li {display:block;}
#navigation ul li ul li a {font-size:1vw; font-family:"Century Gothic"; font-weight:bolder; color:#7F7F7F; text-align:left;margin-left:0px;margin-right:0}
/*Untermenü Vorstellen - Ende */
#navigation a:hover {background-color:#f7b990; color:white; border-radius:0.4vw;}
.aktiv {background-color:#f7b990;border-radius:0.4vw}
#end-nav {width:100%; clear:both}
#titelbild img {width:40vw;float:left;margin:0 1vw 1vw 1vw}
#content {text-align:center;background-color:#A5A5A5;width:50vw;margin-left:42vw;margin-bottom:1vw;padding:1vw 1vw 1vw 1vw}
#content h2 {font-family:"Century Gothic"; font-weight:bolder;color:white; padding: 1vw 0 0 0}
#content h3 {font-family:"Century Gothic"; font-weight:bolder; color:white; font-size:1.2vw; padding: 1vw 0 0 0}
#content p {font-family:"Century Gothic"; color:white; font-size:1.2vw; padding: 1vw 0 1vw 0}
#content p a {color:white}
#content img {width:25vw;height:auto}
#content figure {float:left;margin:2vw 2vw 1vw 2vw}
#content figcaption {background-color:#A5A5A5;height:6vh; padding-top:1.8vw;font-family:"Century Gothic"; font-variant:small-caps; color:#7F7F7F; font-size:1.5vw;}
#content figcaption a {font-family:"Century Gothic"; color:white}
#aktuelles {background-color:#FFC000; width:50vw; margin-left:42vw;Margin-top:2vw;padding:1vw 1vw 1vw 1vw;margin-bottom:1vw}
#aktuelles h2 {font-family:"Century Gothic"; font-weight:bolder; color:#7F7F7F; padding: 1vw 0 0 0;text-align:center;color:#7f7f7f}
#aktuelles p {font-family:"Century Gothic"; color:#7F7F7F; font-size:1.2vw; padding: 1vw 0 1vw 0;color:#7f7f7f}
#titelbild-detail iframe{float:left; width:40vw;float:left;margin:0 1vw 1vw 1vw}
#vorstellen figure {float:left; width:40vw;padding-left:1vw}
#vorstellen figure a {margin:0; padding:0}
#vorstellen figure img {width:100%; height:auto;padding-bottom:1vw}
#vorstellen figcaption {background-color:#A5A5A5;font-family:"Century Gothic"; color:#7f7f7f;text-align:center; padding-bottom:2vw;margin-bottom:1vw}
#vorstellen figure figcaption h2 {padding: 1vw 1vw 1vw 1vw}
#vorstellen figure figcaption p {padding: 1vw 1vw 1vw 1vw; line-height:1.5vw;font-family:"Century Gothic";font-size:1.2vw}
#vorstellen figure figcaption a {padding: 1vw 1vw 1vw 1vw;font-family:"Century Gothic";font-size:1.2vw; color:#7f7f7f}
.vor-smart {display:none}
#left {float:left}
#ausbildung, #beruf, #studium {width:55vw;padding:1vw;margin:0 0.5vw 1vw 1vw;font-family:"Century Gothic";color:#7f7f7f}
#ausbildung h2, #beruf h2, #studium h2 {text-align:center;padding-bottom:1vw}
#ausbildung {background-color:#f7b990;}
#beruf {background-color:#d3c3e2;}
#studium {background-color:#cce6d8;}
#studium a {color:#FFC000;text-align:center;margin-left:8vw;font-size:1.6vw;}
.bewerbung p {line-height:1.5vw}
#bild-cap {float:left;margin:0vw 0.5vw 0.5vw 1vw;font-family:"Century Gothic";color:white; width:35vw;}
#bild-cap img {width:35vw; height:auto}
#bild-cap figcaption {background-color:#A5A5A5;margin-top:1vw; padding: 1vw}
#bild-cap h2, h3 {text-align:center;padding-bottom:1vw}
#bild-cap p {text-align:center;padding-bottom:1vw; font-size:1.2vw}
#ausbildung table td, #beruf table td, #bild-cap table td, #studium table td {font-family:"Century Gothic";height:4vh; font-size:1.2vw}
.mst-clmn {width: 10vw}
/*Kontakt-alt (2-geteilt) entfernt
#kontakt-tel {background-color:#A5A5A5; float: left; width:40vw;margin:0 0.5vw 0.5vw 1vw;padding:1vw; height: 30vh}
#kontakt-tel p, td {color:white; font-family:"Century Gothic";font-size:1.2vw;line-height:1.5vw}
#kontakt-tel h2 {text-align:center;padding-bottom:1vw;font-family:"Century Gothic";color:white;}
#kontakt-tel table {margin-bottom: 1vw}
#kontakt-open {background-color:#37CDCD; width:40vw; float: left;margin:0 0.5vw 0.5vw 1vw;padding:1vw;height: 30vh}
#kontakt-open p, td {color:#7f7f7f; font-family:"Century Gothic";font-size:1.2vw;line-height:1.5vw}
#kontakt-open p {text-align:left}
#kontakt-open h2 {text-align:center;padding-bottom:1vw;font-family:"Century Gothic";color:#7f7f7f}
#kontakt-open table {margin-bottom: 1vw}
*/
#imp-dat {margin:0 1vw 1vw 2vw;width:80vw;background-color:#A5A5A5;padding:1vw}
#imp-dat h1 {padding-bottom:1vw;font-family:"Century Gothic";color:#7F7F7F}
#imp-dat h2 {padding-bottom:1vw;font-family:"Century Gothic";color:#7F7F7F}
#imp-dat h3 {padding-bottom:1vw;font-family:"Century Gothic";color:#7F7F7F;text-align:left}
#imp-dat p {font-family:"Century Gothic";font-size:0.9vw;text-align:left;color:#7F7F7F}
.imp-head {font-weight:bold}
/*Behandlungsangebot 3-geteilt*/
#flex {display:flex;flex-direction:row}
#links {float:left; width:30vw; background-color:#D3C3E2; color:#7F7F7F; font-family:"Century Gothic";margin:0vw 0.5vw 0.5vw 1vw;padding:1vw;}
#mitte {float:left; width:30vw; background-color:#F7B990; color:#7F7F7F; font-family:"Century Gothic";margin:0vw 0.5vw 0.5vw 1vw;padding:1vw;}
#rechts {float:left; width:30vw; background-color:#CCE6D8; color:#7F7F7F; font-family:"Century Gothic";margin:0vw 0.5vw 0.5vw 1vw;padding:1vw;}
#links h2, #mitte h2, #rechts h2 {text-align:center;padding-bottom:1vw}
#links p, #mitte p, #rechts p {padding-bottom:1vw; font-size:1.2vw;line-height:1.5vw}
#links li, #mitte li, #rechts li {list-style-type:circle;font-family:"Century Gothic";text-align:left;color:#7f7f7f;font-size:1.2vw;padding-bottom:1vw; margin-left:1vw}
#links td, #rechts td, #mitte td {color:#7f7f7f; font-family:"Century Gothic";font-size:1.2vw;line-height:1.5vw}
#links table, #rechts table, #mitte table {margin-bottom: 1vw}
#breitbild {width:device-width}
#breitbild img {width:100%;margin-bottom:1vw}
#kopfleiste {background-color: #cce6d8; height:1.5vw; clear:both}
#kopfleiste a {display:none}
#fusszeile {background-color: #d3c3e2; height:4.5vw; clear:both; text-align:center}
#fusszeile p {color:#7F7F7F; font-family:"Century Gothic"; font-size:1.5vw; font-variant:small-caps;vertical-align:middle; padding-top:1.5vw}
#fusszeile a {float:right;font-size:0.8vw;font-family:"Century Gothic"}
#topnav {background-color:#f7b990; height:40px; margin-top:10px;}
/*Formular*/
form {text-align:left; margin:20px; font-family:Leelawadee;}
label, submit, input, textarea, select, option {border:0; padding:0; margin:0;}
label {float: left; width:150px; text-align:right; display:block; margin-top:5px; background:none;}
input, textarea, select {border:1px black solid; margin-left:10px; padding:5px; background:white;}
input, select { width:280px; margin-bottom:16px;}
textarea {width:280px; height:100px; margin-bottom:16px; font-family:Leelawadee;}
select {}
.submit {
width:140px; height:30px;
margin-left:200px;
font-size:15px;
background:silver;
color:#800040;
font-family:Leelawadee;
font-weight:bold; }