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

/* Generelle Zuweisung */

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

body {
font:normal 1em Helvetica,Arial,sans-serif;
color:#000;
background-color:#ffe;
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:#eFe;
border:1px solid #eee;
border-left-color:#000;
border-top-color:#000;
}

#inhalt a:link {color:#06c;}
#inhalt a:visited {color:#033;}
#inhalt a:focus {color:#06c;}
#inhalt a:active {color:#06c;}
#inhalt a:hover {color:#333;}

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

h2 {
font-size:1.25em;
padding:0.2em;
color:#077;
}

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

h4 {
clear:both;
font-size:1em;
color:#033;
padding:0.2em;
border-bottom:1px solid #369;
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:2em;
}

h6 a {text-decoration:none;}
h6 a:link {color:#888;}
h6 a:visited {color:#888;}
h6 a:hover {color:#333;}

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

.thumbre img {
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 #077;
}

.zeile img:hover {
border:2px solid #eee;
}

/* 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 #000;
border-left-color:#eee;
border-top-color:#eee;
color:#ffe;
background-color:#077;
}

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

ul#Menu a:hover {
border-color:#eee;
border-left-color:#000;
border-top-color:#000;
color:#033;
}

ul#Menu span {
border-color:#eee;
border-left-color:#000;
border-top-color:#000;
text-align:right;
color:#077;
background-color:#efe;
}

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