/*

wild-seattle.css fuer: Wild Seattle

von: Hans Siersleben || www.schoenundneu.de

Danke an den Grossen Geist fuer all die Hilfe und all den Zuspruch!

*/


/* 

allgemeine Voreinstellungen
----------------------------------------------------------------------- */

* {
   margin: 0;
   padding: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

html, body {
   background: #FFFBE5;
   color: #5B6C6A;
   font-size: 90%;
   text-align: center;
   margin: 0 auto;
}


a {
display: inline;
color: #FF8E77;
text-decoration: none;
font-size: .9em;
}

a:hover { 
background-color: #6699FF;
color: #ffffff;
text-decoration: none;
}
/* ----------------------------------------------------------------------- */


/* 

Formatierungen fuer die index-Seite
-------------------------------------------------------------------------- */

#wrapper_index {
position: relative;
width: 960px;
text-align: left;
margin: 0 auto;
}

#wrapper_index p a {
display: block;
position: absolute;
top: 520px;
right: 60px;
}
#wrapper_index p a:hover {
display: block;
position: absolute;
top: 520px;
right: 60px;
background-color: #6699FF;
color: #ffffff;
text-decoration: none;
}



/* 

Formatierungen fuer die start-Seite
-------------------------------------------------------------------------- */


#wrapper {
position: relative;
width: 820px;
text-align: left;
margin: 0 auto;
}

div.absatz1, div.absatz2, div.absatz3, div.absatz4, div.absatz5, div.absatz6 { 
position: relative;
}

div.absatz1 {
left: 142px;
width: 600px;
}

div.absatz2 {
left: 0;
width: 662px;
margin-top: 30px;
}

div.absatz3 {
margin: 0 0 0 116px;
}

div.absatz4 {
margin: 0 0 0 116px;
}

div.absatz5 {
margin: 0 0 0 20px;
width: 770px;
}

div.absatz6 {
margin: 1.5em 0 0 54px;
}



/* 

Schriftformatierungen
-------------------------------------------------------------------------- */
.snh {
color: red;
font-weight: bold;
font-size: 1.1em;
letter-spacing: .05em;
padding: 0px;
text-transform: none;
}

h1 {
color:#5B6C6A;
font-weight: normal;
font-size: 1.1em;
letter-spacing: .1em;
text-transform: uppercase;
margin: 1em 0 .7em 10px;
}

h1 span {
font-size: .7em;
}


p {
margin: 0 0 .6em 30px;
}

p, p.uppercase, h2, h3, h4, blockquote, adress {
font-weight: normal;
font-size: 1em;
}

p a {
display: inline;
}

h2 {
font-weight: bold;
}
h2.veroeffentl {
margin: 0 0 0 50px;
font-weight: bold;
}

h3, h4 {
margin: 0 0 .8em 0;
}
h3.veroeffentl {
font-size: .8em;
margin: 0 0 15px 50px;
}

.absatz1 p {
width: 485px;
}

.absatz2 p {
padding-left: 120px;
}

p.linie1, p.linie2, p.linie3, p.linie4, p.linie5, p.linie6, p.linie7, p.linie8, p.linie9 {
color: #56808F;
font-size: 90%;
height: .4em;
line-height: .6em;
margin: 0;
background: url(../bilder/tilde.gif) repeat-x;
}

p.linie1 {  }
p.linie2 { margin-top: 26px; }
p.linie3 { width: 285px; margin: 0 0 0 120px;}
p.linie4 { margin-top: 50px; }
p.linie5 { margin-top: 35px; }
p.linie6 { margin-top: 35px; }
p.linie7 { margin: 48px 0 0 0; }
p.linie8 { margin: 25px 0 0 0; }
p.linie9 { margin: 32px 0; }

p.uppercase {
text-transform: uppercase;
}

p.oben {
text-align: center;
font-size: 1em;
position: relative;
margin: 1em 0;
}

div.absatz3 h1 {
margin-left: 142px;
}

div.absatz3 adress {
color: #15161A;
display: block;
margin-left: 154px;
}

div.absatz3 adress span {
color: black;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
text-transform: uppercase;
}

div.absatz3 h4 {
margin: 20px 0 0 154px;
}

div.absatz4 blockquote {
margin-left: 30px;
}


div.absatz5 h1 {
margin-left: 300px;
}

div.absatz5 p,
div.absatz5 blockquote {
margin-left: 315px;
}

div.absatz5 p.linie7,
div.absatz5 p.linie8 {
margin-left: 0;
}

div.absatz6 h1 {
margin-left: 0;
}

div.absatz6 h2,
div.absatz6 h3,
div.absatz6 h4,
div.absatz6 adress,
div.absatz6 p {
margin-left: 15px;
}

adress {
display: block;
}




/* 

Bildformatierungen
-------------------------------------------------------------------------- */

img { border: 0; }

img#logo {
display: block;
width: 458px;
margin: 0 auto;

}

p img.aussicht-auf-paris {
position: absolute;
top: -35px;
left: 0;
}

img#indexbild {
position: absolute;
left: 0;
}

img#florenzkleid {
position: absolute;
top: -10px;
right: -65px;
}

img#kleid_1 {
position: absolute;
top: -15px;
left: 0;
}

img#strampler {
position: absolute;
top: -23px;
left: 350px;
}

img#kleid_2 {
position: absolute;
top: -28px;
right: 0;
}

img#starsister {
margin: 20px 0 0 137px;
}

img#veroeffentl {
margin: 20px 0 10px 50px;
}