body {
	overflow:hidden;
	background: linear-gradient(30deg, #eeeeee, #c9ddf4);
	font-family: arial;
}

#hauptinhalt {
	position:absolute;
	width:100%;
	height:100%;
	overflow:auto;
}
#head {
	position:relative;
	overflow:auto;
	width: 840px;
	height: 68px;
	background: linear-gradient(white, #a8c0fd);
}
#hb-div{
	position:relative;
	overflow:hidden;
	width: 840px;
	height: 100px;
	margin-top: 2px;
}
#inhalt {
	width: 840px;
	height: 40em;
	margin-top: 2px;
}
#navdiv {
	width:840px;
	background-color: #dfdfdf;
}

#cont {
	position: relative;
	overflow:auto;
	background-color: #efefef;
	border-width:3px;
	border-color:#dddddd;
	border-style:solid;
	width:834px;
	min-height: 450px;
	background-image: url("../ima/ContBG.JPG");
}

#unten {
	position:absolute;
	width:100%;
	height: 7.5em;
	bottom:0;
	background-image: url("../ima/Bildlauf.png");
	z-index: -1;
}

#hb-div img {
  position:absolute;
  width: 840px;
  height: 100px;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#hb-div img.opaque {
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}

.ContHead {
	font-size:14pt;
	font-family:Times New Roman;
	color:#005511;
}

.ContText {
	font-size:11pt;
	font-family:Times New Roman;
	color:#117733;
}

.ContSmall {
	font-size:8pt;
	font-family:Times New Roman;
	color:#117733;
}

.ContBackRef{
	font-size:10pt;
	font-family:Times New Roman;
	color:#117733;
	font-style: italic;
}

.ContZitat {
	font-size:11pt;
	font-family:Lucida Handwriting;
	color:brown;
}

.ml1 {
	margin-left: 5px; 
	padding: 0;
	font-size: small;
	margin: 10px 0 0 0;
	padding: 0.5em;
	font-weight: bold;
	width: 120px;
	color: royalblue;
	border-bottom: 1px solid blue;
	box-shadow: 0px 5px 10px white inset;
	background: linear-gradient(#eee, #a8c0fd);
}

.ml1_enter {
	margin-left: 5px; 
	padding: 0;
	font-size: small;
	margin: 10px 0 0 0;
	padding: 0.5em;
	width: 120px;
	color: #444;
	font-weight: bold;
	border-bottom: 1px solid black;
	background: linear-gradient(#eee, #bbb);
}

.ml1_select {
	margin-left: 5px; 
	padding: 0;
	font-size: small;
	margin: 10px 0 0 0;
	padding: 0.5em;
	width: 120px;
	color: #600;
	font-weight: bold;
	border-bottom: 1px solid brown;
	background: linear-gradient(#dad8d7, #69d4c6);
}

.ml2 {
	margin-left: 5px; 
	padding: 0;
	font-size: x-small;
	margin: 10px 0 0 0;
	padding: 0.2em;
	width: 120px;
	font-weight: bold;
	font-style: italic;
	background: linear-gradient(#eee, #a8c0fd, #eee);
	color: royalblue;
}

.ml2_enter {
	margin-left: 5px; 
	padding: 0;
	font-size: x-small;
	margin: 10px 0 0 0;
	padding: 0.2em;
	width: 120px;
	font-weight: bold;
	font-style: italic;
	background: linear-gradient(#eee, #bbb, #eee);
	color: #444;
}

.ml2_select {
	margin-left: 5px; 
	padding: 0;
	font-size: x-small;
	margin: 10px 0 0 0;
	padding: 0.2em;
	width: 120px;
	font-weight: bold;
	font-style: italic;
	background: linear-gradient(#dad8d7, #69d4c6, #dad8d7);
	color: #600;
}