html {
}
body {
font-family: monospace;
font-size:1.0em;
/*background:#ffffff;*/
background-image: url(/images/flowers.png), linear-gradient(to bottom, white 80%, yellow);
background-position: bottom;
background-repeat: repeat-x;

color:#000000;
padding-left:10%;
padding-right:10%;

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

h1 {color:#800000;}
h2 {color:#800000;}
h3 {color:#800000;}

hr {color:#FFFF8C;}

a:hover  {
        color : #400000;
        text-decoration : none;
        background-color : #FFFF84;
 }
 
 a:link  {
        color : #800000;
        text-decoration : underline;
 }
 
 a:visited  {
        color : #800000;
        text-decoration : underline;
 }
 
 a:visited:hover  {
        color : #400000;
        text-decoration : none;
        background-color : #FFFF84;
 }

.h1 {
	color:#800000;
        font-size: 2.3em;
        font-weight: bold;
}
.h2 {
	color:#800000;
        font-size: 3.2em;
        font-weight: bold;
}
.h3 {
	color:#800000;
        font-size: 2.1em;
        font-weight: bold;
}

.formbuttonsmall {
color: #FFFFFF;
background-color: #2e6d89;
}

#formbutton {
color: #FFFFFF;
background-color: #2e6d89;
}
#formono {
color: #000000;
font-family: "Courier New",monospace;
background-color: #f7efb0;
}
#field {
color: #000000;
font-family: "Trebuchet MS",Arial,Verdana,Sans-serif;
font-variant:small-caps;
background-color: #f7efb0;
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}
.op {
background-color: #70b3cf;
}
.no {
background-color: #5ea9ca;
}
.hi {
color: #FFFFFF;
background-color: #2e6d89;
}
.title {
color: #FFFFFF;
background-color: #2e6d89;
}
.small {
font-size: 0.7em;
color: #000000; 
}

.spaced {
font-family: "Courier New";
font-size:0.8em;
font-variant: normal;
color: #ff0000; 
}
.red {
color: #B5B5B5; 
}
.cite {
color: #000099; 
}
.fixed {
font-family: "Courier New",Courier;
font-size: 1em;
}

#actionbuttons {
  font-size:9px;
}
#signin {
  font-size:9px;
}
#footer {
  font-size:9px;
}
#navbuttons {
  font-size:9px;
}

.fineprint {
font-size: 0.5em;
color: #808080; 
}
.desc {
font-size: 0.8em;
color: #000000; 
}

.smalltext {
	font-size: 0.7em;
}
.largetext {
	font-size: 2.0em;
	font-weight: bold;
}
a.buch {
	text-decoration:none;
	font-size: 4.0em;
	}
a.buch0 {
	text-decoration:none;
	font-size: 4.0em;
	background-color:red;	
	}
a.buch1 {
	text-decoration:none;
	font-size: 4.0em;
	background-color:lime;
	}
div#cloud {
	position: absolute;
        top: 3px;
        right: 0px;
        z-index: 1;
	display:none;
}

div#anothercloud {
	position: absolute;
	top: 200px;
	left: 0px;
	z-index: 1;
	display:none;
}

div#mountain {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 2;
	display:none;}

div#hill {
	position: fixed;
	bottom: 146px;
	left: 0px;
	z-index: 2;
	}

div#stone {
	position: fixed;
	bottom: 158px;
	right: 0px;
	z-index: 2;
	display:none;
}

div#footer {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 5;}

div#butterfly {
	display:none;
	}

div#controls {
	position: fixed;
	text-align: center;
	bottom: 10px;
	left: 10px;
	z-index: 5;}

div#flowers{
	background:url(/images/flowers.png);
	width:100%;
	height:217px;
	position:absolute;
	bottom:-150px;
	left:0px;
	z-index:4;
	display:none;
	}

div#content{
	position:relative;
	z-index:1;}

.abstand{
	height:210px;
	position:static;}


div.hide {
display: none;
}
div.show:hover div.hide {
display: block;
}