html {
	background: #dbcebc;
}
body{
	background: #faebd7;
	color: #000000;
	font-family: verdana, sans-serif;
	margin: 40;
	max-width: 900px;
	font-size: small;
	margin: 0 auto;
}

.header {
      background: url('http://www.becolorful.nl/logo_site_k.jpg');
      width: 900px;
      height: 305px;
} 

.address {
      float: right;
      padding: 15px;
      text-align: right;
}


.footer {
      background: url('http://www.becolorful.nl/site_onder.jpg');
      width: 900px;
      height: 16px;
}

ul.menu {
      list-style: none;
      margin-top: 210px;
    }
    
      ul.menu li {
      float: left;
      display: inline;
      background-color: #faebd7;
      filter:alpha(opacity=40);
      opacity:0.4;
      margin-left: 60px;
      border: 1px solid black;
    }
    
    ul.menu li:hover {
      filter:alpha(opacity=80);
      opacity:0.8;
    }
    
    ul.menu li a {
      border: 4px solid white;
    	padding: 5px;
    	width: 100px;
    	height: 55px;
    	display: block;
	color: #000000;
	text-decoration: none;
    }

    ul.menu li a:visited {
    color: #333333;
    text-decoration: none;
    }
    
ul.adres {
    margin-left: 70px;
    margin-bottom: 40px;
}

ul.portfo {
      list-style: none;
      margin-top: 10px;
      margin-bottom: 10px;
      height: 120px;     
      }
    
      ul.portfo li {
      float: left;
      display: inline;
      background-color: #808080;
      filter:alpha(opacity=60);
      opacity:0.6;
      margin-left: 60px;
      border: 1px solid black;
    }
    
    ul.portfo li a {
	border: 4px solid white;
    	padding: 5px;
    	width: 100px;
    	height: 115px;
    	display: block;
	color: #000000;
	text-decoration: none;
	
    }
    
    ul.portfo li:hover {
      filter:alpha(opacity=100);
      opacity:1.0;
    }
    
    ul.portfo li a:visited {
    color: #222222;
    text-decoration: none;
    }
    

table.contact { 
margin-left: 70px;
}    

ul.content
{
float:left;
width:100%;
padding:10px;
margin:10px;
list-style-type: none;
}

li.content 
{
padding:10px;
margin:10px;
font-weight: bold;
}

/*ul
{
float:left;
width:100%;
margin:10px;
list-style-type: none;
}

li
{
margin:10px;
}*/

img { 
border: 0;
}

/*a 
{
color: #000000;
display: block;
width:6em;
}

a img
{
border: 0;
}

a:link
{
color: #000000;
text-decoration: none;
}

a:visited
{
color: #808080;
text-decoration: none;
}*/

h1 {
font-family: Verdana; 
font-size: 18px; 
color: #000000; 
font-weight: bold;
margin-left: 55px;
padding:15px;
}

h2 {
font-family: Verdana; 
font-size: 12px; 
color: #000000; 
margin-left: 100px;
padding:15px;
}

h3 {
font-family: Verdana; 
font-size: 10px; 
color: #000000; 
margin-left: 100px;
padding:15px;
}

div.logo
{
background: url(logo_site_k.jpg);
  width: 900px;
  height: 388px;
}


p
{
  margin-left: 55px;
  margin-right: 140px;
  padding:15px;
  color: #000000;
}

</style>