/* <dokumenteigenschaften> */
html {
 height:100%;
}

body { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  background-image: url(img/hintergrund_schwarz.jpg);
  background-repeat:repeat-x;
  background-color: #6699ff;
  min-height: 100%;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px; 
}

* html body 
{
 height:100%;
}

/* </dokumenteigenschaften> */

/* <ebeneneigenschaften> */
#logo {
  position: absolute;
  float: left;
  left: 10px;
  width: 170px;
  height: 140px;
  margin-top: 10px;
}

#random_img {
  left: 195px;
  position: absolute;
  top: 0px;
  width: 610px;
  height: 150px;
  border-style: solid;
  border-color: #fff;
  border-width:0 1px 1px 1px;
  z-index: 1;
}

#sitemap_impressum {
  position: absolute;
  top: 0px;
  left: 669px;
  width: 130px;
  background-color: #333333;
  color: #fff;
  padding: 3px;
  border-style: dotted;
  border-width: 0 1px 1px 1px;
  border-color: #fff; 
  z-index: 2;
}

#leftcolumn {	
  position: absolute;
  top: 205px;
  left: 10px;
  float: left;
  width: 170px;
  padding: 5px;
  font-size: 1.2em;
}

#rightcolumn {	
  position: absolute;
  top: 195px;
  left: 810px;
  float: right;
  width: 170px;
  padding: 5px;
  font-size: 1.2em;
}

#mainmenu {
	position: absolute;
	top: 160px;
	left: 195px;
	width: 592px;
	height: 30px;
	background-color: #fff;
	margin: 0px;
	padding: 10px;
}

#main {
	position: absolute;
	top: 197px;
	left: 195px;
	width: 590px;
	background-color: #fff;
	padding: 10px;
	border-top: 3px solid #333;
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	font-size: 1.2em;
	text-align: justify;
}

/* </ebeneneigenschaften> */

/* <mainmenu */

ul.hovermenu {
  font-size: 1.4em;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

ul.hovermenu li {
  list-style: none;
  display: inline;
}

ul.hovermenu li a {
  padding: 1px 0.5em;
  text-decoration: none;
  color: #fff;
  background-color: #fff;
  color: #6699ff;
  border: 1px dotted #6699ff;
}

ul.hovermenu li a:hover {
  background-color: #6699ff;
  color: #fff;
  border-style: outset;
}

html>body .hovermenu ul li a:active { /* Apply mousedown effect only to NON IE browsers */
  border-style: inset;
}

/* </mainmenu> */

/* <linkes Untermenu> */ 

ul.subnavi {
  text-align: right;
  width: 100%;
  color: #fff;
  list-style: none;
  font-weight: bold;
  line-height: 1.4em;
  list-style-type:none; /* remove the bullets */
  margin: -10px; /* remove the automatic margin that some 
                 browsers use for the text-indent. */
  padding:0; /* remove the automatic padding that other
               browsers use for the text-indent. */
}

ul.subnavi li {
  border-style: dotted;
  border-width: 0 0 1px 0;
}
	
ul.subnavi a, ul.subnavi a:visited, ul.subnavi a:active {
  text-decoration:none; /* remove the default underline from
                             the links */
  display:block; /*  make each link into a block so that
                       hovering over any area of the link 
                       will cause a change of background color */
  color:#fff; /* make the text color white */
}

ul.subnavi a:hover {
  background-color: #fff;
  color: #6699ff;
}

/* </linkes Untermenu> */

h1 {
  font-family: Arial, Helvetica, sans-serif; 
  font-style:italic; 
  font-size: 1.4em;
  text-align:center;
  color: #6699ff;
}

.bilder {
  border-style: solid;
  border-width: 1px;
  border-color: #000;
}

.klein {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 0.9em;
}

.siteimp:link {color:#fff; text-decoration: none;}
.siteimp:visited {color:#fff; text-decoration: none;}
.siteimp:active {color:#6699ff; text-decoration: none;}
.siteimp:hover {color:#6699ff; text-decoration: underline; font-weight: bold;}

a:link {color:#6699ff; text-decoration: underline;}
a:visited {color:#6699ff; text-decoration: underline; font-style: italic;}
a:active {color:#6699ff; text-decoration: none;}
a:hover {color:#000; text-decoration: none; font-style: bold;}