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

/* ============================================ FARBEN ==
#ffffff - WEISS   Rahmen
#555555 - DUNKEL  Hintergrund Kopf+Buttons / Text H4
#999999 - MITTEL  Hintergrund BODY         / Text H3
#dddddd - 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:#999999;
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:#dddddd;
border:1px solid #ffffff;
border-left-color:#000000;
border-top-color:#000000;
}
#inhalt b {
color:#555555;
}

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

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

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

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

h4 {
clear:both;
font-size:1em;
color:#555555;
padding:0.2em;
border-bottom:1px solid #999999;
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:#dddddd;}
h6 a:visited {color:#dddddd;}
h6 a:hover {color:#555555;}

.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 #999999;
}

.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:#dddddd;
background-color:#555555;
}

* 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:#dddddd;
}

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