@charset "utf-8";
/* CSS Document */

#navcontainer
{
	padding: 0;
	height: 100px;
}

#navcontainer ul
{
border: 0;
margin-left:8%;
margin-right:8%;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
width: 200px;
height: 80px;
padding: 0;
margin: 0 0 10px 0;
color: #930;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

body#home a#home{
	background-image: url(../images/bt__01.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
body#diensten a#diensten{
	background-image: url(../images/bt__02.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
body#portfolio a#portfolio{
	background-image: url(../images/bt__03.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
body#offerte a#offerte{
	background-image: url(../images/bt__04.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.home a
{
color: #930;
	background-image: url(../images/bt_01.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.home a:hover
{
color: #930;
	background-image: url(../images/bt__01.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}


	
.diensten a
{
color: #930;
	background-image: url(../images/bt_02.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.diensten a:hover
{
color: #930;
	background-image: url(../images/bt__02.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.portfolio a
{
color: #930;
	background-image: url(../images/bt_03.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.portfolio a:hover
{
color: #930;
	background-image: url(../images/bt__03.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.offerte a
{
color: #930;
	background-image: url(../images/bt_04.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.offerte a:hover
{
color: #930;
	background-image: url(../images/bt__04.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}