*{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 .dir{background:url(pics/dir.jpg);}
  #menusmall .dir:hover{background:url(pics/dirover.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{}
 .project .titel{padding:0px 0px 0px 10px;font-weight:bold;font-size:14px;}  
 .project .titel:hover{text-decoration:none;}
 .project .url{padding:5px 0px;font-weight:bold;font-size:12px;}   
 .project .url:hover{text-decoration:none;}

.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{}

#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;}