/*
Stylesheet "Sommer" für Beautycolors
von Gabriele von der Ohe
http://www.beautycolors.de

Farben:

#1f2445		body
#1f2445		Borders, Schrift Contentbereich
#dde4e5		Menü-Schriftfarbe
#dde4e5		Menü-Schriftfarbe auswahl a:hover, menu a:hover,  Inversschriftfarbe, Hintergrund
#687d86		Contentbereich a
#687d86		Contentbereich a: hover, Stylemenü background
#a1aeb7		input background, textarea background
#aab9be		Menubutton aktiver Link
#e2e9ea		Aktiver Link übrige Menüs
#a1aeb7		Gästebuch farbiger Balken

*/

/*---| HTML-Tags formatieren |---*/

*{
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
cursor: url("cursor.cur"), default;
}
body {
background: #1f2445;
color: #1f2445;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 100.01%;
}
a {
text-decoration:none;
}
p:first-letter {
font-size:120%;
font-weight: bold;
}
h3, h4, p {
margin-bottom: 2%;
margin-top: 2%
}
h3 {
font-size: 110%;
}
h4 {
padding-left:10px;
font-style: italic;
font-size: 100%;
}
acronym  {
border-bottom: 1px dotted #687d86;
cursor: help;
color: #687d86;
}
dd {
margin:auto;
}
img {
border:0;
}
/*---| Selektoren |---*/

.invers {
color:#dde4e5;
}
.small {
font-size: 60%;
}
.zentrieren {
text-align: center;
}
.dllinks {
font-size: 75%;
line-height: 10px;
margin: 5px 15px 0 0;
float:left;
}
.dlrechts {
font-size: 75%;
line-height: 10px;
margin: 5px  0 0 15px;
float:right;
}
.bildrand, .dlrechts img, .dllinks img {
border: 1px solid #1f2445;
}
a.extern {
background: url(extern_s.gif) no-repeat;
background-position: right;
padding: 0 15px 0 0;
margin: 0;
white-space: nowrap;
}

/*---| Hintergrund, umschließt alle Menüs und Inhalt |--*/

#hintergrund {
width: 938px;
height: 557px;
background: url(sommer.jpg) no-repeat #dde4e5;
margin: -280px 0 0 -470px;
position:absolute; 
top: 50%; 
left: 50%;
}

/*---| Menü-Hovers |---*/

#auswahl,  #submenu , #footer {
color: #dde4e5;
}
#auswahl a, #menu a, #footer a, #submenu a {
color: #1f2445;
}
#auswahl a:hover, #menu a:hover {
color: #dde4e5;
}
#submenu a:hover, #footer a:hover {
color: #dde4e5;
}

/*--- | Style-Auswahlmenue |---*/

#auswahl {
position:absolute;
background:#687d86;
border:1px solid #1f2445;
float:right;
top:380px;
left:830px;
width:90px;
height: 100px;
text-align: left;
color:#1f2445;
text-indent:10px;
padding:5px 0px 3px 0px;
}
#auswahl li, auswahl ul {
list-style: none;
font-size: 75%;
height: 15px;
}

#auswahl h3 {
font-size: 75%;
display: inline;
}

/*---| Hauptmenue |---*/

#menu {
position: absolute;
float:left;
top:200px;
left: 8px;
width:100px;
height: 280px;
text-indent: 15px;
}
#menu li {
display: block;
background: url(button_s.gif );
background-position: 0 -40px;
height: 20px;
margin: 16px 0;
color: #aab9be;
}
#menu li a {
display: block;
background: url(button_s.gif);
background-position: 0 0;
height: 20px;
}
#menu li a:hover {
display: block;
background: url(button_s.gif);
background-position: 0 -20px;
}
#menu ul, #menu li {
list-style: none;
font-size: 90%;
}

/*---| Submenue |---*/

#submenu {
position:absolute;
float:right;
top:100px;
right:2px;
width: 110px;
text-align: left;
height: 200px;
line-height:20px;
}
#submenu li, #submenu ul {
list-style: none;
height: 25px;
font-size: 90%;
color: #e2e9ea;
}
.archivar {
position: relative;
top: 190px;
right: 2px;
width: 110px;
float: right;
}

/*---| Inhalt |---*/

#content {
position: absolute;
top: 83px;
float:left;
left:139px;
height:430px;
width:650px;
padding:0 10px 10px 10px;
overflow:auto;
font-size: 80%;
}
#content a {
color: #687d86;
text-decoration: none
}
#content ul {
margin: 10px 0 0 25px;
}
#content a:hover {
color: #687d86;
text-decoration: underline
}
.oben {
position: relative;
width:94px;
height:14px;
margin: auto
}
.oben a {
display: block;
height: 14px;
background: url(oben_s.jpg) 0 0 no-repeat;
}
.oben a:hover {
background-position: 0 -14px;
}
/*---| Footer |---*/

#footer {
position:absolute;
float:left;
top:535px;
left:160px;
height:15px;
width: 600px;
text-align: center;
}
#footer ul li {
display: inline;
margin: 15px;
font-size: 80%;
color: #e2e9ea;
}

/*---| Gästebuch |---*/

div.gb {
margin-bottom: 20px;
border: 1px solid #1f2445; 
}
div.gb-author {
padding: 3px 10px; 
border-bottom: 1px solid #1f2445; 
background: #a1aeb7;
color:#dde4e5;
}
p.gb-author-left {
float: left;
margin: 0;
}
p.gb-author-right {
text-align: right;
margin: 0;
}
div.gb-entry { 
margin: 10px; 
}
p.gb-browse {
text-align: right; 
font-weight: bold;
}
p.gb-admin-buttons {
margin-top: 5px;
text-align: right;
}
.caution {
color: red; 
font-weight: bold;
}
.comment {
margin-top: 10px;
font-style: italic;
}


/*---| Tabellen |---*/

#rahmenlos {
border: 0;
border-spacing:5px;
margin: auto;
}

#rahmenlos td {
padding:10px;
}

#rahmen {
border: 1px solid #1f2445;
border-spacing:5px;
background-color:#687d86;
margin:auto;
}

#rahmen td {
/*border: 1px solid #1f2445;*/
padding:10px;
background-color:#dde4e5;
}

/*---| nicht anzeigen |---*/

hr, .oben span, h1, h2, .invis
{display: none;}