body {
margin:0;
padding:0;
color:#251311;
background:black;
font-family:Times, "Times New Roman", serif;
font-variant: small-caps;
}
a {
color:gray;
}
a:hover,
a:focus,
a:active {
color:silver;
}

h1,h2,h3,h4,h5,p,a,ul,li {
margin:0;
padding:0;
border:none;
}
#kopf {
background-color:#0a0a0a;
border-bottom:1px solid gray;
color:silver;

padding-top:1em;
padding-bottom:1em;
padding-left:1em;
padding-right:1em;
}
#kopf h1 {
text-align:center;
font-size:34px;
font-weight:normal;
letter-spacing:0.1em;
}
#kopf h2 {
text-align:center;
font-size:28px;
font-weight:normal;
letter-spacing:0.2em;
}
#nav  ul{
margin:auto;
text-align:center;
margin-bottom:1em;
}
#nav li{
display:inline;
padding:0.5em;
font-size:18px;
}

#home a#eins,
#mono a#zwei,
#farbe a#drei,
#grafik a#vier {
text-decoration:none;
color:#251311;
}

#nav a:hover,
#nav a:active,
#nav a:focus {
color:#251311;
}


#inhalt {
border-top:1px solid black;
border-bottom:1px solid black;
padding:0.5em 1em 4em 1em;
background:white url(layout/inhalt.jpg) repeat-x top center;
}
#bilder {
margin:auto;
margin-top:2em;
text-align:center;
}
#bilder li.vorschau {margin:10px;
padding:0;
text-decoration:none;
list-style-type:none;
border:none;
width:310px;
display:inline-block;
}
.vorschau p{
font-size:18px;
margin-top:-50px;
margin-left:-5px;
margin-bottom:29px;
}
 .vorschau a{
border:none;
text-decoration:none;
margin:0;
padding:0;
width:310px;
height:310px;
}
.hoch img {

border:none;
padding:49px 50px 55px 44px;
background:url(layout/rahmenhoch.jpg) no-repeat top center;
}
.quer img {
border:none;
padding:34px 55px 85px 49px;
background:url(layout/rahmenquer.jpg) no-repeat top center;
}
#fuss{
border-top:1px solid gray;
color:silver;
background-color:black;
text-align:center;
padding:1em 1em 1em 1em;
}
#fuss ul{
text-align:center;
margin-top:1em;
padding-top:1em;
}
#fuss li {
display:inline;
}