* {
margin: 0;
padding: 0;
}
		
body {
font-family: Arial, Helvetica, sans-serif;
color: #ffff00;
background-color: #000099;
font-size:100.01%;
text-align: center;
}

#container {
text-align: left;
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
}

p {
margin: 0 0 0.8em 0;
}

/*----------kopf------------*/

#kopf {
background-color: #000000;
padding: 0.5em 0 1.5em 0;
}
	
#kopf h1 {
font-size: 2em;
margin-bottom: 0.5em;
margin-left: 20%;
}
		
#kopf h2 {
font-size: 1em;
margin-left: 20%;
}

/*----------navigation------------*/

#navi {
width: 16%;
float: left;
position: fixed;
padding: 3em 0 0 1.5em;
}

#navi li {
margin: 0 0 1.5em 2em;
font-weight: bold;
list-style-type: none;
}

#navi li.aktiv {
border-left: solid 15px #ffff00;
}

#navi a {
text-decoration: none;
}

#quer ul {
padding-bottom: 0.2em;
margin-bottom: 2em;
border-bottom: 1px solid #ffff00;
}

#quer li{
display: inline;
}

#quer a {
text-decoration: none;
padding: 0 1.7em 0 0.3em;
border-right: 1px solid #ffff00;
}

.linkerrand {
border-left: 1px solid #ffff00;
}

/*----------links------------*/

a {
color: #ffff00;
background-color: #000099;
}

a:visited {
font-style: italic;
}

#inhalt li {
list-style-type: none;
}

/*----------inhalt------------*/
     
#inhalt {
margin-left: 20%;
height: 100%;
width: 70%;
padding-top: 3em;
}

.vorgelaufen {
margin-top: 1.5em;
}

/*----------titel------------*/

h1 {
font-size: 1.5em;
margin: 1em 0 0.3em 0;
padding: 0;
}

h2 {
font-size: 1em;
vertical-align: text-top;
}

/*----------bilder------------*/
		
img {
float: right;
margin: 0.1em 0 1em 2em;
border: 0;
}

.bildkontakt {
margin: 0 0 0 2em;
}

.bildlinks {
float: left;
margin: 0.5em 1em 0.5em 0; /*----------Markierungen auf Startseite------------*/
}

.bildreferenz {
margin: 0;
}

.divreferenz {
float: left;
width: 300px;
margin: 2em 1.5em 1em 0;
}

/*---------formular-------------*/

form {
margin: 0 0 1em 0;
}

fieldset {
width: 70%; 
border-left: solid 1px #0055aa;
border-top: solid 2px #0055aa;
border-right: solid 2px #0055aa;
border-bottom: solid 1px #0055aa;
}

label  { 
width: 20%; 
float: left;
padding: 1em 0 0 1em;
}

input, textarea { 
width: 70%;
font-size: 1em;
margin: 10px;
padding: 2px;
border-left: solid 1px #000099;
border-top: solid 2px #0055aa;
border-right: solid 2px #0055aa;
border-bottom: 0;
}

.abschicken { 
background-color: #000099;
border: 0;
margin-left: 20%
}

input:focus, input:hover, textarea:focus, textarea:hover {
background-color: #88cccc;
color: #000000;
}

/*----------fusszeile-----------*/

#fusszeile {
clear: both;
font-size: 0.8em;
margin-left: 20%;
padding-top: 1.5em;
padding-bottom: 0.5em;
}