/* CSS Document */

/* Beginn Navigaton */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
position:relative;
width:800px;
height:2em;
background: transparent;
border-top:0px solid transparent;
padding-bottom:1px;
background: transparent url(http://www.joerg-stephan.de/gif/line.gif) bottom left repeat-x;
margin-bottom:5em;
}

* html .menu {padding-bottom:0;}

.menu ul{
list-style-type:none;
padding:0;
margin:0 0 0 20px;
width:780px;
height:100%;
}

.menu li{
float:left;
}

.menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

.menu a, .menu :visited {
color:#006699;
text-decoration:none;
}
.menu a em.lft, .menu :visited em.lft {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(http://www.joerg-stephan.de/gif/lefta.gif);
border-bottom:1px solid #777;
}
.menu a b, .menu :visited b {
display:block;
font-weight:bold;
float:left;
padding:0 10px;
height:2em;line-height:1.9em;
background: transparent url(http://www.joerg-stephan.de/gif/mida.gif);
cursor:pointer;
border-bottom:1px solid #777;
}
.menu a em.rgt, .menu :visited em.rgt {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(http://www.joerg-stephan.de/gif/righta.gif);
border-bottom:1px solid #777;
}

.menu ul ul {
	position:absolute;
	height:2em;
	top:2em;
	left:-20px;
	width:799px;
	border-bottom:1px solid #777;
	border-right:1px solid #777;
	background:#ccc;
	visibility: hidden;
	background-color: #ddd;
}

.menu :hover {
white-space:normal;
text-decoration: none;
}

.menu a:hover b {
color:#ff6600;
background: transparent url(http://www.joerg-stephan.de/gif/midb.gif);
border-bottom-color:#ddd;
}
.menu a:hover em.lft {
background: transparent url(http://www.joerg-stephan.de/gif/leftb.gif);
border-bottom-color:#ddd;
}
.menu a:hover em.rgt {
background: transparent url(http://www.joerg-stephan.de/gif/rightb.gif);
border-bottom-color:#ddd;
}

.menu li:hover > a b
{
color:#ff6600;
background: transparent url(http://www.joerg-stephan.de/gif/midb.gif);
border-bottom-color:#ddd;
}
.menu li:hover > a em.lft {
background: transparent url(http://www.joerg-stephan.de/gif/leftb.gif);
border-bottom-color:#ddd;
}
.menu li:hover > a em.rgt {
background: transparent url(http://www.joerg-stephan.de/gif/rightb.gif);
border-bottom-color:#ddd;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:2em;
margin-top:1px;
}

.menu ul :hover ul li {
display:block; 
border-left:1px solid #777; 
background:#ddd; 
height:2em;
}
.menu ul :hover ul li a {
display:block; 
font-size:0.8em; 
height:2em; 
line-height:2.5em; 
width:auto; 
float:left; 
color:#006699; 
padding:0 10px;}
.menu ul :hover ul li a:hover {
color:#ff6600;
}
/* Ende Navigaton */
body {
	background-image: url(http://www.joerg-stephan.de/gif/hintergrund_rand.gif);
}
.Stil1 {color: #006699; font-size: 13px; font-weight: lighter;}

.Stil2 {color: #006699; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}   

.Stil3 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000;}
	
.Stil4 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}

.Stil5 {color: #006699; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #006699;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}