<style type="text/css">
html
{height:100%; width:100%;
}

body {  text-align:center;
        margin:0 auto;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
        height:100%;
		font-size:100%}

h1 {font-family:Arial, sans-serif; font-size: 100%; font-weight:lighter; color:#293366; }
p.copy {font-family: Arial, sans-serif;}
p.small {line-height:100%;}
p.big {line-height:200%;}

a:link {color:#8a8a7f;}    /* unvisited link */
a:visited {color:#30426F;} /* visited link */
a:hover{background-color:#8a8a7f;}   /* mouse over link */
a:active {color:#20B0F7;background-color:#8A8A7F;}  /* selected link */

a.bottom:hover{background-color:#fff;}   /* mouse over link */

.email:link {color:#30426F;}
.email:hover {color: #993300;}
.email:active {color:#20B0F7;background-color:#8A8A7F;} 

#wrap {
    height: auto;
    min-height: 100%;
}

#main {padding-bottom: 30px;}  /* Muss genau so hoch sein wie der Footer */

 #logo {
  display:block;
  margin-top:30px;
  margin-left: auto;
  margin-right: auto;
   }

  ul.imggrid {
  padding: 0;
  list-style: none;
  margin: 0 auto;
  width: 650px;
  }
  
  .imggrid li {
    float: left;
    padding: 5px;
    border: 1px solid #cbcad0;
    margin: 0 5px 10px 5px;
    } 
    
    .imggrid_display {
   padding: 10px;
   margin: 0 auto;
   width: 650px; 
   /*these two properties will be inherited by .portfolio h2 and .portfolio p */
   font-family:  arial, sans-serif; 
   text-align: center;
  }
  
   .imggrid_display p {
      margin:0; padding: 0;
      font-size: 15px;
      color: #58595b;
      }
  
/* sprites for imggrid */
.imggrid a {
    background: url('images/spritebitmaps.jpg') no-repeat;
    height: 85px;
    width: 130px;
    display: block;
display: table-cell;
	vertical-align: middle;
	text-align: center;
    }

/*sprites*/
.imggrid a#col1 {background-position: 0 0;}
.imggrid a#col2 {background-position:  -150px 0;}
.imggrid a#col3 {background-position: -300px 0;}
.imggrid a#col4 {background-position:  -450px 0;}
.imggrid a#col5 {background-position:  -600px 0;}
.imggrid a#col6 {background-position:  -750px 0;}
.imggrid a#col7 {background-position:  -900px 0;}
.imggrid a#col8 {background-position:  -1050px 0;}
.imggrid a#col9 {background-position:  -1200px 0;}
.imggrid a#col10 {background-position:  -1350px 0;}
.imggrid a#col11 {background-position:  -1500px 0;}
.imggrid a#col12 {background-position:  -1650px 0;}
/* end sprites for imggrid */
/* end imggrid block */      
  

#navlist li {
display:inline;
padding-right:20px;
font-family: Arial, sans-serif;
float:left;
text-align:center;
} 

#navlist ul {
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
text-align:center;
color:#8a8a7f; 
}

#navlist a {
float:left;
padding:10px;
margin:0px;
text-decoration:none;
height:16px;
width:100px;
border-top:2px solid #8a8a7f;
border-bottom:2px solid #8a8a7f;
margin:0 0 10px 0;
display:block;
}

body#home a#homenav,
body#crew a#crewnav,
body#edit a#editnav,
body#links a#linksnav,
body#cont a#contnav {
	color: #fff;
	background: #930;
}
  
  #navigation {
   font-family: Arial, sans-serif;
   width:800px;
   margin:0 auto;
   	clear:both;
   padding-bottom:30px;
   }

   #content {
   font-family: Arial, sans-serif;
   color:#8a8a7f;
   line-height:140%;
   text-align: left;
   width:700px;
   margin:0 auto;
   padding:40px;
   border:0px
   }
   
   

 #footer {
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	clear:both;
   font-family:Arial, sans-serif;
   text-align:center;
   color:#fff;
   font-size:80%;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    background:#8a8a7f;
    padding:8px
}
  
</style>