body {
background-color:#ffffff;
}

img {
border:0px;
}

br {
line-height: 5px;
}

a {
text-decoration: underline;
color:#000000;
font-family: sans-serif, Verdana, Arial, Helvetica;
font-size: 13px;
line-height:18px;
font-weight: normal;
text-align:left;
text-decoration: none;
}

a:link {
color:#000000;
font-family: sans-serif, Verdana, Arial, Helvetica;
font-size: 13px;
line-height:18px;
font-weight: normal;
text-align:left;
text-decoration: none;
}

a:hover {
color:#000000;
text-decoration: underline;
}



/* scroller start */

#scroller {
border: 0;
position:absolute; 
top:120px;
left:60px;
height:250px;
width:250px;
}

/*
#marquee {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6;
}

#marquee:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1;
}

*/

/* scroller end */


#text_about {
position:absolute; 
top:107px;
left:60px;
font-family: sans-serif, Verdana, Arial, Helvetica;
font-size: 13px;
line-height:18px;
font-weight: normal;
text-align:left;
text-decoration:none;
color: #000000;
}

h1 {
font-family: sans-serif, Verdana, Arial, Helvetica;
font-size: 13px;
line-height:18px;
text-align:left;
text-decoration: none;
color: #000000;
font-weight: bold;
}


#photo {
position:absolute; 
top:100px;
left:60px;
}


/* header & navigation start */

#header          {

position:absolute;
top:20px;
left:60px;
}

#navi_personal {
position:absolute; 
top:64px;
left:60px;
display:block;
background-image:url(../navi/personal_grey.png);
width:133px;
height:14px;
}
#navi_personal:hover {
background-image:url(../navi/personal_rosa.png);
}
#navi_personal_active {
position:absolute; 
top:64px;
left:60px;
display:block;
background-image:url(../navi/personal_green.png);
width:133px;
height:14px;
}

#navi_commissioned {
position:absolute; 
top:64px;
left:193px;
display:block;
background-image:url(../navi/commissioned_grey.png);
height:14px;
width:170px;
}
#navi_commissioned:hover {
background-image:url(../navi/commissioned_rosa.png);
}
#navi_commissioned_active {
position:absolute; 
top:64px;
left:193px;
display:block;
background-image:url(../navi/commissioned_green.png);
height:14px;
width:170px;
}

#navi_about {
position:absolute; 
top:64px;
left:363px;
display:block;
background-image:url(../navi/about_grey.png);
height:14px;
width:103px;
}
#navi_about:hover {
background-image:url(../navi/about_rosa.png);
}
#navi_about_active {
position:absolute; 
top:64px;
left:363px;
display:block;
background-image:url(../navi/about_green.png);
height:14px;
width:103px;
}

#navi_about_contact {
position:absolute; 
top:78px;
left:363px;
display:block;
background-image:url(../navi/contact_grey.png);
height:23px;
width:193px;
}
#navi_about_contact:hover {
background-image:url(../navi/contact_rosa.png);
}
#navi_about_contact_active {
position:absolute; 
top:78px;
left:363px;
display:block;
background-image:url(../navi/contact_green.png);
height:23px;
width:193px;
}

#navi_about_cv {
position:absolute; 
top:101px;
left:363px;
display:block;
background-image:url(../navi/cv_grey.png);
height:19px;
width:200px;
}
#navi_about_cv:hover {
background-image:url(../navi/cv_rosa.png);
}
#navi_about_cv_active {
position:absolute; 
top:101px;
left:363px;
display:block;
background-image:url(../navi/cv_rosa.png);
height:19px;
width:200px;
}

#navi_about_clients {
position:absolute; 
top:120px;
left:363px;
display:block;
background-image:url(../navi/clients_grey.png);
height:10px;
width:89px;
}
#navi_about_clients:hover {
background-image:url(../navi/clients_rosa.png);
}
#navi_about_clients_active {
position:absolute; 
top:120px;
left:363px;
display:block;
background-image:url(../navi/clients_green.png);
height:10px;
width:89px;
}

#navi_links {
position:absolute; 
top:64px;
left:466px;
display:block;
background-image:url(../navi/links_grey.png);
height:14px;
width:104px;
}
#navi_links:hover {
background-image:url(../navi/links_rosa.png);
}
#navi_links_active {
position:absolute; 
top:64px;
left:466px;
display:block;
background-image:url(../navi/links_green.png);
height:14px;
width:104px;
}

#legende {
position:absolute;
top:659px;
left:94px;
}

#legende_sp {
position:absolute;
top:657px;
left:94px;
}




#arrow_back{
position:absolute; 
top:659px;
left:60px;
height:12px;
width:8px;
background-image:url(../navi/arrow_back.png);
}

#arrow_back:hover{
position:absolute; 
top:659px;
left:60px;
height:12px;
width:8px;
background-image:url(../navi/arrow_back_on.png);
}


#arrow_forward {
position:absolute; 
top:659px;
left:71px;
height:12px;
width:8px;
background-image:url(../navi/arrow_forward.png);
}

#arrow_forward:hover {
position:absolute; 
top:659px;
left:71px;
height:12px;
width:8px;
background-image:url(../navi/arrow_forward_on.png);
}

/* header & navigation end */


#content_contact {
position:absolute; 
top:175px;
left:393px;
height:107px;
width:209px;
}
   
#content_cv {
position:absolute; 
top:171px;
left:392px;
height:582px;
width:503p sx;
}

#content_clients {
position:absolute; 
top:171px;
left:392px;
height:302px;
width:382px;
}

#content_links {
position:absolute; 
top:167px;
left:496px;
height:323px;
width:158px;
}

/* not used

#thumb01 {
position:absolute; 
top:85px;
left:60px;
height:250px;
width:250px;
}

#thumb02 {
position:absolute; 
top:85px;
left:325px;
height:250px;
width:250px;
}

#thumb03 {
position:absolute; 
top:85px;
left:590px;
height:250px;
width:250px;
}

#thumb04 {
position:absolute; 
top:350px;
left:60px;
height:250px;
width:250px;
}

#thumb05 {
position:absolute; 
top:350px;
left:325px;
height:250px;
width:250px;
}

#thumb06 {
position:absolute; 
top:350px;
left:590px;
height:250px;
width:250px;
}

*/
 
