/* ============================================================
This stylesheet and the associated html are parts of
http://www.klopf-klopf.de - Copyright (c) 2009 Ilja Keseberg.
============================================================= */

/* ====== SLOWENISCHE SONDERZEICHEN
Č C mit Caron
č c mit Caron
Š S mit Caron
š s mit Caron
Ž Z mit Caron
ž z mit Caron
=============================== */

/* ============================================ FARBEN ==
#ffffff - WEISS   .Rahmen
#803030 - DUNKEL  .Hintergrund Kopf+Buttons / Text H4
#d08080 - KONTRAST.Unterstreichung+Aktiver Button
#606060 - MITTEL  .Hintergrund BODY         / Text H3
#f0f0f0 - HELL    .Hintergrund Inhalt       / Text Buttons
#000000 - SCHWARZ .Text
====================================================== */

/* Generelle Zuweisung */

* {
margin:0;
border:0;
padding:0;
}

body {
font:normal 1em Helvetica,Arial,sans-serif;
color:#000000;
background-color:#606060;
width:47.7em;
}

p {
font-size:0.9em;
text-align:justify;
padding:0.2em;
}

#fixiert {
position:absolute;
top:0.5em;
left:0em;
width:6.5em;
}

html>body #fixiert {
position:fixed;
}

#inhalt {
margin-left:6.6em;
margin-bottom:2em;
padding:0.2em;
background-color:#f0f0f0;
border:1px solid #ffffff;
border-left-color:#000000;
border-top-color:#000000;
}
#inhalt b {
color:#803030;
}

#inhalt a:link {color:#606060;}
#inhalt a:visited {color:#000000;}
#inhalt a:focus {color:#606060;}
#inhalt a:active {color:#000000;}
#inhalt a:hover {color:#000000;}

h1 {
font-size:1.5em;
padding:0.2em;
text-align:right;
color:#f0f0f0;
background-color:#803030;
border-bottom:2px solid #d08080;
margin-bottom:0.3em;
}

h2 {
font-size:1.5em;
padding:0.2em;
color:#803030;
}

h3 {
clear:both;
font-size:0.8em;
color:#606060;
padding:0.2em;
margin-top:2em;
margin-bottom:0em;
}

h4 {
clear:both;
font-size:1em;
color:#803030;
padding:0.2em;
border-bottom:1px solid #d08080;
margin-top:0em;
margin-bottom:0.2em;
}

h5 {
font-size:0.8em;
font-style:italic;
padding:0.2em;
margin-top:0.5em;
}

h6 {
font-size:0.6em;
padding:0.8em;
margin-top:1em;
}

h6 a {text-decoration:none;}
h6 a:link {color:#f0f0f0;}
h6 a:visited {color:#f0f0f0;}
h6 a:hover {color:#803030;}

.thumbre {
float:right;
width:7.5em;
height:5.6em;
padding:0.2em 0.2em 0.2em 0.5em;
}

.thumbli {
float:left;
width:7.5em;
height:5.6em;
padding:0.2em 0.5em 0.2em 0.2em;
}

/* Formate für Album festlegen */

.zeile {
font-size:0.75em;
clear:both;
height:15em;
margin-top:0.5em;
}

.zeile p {
float:left;
width:10.5em;
text-align:center;
margin:0.3em 0.5em 0.3em 0.5em;
}

.zeile img {
clear:both;
border:2px solid #606060;
}

.zeile img:hover {
border:2px solid #000000;
border-right-color:#ffffff;
border-bottom-color:#ffffff;
}

/* Werte Navigation festlegen */

#Menu {
font-size:0.75em;
padding:0.2em;
}

#Menu li {
list-style:none;
}

ul#Menu {
width:90%;
}

* html ul#Menu {
width:100%;
w\idth:100%;
padding-left:0.2em;
padd\ing-left:0.2em;
}

ul#Menu li {
list-style:none;
margin:0.1em;
padding:0.1em;
}

ul#Menu a, ul#Menu span, ul#Menu h2 {
width:100%;
display:block;
padding:0.2em;
text-decoration:none;
font-weight:bold;
border:1px solid #000000;
border-left-color:#ffffff;
border-top-color:#ffffff;
color:#f0f0f0;
background-color:#803030;
}

* html ul#Menu a, ul#Menu span, ul#Menu h2 {
width:100%;
w\idth:100%;
}

ul#Menu a:hover {
border-color:#ffffff;
border-left-color:#000000;
border-top-color:#000000;
color:#000000;
}

ul#Menu span {
border-color:#ffffff;
border-left-color:#000000;
border-top-color:#000000;
text-align:right;
color:#000000;
background-color:#d08080;
}

ul#Menu h2 {
margin:0em 0em 1em 0em;
font-size:1em;
text-align:center;
color:#000000;
background-color:#606060;
border:0em;
border-bottom:2px solid #d08080;
border-top:2px solid #d08080;
}