/* ==========================================================
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, p a {
font:normal 100.01% Helvetica,Arial,sans-serif;
color:#000;
background-color:#eee;
width:760px;
}

p {
padding:0.2em 0.2em 0;
}

h1 {
font-size:2.5em;
padding:0.2em;
text-align:right;
color:#900;
background-color:#cc9;
border-bottom:2px solid #900;
margin-bottom:0.5em;
}

/* fixierten Bereich definieren */

#Fix {
position:absolute;
top:0.5em;
left:0.5em;
width:8em;
background-color:#ddd;
border:1px solid #666;
}

html>body #Fix {
position:fixed;
}

/* Werte für Inhalt festlegen */

#Inhalt {
margin-left:9.8em;
padding:0.2em;
background-color:#ffc;
border:1px solid #666;
}

* html #Inhalt {
height: 1em;
background-color:#ffc;
}

#Inhalt h2 {
font-size:1em;
margin:0.6em 1% 0.6em;
color:#900;
border-bottom:1px solid #999;
text-align:right;
clear:both;
padding-top: 0.6em;
}

#Inhalt p {
font-size:0.8em;
margin:1em 0.6em;
text-align:justify;
}

#Inhalt a {
text-decoration:underline;
color:#900;
background-color:#ffc;
}

#Inhalt b {
font-family:Helvetica,Arial,sans-serif;
font-weight:bold;
color:#f33;
}

#Inhalt a:hover {
color:#ffc;
background-color:#999;
}

#Inhalt img {
width:11.72em;
margin-bottom:3px;
border:2px solid #900;
font-style:italic;
text-align:center;
}

/* 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:#ffc;
border-top-color:#ffc;
color:#900;
background-color:#ddd;
}

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

ul#Menu a:hover {
border-color:#ffc;
border-left-color:#000;
border-top-color:#000;
color:#ffc;
background-color:#cc9;
}

ul#Menu span {
border-color:#ffc;
border-left-color:#000;
border-top-color:#000;
color:#666;
background-color:#ffc;
}

ul#Menu h2 {
margin:0.3em 0;
font-size:1em;
color:#ffc;
background-color:#900;
border:1px solid #ffc;
}

/* Werte UNTER Navigation */

#Who {
font-size:1.1em;
text-align:center;
padding:0.2em;
background-color:#ddd;
}

#Who img {
border:none;
float:none;
padding:0;
}

#Who a {
font-size:0.6em;
text-decoration:none;
color:#aaa;
background-color:#ddd;
}

#Who a:hover {
color:#ffc;
background-color:#ddd;
}