body, html {
background-color: #9fb1c6;
margin: 0px;
height: 101%;


}


/* ***** Formatierung Layout Startseite ***** */

#start {
position: fixed;
bottom: 150px;
margin-left: 670px;
width: 300px;
height: 250px;
}

#titel {
position: absolute;
top: 0px;
right: 0px;
}
#bild3 {
position: absolute;
top: 60px;
right: 0px;
}
#bild2 {
position: absolute;
top: 60px;
right: 191px;
}
#bild1 {
position: absolute;
top: 60px;
right: 382px;
}


/* ***** Formatierung Layout der Webseite ***** */


#layout {
width: 1024px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -512px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}

#shadowl {
width: 33px;
height: 1000px;
background-image: url(bilder/shadow_l.png);
background-repeat: repeat-y;
position: fixed;
top: 0px;
margin-left: -33px;
}

#shadowr {
width: 27px;
height: 1000px;
background-image: url(bilder/shadow_r.png);
background-repeat: repeat-y;
position: fixed;
top: 0px;
margin-left: 1024px;
}

#header {
position: fixed;
top: 0px;
width: 1024px;
height: 75px;
background-color: #ffc78e;
}

#footer {
position: fixed;
bottom: 0px;
width: 1024px;
height: 100px;
background-color: #ffc78e;
margin-top: 100%;
}

#inhalt {
margin: 75px 0px 0px 200px;
width: 700px;
font-family: tahoma;
color: #000;
font-size: 0.8em;
padding: 20px 80px 120px 20px;
text-align: justify;
}

#inhaltprojekt {
margin: 75px 0px 0px 200px;
width: 700px;
font-family: tahoma;
color: #000;
font-size: 0.8em;
padding: 20px 80px 120px 20px;
}

#projektinhalt {
font-family: tahoma;
color: #000;
font-size: 1.0em;
}

#projekte {
position: absolute;
top: 100px;
right: 15px;
bottom: 125px;
width: 120px;
height: 370px;
text-align: center;
overflow-x: hidden;
overflow-y: hidden;
}

#banner {
background-image: url(bilder/banner.gif);
background-repeat: repeat-y;
width: 136px;
height: 1400px;
position: fixed;
top: 75px;
}

#profil {
background-color: #7A96B1;
float: right;
}

#portrait {
float: left;
}

br.clear {
clear: both;
}

/* ***** Formatierung Menü ***** */


#menucenter {
width: 900px;
height: 50px;
position: absolute;
top: 5px;
left: 50%;
margin-left: -450px;
padding: 0px 0px 0px 30px;
}

#menucenter a, #menucenter a:link, #menucenter a:visited {
margin: 50px 0px 0px 30px;
height: 50px;
font-family: tahoma;
font-size: 1.0em;
color: blue;
text-decoration: none;
float: left;
}

#menucenter a:hover {
color: #993333;
}

#menucenter a.active {
color: #993333;
margin: 5px 0px 0px 30px;
}


/* ***** Formatierung Bilder ***** */

img#index {
margin-top: 80px;
margin-left: 15px;
}

img#adresse {
float: left;
margin-top: 15px;
margin-left: 5px;
}

img#name {
float: right;
margin-top: 15px;
margin-right: 5px;
}
img#fassade {
width: 136px;
height: 425px;
position: absolute;
top: 0px;
left: 0px;
}

.projektbild {
margin-top: 5px;
}

#buttonrauf {
position: absolute;
top: 75px;
right: 25px;
width: 102px;
height: 19px;
}
#buttonrunter {
position: absolute;
top: 477px;
right: 25px;
width: 102px;
height: 19px;
}

/* ***** Formatierung Texte ***** */

h1 {
font-family: tahoma;
color: #000;
font-size: 1.4em;
margin-bottom: 2px;
}

h2 {
font-family: tahoma;
color: #000;
font-size: 0.9em;
margin-bottom: 5px;
margin-top: 10px;
}

h3 {
font-family: tahoma;
color: #000;
font-size: 1.8em;
margin-bottom: 5px;
margin-top: 10px;
}

/* ***** Formatierung weitere Elemente ***** */

hr {
color: #000;
margin-top: 4px;
height: 1px;
border: 0px;
background-color: #000;
}

hr#menu {
width: 900px;
height: 2px;
color: #993333;
background-color: #993333;
margin-top: 30px;
border: 0px;
}

#zusatz {
position: fixed;
bottom: 120px;
margin-left: 150px;
width: 530px;
height: 50px;
font-family: tahoma;
font-size: 0.7em;
color: #000;
}

textarea {
text-align: justify;
}