/* Stylesheet für Lichtwurf - Berit Koepke - Diplom-Designerin  */
* {
padding: 0;
margin: 0;
}

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

#wrapper {
background-image: url(hintergrund.jpg);
width: 864px; /* Breite des Inhaltsbereiches */
height:598px; /* Hoehe des Inhaltsbereiches */
margin-top: 0px;
margin-bottom: 10px;
}

#rechts {
margin: 0px 0px 0px 0px;
position: absolute;
padding:0px;
left: 0px;
right: 0px;
top: 0px;
background-image: url(rechts.jpg);
background-repeat: repeat-x;
height: 535px;
 }

#bildbereich {
position: absolute;
margin-top: 86px;
margin-left: 445px;
border: 0;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
color: #3661A4;
font-size: 0.9em;
letter-spacing: 1px;
}

#bildbereich a {
color: #3661A4;
text-decoration: none;
}


.Berit-Koepke {
position: absolute;
margin-top: 230px;
margin-left: 0px;
}

.kreuz-home {
position: absolute;
margin-top: 114px;
margin-left: 10px;
}

.kreuz-referenzen {
position: absolute;
margin-top: 114px;
margin-left: 153px;
}

.kreuz-entwurf {
position: absolute;
margin-top: 114px;
margin-left: 71px;
}

.kreuz-preise {
position: absolute;
margin-top: 114px;
margin-left: 230px;
}

.kreuz-wer {
position: absolute;
margin-top: 133px;
margin-left: 485px;
}

.wer {
position: absolute;
margin-top: 137px;
margin-left: 488px;
}

.entwurf-button {
position: absolute;
margin-top: 56px;
margin-left: 0px;
}

.lichtbilder-button {
position: absolute;
margin-top: 14px;
margin-left: 220px;
}

.kreuz-preise-druck {
position: absolute;
margin-top: 149px;
margin-left: 765px;
}

.kreuz-preise-internet {
position: absolute;
margin-top: 170px;
margin-left: 756px;
}

.kreuz-ci {
position: absolute;
margin-top: 171px;
margin-left: 752px;
}

.kreuz-buecher {
position: absolute;
margin-top: 195px;
margin-left: 752px;
}

.kreuz-internet {
position: absolute;
margin-top: 218px;
margin-left: 752px;
}

.kreuz-herzblut {
position: absolute;
margin-top: 242px;
margin-left: 752px;
}

.kreuz-kontakt {
position: absolute;
margin-top: 527px;
margin-left: 720px;
}


.lichtwurf {
position: absolute;
margin-top: 73px;
margin-left: 16px;
}

.moewe {
position: absolute;
margin-top: 0px;
margin-left: 638px;
}


.linie-entwurf {
position: absolute;
margin-top: 190px;
margin-left: 135px;
}

.linie-lichtbilder {
position: absolute;
margin-top: 320px;
margin-left: 142px;
}

#hintergrund {
position: absolute;
margin-top: 110px;
margin-left: 745px;
width: 2px;
height: 149px;
background-color: #B6D3DA
}

#hintergrund-preise {
position: absolute;
margin-top: 110px;
margin-left: 745px;
width: 2px;
height: 78px;
background-color: #B6D3DA
}

#bereiche {
position: absolute;
margin-top: 148px;
margin-left: 757px;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
color: #B6D3DA;
line-height: 1.9em;
font-size: 0.95em;
letter-spacing: 1.3px; 
}

#bereiche a {
text-decoration: none;
color: #B6D3DA; 
}

#weiss-druck {
position: absolute;
margin-top: 167px;
margin-left: 180px;
width: 121px;
height: 25px;
background-color: white
}

#weiss-ci {
position: absolute;
margin-top: 167px;
margin-left: 303px;
width: 158px;
height: 25px;
background-color: white
}

#weiss-buecher {
position: absolute;
margin-top: 167px;
margin-left: 463px;
width: 66px;
height: 25px;
background-color: white
}

#weiss-internet {
position: absolute;
margin-top: 167px;
margin-left: 530px;
width: 78px;
height: 25px;
background-color: white
}

#weiss-herzblut {
position: absolute;
margin-top: 167px;
margin-left: 610px;
width: 78px;
height: 25px;
background-color: white
}

#weiss-preise-druck {
position: absolute;
margin-top: 167px;
margin-left: 180px;
width: 69px;
height: 25px;
background-color: white
}

#weiss-preise-internet {
position: absolute;
margin-top: 167px;
margin-left: 250px;
width: 78px;
height: 25px;
background-color: white
}

#textbereich-print1 {
position: absolute;
margin-top: 225px;
margin-left: 80px;
color: #A19F87;
letter-spacing: 0.5px;
font-size: 1em;
line-height: 1.6em;
width: 600px;
}

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

#textbereich-print1 p {
margin-top: 7px;
}

#textbereich-print2 {
position: absolute;
margin-top: 253px;
margin-left: 484px;
color: #A19F87;
letter-spacing: 1px;
font-size: 1em;
line-height: 1.6em;
width: 285px;
}

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

#textbereich-print2 p {
margin-top: 7px;
}

#textbereich-entwurf {
position: absolute;
margin-top: 233px;
margin-left: 300px;
border: 0;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
color: #3661A4;
font-size: 0.9em;
letter-spacing: 1px;
}

#textbereich-lichtbilder {
position: absolute;
margin-top: 315px;
margin-left: 420px;
border: 0;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
color: #3661A4;
font-size: 0.9em;
letter-spacing: 1px;
}


#hauptnavi {
position: absolute;
margin-top: 115px;
margin-left: 25px;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
color: #3661A4;
line-height: 1.7em;
font-size: 0.95em;
letter-spacing: 0.8px; 
}

#hauptnavi a {
text-decoration: none;
color: #3661A4; 
}

#hauptnavi span {
color: #B0AD93;
font-style: italic;
}

#hauptnavi ul {
list-style: none;
}

.home {
position: absolute;
margin-top: 152px;
margin-left: 65px;
}

.entwurf {
position: absolute;
margin-top: 188px;
margin-left: 65px;
}

.referenzen {
position: absolute;
margin-top: 224px;
margin-left: 65px;
}

.preise {
position: absolute;
margin-top: 260px;
margin-left: 65px;
}

.ueber-mich {
position: absolute;
margin-top: 296px;
margin-left: 65px;
}

.kontakt {
position: absolute;
margin-top: 368px;
margin-left: 65px;
}

.lichtbilder {
position: absolute;
margin-top: 440px;
margin-left: 65px;
}

.impressum {
position: absolute;
margin-top: 540px;
margin-left: 716px;
}

#textbereich {
position: absolute;
margin-top: 175px;
margin-left: 200px;
width: 500px;
color: #3661A4;
letter-spacing: 1px;
font-size: 1em;
line-height: 1.6em;
font-style: normal
}

#textbereich span{
color: #B0ADAE
}

#textbereich1 {
position: absolute;
margin-top: 283px;
margin-left: 245px;
color: #3661A4;
letter-spacing: 1px;
font-size: 1em;
line-height: 1.6em;
width: 540px;
font-style: italic
}

#textbereich2 {
position: absolute;
margin-top: 304px;
margin-left: 245px;
color: #3661A4;
letter-spacing: 1px;
font-size: 1em;
line-height: 1.6em;
width: 540px;
font-style: italic
}

#textbereich1 a{
color: #3661A4;
text-decoration: none;
font-size: 1.1em;
}

#textbereich2 a{
color: #3661A4;
text-decoration: none;
font-size: 1.1em;
}

#scrollbereich-textbereich { 
position: absolute;
margin-top: 130px;
margin-left: 160px;
height: 355px; 
width: 693px; 
overflow: auto;
}

#textbereich-scroll { 
float: left;
position: absolute;
padding: 0px 5px;
width: 657px;
border: 0;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
margin-top: 5px;
color: #3661A4;
font-size: 0.95em;
letter-spacing: 0.1px;
line-height: 1.7em;
text-align: justify;
}

#textbereich-scroll p { 
line-height: 1.7em;
margin-top: 7px;
}

#textbereich-scroll span {
font-weight: bold;
letter-spacing: 0.2px;
}

#textbereich-scroll a {
color: #3661A4;
}

#textbereich3 {
position: absolute;
margin-top: 225px;
margin-left: 80px;
color: #B0AD93;
letter-spacing: 1px;
font-size: 1em;
line-height: 1.6em;
width: 650px;
}

#textbereich3 a {
color: #3661A4;
}

#textbereich3 p {
margin-top: 9px;
}

#textbereich4 {
position: absolute;
margin-top: 225px;
margin-left: 200px;
color: #B0AD93;
letter-spacing: 1px;
font-size: 1em;
line-height: 1.6em;
width: 650px;
}

#textbereich4 span {
color: #B6D3DA
}


.entwurf-grafik {
position: absolute;
margin-top: 57px;
margin-left: 0px;
}

.pfeil-entwurf {
position: absolute;
margin-top: 146px;
margin-left: 90px;
}

.lichtbilder-lampen {
position: absolute;
margin-top: 10px;
margin-left: 217px;
}

.pfeil-lichtbilder {
position: absolute;
margin-top: 138px;
margin-left: 330px;
}

#bildbereich-entwurf a {
position: absolute;
margin-top: 240px;
margin-left: 200px;
}

.schatten-gross-button {
position: absolute;
margin-top: 190px;
margin-left: 70px;
}

#referenzbereich {
position: absolute;
margin-top: 190px;
margin-left: 70px;
}

#text-referenz {
position: absolute;
margin-top: 442px;
margin-left: 134px;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
color: #B0ADAE;
font-size: 0.8em;
letter-spacing: 1px; 
}

#text-referenz a {
color: #3661A4;
text-decoration: none;
font-weight: bold
}

#text-nummer-01 {
position: absolute;
margin-top: 434px;
margin-left: 74px;
min-width: 16em;
font-size: 1.7em;
color: #9C9878;
}

#text-nummer-01 a {
color: #3661A4;
}

#text-nummer {
position: absolute;
margin-top: 434px;
margin-left: 52px;
min-width: 16em;
font-size: 1.7em;
color: #9C9878;
}

#text-nummer a {
color: #3661A4;
}

#text-referenz span{
font-weight: bold
}

#bildbereich-entwurf {
position: absolute;
margin-top: 190px;
margin-left: 70px
}


.meer-gross-button {
position: absolute;
margin-top: 195px;
margin-left: 75px;
}

.meer-button-1 {
position: absolute;
margin-top: 195px;
margin-left: 369px;
}

.meer-button-2 {
position: absolute;
margin-top: 195px;
margin-left: 627px;
}

.meer-button-3 {
position: absolute;
margin-top: 248px;
margin-left: 369px;
}

.meer-button-4 {
position: absolute;
margin-top: 248px;
margin-left: 455px;
}

.meer-button-5 {
position: absolute;
margin-top: 248px;
margin-left: 541px;
}

.meer-button-6 {
position: absolute;
margin-top: 248px;
margin-left: 627px;
}

.meer-button-7 {
position: absolute;
margin-top: 301px;
margin-left: 369px;
}

.meer-button-8 {
position: absolute;
margin-top: 301px;
margin-left: 455px;
}

.meer-button-9 {
position: absolute;
margin-top: 301px;
margin-left: 541px;
}

.meer-button-10 {
position: absolute;
margin-top: 301px;
margin-left: 627px;
}

.meer-button-11 {
position: absolute;
margin-top: 354px;
margin-left: 369px;
}

.meer-button-12 {
position: absolute;
margin-top: 354px;
margin-left: 455px;
}

.meer-button-13 {
position: absolute;
margin-top: 354px;
margin-left: 541px;
}

.meer-button-14 {
position: absolute;
margin-top: 354px;
margin-left: 627px;
}

.schattenbuch-gross-button {
position: absolute;
margin-top: 229px;
margin-left: 217px;
}

.schattenbuch-gross-button-2 {
position: absolute;
margin-top: 229px;
margin-left: 75px;
}

.schattenbuch-button-1 {
position: absolute;
margin-top: 191px;
margin-left: 375px;
}

.schattenbuch-button-2 {
position: absolute;
margin-top: 246px;
margin-left: 375px;
}

.schattenbuch-button-3 {
position: absolute;
margin-top: 246px;
margin-left: 485px;
}

.schattenbuch-button-4 {
position: absolute;
margin-top: 246px;
margin-left: 595px;
}

.schattenbuch-button-5 {
position: absolute;
margin-top: 301px;
margin-left: 375px;
}

.schattenbuch-button-6 {
position: absolute;
margin-top: 301px;
margin-left: 485px;
}

.schattenbuch-button-7 {
position: absolute;
margin-top: 301px;
margin-left: 595px;
}

.schattenbuch-button-8 {
position: absolute;
margin-top: 356px;
margin-left: 375px;
}

.schattenbuch-button-9 {
position: absolute;
margin-top: 356px;
margin-left: 485px;
}

.schattenbuch-button-10 {
position: absolute;
margin-top: 356px;
margin-left: 595px;
}

.schatten-button-1 {
position: absolute;
margin-top: 190px;
margin-left: 392px;
}

.schatten-button-2 {
position: absolute;
margin-top: 194px;
margin-left: 490px;
}

.schatten-button-3 {
position: absolute;
margin-top: 194px;
margin-left: 588px;
}

.schatten-button-4 {
position: absolute;
margin-top: 263px;
margin-left: 392px;
}

.schatten-button-5 {
position: absolute;
margin-top: 263px;
margin-left: 490px;
}

.schatten-button-6 {
position: absolute;
margin-top: 263px;
margin-left: 588px;
}

.schatten-button-7 {
position: absolute;
margin-top: 338px;
margin-left: 392px;
}

#fussbereich {
position: absolute;
margin-top: 532px;
margin-left: 695px;
border: 0;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
color: #3661A4;
font-size: 0.9em;
letter-spacing: 1px;
}

#fussbereich a {
color: #3661A4;
text-decoration: none;
}

a {
outline: none;
}