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

body {
background-color:#000;
font-family:Arial, Helvetica, sans-serif ;
font-size:12px;
color: #FFFFFF;
}

#container {
width: 802px;
height:606px;
margin: 35px auto;
border: 2px solid #fff;
background-color:#232323;
}

#hometop {
float:left;
width: 802px;
height:241px;
background-image: url(../home_images/hometop.jpg);
border-bottom: 1px solid #fff;
}

#center {
float:left;
width: 802px;
height: 121px;
background-color: #232323;
}

#homebottom {
float:left;
width: 802px;
height: 242px;
background-image: url(../home_images/homebottom.jpg);
border-top: 1px solid #fff;
}

#menutophome {
width: 400px;
float:left;
margin: 82px 0 0 36px;
}

#menutophome ul {
width: 400px;
text-transform:uppercase;
float:left;
list-style-type:none;
}

#menutophome li.informatie {
font-size: 22px;
width: 200px;
margin-left: 350px;
margin-top: -26px;
float:left;
}

#menutophome li.blog {
font-size: 22px;
width: 200px;
margin-right: 300px;
float:left;
margin-left: -23px;
}

#menubottomhome {
width: 400px;
float:left;
margin: 82px 0 0 196px;
}

#menubottomhome ul {
width: 400px;
text-transform:uppercase;
float:left;
list-style-type:none;
}

#menubottomhome li.portfolio {
font-size: 22px;
width: 200px;
float:left;
}

#menubottomhome li.contact {
font-size: 22px;
width: 200px;
margin: -26px 0 0 410px;
float:left;
}

a{
outline:none;
}

A:link {
color: #fff;
}

A:hover {
color: #fff;
text-decoration: underline;
}

a:active {
color:#fff;
text-decoration:none;
}

a:visited {
color:#fff;
text-decoration:underline;
}

#articletop {
float:left;
width: 802px;
height:121px;
border-bottom: 1px solid #fff;
background-image: url(../home_images/toparticle.jpg);
}

#articletop ul {
width: 400px;
text-transform:uppercase;
float:left;
list-style-type:none;
}

li.right {
font-size: 22px;
width: 200px;
margin-left: 625px;
margin-top: 70px;
float:left;
}

#stads {
bottom:10px;
position:fixed;
right:10px;
z-index:40;
}