@charset "utf-8";
/* CSS Document */
* {
  margin:0;
  padding:0;  
}

html, body {
  font: 100% Arial, Helvetica, sans-serif;
  font-size:1em;
  width: 760px;
}

#kopfbereich {
  background:url(./hg-saeulen-img-9599.jpg) no-repeat left top;
  height:150px;
}

#kopfbereich p {
  font-size:2em;
  text-align:right;
  color:white;
  padding:.4em .4em 0 0;
}

#menu {
    width: 100%;	
	background-color:#ceb98e;	
}

#menu ul li{
    float:left; /*left;*/
	font-weight: bold;
    background-color:#ceb98e;    
	cursor:pointer;	
	list-style:none;
}

#menu ul li:hover,
#menu ul li.iehover{
    background-color:#dec99e;
    position:relative;
}

#menu ul li a{
    padding:5px 15px;
    color:black;
    display:inline-block;
    text-decoration:none;
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menu ul li ul{
    position:absolute;
    display:none;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 25px is the menu height.  */
/* for IE < 9 we using class .iehover */
#menu ul li:hover ul,
#menu ul li.iehover ul{
    left:0;
    top:25px;
    display:block;
}

/* As the parent li has float:left property, we overwrite for the submenu (level 2) to float none (normal position)  */
#menu ul li ul li{
    float:none;
    width:190px; /*org 150px */
    background-color:#ceb98e;
}

/* We change the background color for the level 2 submenu when hovering the menu */
/* for IE < 9 we using class .iehover */
#menu ul li:hover ul li:hover,
#menu ul li.iehover ul li.iehover{
    background-color:#dec99e;
}

/* We style the color of level 2 links */
#menu ul li ul li a{
    color:#454444;
    display:inline-block;
    width:120px;
}

/* Clear float */
.clear{
    clear:both;
}

#schatten {
  background:url(./schattenwurf-grau-v.png) repeat-x;
  height:12px; 
}

#inhalt {
  padding:2em;
  text-align:justify;
}

#inhalt h1, h2, h3, p, ul {
  padding-bottom:.7em;
}

#inhalt ul {
  padding-left:2em;
}


#footer {
	font-size: 0.8em;
	color: #666;
	text-align: center;
	margin: 10px 50px 0 50px;
	padding-top: 10px;
	border-top: 1px dotted #666;
}

.termsChecker {display: none; }