body {
font-family:sans-serif; font-size:14px;
margin:0; padding:0; text-align:center;
}
#webstat{
width:15px; height:15px; 
position:absolute; top:0px; left:0px;
cursor:default;
}
#container {
width:920px; margin:0px auto; text-align:left;
}

#header{
position:relative; height:40px; 
background:url('img/punktcom.png') 2px 14px no-repeat;
}
#cvknapp{
position:relative; left:-8px; width:124px; height:30px; float:left;
background:url('img/cvknapp.png');
}
#contactknapp{
position:relative; width:124px; height:30px; float:left;
background:url('img/contactknapp.png');
}

#menu{
position:absolute; right:10px; bottom:5px;
}

#content{
position:relative; float:left
}

#dock{
width:160px; height:453px;
position:relative; top:-1px; float:right; z-index:4; 
}
table.dock td{
width:52px; height:52px;
}
#stolar{
width:750px; height:453px; 
position:relative; background-image:url('img/stolar.jpg');

}
#art{
width:750px; height:453px; 
position:absolute; top:0px; left:0px; z-index:3; 
}

.textwindow{
float:left; width:250px; margin-right:4px;
}
#cv{
display:none; width:720px; height:430px; padding:20px; 
position:absolute; top:3px; left:14px; z-index:5; 
opacity:0.9; filter:Alpha(Opacity=90); overflow:auto;
background-image:url('img/whitebackground.png');
}
#contact{
display:none; width:720px; height:430px; padding:20px; 
position:absolute; top:3px; left:14px; z-index:6;
opacity:0.9; filter:Alpha(Opacity=90);
background-image:url('img/whitebackground.png');
}
.contactbild{
float:right; position:absolute; right:26px; bottom:22px;
}
img.thumbs{
width:40px; height:40px; border:1px solid #fff; margin:0px; display: block;
margin-left: auto; margin-right: auto;
}



.tooltip{
position:absolute; display:none; right:0px; margin-top:5px;
color:#000; letter-spacing:1px; text-align:right; 
}
span.tooltip{
font: 14px arial; color:#000; font-weight:900;
}
.projekt{
display:none; padding:5px; position:absolute;
}
div.top{
background-image:url('img/svart_top.png'); with:250px; height:10px;
}
.projekttext{
width:240px; padding:5px; text-align:left; height:100%;
font: 12px/16px arial; color:#fff; letter-spacing:0.1em; background-image:url('img/svart.png');
}
div.down{
background-image:url('img/svart_down.png'); with:250px; height:30px;
}
span.projecthead{
font: 16px arial; color:#fff; font-weight:900;
}
span{
font: 16px arial; color:#000; font-weight:900;
}
.pics {  
height:750px; width:482px; padding:0; 
float:right;
} 
.drawings {  
height:642px; width:482px; padding:0; margin:0; 
float:right;
} 
.pics img {  
cursor:pointer;
border:1px solid #fff; top:0; left:0; 
}
.drawings img {  
cursor:pointer; border:1px solid #000; top:0; left:0; 
}
.vykort img {  
cursor:pointer;
}
#maliprojekt{
width:840px; height:453px; margin-left:-100px; color:#fff; 
}
.malitext{
padding:5px; font: 12px/16px arial; color:#fff; letter-spacing:0.1em; background-image:url('img/svart.png'); float:right;
 -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
img{
border:0
} 
#matsumitsu{
position:absolute; display:block; bottom:0px; left:5px;  width:89px; height:15px;
background-image:url('img/matsumitsu.png'); z-index:2;
}
a:link {color:#ccc; text-decoration:none;}     
a:visited {color:#ccc; text-decoration:none;} 
a:hover {color:#fff; text-decoration:none;}  
a:active {color:#fff; text-decoration:none;}