/*
Stylesheet fuer www.hess-rothe.net
Neue Version, 2007, enthaelt das Seitenlayout und die Menueleiste
Erstellt: sro,01.07.2007
*/

/*Seitenlayout*/

#div-body{
  background:#eeeeee;
  border:1px solid grey;
  width:57em;
}

#innen{
  margin-left:7.5em;
}

#nav{
  margin-left:0.5em;
  border-right:1px solid grey;
  width:7em;  
  float:left;  
}

#spirale{
  background-image:url(spirale.jpg);
  background-repeat:repeat-y;
  top:0.5em;
  float:right;
  width:4.5em;
}

#clear-innen{
clear:both;
}

#clear-aussen{
clear:both;
/*border-bottom: 1px solid grey;*/
}

#content{
  border: none; 
  background:none;
  border-left: 1px solid grey;
  margin-right:0.5em;
  padding-left:1em;
  text-align:justify;
}

iframe.gallery{
height:720px;
width:46em;
margin-bottom:1em;
text-align:right;
}

/*Menueleiste*/

#menu {
  width:8em;
  background: #eee;
}

#menu ul {
  list-style:none;
  margin:0;
  padding:0;
}

#menu a, #menu h2 {
  font: 1em/1.2em verdana, arial, helvetica, sans-serif;
  color: yellow;
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0;
  padding: 0.1em 0.2em;
}

#menu h2 {
  background: #6666CC;
}

#menu a {
  background: #6666CC;
  text-decoration: none;
}

#menu a:hover, menu h2:hover {
  color: #0000CC;
  background:#CCCCFF;
  border-right: red 0.17em dashed;
}

#menu li {
  position: relative;
}

#menu ul ul, ul ul ul {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
}

div#menu ul ul, div#menu ul li:hover ul {
  display: none;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul {
  display:block;
}