html, body{
margin:0;
padding:0;
text-align:center;
background: #000 ;
}

#container{
text-align:left;
width:1000px;
height:800px;
margin:0 auto;
padding:0;
background:url(images/bigimg.png);
}


/* top nav

--------------------------------------------------------- */


#bgimg{
width; 100%;
height: 600px;

}

#bgimg2{
  position: absolute;
  top: 122px;
width; 100%;
height: 122px;
background:url(images/bgpattern.png) repeat-x;
}



#logo img{
  position: absolute;
  top: 35px;
  padding: 10px;
  margin-left: 0px;
  margin-top:  0px;
  float :  left;
  border:  0px solid #0000ff;
  
}

#logo a:hover img{
  position: absolute;
  top: 35px;
  padding: 10px;
  border:  0px solid #0000ff;
  background:url(images/logoover1.png) repeat-x;
}

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

a:hover{
color: d91467;
text-decoration: underline;
}


/* menu

--------------------------------------------------------- */

#menu{
position: absolute;
top: 120px;
width:990px;
height:60px;
float:left;
margin-top:0px;
margin-left: 10px;
padding:0;
text-align:center;
background:url(images/logoover.png) repeat-x;
}

#menu ul{
width:100%;
height:100%;
float:left;
list-style:none;
margin:0;
padding:0;
stroke: 0px solid #000;
}

#menu li{
display:inline;

}

#menu li img{
opacity:0.7;
filter:alpha(opacity=100)
font:bold 15px Arial;
font-weight: bold;
float: left;
text-align:center;
text-decoration:none;
border: 0px solid #000;
}

#menu li img:hover{
opacity:1.0;
filter:alpha(opacity=100)

}

#menu li img:visited{
opacity:1.0;
filter:alpha(opacity=100)
}

#menu #current img{
opacity:1.0;
filter:alpha(opacity=100)
}


/* News  + other

--------------------------------------------------------- */

#menuimg{
position: absolute;
top: 120px;
margin-left: 504px;
width: 500px;
height: 53px;
background:url(images/menupat.png) repeat-x;
opacity:0.7;
filter:alpha(opacity=100);

}


#inhoud{
position: absolute;
top: 175px;
text-align:left;
width:1000px;
height:auto%;
margin:0 auto;
}



/* left

--------------------------------------------------------- */

#left{
position: absolute;
left: 10px;
margin-left: 0px;
margin-bottom: 0px;
float: left;
width: 250px;
height: 450px;
background: #131313;
}


#left #link{
margin: 10px;
margin-bottom: 10px;
margin-top: 5px;
float: left;
height: 290px;
}

#left .titel1 h1{
text-decoration: none;
margin-left: 0px;
font-family: Arial;
Font-size: 14px;
color: #d91467;
float:left;
}

#left .datum p{
margin-left: 0px;
font-family: Arial;
Font-size: 14px;
color: #d91467;
float:left;
}

#left img{
border: 5px solid #262626;
margin-top: 5px;
margin-bottom: 5px;
}

#left .sitelink a{
text-decoration: none;
padding: 0px;
font-family: Arial;
Font-size: 10px;
color: #fff;
}


#left .sitelink a:hover{
text-decoration: underline;
}

#left h1{
color: #ea00ff;
font-family: Arial;
Font-size: 30px;
font-weight: bold;
color: #fff;
}


#left #friends{
margin: 10px;
margin-bottom: 10px;
margin-top: 10px;
float: left;
height: 160px;
}

/* middle

--------------------------------------------------------- */

#middle{
position: absolute;
top: 0px;
left: 260px;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 5px;
float: left;
width: 470px;
height: 100%;

}



#object{
margin-bottom: 10px;
margin-left: 0px;
float: left;
width: 470px;
height: 100%px;
background: #131313;
}

.text{
width: 100%x;
height: 100%;
margin: 10px;
font-family: Arial;
Font-size: 10px;
color: #fff;
float:left;
border-bottom: 1px dashed #4f4f4f;
background: #;
}

.text a{
text-decoration: none;
color: #00ffc6;

}

.text a:hover{
text-decoration: underline;

}


.feed h1{
margin: 10px;
font-family: Arial;
Font-size: 18px;
color: #d91467;
float:left;
}

.titel{
width: 450px;
height: 40px;
margin: 10px;
background: #222222;
}


.titel .kop h1{
padding: px;
padding-bottom: 0px;
margin-left: 10px;
font-family: Arial;
Font-size: 18px;
color: #d91467;
float:left;
}


.titel .datum p{
text-align:center;
width: 150px;
height: 30px
margin-top: 15px;
margin-left: 0px;
padding: 5px;
font-family: Arial;
Font-size: 12px;
color: #fff;
float: right;
background: #222222;
}

#object .i{
width: 450px;
height: 250px;
margin-left: 10px;
}




.stroke{
margin-bottom: 10px;
margin-left: 10px;
width: 446px;
height: 1px;
background: #d91467;
}


.numbers{
width: 200px;
height: 20px;
float: left;
margin-bottom:10px;
margin-top: 0px;
margin-left: 10px;

}


.numbers a{
text-decoration: none;
width: 10px;
height: 20px;
color: #fff;
margin-left:2px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
background: #2f2f2f;
border: 1px dashed #000;
float: left;
}


.numbers a:hover{
text-decoration: underline;
color: #fff;
}


/* right

--------------------------------------------------------- */

#right{
position: absolute;
top: 0px;
left: 740px;
margin-left: 0px;
width: 265px;
height: 300px;
background: #131313;
}

#right .titel1 h1{
margin-left: 10px;
margin-top: 10px;
font-family: Arial;
Font-size: 14px;
color: #d91467;
float:left;
}

#right .titel1 p{
margin-left: 10px;
font-family: Arial;
Font-size: 10px;
color: #fff;
float:left;
}

#contact{
margin-left: 5px;
float: left;
width: 240px;
height: 100%;
}

#form1{
   width: 200px;
   height: 100%;
   float: left;
   
}

#form1 p{
   margin: 5px;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #fff;
   float:left ;

}


#textfield{
   margin-left: 0px;
   width: 200px;
   height: 50px;
   background: #fff;
   float: left;
   border:#bdd740 1px dashed;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #253c4c ;
}

#textfield1{
   margin-top: 3px;
   margin-bottom: 3px;
   width: 200px;
   height: 17px;
   background: #fff;
   float:left ;
   border:#bdd740 1px dashed;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #253c4c ; 
}


#textfield1:focus{
  color: #fff;
  background: #253c4c;
}


#textfield:focus{
  color: #fff;
  background: #253c4c;
}

#textfield2:focus{
  color: #fff;
  background: #253c4c;
}


#textfield2{
   margin-top: 5px;
   margin-left: 0px;
   width: 200px;
   height: 17px;
   background: #fff;
   float:left ;
   border:#bdd740 1px dashed;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #253c4c ;
}

#buttonfield{
   position: relative;
   left: 0px;
   float: left ;

}

#button{
   margin-left: 9px;
   position: relative;
   left: 20px;
   background: #;
   float: left ;
   border: #bdd740 1px dashed;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #283f4f;

}

#button hover{
   position: relative;
   left: 20px;
   background: #444444;
   float: left ;
   font-size: 12px;
   font-family: helvetica, arial, sans-serif;
   color: #bdd740 ;
   padding-left: 2px;

}



/* Portoflio

--------------------------------------------------------- */

#portfolio .img{
height: 600px;
witdh: 400px;
margin: 6px;
margin-right: 50px;
}

#portfolio img:hover{
background:url(images/imghover.png) repeat-x;
border: 0px solid #b8d13f;
margin: 6px;
}

#portfolio img{
border: 0px solid #b8d13f;
margin: 6px;
}