/* ALLGEMEIN ---------------------- */
html {
  overflow-x:hidden;
  overflow-y:auto;
}

body {
        font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, tahoma, arial, sans-serif;
        font-weight: normal;
        padding: 0;
        margin: 0;
        width:100%;
        height:100%;
}

img {
        padding: 0px;
        border: 0px;
        margin: 0px;
        }

/* Skalierbarer Hintergrund ---------------------- */
#scale-bg {position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
    /*dieses Element nimmt ebenfalls das gesamte Browserfenster und ist dafür da, das beim Scrollen ebenfalls das Bild sich immer anpasst */

/* Allgemeine Linkdefinitionen */

a:link, a:visited {
        color: #c11;
        text-decoration:none;
        border-bottom-style: dotted;
        font-weight: bold;
        border-bottom-width: 1px;
        border-bottom-color: #c22;
}

a:hover, a:active {
        color: #000;
        text-decoration:none;
        border-bottom-style: dotted;
        font-weight: bold;
        border-bottom-width: 1px;
        border-bottom-color: #000;
}

/* STRUKTUR ---------------------- */
#rahmen {
	padding-left: 50px;
	padding-top: 30px;
}

#inhalt {
	overflow: auto;
	padding: 10px;
	margin-top: 20px;
	width: 500px;
	background-color: #fff;
}

/* INHALT ---------------------- */
#inhalt p {
        font-family: "Courier New", Courier, mono;
        font-size:12px;
        line-height: 20px;
        font-weight: normal;
        color: #000;
}
#inhalt h1 {
        font-family: "Courier New", Courier, mono;
        font-size:17px;
        font-weight: bold;
        text-transform: uppercase;
        color: #000;
        letter-spacing: 0.1em;
}