body {
font: 16px/20px 'PTSansRegular', Arial, sans-serif;letter-spacing: 0;
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; margin:10px 0 0 0;
}
#logo{
font: 24px/18px 'PTSansCaptionRegular', Arial, sans-serif;letter-spacing:0px; color:#ccc;
float:left; position:relative; top:9px;
}

#cvknapp, #contactknapp{
position:relative; left:-9px; width:124px; float:right; margin:0 0 0 4px; padding:0px 4px;
font: 13px/24px 'PTSansCaptionBold', Arial, sans-serif;letter-spacing:0.1em; color:#f70;
border:1px solid #f70;
background:rgb(255,248,241); 
cursor:pointer;
text-align:center;
}

#content{
position:relative; float:left; margin:5px 0 0 0;
}

#dock{
width:160px; height:453px;
position:relative; top:5px; float:right; z-index:4; 
}

div.dock div{
width:52px; height:52px; float:left;
} 
#stolar{
width:750px; height:453px; 
position:relative; background-image:url('img/stolar.jpg');
border-radius: 5px; box-shadow: inset 2px 4px 8px 2px rgba(0,0,0, 0.7);
}
#art{
width:750px; height:453px; 
position:absolute; top:0px; left:0px; z-index:3; 
}


#cv{
display:none; width:720px; height:430px; padding:20px; 
position:absolute; top:3px; left:14px; z-index:5; 
overflow:auto;
background:rgba(255,255,255,0.9);
border-radius:4px; border:1px solid #ccc;
}
#contact{
display:none; width:720px; height:430px; padding:20px; 
position:absolute; top:3px; left:14px; z-index:6;
background:rgba(255,255,255,0.9);
border-radius:4px; border:1px solid #ccc;
}
.contactbild{
float:right; position:absolute; right:26px; bottom:22px;
}
img.thumbs{
width:40px; height:40px; border:1px solid #fff; margin:0px; display: block;
 cursor:pointer; margin:auto;  
border:1px solid #ccc; position:relative; top:5px;
}



.tooltip{
font: 18px/20px 'PTSansRegular', Arial, sans-serif;letter-spacing: 0;
position:absolute; display:none; right:0px; margin-top:5px;
color:#000; text-align:right; 
}
.tooltipblock{
clear:left;
}
.tooltip span{
font: 20px/18px 'PTSansBold', Arial, sans-serif;letter-spacing: 0; color:#000; 
}
.projekt{
display:none; padding:5px; position:absolute;
}

.projekttext{
float:left; width:240px; margin-right:4px;
 padding:20px 5px 30px 5px; text-align:left; height:100%;
font: 13px/19px 'PTSansRegular', Arial, sans-serif; letter-spacing: 0; color:#fff; letter-spacing:0.1em; background:rgba(0, 0, 0, 0.55);
border-radius:8px;
}

span.projecthead{
font: 20px/18px 'PTSansBold', Arial, sans-serif;letter-spacing: 0; color:#fff; 
}
span{
font: 18px/18px 'PTSansBold', Arial, sans-serif;letter-spacing: 0; color:#000;
}
.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: 13px/17px 'PTSansRegular', Arial, sans-serif; letter-spacing: 0; color:#fff; letter-spacing:0.1em; background:rgba(0, 0, 0, 0.55); float:right;
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;}