/* Basis-Stylesheet */

html {
padding: 0;
margin:  0;
}
img,p {
margin: 0;
padding:0;
border: 0;
}

a:link    {text-decoration: none}
a:visited {text-decoration: none}
a:active  {text-decoration: none; outline: none;}
a:hover   {text-decoration: none; outline: none;}

 @font-face {
font-family: Eurostile; src: url(Eurosti.eot) /* EOT file for IE */
}
 @font-face {
font-family: Eurostile; src: url(Eurosti.ttf) /* TTF file for CSS3 browsers */
}
 @font-face {
font-family: Eurostile; src: url('Eurosti.eot?iefix') format('eot'),url('Eurosti.ttf') format('truetype');
} 
 @font-face {
font-family: Eurostile; src: url('Eurosti.svg#Eurostileregular') format('svg');
font-family: 'Times New Roman',Eurostile; src: url('Eurosti.woff') format('woff');
} 

h1, h2, h3, h4, h5, p, span, a {
font-family: Eurostile; }

body {
margin:0;
padding:0;
height:660px;
width:100%;
background:white;
font-size:100.01%;
}
.innen-index,.innen-biogr,.innen-impre,.innen-konta,.innen-proje {
width:  629px;
height: 482px;
position: absolute;
top:   84px;
left:  181px;
z-index:4;
}
.innen-index {
background: url(picstart/start_00.jpg);
background-repeat: no-repeat;
}
.innen-biogr {
background: url(picbio/bio_00_lang.jpg);
background-repeat: no-repeat;
}
.innen-impre {
background: url(picimpressum/impr.jpg);
background-repeat: no-repeat;
}
.innen-konta {
background: url(pickontakt/kontakt.jpg);
background-repeat: no-repeat;
}
.innen-proje {
background: url(picprojekte/projekte_01.jpg); 
background-repeat: no-repeat;
}
.rahmen,.bio,.atelier,.impressum,.kontakt,.projekte,.entwuerfe {
width:  849px; 
height: 600px;
position: absolute;
top:  5px;
left: 35px;
z-index:5;
}
.rahmen {
background: url(pichint/hint_ind.png);
background-repeat: no-repeat;
}
.bio {
background: url(pichint/hint_bio.png);
background-repeat: no-repeat;
}
.impressum {
background: url(pichint/hint_impressum.png);
background-repeat: no-repeat;
}
.kontakt {
background: url(pichint/hint_kontakt.png);
background-repeat: no-repeat;
}
.projekte {
background: url(pichint/hint_projekte.png);
background-repeat: no-repeat;
}

#navstart {
width:162px;
height:55px;
position:relative;
top:  27px;
left: 146px;
}
#navbiographie {
position: relative;
top:  27px;
left: 142px;
width:149px;
height:55px;
visibility: inherit;
}
#navprojekte {
position: relative;
top:  27px;
left: 138px;
width:161px;
height:55px;
visibility: inherit;
}
#navatelier {
position: relative;
top:   27px;
left: 132px;
width:162px;
height:55px;
visibility: inherit;
}
#navimpressum,#navsteinmetz {
position: relative;
top:  38px;
left: 90px;
width:55px;
height:162px;
visibility: inherit;
}
#nav-entw-steinmetz {
position: relative;
top:  -437px;
left: -34px;
width:55px;
height:162px;
visibility: inherit;
}
#navskizzen, #navbildhauer {
position: relative;
top:  33px;
left: 90px;
width:55px;
height:166px;
visibility: inherit;
}
#navkontakt, #naventwuerfe  {
position: relative;
top: 26px;
left: 90px;
width:55px;
height:155px;
visibility: inherit;
}
#nav-unt-re-imp {
position: absolute;
top: 560px;
left: 683px;
width:103px;
height:25px;
visibility: inherit;
}
.ueber_00 {
color:white;
width: 235px;
height:25px;
position: relative;
top:   20px;
left:  15px;
font-size:1.8em; 
letter-spacing:1px; 
font-weight:normal;
}
.ueber_00k {
color:white;
width: 235px;
height:25px;
position: relative;
top:   20px;
left:  15px;
font-size:1.7em; 
letter-spacing:1px; 
font-weight:normal;
}
.ueber_01 {
color:white;
width: 235px;
height:25px;
position: relative;
top:   20px;
left:  15px;
font-size:1.0em; 
letter-spacing:1px; 
font-weight:normal;
}
.ueber_02 {
color:white;
width: 235px;
height:25px;
position: relative;
top:   30px;
left:  15px;
font-size:1.0em; 
letter-spacing:1px; 
font-weight:normal;
}
.ueber_03 {
color:white;
width: 235px;
height:25px;
position: relative;
top:   50px;
left:  15px;
font-size:1.0em; 
letter-spacing:1px; 
font-weight:normal;
}
#picbio_00 {
position: relative;
top:   15px;
left:  15px;
width: 150px;
height:222px;
border: 0px;
}
#lebenslauf {
position: absolute;
top:   120px;
left:  450px;
width: 300px;
height:315px;
overflow:hidden;
z-index:6;
}
.impre_rechts {
position: absolute;
top:   120px;
left:  450px;
width: 300px;
height:450px;
overflow:hidden;
z-index:6;
}
.impr_01 {
color:white;
width: 235px;
height:25px;
position: relative;
top:   350px;
left:  15px;
color:white;
width: 225px;
font-size:0.8em; 
letter-spacing:1px; 
font-weight:normal;
}
.impr_02 {
color:black;
width: 300px;
font-size:1.2em; 
letter-spacing:1px; 
font-weight:normal;
}
.konta_rechts {
position: absolute;
top:   110px;
left:  570px;
width: 232px;
height:430px;
overflow:hidden;
z-index:6;
}
.kont_03 {
color:black;
width: 200px;
font-size:2.2em; 
letter-spacing:1.5px; 
font-weight:normal;
margin-bottom: 0;
}
.kont_04 {
margin-top: 5px;
color:black;
width: 232px;
font-size:1em; 
font-weight:normal;
}
.kont_05 {
color:black;
width: 232px;
font-size:1.1em; 
letter-spacing:1px; 
font-weight:normal;
}
#lpfeil_entw {
position: absolute;
top:  510px;
left: 160px;
width:58px;
height:40px;
visibility: inherit;
z-index:7;
}
#rpfeil_entw {
position: absolute;
top:  510px;
left: 221px;
width:58px;
height:40px;
visibility: inherit;
z-index:7;
}
.in-bio {
width:  629px;
height: 1422px;
position: absolute;
top:   84px;
left:  180px;
z-index:6;
border:1px solid black;

}
.in-bio {
background: url(picbio/bio_00_lang.jpg);
background-repeat: repeat;
}
#bio-fort {
position:absolute;
top:   460px;
left:  450px;
width: 345px;
height:315px;
overflow:visible;
z-index:6;
}