html, body, div, span, p
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
body {
text-align:center;
background-color: #fff;
font-family: din_alternateregular, Arial, sans-serif;
font-size: 1em;
color:#d8d0c7;
}
/* layout klassen */
h1 {font-size: 2em; color:#c0b0a0; margin: 0px; font-weight: 600;}
h3 {font-family: din_alternateregular; font-size: 1.2em; margin: 0px; }
.fliesstext {font-size: 0.95em;}
.ilse {font-size: 2.1em; color: #014e84;}
.heilpraktikerin {font-size: 1.2em; color: #4a4957;}
.heilpr_druckversion {font-size: 0.8em;}
.strich_druckversion {vertical-align: 0.15em; font-size: 0.8em;}
.termine {text-align: left;}
/* ENDE layout klassen */
/* Schriften */
@font-face {
font-family: 'din_alternateregular';
src: url('../fonts/din_alternate-webfont.eot');
src: url('../fonts/din_alternate-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/din_alternate-webfont.woff') format('woff'),
url('../fonts/din_alternate-webfont.ttf') format('truetype'),
url('../fonts/din_alternate-webfont.svg#din_alternateregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'din_alternatebold';
src: url('../fonts/din_alternate_bold-webfont.eot');
src: url('../fonts/din_alternate_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/din_alternate_bold-webfont.woff') format('woff'),
url('../fonts/din_alternate_bold-webfont.ttf') format('truetype'),
url('../fonts/din_alternate_bold-webfont.svg#din_alternatebold') format('svg');
font-weight: normal;
font-style: normal;
}
/* ENDE Schriften */
/* Startseite */
#wrapper {
position:relative;
background-color: #4a4957;
width: 755px;
height: 566px;
margin: 30px auto;
text-align: left;
box-shadow: 2px 2px 9px 5px #333;
-moz-box-shadow: 2px 2px 9px 5px #333; /* Firefox */
-webkit-box-shadow: 2px 2px 9px 5px #333; /* Safari, Chrome, etc. */
-o-box-shadow: 2px 2px 9px 5px #333; /* Opera */
}
#start_links {
position: absolute;
left: 0px;
top: 0px;
width: 511px;
height: 558px;
margin-left: 4px;
margin-top: 4px;
margin-bottom: 4px;
}
#weiss {
width: 511px;
height: 80px;
background-color:#FFFFFF;
}
#name {
position: absolute;
left: 20px;
top: 254px;
width: 350px;
height: 50px;
font-family: din_alternatebold;
}
#start_rechts {
position: absolute;
left: 515px;
top: 0px;
margin-top: 147px;
line-height: 1.1;
width: 240px;
height: 566px;
}
/* ENDE Startseite */
/* Linkzustände Startseite */
a.start:link, a.start:visited {
width: 236px;
height: 18px;
background-color:#4a4957;
color:#fff;
display:block;
text-decoration:none;
font-size:0.85em;
}
a.start:hover {
width: 236px;
height: 18px;
background-color: #944957;
text-decoration: none;
font-size:0.85em;
}
/* ENDE Linkzustände Startseite */
/* alle div-Boxen für Aufbau 1 mit Bildern oben */
#bild_links_1 {
position: absolute;
left: 0px;
top: 0px;
width: 507px;
height: 236px;
margin: 4px 8px 4px 4px;
}
#bild_rechts {
float: right;
width: 232px;
height: 236px;
margin: 4px 4px 0px 0px;
}
#ueberschrift {
float: left;
width: 726px;
height: 50px;
margin: 11px 4px 25px 25px;
}
#textbox {
/*clip: rect(0 463px 233px 0);*/
top: 313px;
width: 463px;
height: 233px;
margin-left: 25px;
position: absolute;
text-align: left;
}
#navigationsbox2 {
position: absolute;
left: 670px;
top: 370px;
width: 70px;
height: 161px;
margin: 0px;
}
/* ENDE alle div-Boxen für Aufbau 1 mit Bildern oben */
/* Navigationsbox */
#scrollpfeile {
position: relative;
top: 10px;
left: 15px;
width: 70px;
height: 90px;
}
.scroller {
float: left;
padding: 0px;
width: 40px;
z-index: 1;
}
.scroller .pfeil1 {
background-image:url(../03_bilder/navigation/pfeil1.png);
background-repeat: no-repeat;
cursor: pointer;
padding: 11px;
position: relative;
top: 0px;
}
.scroller .pfeil2 {
background-image:url(../03_bilder/navigation/pfeil2.png);
background-repeat:no-repeat;
cursor: pointer;
padding: 11px;
position: relative;
left: 0px;
top: 35px;
}
#button_home {
text-align: center;
}
#button_left {
position: absolute;
left: 12px;
top: 65px;
z-index: 2;
}
#button_right {
position: absolute;
left: 32px;
top: 65px;
}
#drucker {
position: absolute;
left: 22px;
top: 137px;
}
/* ENDE Navigationsbox */
/* Linkzustände Seminar-Seite */
a.link_seminar:link, a.link_seminar:visited {
color:#fff;
text-decoration:none;
font-size:1.4em;
}
a.link_seminar:hover {
color:#a08f85;
text-decoration: none;
font-size:1.4em;
}
/* ENDE Linkzustände Seminar-Seite */
/* Linkzustände Impressum */
a.mail:link, a.mail:visited {
color: #d8d0c7;
text-decoration: none;
}
a.mail:hover {
color: #a08f85;
text-decoration: none;
}
/* ENDE Linkzustände Impressum */
/* alle div-Boxen für Aufbau 2 mit Bildern links */
#bild_links_2 {
position: absolute;
left: 0px;
top: 0px;
width: 507px;
height: 558px;
margin: 4px 25px 4px 4px;
}
#ueberschrift2 {
float: right;
width: 550px;
height: 30px;
margin: 28px 4px 25px 15px;
}
#textbox2 {
/*clip: rect(0 400px 465px 0);*/
top: 80px;
width: 400px;
height: 465px;
margin-left: 200px;
position: absolute;
text-align: left;
}
#textbox_termine {
/*clip: rect(0 455px 465px 0);*/
top: 80px;
width: 455px;
height: 465px;
margin-left: 193px;
position: absolute;
}
/* ENDE alle div-Boxen für Aufbau 2 mit Bildern links*/
/* HTML-Druckversionen */
#wrapper_druckversion {
width: 702px;
height: auto;
margin: 30px auto;
text-align: center;
font-family: Arial, sans-serif;
}
#tabelle_druck {
position: absolute;
width: 699px;
height: 60px;
font-size: 1.1em;
background-color: #ccc;
color: #000000;
vertical-align: middle;
border: 1px solid #ccc;
text-align: left;
}
#textfeld_druckversion {
position: relative;
top: 61px;
left: 0px;
width: 628px;
height: auto;
font-size: 1.1em;
padding: 25px 36px 40px 36px;
color: #000;
border: 1px solid #ccc;
text-align: left;
}
#textfeld_druckversion2 {
position: relative;
top: 61px;
left: 0px;
width: 634px;
height: auto;
font-size: 0.95em;
padding: 25px 36px 40px 30px;
color: #000;
border: 1px solid #ccc;
text-align: left;
}
/* ENDE HTML-Druckversionen */
/*Scrolllbug-Fix */
#textbox, #textbox2, #textbox_termine {
overflow: hidden;
}
.scrollWrap {
position: relative;
overflow: hidden;
}