* { 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(../img_bg/ccr-body-bg.jpg); 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: -27.1em; width: 1px; height: 50%; float: left }

/*DIVs fuer den Content Container*/
#content-wrapper-home   { background-image: url(../img_bg/ccr-home-bg.png); background-repeat: repeat-x; margin: 0 auto; width: 982px; height: 642px; clear: left  }
#content-wrapper-folgeseiten { background-repeat: repeat-y; margin: 10px auto 0; width: 982px; min-height: 100px; }
/*Inhalt Spalte links*/
#spalte-links-startseite { width: 230px; margin-top: 12px; margin-left: 12px; }
#spalte-links-folgeseiten { background-repeat: repeat-y; margin-top: 12px; margin-left: 0; padding-left: 12px; width: 230px; padding-top: 12px; }
#spalte-links-kopf-bg { width: 242px; height: 31px; }
#spalte-links-content { background-image: url(../img_bg/ccr-spalte-links-bg.png); width: 242px; padding-left: 12px; }
/*Navigation*/
#navigation { margin-top: 10px; }
/*Adresse*/
#adresse { text-align: center; margin-top: 40px; }
/*Inhalt Spalte mitte*/
#spalte-mitte-startseite { width: 240px; float: right; margin-top: 12px; }
#spalte-mitte-folgeseiten { background-repeat: repeat-y; margin-top: 12px; width: 240px; float: right; }
#spalte-mitte-kopf-bg { background-image: url(../img_bg/ccr-folge-kopf-mitte-bg.png); width: 240px; height: 12px; }
#spalte-links-content { }
/*Inhalt Spalte rechts*/
#spalte-rechts-startseite { width: 448px; float: right; margin-top: 12px; margin-right: 12px; padding-top: 20px; padding-right: 20px; padding-left: 20px; }
#spalte-rechts-folgeseiten { width: 488px; float: right; margin-top: 12px; }
#spalte-rechts-kopf-bg { width: 488px; height: 31px; }
#spalte-rechts-content { background-image: url(../img_bg/ccr-spalte-rechts-bg.png); padding-right: 20px; padding-left: 20px; }
/*Typografie*/
.fett { font-weight: bold; }
h1 { font-size: 16px; font-weight: bold; line-height: 20px; margin: 0.67em 0; }
.headline { font-size: 16px; font-weight: bold; }
ul { list-style-type: disc; margin: 1em 0 1em 40px; list-style-position: inside; }
/*Bilder*/
#bild-hochformat-100x150 { width: 100px; height: 150px; float: right; margin-bottom: 10px; margin-left: 10px; }
#bild-quadratisch-100x100 { width: 100px; height: 100px; float: right; margin-bottom: 5px; margin-left: 5px; }
#bild-quer-210x150 { margin-bottom: 10px; margin-left: 10px; width: 210px; height: 150px; float: right; }
#bild-galerie_214x150 { margin-bottom: 10px; margin-left: 10px; width: 214px; height: 150px; }
#bild-grewohl { width: 100px; height: 125px; float: right; margin-bottom: 10px; margin-left: 10px; }
li { list-style-position: outside; }