html, body {
	height: 100%;
    background: #c0c0c0 url(images/backwhite.jpg) repeat-y 50% 0;
	color: #404040;
    margin: 0;
	padding: 0;
	}
    
body {
	text-align: center; /* IE auto margins workaround */
    font : normal normal normal 80% Trebuchet MS;
    margin: 0;
	padding: 0;
	} 
    
a:hover {
color:#99cc33;
text-decoration: none;
}

A {
color:#404040;
}

table {
  font : normal normal normal 100% Trebuchet MS;
}

textarea {
  overflow-y : auto;    
}
h1,h2,h3,p {
margin: 0px 0px 2px 0px;
padding: 1px 0px 2px 0px;
}

#container {
background: url(/images/background.gif) no-repeat center;
  position : relative;
  width : 800px;
  height : 100%;
  top : 0px;
  visibility: visible;
  background-color: #ffffff;
  text-align: left;
  vertical-align: top;
  border-left : 1px solid #808080;
  border-right : 1px solid #808080;
}

#logo {
  position: absolute;
  width: 120px;
  height: 80px;
  left: 1px; 
  top: 10px;
}

#menu {
position:absolute;
width:660px; 
height: 20px;
left: 130px; 
top: 49px;
text-align: center;
vertical-align: bottom;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#left {
position:absolute;
width:130px; 
left: 6px; 
top: 140px;
vertical-align: top;
color:#404040;
}

#content {  
position:absolute;
width:630px;
min-height: 100%; 
left: 160px; 
top: 100px;
padding: 2px 2px 2px 2px;
vertical-align: top;
color:#404040;
  visibility: visible;
}

* html #container {
	height: 100%; /* for IE because it doesn't do min-height */
	}
    
#start {
position:absolute;
left: 0px; 
top: 20px;
vertical-align: top;
color:#404040;
width:600px; 
visibility: visible;
}

#portfolio {
position:absolute;
left: 0px; 
top: 20px;
vertical-align: top;
color:#404040;
width:600px; 
visibility: visible;
}

#contact {
position:absolute;
left: 0px; 
top: 20px;
vertical-align: top;
color:#404040;
width:600px; 
visibility: visible;
}

#diensten {
position:absolute;
left: 0px; 
top: 20px;
vertical-align: top;
color:#404040;
width:600px; 
visibility: visible;
}

#balk {
position:absolute;
width:600px; 
height:10px;
left: 0px; 
top: 5px;
visibility: visible;
}

#startcontent {
position:absolute;
left: 0px; 
top: 40px;
vertical-align: top;
color:#404040;
width:600px; 
visibility: visible;
border-left: 1px dashed #808080;
border-right: 1px dashed #808080;
}

#portfoliocontent {
position:absolute;
left: 0px; 
top: 40px;
vertical-align: top;
color:#404040;
width:600px;
visibility: visible;
border-left: 1px dashed #808080;
border-right: 1px dashed #808080;
}

#contactcontent {
position:absolute;
left: 0px; 
top: 40px;
vertical-align: top;
color:#404040;
width:600px; 
visibility: visible;
border-left: 1px dashed #808080;
border-right: 1px dashed #808080;
}

#dienstencontent {
position:absolute;
left: 0px; 
top: 40px;
vertical-align: top;
color:#404040;
width:600px; 
visibility: visible;
border-left: 1px dashed #808080;
border-right: 1px dashed #808080;
padding: 0px 8px 0px 8px;
}

#imageborder {
width:200px;
height:135px;
border: 1px solid #404040;
margin: 2px 0px 4px 0px;
}

#footer {
	position: absolute;
    right: 0px;
    top: 400px;
	height: 60px;
    text-align : right;
    vertical-align: bottom;
	}
    
.amerikasans {
font-family: "Amerika Sans";
}

.menufont {
font-family: "Amerika Sans";
font-size: 17px;
font-weight: normal;
color:#808080;
text-decoration: none;
}

.brown {
	background-color : #9b0000;
}

.green {
	background-color : #99cc33;
}

.lightgreen {
	background-color : #CCFF33;
}

.footer {
    font : normal normal 80% Trebuchet MS;
}

.h4 {
	font-family : Trebuchet MS;
	font-weight : bold;
	font-size : 120%;
}

.h3 {
	font-family : Trebuchet MS;
	font-weight : bold;
	font-size : 128%;
}