*{margin:0;padding:0;}
body{background:#e3e4e5 url(pics/bg.jpg) repeat-y center top;color:#384040;padding:10px 0 0 0;font:12px Arial;}
#container{width:604px;margin:0 auto;}

#menu{height:25px;padding:0 0 0 2px;font-size:14px;}
#menu li,#menusmall li{list-style:none;display:inline;}
#menu a{display:block;width:119px;height:21px;padding:6px 0 0 0;float:left;text-decoration:none;background:url(pics/menu.jpg);margin:0 0 0 10px;text-align:center;}
  #menu a.on{background:url(pics/menuactive.jpg);}
  #menu a:hover{color:#2b82b7;}
#menusmall{height:25px;padding:0;float:right;width:140px;}
#menusmall a{display:block;height:25px;width:55px;float:left;text-decoration:none;background:url(pics/menusmall.jpg);margin:0 0 0 9px;}
  #menusmall .proj{background:url(pics/proj.jpg);}
  #menusmall .proj:hover{background:url(pics/projover.jpg);}
  #menusmall .ejibe{background:url(pics/ejibe.jpg);}
  #menusmall .ejibe:hover{background:url(pics/ejibeover.jpg);}
    
#banner{height:109px;background:url(pics/logo.jpg);margin:0 0 13px;}
  #banner a{display:block;height:109px;} 
 
#pictograms{height:82px;margin:0 0 10px;padding:0 0 0 5px;}
 #pictograms li{list-style:none;display:inline;}
 #pictograms a{display:block;height:82px;width:188px;float:left;margin:0 5px 0 5px;}
 
  #pictograms .logos{background:url(pics/logos.jpg);}
  #pictograms .logos:hover{background:url(pics/logosover.jpg);}
  #pictograms .slicen{background:url(pics/slicen.jpg);}
  #pictograms .slicen:hover{background:url(pics/slicenover.jpg);}
  #pictograms .banners{background:url(pics/banner.jpg);}
  #pictograms .banners:hover{background:url(pics/bannerover.jpg);}
  
.box{background:url(pics/content.jpg);margin:0 0 10px;}
  .top{background:url(pics/top.jpg);height:3px;font-size:0;}
  .bottom{background:url(pics/bottom.jpg);height:3px;font-size:0;margin:5px 0 0 0;clear:both;}
.box p{padding:5px 10px;}
.box h1{padding:5px 10px;font-size:16px;}
.box h2{padding:5px 10px;font-size:14px;}
  .box h2.pad{padding-left:20px;} 
.box h3{padding:5px 10px;font-size:12px;}
.box a{text-decoration:none;}
.box a:hover{text-decoration:underline;}

.box ul{padding:0 0 0 35px;}

.portfolio{width:150px;text-align:center;float:left;margin:0 0 20px 0;}
.portfolio h3{font-size:12px;pading:0 0 3px;}
.portfolio .preview{height:95px;}
.portfolio .preview img{width:100px;}

.project{clear:both;height:130px;margin:0 0 7px 0;padding:0 0 0 2px;}
 .project h3{color:#374140;font-size:14px;}
 .project img{border:1px solid #888c8b;float:left;width:93px;margin:0 0 0 0;}
 .project .kort{width:90px;float:left;font-weight:bold;font-size:13px;}
 .project .lang{}

.webmarketing{clear:both;height:130px;margin:0 0 7px 0;padding:0 0 0 2px;}
 .webmarketing h3{color:#374140;font-size:14px;}
 .webmarketing img{border:1px solid #888c8b;float:left;width:93px;margin:0 0 0 0;}
 .webmarketing .kort{width:65px;float:left;font-weight:bold;font-size:13px;}
 .webmarketing .lang{}

#index{padding:5px 10px 5px 30px;position:relative;}
#index .samen{padding:0 0 40px 210px;}
#index .samen .wordperss{padding:0 0 0 87px;}
#index .grafisch{padding:0 0 0 13px;}
#index .slicen{position:absolute;top:85px;left:400px;}
#index .banner{padding:0 0 0 115px;}             
#index .webhost{float:left;padding:0 15px 30px 0;}
#index .ejibe{float:left;p}
#index .ejibe img{vertical-align:middle;}
#index .uniek{padding:0 0 0 108px;}
#index .perfectie{padding:0 0 0 22px;}
#index .contact{background:url(pics/contacteer.jpg);width:126px;height:23px;padding:7px 0 0 0;position:absolute;top:250px;left:400px;color:#3182aa;font:bold 14px Arial;text-align:center;text-decoration:none;}

#index a{font-weight:bold;}

#footer .bottom{margin:0;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer b{color:#384040;}  
  
a{color:#384040;}
.fright{float:right;}
.frighti{float:right;text-style:italic;}
b{color:#3d4545;}
img{border:0;} 

textarea{width:450px;height:175px;}
fieldset{border:0;}
.error{color:red;}
.wide{width:200px;}
.clear{clear:both;}