* {
margin: 0;
padding: 0;
}
		
body {
font-family: Arial, Helvetica, sans-serif;
font-size:100.01%;
}

#container {
margin: 1em;
}

p {
font-size: large;
margin-bottom: 1em;
}

/*------------kopf-----------*/
	
#kopf {
min-height: 250px;
}
		
#logo {
float: left;
}

#kopf h1 {
text-align: center;
font-size: 2.2em;
margin-bottom: 0.8em;
}

#kopf h2 {
text-align: center;
color: #ff9900;
background-color: inherit;
font-size: 1.3em;
margin-top: 0.5em;
margin-bottom: 3em;
}

#kopf ul {
text-align: center;
}

#kopf li {
display: inline;
padding: 0 1em 0 1em;
font-size: large;
font-weight: bold;
}

#kopf a {
color: #777777;
background-color: inherit;
}

/*------------navigation-----------*/
		
#navi{
clear: left;
float: left;
font-size: large;
font-weight: bold;
min-width: 234px;
color: #777777;
margin-top: 20px;
}
		
#navi li {
margin: 0 0 0.5em 1em;
font-size: large;
}

#navi li ul li {
margin: 0.5em 0.5em 0.3em 1em;
font-size: 0.9em;
}

#navi a {
color: #777777;
background-color: inherit;
}

a:visited {
font-style: italic;
}

.hintergrundmusik {
text-align: center;
color: #ff9900;
background-color: inherit;
}

/*------------inhalt-----------*/

#inhalt {
height: 100%;
margin-left: 234px;
margin-top: 20px;
}

h1 {
font-size: 1.5em;
margin-bottom: 1.5em;
}

.abstand {
margin: 2em 0 0.5em 0;
}

h2 {
font-size: 1.2em;
margin: 2em 0 1em 0;
}

h3  {
margin-bottom: 0.3em;
}

.zentriert {
text-align: center
}

.rechts {
text-align: right;
}

#gesetz {
font-family: 'Times New Roman', serif;
}

.klein {
font-size: small;
}

.zifferabstand {
word-spacing: 1em;
}

#kursiv {
width: 95% }/*--damit der inhalt mit kursiver schrift im ie nicht nach unten rutscht ---*/

.kursiv {
font-style: italic;
}

hr {
color: #ff9900;
background-color: inherit;
margin: 1em 0 1em 0;
clear: right;
}

.beratung {
font-size: large;
margin-bottom: 1em;
list-style-type: disc;
padding-left: 1em;
}

/*------------linkseite-----------*/

.titellinks {
color: #ff9900;
background-color: inherit;
font-size: 1.3em;
margin-bottom: 0.5em;
}

.linksul {
list-style-type: none;
font-size: large;
text-decoration: none;
margin-bottom: 2.5em;
}

/*------------lieder-----------*/

#lied {
color: #000000;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 3em;
padding: 2em;
}

#lautsprecher {
float: right;
color: #777777;
background-color: inherit;
}

.orchidee {
width: 36em;
}

.orchid {
width: 43em;
}

.weil {
width: 21em;
}

.because {
width: 27em;
}

.daddy {
width: 41em;
}

.wortabstand {
word-spacing: 5em;
}

/*------------bilder-----------*/

img {
border: 0;
margin-left: 5px;
}

.bild {
float: right;					
margin: 0 0 3em 1em;
}

.bildrand {
float: right;					
margin: 0 0 3em 1em;
border: 1px solid black;}

.lautsprecher {
float: right;					
margin: 0 20em 0 1em;
}

.button {
margin: 0 0 -2px 20px;
}

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

form {
margin: 2.5em 0 1.5em 0;
padding: 0;
}

fieldset { 
width: 95%; 
border-left: solid 1px #ff9900;
border-top: solid 1px #ff9900;
border-right: solid 2px #ff9900;
border-bottom: solid 2px #ff9900;
padding-left: 0.5em;
}

legend  { 
padding: 3px; 
margin: 0 0 1em 0;
border-left: solid 1px #ff9900;
border-top: solid 1px #ff9900;
border-right: solid 2px #ff9900;
border-bottom: solid 2px #ff9900;
background-color: #dddddd;
color: #000000;
}

label  { 
width: 12em;
clear: left;
float: left;
margin: 0.5em 0 0 0.5em;
}

input, textarea { 
border-left: solid 2px #ff9900;
border-top: solid 2px #ff9900;
border-right: solid 1px #ff9900;
border-bottom: solid 1px #ff9900;
font-size: 1em;
width: 25em;
margin: 3px;
padding: 3px;
}

.abschicken { 
width: 20em;
background-color: #dddddd;
border-left: solid 1px #ff9900;
border-top: solid 1px #ff9900;
border-right: solid 2px #ff9900;
border-bottom: solid 2px #ff9900;
font-size: 1em;
padding: 3px;
margin: 1em 0 1em 0.5em;
color: #000000;
}

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

/*------------fusszeile-----------*/
			
#fusszeile {
padding-bottom: 0.1em;
clear: left;
margin-left: 234px;
}