* { 
  padding: 0; 
  margin: 0; 
  }

html { 
  height: 100%; 
  }

body {
  margin: 0 auto;
  background-image: url("blog-bg.jpg");
  }

span.link {color: white}
a:link {color: #a3a3a3;}   
a:visited {color: #a3a3a3;}
a:hover {color: silver;}


#head{
  width: 872px;
  height: 94px;
  margin: 0 auto;
  background-color: #191919;
  padding: 4px 76px 50px 76px;
  }
img.head-pic {
padding: 4px 0px 0px 0px;
}
  
  #navi {
  width: 872px;
  margin: 0 auto;
  background-color: #191919;
  padding: 2px 76px 1px 76px;
  }
  
  #navi ul li {
  display: inline;
  }
  
#navi ul li a {
  font-variant:small-caps;
  text-decoration: none;
  list-style-type: none;
  font-size: 11pt;
  font-family: georgia;
  font-color: grey;
  }

a img:hover {position: relative; 
             top: -5px;
			 -moz-box-shadow: 0px 3px 9px rgba(0,0,0,1);
			-webkit-box-shadow: 0px 3px 9px rgba(0,0,0,1);
    		box-shadow: 0px 3px 9px rgba(0,0,0,1);
			-webkit-transition: 0.3s ease-in-out;
    		-moz-transition: 0.5s ease-in-out;
    		-o-transition: 0.5s ease-in-out;
    		transition: 0.5s ease-in-out;}


#seite{
  text-align: left;    
  margin: 0 auto;
  padding: 30px 75px 0px 75px;      
  width: 874px;
  height: 950px;
  color: #a3a3a3;
  background-image: url("testbg-dark.jpg"); 
  }

#contentmenu {
  float: left;
  height: 600px; 
  width: 300px;
  font-size: 16pt;
  }

#contentmenu ul {
list-style: none;
}
#contentmenu ul li a {
  font-variant:small-caps;
  text-decoration: none;
  font-color: grey;
  font-size: 16pt;
  font-family: georgia;
  }

#content{
  margin-left: 21.5em;
  width: 480px;
  height: 600px;
  }

#content img {
border: solid 1px; 
border-color: black ;
width: 86px;
height: 125px;
padding: 0px;
margin: 0px 1px 12px 0px
}

#contentb{
width: 599px;
height: 633px;
background-image: url("testbgc.jpg");
margin: 0 auto;
padding: 30px 349px 0px 76px; 
  color: #a3a3a3;
  font-size: 11pt;
  font-family: Georgia;