body {
font-family: Arial, Helvetica, sans-serif; 
background-color: #363636;
}

* {
margin:0;
padding:0;
} 

#rahmen {
background-color: #363636;
width: 800px;
height: 517px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -258px; /**//* Höhe durch zwei */
margin-left: -400px; /**//* Breite durch zwei */
}

#menue {
font-family: Cambria, Times New Roman, sans-serif;
font-size: 13px;
background-color: #000000;
background-image: url(images/webseite/menue.jpg);
width: 110px;
height: 497px;
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
}

#menue ul {
list-style-type: none;
margin: 0px;
padding: 0px; 
}

#menue li {
padding-top: 7px;
padding-left: 15px;
list-style-type: none;	
}

#menue li a {
color: #F3E896;
font-size: 13px;
text-decoration: none;
}

#menue li a: visited, active {
color: #F3E896;
text-decoration: none;	
}

#menue li a:hover {
color:#FFFFFF; 
text-decoration: none;	
}

#home {
background-color: #000000;
width: 112px;
height: 30px;
position: absolute;
top: 23px;
left: -2px;
}

#portrait {
background-color: #000000;
width: 112px;
height: 30px;
position: absolute;
top: 230px;
left: -2px;
}

#arbeiten {
background-color: #000000;
width: 112px;
height: 30px;	
position: absolute;
top: 92px;
left: -2px;
}

#ausstellungen {
background-color: #000000;
width: 112px;
height: 30px;	
position: absolute;
top: 161px;
left: -2px;
}

#kontakt {
background-color: #000000;
width: 112px;
height: 30px;
position: absolute;
top: 299px;
left: -2px;
}

#impressum {
background-color: #000000;
width: 112px;
height: 30px;
position: absolute;
top: 368px;
left: -2px;
}

#inhalt_start {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #DEDEDE;
background-image: url(images/webseite/start.jpg);
width: 570px;
height: 428px;
position: absolute;
overflow: hidden;
top: 0px;
left: 115px;
}

#inhalt {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
width: 520px;
height: 368px;
position: absolute;
top: 0px;
left: 115px;
padding: 30px 25px 30px 25px;
margin: 0px;
}

#inhalt ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 10px 0px; 
}

#inhalt li {
list-style-type: none;
padding: 3px 0px 3px 0px;
margin: 0px;
}

#inhalt h1 {
font-size: 14px;
padding: 0px 0px 18px 0px;
}

#inhalt h2 {
font-size: 11px;
font-weight: bold;
display: inline;
padding: 0px;
margin: 0px;
}

#inhalt a {
color: #363636;
text-decoration: underline;
}

#inhalt a: visited, active {
color: #363636;
text-decoration: underline;	
}

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

#inhalt p {
padding: 0px 0px 10px 0px;
}

#foto_aktuell01 {
width: 208px;
height: 159px;
position: absolute;
top: 68px;
left: 337px;
padding: 0px 0px 0px 0px;
}

#foto_portrait {
width: 140px;
height: 204px;
position: absolute;
top: 68px;
left: 405px;
padding: 0px 0px 0px 0px;
}

#foto_arbeiten01 {
width: 208px;
height: 146px;
position: absolute;
top: 68px;
left: 337px;
padding: 0px 0px 0px 0px;
}

#foto_arbeiten_konzeptuelle01 {
width: 208px;
height: 156px;
position: absolute;
top: 68px;
left: 337px;
padding: 0px 0px 0px 0px;
}

#foto_arbeiten_konzeptuelle02 {
width: 142px;
height: 300px;
position: absolute;
top: 68px;
left: 377px;
padding: 0px 0px 0px 0px;
}

#foto_ausstellungen01 {
width: 165px;
height: 220px;
position: absolute;
top: 68px;
left: 380px;
padding: 0px 0px 0px 0px;
}

#text_aktuell {
width: 302px;
position: absolute;
top: 30px;
left: 25px;
padding: 0px 0px 0px 0px;
margin: 0px;	
}

#text_portrait {
width: 360px;
position: absolute;
top: 30px;
left: 25px;
padding: 0px 0px 0px 0px;	
}

#text_portrait01 {
width: 360px;
position: absolute;
top: 237px;
left: 25px;
padding: 0px 0px 0px 0px;	
}

#text_portrait02 {
width: 520px;
position: absolute;
top: 325px;
left: 25px;
padding: 0px 0px 0px 0px;	
}

#text_arbeiten {
width: 302px;
position: absolute;
top: 30px;
left: 25px;
padding: 0px 0px 0px 0px;
}

#text_arbeiten01 {
width: 520px;
position: absolute;
top: 252px;
left: 25px;
padding: 0px 0px 0px 0px;	
}

#text_arbeiten {
width: 302px;
position: absolute;
top: 30px;
left: 25px;
padding: 0px 0px 0px 0px;
}

#text_arbeiten01a {
width: 520px;
position: absolute;
top: 280px;
left: 25px;
padding: 0px 0px 0px 0px;	
}


#text_ausstellungen {
width: 345px;
position: absolute;
top: 30px;
left: 25px;
padding: 0px 0px 0px 0px;	
}

#text_ausstellungen01 {
width: 520px;
position: absolute;
top: 270px;
left: 25px;
padding: 0px 0px 0px 0px;	
}

#kontaktadresse {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #FAFBC8;
text-align: left;
width: 184px;
position: absolute;
top: 240px;
left: 337px;
padding: 10px 12px 2px 12px;
margin: 0px 0px 0px 0px;
}

#kontaktadresse p{
padding: 0px 0px 8px 0px;
}

#auswahl_arbeiten {
position: absolute;
top: 377px;
left: 25px;
padding: 0px 0px 0px 0px;
}

#auswahl_arbeiten a {
text-decoration: none;
}

#inhalt1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #DEDEDE;
width: 570px;
height: 428px;
position: absolute;
overflow: hidden;
top: 0px;
left: 115px;
}

#inhalt1 a {
color: #363636;
text-decoration: underline;
}

#inhalt1 a: visited, active {
color: #363636;
text-decoration: underline;	
}

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

#auswahl_arbeiten_weiter {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
background-color: transparent;
width: 10px;
position: absolute;
top: 386px;
left: 520px;
text-align: right;
}

#auswahl_arbeiten_weiter a {
text-decoration: none;
}

#auswahl_arbeiten_zurueck {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
background-color: transparent;
width: 10px;
position: absolute;
top: 386px;
left: 35px;
text-align: left;
}

#auswahl_arbeiten_zurueck a {
text-decoration: none;
}

#beschreibung {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: transparent;
width: 520px;
position: absolute;
top: 398px;
left: 25px;
text-align: center;
margin: 0px;
padding: 0px;
}

#beschreibung_weiss {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: transparent;
color: #E4E4E4;
width: 520px;
position: absolute;
top: 398px;
left: 25px;
text-align: center;
margin: 0px;
padding: 0px;
}

#illustration {
background-color: #000000;
background-image: url(images/webseite/illustration.jpg);
width: 110px;
height: 497px;
position: absolute;
top: 0px;
left: 690px;
}

#fotos {
background-color: #363636;	
width: 570px;
height: 64px;
position: absolute;
top: 433px;
left: 115px;
}

#foto1 {
background-color: #000000;	
background-image: url(images/webseite/foto01.jpg);
width: 85px;
height: 64px;
position: absolute;
top: 0px;
left: 0px;
}

#foto2 {
background-color: #000000;
background-image: url(images/webseite/foto02.jpg);
width: 85px;
height: 64px;	
position: absolute;
top: 0px;
left: 97px;
}

#foto3 {
background-color: #000000;	
background-image: url(images/webseite/foto03.jpg);
width: 85px;
height: 64px;
position: absolute;
top: 0px;
left: 194px;
}

#foto4 {
background-color: #000000;
background-image: url(images/webseite/foto04.jpg);
width: 85px;
height: 64px;
position: absolute;
top: 0px;
left: 291px;
}

#foto5 {
background-color: #000000;	
background-image: url(images/webseite/foto05.jpg);
width: 85px;
height: 64px;
position: absolute;
top: 0px;
left: 388px;
}

#foto6 {
background-color: #000000;	
background-image: url(images/webseite/foto06.jpg);
width: 85px;
height: 64px;
position: absolute;
top: 0px;
left: 485px;
}

#foto1 a img {
border: 0px;	
}

#foto2 a img {
border: 0px;	
}

#foto3 a img {
border: 0px;	
}

#foto4 a img {
border: 0px;	
}

#foto5 a img {
border: 0px;	
}

#foto6 a img {
border: 0px;	
}

#copyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 8px;
color: #000000;
background-color: #363636;
width: 800px;
position: absolute;
top: 497px;
left: 0px;
text-align: right;
padding: 0px;
margin: 0px;
}

#formname, #formemail {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 180px;	
}

#formbetreff {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 515px;	
}

#formnachricht {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width: 515px;	
height: 106px;
}

#formabsenden {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;	
}

#kontaktname {
position: absolute;
top: 126px;
left: 25px;
}

#kontaktemail {
position: absolute;
top: 126px;
left: 250px;
}

#kontaktbetreff {
position: absolute;
top: 176px;
left: 25px;
}

#kontaktnachricht {
position: absolute;
top: 226px;
left: 25px;
}