/* Stylesheet für fair gefischt */
* {
padding: 0;
margin: 0;
}

body{
color: #ABA14F; /* Schriftfarbe */
background-color: #6C8282; /* Hintergrundfarbe */
background-image: url();
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: small; /* Schriftgröße */
color: #6C8282;
}

#wrapper {
background-image: url(hintergrund.jpg)  ;
background-color: white; 
width: 998px; /* Breite des Inhaltsbereiches */
height: 470px; /* Hoehe des Inhaltsbereiches */
margin-top: 70px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto; /* Abstand links automatisch */
}

#kopfbereich {
position: absolute;
margin-top: 25px;
margin-left: 180px;
letter-spacing: 0.4px;
font-size: 1.1em;
line-height: 1.7em;
color: #6C8282;
font-weight: bold
}

#bildbereich {
position: absolute;
margin-top: 5px;
margin-left: 805px;
}

#bild-textbereich {
position: absolute;
margin-top: 180px;
margin-left: 835px;
letter-spacing: 0.1px;
font-size: 0.9em;
line-height: 1.5em;
width: 190px;
color: #6C8282;
}

#bild-textbereich a {
color: #6C8282;
}

#bild-textbereich p {
margin-top: 9px;
}

.twitter {
position: absolute;
margin-top: 105px;
margin-left: 585px;
}

#scrollbereich {
position: absolute;
margin-top: 75px;
margin-left: 210px;
width: 538px;
height: 362px;
overflow: auto;
}

#titel-bildbereich-luebeck {
position: absolute;
margin-top: 31px;
margin-left: 0px;
}

#titelbereich-luebeck {
position: absolute;
margin-top: 17px;
margin-left: 128px;
width: 320px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
color: #6C8282;
}

#titelbereich-luebeck span {
font-weight: bold
}

#titelbereich-luebeck p {
margin-top: 9px;
}

#titelbereich-luebeck a {
color: #6C8282;
}

#textbereich-luebeck {
position: absolute;
margin-top: 210px;
margin-left: 0px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 510px;
color: #6C8282;
}

#textbereich-luebeck span {
font-weight: bold
}

#titel-bildbereich-strassenbahn-geschichten {
position: absolute;
margin-top: 501px;
margin-left: 0px;
}

#titelbereich-strassenbahn-geschichten {
position: absolute;
margin-top: 487px;
margin-left: 188px;
width: 320px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
color: #6C8282;
}

#titelbereich-strassenbahn-geschichten span {
font-weight: bold
}

#titelbereich-strassenbahn-geschichten p {
margin-top: 9px;
}

#titelbereich-strassenbahn-geschichten a {
color: #6C8282;
}

#textbereich-strassenbahn-geschichten {
position: absolute;
margin-top: 680px;
margin-left: 0px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 510px;
color: #6C8282;
}

#textbereich-strassenbahn-geschichten span {
font-weight: bold
}

#titel-bildbereich-trichter {
position: absolute;
margin-top: 831px;
margin-left: 0px;
}

#titelbereich-trichter {
position: absolute;
margin-top: 818px;
margin-left: 188px;
width: 320px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
color: #6C8282;
}

#titelbereich-trichter span {
font-weight: bold
}

#titelbereich-trichter p {
margin-top: 9px;
}

#titelbereich-trichter a {
color: #6C8282;
}

#textbereich-trichter {
position: absolute;
margin-top: 1001px;
margin-left: 0px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 510px;
color: #6C8282;
}

#textbereich-trichter span {
font-weight: bold
}


#titel-bildbereich-stadt {
position: absolute;
margin-top: 1223px;
margin-left: 0px;
}

#titelbereich-stadt {
position: absolute;
margin-top: 1208px;
margin-left: 145px;
width: 338px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
color: #6C8282;
}

#titelbereich-stadt span {
font-weight: bold
}

#titelbereich-stadt p {
margin-top: 9px;
}

#textbereich-stadt {
position: absolute;
margin-top: 1398px;
margin-left: 0px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 510px;
color: #6C8282;
}

#textbereich-stadt span {
font-weight: bold
}

#titel-bildbereich-ufo {
position: absolute;
margin-top: 1613px;
margin-left: 0px;
}

#titelbereich-ufo {
position: absolute;
margin-top: 1608px;
margin-left: 128px;
width: 338px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
color: #6C8282;
}

#titelbereich-ufo span {
font-weight: bold
}

#textbereich-ufo {
position: absolute;
margin-top: 1788px;
margin-left: 0px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 510px;
color: #6C8282;
}

#textbereich-ufo span {
font-weight: bold
}

#textbereich-ufo p {
margin-top: 9px;
}

#titel-bildbereich-planet {
position: absolute;
margin-top: 2068px;
margin-left: 0px;
}

#titelbereich-planet {
position: absolute;
margin-top: 2063px;
margin-left: 150px;
width: 338px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
color: #6C8282;
}

#titelbereich-planet span {
font-weight: bold
}

#textbereich-planet {
position: absolute;
margin-top: 2243px;
margin-left: 0px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 510px;
color: #6C8282;
}

#textbereich-planet span {
font-weight: bold
}

#textbereich-planet p {
margin-top: 9px;
}

#titel-bildbereich-out {
position: absolute;
margin-top: 2463px;
margin-left: 0px;
}

#titelbereich-out {
position: absolute;
margin-top: 2458px;
margin-left: 143px;
width: 338px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
color: #6C8282;
}

#titelbereich-out span {
font-weight: bold
}

#textbereich-out {
position: absolute;
margin-top: 2643px;
margin-left: 0px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 510px;
color: #6C8282;
}

#textbereich-out span {
font-weight: bold
}

#textbereich-out p {
margin-top: 9px;
}

h1 {
font-size: 8.0pt;
font-weight: bold
}

#textbereich-magazine {
position: absolute;
margin-top: 2944px;
margin-left: 0px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 510px;
color: #6C8282;
}

#textbereich-magazine span {
font-style: italic;
font-weight: bold
}

#textbereich-magazine p {
margin-top:9px;
}

#textbereich-home {
position: absolute;
margin-top: 200px;
margin-left: 250px;
}

#textbereich-leseproben {
position: absolute;
margin-top: 103px;
margin-left: 210px;
width: 538px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 900px;
color: #6C8282;
}

#textbereich-leseproben a {
color: #6C8282;
}

#textbereich-leseproben p {
margin-top: 9px;
}

#textbereich-leseproben span {
font-weight: bold
}

#textbereich-auftritte {
position: absolute;
margin-top: 25px;
margin-left: 0px;
width: 515px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
color: #6C8282;
}

#textbereich-auftritte a {
color: #6C8282;
}

#textbereich-auftritte p {
margin-top: 9px;
}

#textbereich-auftritte span {
font-weight: bold
}

#textbereich-pressestimmen {
position: absolute;
margin-top: 19px;
margin-left: 0px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 510px;
color: #6C8282;
}

#textbereich-pressestimmen span {
font-style: italic;
font-weight: bold
}

#textbereich-pressestimmen p {
margin-top: 15px;
}

#textbereich-pressestimmen a {
color: #6C8282;
font-weight: bold
}

#textbereich-ueber-mich {
position: absolute;
margin-top: 19px;
margin-left: 0px;
letter-spacing: 0.1px;
font-size: 1em;
line-height: 1.7em;
width: 510px;
color: #6C8282;
}

#textbereich-ueber-mich span {
font-weight: bold
}

#textbereich-ueber-mich p {
margin-top: 15px;
}

#textbereich-ueber-mich a {
color: #6C8282;
font-weight: bold
}

#navibereich {
position: absolute;
margin-top: 105px;
margin-left: 27px;
}

.home {
margin-top: 0;
margin-left: 0;
}

.publikationen {
margin-top: 10px;
margin-left: 3px;
}

.leseproben {
margin-top: 10px;
margin-left: 6px;
}

.auftritte {
margin-top: 10px;
margin-left: 9px;
}

.pressestimmen {
margin-top: 10px;
margin-left: 12px;
}

.ueber-mich {
margin-top: 10px;
margin-left: 15px;
}

.links {
margin-top: 10px;
margin-left: 18px;
}

#hoerprobe a {
color: #6C8282;
font-weight: bold
}

#fussbereich {
position: absolute;
margin-top: 358px;
margin-left: 755px;
}


a {
outline: none;
}

