/* Definition der generellen Gegebenheiten der Seite */
body { background:url(../images/facelifting.jpg); font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#000; margin: 0; text-decoration:none }
p, li { font-family:Arial, Helvetica, sans-serif; font-size:9pt }
h1 { font-family:Verdana, Geneva, sans-serif; font-size:9pt; color:#cc3300 }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#cc3300; font-weight:lighter }

/* Definition der Linkzustände, aufgeteilt in "typische Links"... */
a { font-size:9pt; text-decoration:none }
a:link, a:active, a:visited{ font-family:Verdana, Geneva, sans-serif; color:#cc3300 }
a:hover{ font-family:Verdana, Geneva, sans-serif; color:#660000 }
/* ...und spezifischen Links der linken und rechten Spalte, sowie der des Glossars*/
a.menu:link, a.menu:visited, a.menu:active{ font-family:Arial, Helvetica, sans-serif; color:#cc3300 }
a.menu:hover, a.glossar:hover { font-family:Arial, Helvetica, sans-serif; color:#660000 }
a.glossar:link, a.glossar:visited, a.glossar:active { font-family:Arial, Helvetica, sans-serif; color:#000 }

/* über die Klasse "liste" erhalten Links, die im Listenstyle aufgebaut sind, ein Symbol zur Unterscheidung anderer */
a.liste{ background-image:url(../brustbilder/informationen.gif); background-repeat:no-repeat; border:none; padding-left:20px }

/* hier werden die Abstände und Zustände der linken, wie auch rechten Spalte deklariert - ebenfalls der Banner im oberen Bereich */
/* Definition des Logobereichs */
#logo { background-image:url(../images/brustvergoesserung.jpg); height:95px; width:180px; vertical-align:bottom}
#logo img { border:none; height:55px; width:180px}
/* Banner mit wechselnder Grafik */
#banner { width:100%; height:95px }
/* Definition des KaR-Logobereichs */
#logo_klinik { height:95px; width:180px; vertical-align:bottom}
/* linke Spalte */
td.li_spalte { background-image:url(../images/brust-vergroesserung.jpg); height:734px; vertical-align:top; text-align:left }
td.li_abstand { width:20px; height:20px }
td.li_gr_abstand { width:20px; height:30px }
td.links { width:10px; height:10px }
/* rechte Spalte */
td.re_spalte { background-image:url(../images/vergroesserung_brust_kachel.jpg); width:180px; vertical-align:top; text-align:left }
/* Definition Content */
#content { background-image:url(../images/facelifting.jpg); text-align:left }
/* Definition des Footer */
#footer { background:url(../images/brustvergroesserung-unten.jpg); height:20px } 

/* Twitterbox */
#twitter { float: right; width: 180px; list-style:none }
* html #twitter { /* Gilt nur für IE */ float: right; width: 180px; list-style:none; padding:10px 0 }
/*#twitter h2 {background:transparent url(../images/twitter/twitterbox.png) no-repeat top left; height:35px}*/
#twitter h2 img { border:none }
/*#twitter td.twitter_head {font-size: 9pt; color: #fff; margin: 0; display: block; padding: 7px 0 13px 20px; text-align:left }*/
td.twitter_head {background: transparent url(../images/twitter/t_heada.png) no-repeat left bottom; width:80px; height:20px }
th.box { background:transparent url(../images/twitter/spacer.png) repeat-y top left;color:#000; padding: 10px 20px 0 16px; font-weight:lighter; font-size:9pt }
th.box a { font-family:Arial, Helvetica, sans-serif; font-size: 9pt; font-weight:lighter }

/* Facebookumrandung */
#facebook { float: right; width: 180px; list-style:none; margin-top:20px }
td.facebook_head {background: transparent url(../images/facebook/f_heada.png) no-repeat left bottom; width:80px; height:20px }
#facebook img { border:none }

/* Aktuelles */
#aktuelles { float: right; width: 180px }
#zusammenf  { float: right; width: 180px; list-style:none; padding:10px 0 }
#aktuelles h3 { color:#fff; font-size:9pt; font:Arial, Helvetica, sans-serif}
td.aktuelles_heada { background: transparent url(../images/aktuelles_a.png) repeat-x left bottom; height:20px }
#aktuelles img { border:none }
table.aktuelles {padding: 4px 0 0 }
table.aktuelles td {padding: 4px 0 }
a.menu2:link, a.menu2:visited, a.menu2:active { font-family:Arial, Helvetica, sans-serif; color:#cc3300 }
a.menu2:hover { color:#660000 }