/* Minimal CSS */
* {
margin:0;
padding:0;
}
html, body {
height:100.1%;
}
#wrap {
min-height:100.1%;
}
/* IE Win only \*/
* html #wrap {
height:100%;
}
/* */
/**
* Schriftgröße kontrollieren
*/
h1 {
font: 100 normal 75%/125% Verdana, Arial, Helvetica, sans-serif;
color: #666666;
}
h2 {
font: bold normal 110%/110% Verdana, Arial, Helvetica, sans-serif;
color: #990033;
text-transform: none;
padding-top: 7px;
}
h3 {
font: normal 102%/125% Verdana, Arial, Helvetica, sans-serif;
color: #666666;
margin-bottom: 5px;
}
body, td, th {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
line-height: 125%;
text-align: left;
/* variante 1
font: 100 normal 75%/125% Arial, Helvetica, sans-serif;
color: #666666;
*/
}
td, th { font-size: 100.01%;
}
code{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #99cccc;
font-weight: bold;
}
/* Styling ----------------------*/
/* die links im Hauptbereich allgemein */
a.main_link {
color: #666666;
text-decoration: none;
}
a.main_link:hover {
text-decoration: underline;
}
/* die links im Hauptbereich ANFORDERN */
a.main_link_xx {
color: #990033;
text-decoration: none;
font-weight: bold;
font-size: 110%;
line-height: 110%;
font-variant: normal;
}
a.main_link_xx:hover {
text-decoration: underline;
font-weight: bold;
color: #990033;
font-size: 110%;
line-height: 110%;
font-variant: normal;
}
/* die links im Hauptbereich speziell */
a.main_link_2 {
color: #666666;
text-decoration: none;
}
a.main_link_2_b {
text-decoration: none;
font-weight: bold;
color: #FF3300;
}
a.main_link_2:hover {
text-decoration: none;
font-weight: bold;
color: #FF3300;
}
/* hintergrundschatten links + rechts */
body {
background-repeat: repeat;
background-position: center;
background-image: url(bibliothek/musterxx.jpg);
/* Info:Muster auf Musterxx gesetzt dann kommt ein leerer Hintergrund */
}
#wrap {
width:750px;
text-align:left;
margin: auto;
}
#header {
height: 130px;
width: 750px;
float: left;
}
#locator {
border-top: none;
border-bottom: none;
float: left;
height: 20px;
width: 750px;
background-image: none;
}
#locator_links {
float: left;
width: 195px;
height: 20px;
}
#locator_rechts {
float: right;
width: 555px;
height: 20px;
padding-top: 0x;
padding-bottom: 0px;
background-image: url(bibliothek/fade_555-20a.gif);
}
#content {
width: 750px;
height: auto;
margin: 0px;
padding: 0px;
}
#nav {
width: 140px;
float: left;
border: none;
margin-left: 40px;
padding-top: 10px;
}
#main {
float: right;
width: 530px;
height: auto;
background-image: url(bibliothek/bg_main_1.gif);
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
background-repeat: no-repeat;
padding-right: 25px;
color: #00FF00;
}
/* Unterklassen für sich wiederholenede Elemente */
.main_text {
float: left;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
line-height: 25px;
}
.main_text2 {
float: left;
text-align: left;
padding-top: 0px;
padding-bottom: 0px;
}
/* main text2 wird nur für Tabelle praxisteam ZAB verwendet */
.main_farbtext {
background-color:#FFFF66
}
.main_liste {
float: left;
text-align: left;
padding-left: 30px;
padding-bottom: 12px;
list-style-type: disc;
list-style-position: outside;
padding-top: 3px;
width: 500px;
list-style-image: url(bibliothek/strich.gif);
}
/* main_liste wird nur für aufzählung leistungen ZAB verwendet */
/* oder das halt
ul {
list-style-type: disc;
margin-left: 10px;
padding-left: 10px;
}
ul.strich {
list-style-image: url(bibliothek\strich_1.gif);
}
*/
.main_linie {
padding-bottom: 15px;
border-bottom-style: dotted;
border-bottom-color: #990033;
border-bottom-width: 1px;
margin-bottom: 5px;
width: 555px;
}
.main_bild {
width: 530px;
float: left;
}
/* a.menue_b für nav Button auf der aktuellen Seite */
a.menu_b {
display:block;
padding:3px;
text-align:center;
text-decoration:none;
margin-left: 2px;
color: #99cccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
text-transform: capitalize;
font-weight: bold;
}
a.menu_b:link, a.menu_b:visited, a.menu_b:hover, a.menu_b:active
{
text-decoration: none;
text-align: left;
text-indent: 2px;
/* border-top: 1px solid #86DADC; */
}
/* a.menue für die Navigation */
a.menu {
display:block;
padding:3px;
text-align:center;
text-decoration:none;
margin-left: 2px;
margin-bottom: 0px;
/* linie oben im nav menue
border-top-style: solid;
border-top-color: #86DADC;
border-top-width: 1px;
*/
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
text-transform: capitalize;
font-weight: normal;
}
a.menu:link, a.menu:visited
{
text-decoration: none;
text-align: left;
background-position: left;
text-indent: 2px;
/* linie oben im nav menue
border-top-width: 1px;
border-top-style: solid;
border-top-color: #86DADC;
*/
}
a.menu:hover, a.menu:active
{
color:#666666;
background-position: left;
/*font-weight: bold;*/
text-decoration: underline;
}
/* a.menue_x-x für die oben quer navi
a.menu_ck-p {
display:block;
padding:3px;
text-align:center;
text-decoration:none;
margin-top: 2px;
margin-left: 2px;
height: 88px;
width: 135px;
}
a.menu_ck-p:link {
background-position: left;
background-repeat: no-repeat;
background-image: url(bibliothek/CK_just-perfect_grau.gif);
}
a.menu_ck-p:visited {
background-position: left;
background-repeat: no-repeat;
background-image: url(bibliothek/CK_just-perfect_rot.gif);
}
a.menu_ck-p:hover, a.menu_ck-p:active
{
background-position: left;
background-repeat: no-repeat;
background-image: url(bibliothek/CK_just-perfect_rot.gif);
}
*/
/* Formatierung / Anordnung sichtbarer Inhalt */
/* footer mit footerstick-trick: der footer wird unten rausgeschoben, da unter dem div wrap (100%Höhe)
und wird mit einem negativen EInzug wieder reingeholt */
#footer {
text-align:left;
width: 750px;
border-right: none;
border-bottom: none;
border-left: none;
margin-top: -25px;
height: 25px;
margin-right: auto;
margin-left: auto;
padding-top: 2px;
}
.footer_farbtext {
background-color:#FFFF66
}
/* der Trick ist das clearfooter ding, das muß im letzten container vor
dem footer rein, damit kein FooterInhalt in die über dem footer gelegenen
Inhalte reinläuft */
#clearfooter{clear:both;height:25px;width:100%}