* { margin: 0; padding: 0 }
html, body { height: 100% }
body { color: black; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 14px; background-color: black; background-image: url("../rr_img_bg/rr-body-bg.gif"); background-repeat: repeat-x; background-position: 0 center }
/*WICHTIG! Dies ist der Distanzhalter, der die Seite VERTIKAL zentriert h 0lt. Der korrekte Wert dafuer ist "margin-bottom: -23.3em".*/
#distanzhalter-zum-vertikalen-zentrieren-des-wrappers { margin-bottom: -23.3em; width: 1px; height: 50%; float: left }
/*DIVs fuer den Content Container inklusive der Schatten links und rechts*/
#content-wrapper { background-image: url("../rr_img_bg/rr-wrapper-bg.gif"); background-repeat: repeat-x; margin: 0 auto; width: 1020px; height: 560px; clear: left }
#content-container-home { background-image: url("../rr_img_bg_content/rr_home_bg.jpg"); background-repeat: no-repeat; text-align: left; margin: 0 30px; position: relative; width: 960px; height: 560px; clear: left }
#content-container-chronik { background-repeat: no-repeat; text-align: left; margin: 0 30px; position: relative; width: 960px; height: 560px; clear: left }
#content-container-service { background-image: url("../rr_img_bg_content/rr_service_bg.jpg"); background-repeat: no-repeat; text-align: left; margin: 0 30px; position: relative; width: 960px; height: 560px; clear: left }
#content-container-preise { background-image: url("../rr_img_bg_content/rr_preise_bg.jpg"); background-repeat: no-repeat; text-align: left; margin: 0 30px; position: relative; width: 960px; height: 560px; clear: left }
#content-container-galerie { background-image: url("../rr_img_bg_content/rr_galerie_bg.jpg"); background-repeat: no-repeat; text-align: left; margin: 0 30px; position: relative; width: 960px; height: 560px; clear: left }
#content-container-links { background-image: url("../rr_img_bg_content/rr_links_bg.jpg"); background-repeat: no-repeat; text-align: left; margin: 0 30px; position: relative; width: 960px; height: 560px; clear: left }
#content-container-kontakt { background-image: url("../rr_img_bg_content/rr_kontakt_bg.jpg"); background-repeat: no-repeat; text-align: left; margin: 0 30px; position: relative; width: 960px; height: 560px; clear: left }
/*DIVs fuer die Inhaltselemente der Seite*/
#linie-top { background-image: url("../rr_img/rr-linie-top.gif"); background-repeat: repeat-x; width: 960px; height: 1px }
#logo { margin-top: 22px; width: 960px; height: 70px }
#content { margin-top: 0; width: 960px; height: 227px }
#fusszeile { background-image: url("../rr_img/rr_fusszeile.png"); position: absolute; bottom: 0; width: 960px; height: 17px }
/*navigation*/
#navigation { background-image: url("../rr_img_bg/rr-nav-bg.png"); margin-top: 23px; width: 960px; height: 24px }
#nav-blind-links { width: 193px; float: left }
#chronik { margin-left: 140px; width: 121px; float: left }
#galerie { width: 115px; float: left }
#kontakt { width: 122px; float: left }
#links { width: 101px; float: left }
#preise { width: 107px; float: left }
#service { width: 116px; float: left }
#nav-blind-rechts { background-image: url("../rr_img_nav/rr_nav_blind_r.png"); background-repeat: no-repeat; width: 192px; height: 24px; float: left }
/*Inhalte "Home"*/
#willkommen { color: #fcf8e4; font-size: 15px; line-height: 20px; background-image: url(../rr_img_bg/grau-transparent.png); background-repeat: repeat; height: 400px; margin-top: 15px; margin-right: 25px; margin-left: 400px; padding-top: 6px; padding-left: 10px; }
/*Inhalte Cronik*/
#chronik-content { background-color: #eaeaeb; background-image: url("../rr_img_chronik/rr_chronik_text_bg.jpg"); background-repeat: no-repeat; background-position: right top; margin-top: 30px; margin-right: 30px; margin-left: 215px; padding: 10px 190px 10px 10px; height: 320px; border: solid 2px #ee8027 }
/*Inhalte Preise
*/
#preise-content { background-color: #eaeaeb; background-image: url("../rr_img_preise/rr-preise-text-bg.jpg"); background-repeat: no-repeat; background-position: right top; margin-top: 30px; margin-right: 30px; margin-left: 350px; padding: 10px 190px 10px 10px; width: 380px; height: 320px; overflow: auto; border: solid 2px #ee8027 }
/*Inhalte service*/
#service-content { background-color: #eaeaeb; background-image: url("../rr_img_service/rr-service-text-bg.jpg"); background-repeat: no-repeat; background-position: right top; margin-top: 30px; margin-right: 30px; margin-left: 466px; padding: 10px 190px 10px 10px; width: 260px; height: 320px; border: solid 2px #ee8027 }
/*Inhalte kontakt*/
#kontakt-content { background-color: #eaeaeb; background-image: url("../rr_img_kontakt/rr-kontakt-text-bg.jpg"); background-repeat: no-repeat; background-position: right top; margin-top: 30px; margin-right: 30px; margin-left: 480px; padding: 10px 190px 10px 10px; width: 250px; height: 320px; border: solid 2px #ee8027 }
/*inhalte Datenschutz*/
#datenschutz-content { background-color: #eaeaeb; background-image: url("../rr_img_kontakt/rr-kontakt-text-bg.jpg"); background-repeat: no-repeat; background-position: right top; margin-top: 30px; margin-right: 30px; margin-left: 480px; padding: 10px 190px 10px 10px; width: 250px; height: 320px; overflow: auto; border: solid 2px #ee8027 }
/*Inhalte links*/
#links-content { background-color: #eaeaeb; background-image: url("../rr_img_links/rr_links_text_bg.jpg"); background-repeat: no-repeat; background-position: right top; margin-top: 30px; margin-right: 30px; margin-left: 520px; padding: 10px; width: 390px; height: 320px; border: solid 2px #ee8027 }
/*Inhalte galerie*/
.galerie-content-frisuren { background-color: #eaeaeb; background-repeat: no-repeat; background-position: left top; margin-top: 30px; margin-left: 30px; padding: 10px 8px; width: 260px; height: 320px; float: left; border: solid 2px #ee8027 }
.galerie-keyvisual { margin-bottom: 10px; width: 258px; height: 128px; border: solid 1px black }
.galerie-thumb { width: 260px; height: 259px }
/*Textformatierungen*/
.Seitentitel { font-size: 14px; font-weight: bold; line-height: 16px }
/*Aufzaehlungen*/
ul { list-style-type: disc; margin: 1em 0 1em 30px }
a { color: black; text-decoration: none }
a:visited { color: #ee8027 }
a:hover { color: black; text-decoration: underline }
.bold { font-weight: bold }