/****************************************************************************************************************/
/**** *****************          MENU                 ***********************************************************/
/****************************************************************************************************************/

#nav { background-color: #f5f5f5; position: relative; top: 0px; left: 1px; width: 617px; height: 40px; visibility: visible }

#nav .select, #nav .current {margin:0; padding:0; list-style:none; font-family:arial; font-size:12px}

#nav li {display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {
	display:block; 
	height:20px; float:left; 
	background:#F5F5F5; 
	padding:0 7px 0 7px; 
	text-decoration:none; 
	font-family:arial; 
	font-size:12px; 
	line-height:20px; 
	white-space:nowrap; 
	border-right:1px solid #f5f5f5; 
	color:#808080;
}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}


#nav .select a:hover, 
#nav .select li:hover a {background:#f5f5f5; cursor:pointer; color:#808080;}

#nav .sub {display:none;}

/* nur fuer den IE5.5 und IE6  */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#F5F5F5; color:#808080; font-family:arial; font-size:12px}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#a9a9a9; color:#f5f5f5; font-family:arial; font-size:12px}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#a9a9a9; color:#f5f5f5; font-family:arial; font-size:12px}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {
	display:block; 
	position:absolute; 
	width:617px; 
	top:20px; 
	left:0; 
	background:#808080; 
	margin-top:0; 
	padding:0; 
	z-index:100; 
	color:#000000; 
	font-size:11px;
}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none; font-family:arial; font-size:12px}

#nav .sub_active {
	display:block; 
	position:absolute; 
	width:617px; 
	top:20px; 
	left:0; 
	background:#808080; 
	margin-top:0; 
	padding:0; 
	z-index:10; 
	font-family:arial; 
	font-size:12px
}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-top:1px;}

#nav .sub_active a {
	height:20px; 
	text-decoration:none; 
	line-height:20px; 
	white-space:nowrap; 
	display:block; 
	float:left; 
	background:#808080; 
	padding:0px 7px 0px 7px; 
	margin:0; 
	font-family:arial; 
	font-size:12px; 
	white-space:nowrap;
	border:0; 
	color:#f5f5f5;
}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {
	display:block; 
	background:#808080; 
	padding:0px 7px 0px 7px; 
	margin:0; 
	white-space:nowrap; 
	border:0; 
	color:#ffffff; 
	font-family:arial; 
	font-size:12px;
}


/****************************************************************************************************************/
/**** *****************          HOVERPAGE            ***********************************************************/
/****************************************************************************************************************/

#hoverpage ul#outer li div p {font-size:12px; line-height:16px; margin:5px 0 15px 0; font-family:arial, sans-serif; color:#A9A9A9;}
#hoverpage ul#outer li div h2 {line-height:1em; color:#808080; font-size:13px; font-weight:normal; margin-top:0; font-family:arial, sans-serif;}
#hoverpage ul#outer li div h3 {line-height:1em; color:#808080; font-size:12px; font-style:italic; font-weight:normal; margin-top:0; font-family:arial, sans-serif;}
#hoverpage ul#outer li div h3.clear {clear:left;}


#hoverpage {width:550px; height:315px; border:1px solid #dcdcdc; background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left;}
#hoverpage table {border-collapse:collapse; margin:-1px;}
#hoverpage ul#outer {background:transparent; padding:0; margin:0;list-style:none;}

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {position:absolute; display:block; height:25px; right:425px; background:transparent; cursor:default; z-index:100; text-align:right; text-decoration:none; color:#008000; font-size:12px; font-style:normal; font-family:arial, sans-serif; cursor:pointer;}

#hoverpage ul#outer li.p1 i {top:35px;}
#hoverpage ul#outer li.p2 i {top:60px;}
#hoverpage ul#outer li.p3 i {top:85px;}
#hoverpage ul#outer li.p4 i {top:110px;}
#hoverpage ul#outer li.p5 i {top:135px;}
#hoverpage ul#outer li.p6 i {top:160px;}
#hoverpage ul#outer li.p7 i {top:185px;}
#hoverpage ul#outer li.p8 i {top:210px;}
#hoverpage ul#outer li.p9 i {top:235px;}


#hoverpage ul#outer li.page div {display:block; width:500px; height:400px; padding:25px; font-weight:normal; color:#444;}
#hoverpage ul#outer li.p1 div {background:#fff /*url(../regner/page1_back.jpg)*/;}
#hoverpage ul#outer li.p2 div {background:#fff /*url(../regner/page2_back.jpg)*/;}
#hoverpage ul#outer li.p3 div {background:#fff /*url(../regner/page3_back.jpg)*/;}
#hoverpage ul#outer li.p4 div {background:#fff /*url(../regner/page4_back.jpg)*/;}
#hoverpage ul#outer li.p5 div {background:#fff /*url(../regner/page5_back.jpg)*/;}
#hoverpage ul#outer li.p6 div {background:#fff /*url(../regner/page6_back.jpg)*/;}
#hoverpage ul#outer li.p7 div {background:#fff /*url(../regner/page7_back.jpg)*/;}
#hoverpage ul#outer li.p8 div {background:#fff /*url(../regner/page8_back.jpg)*/;}
#hoverpage ul#outer li.p9 div {background:#fff /*url(../regner/page9_back.jpg)*/;}

#hoverpage ul#outer li div img {border:1px solid #888; float:left; margin:0 10px 5px 0;}
#hoverpage ul#outer li div p.big {line-height:1em; color:#004; font-size:1.5em;}
#hoverpage ul#outer li div a, #hoverpage ul#outer li div a:visited {color:#00c; text-decoration:underline;}
#hoverpage ul#outer li div em {display:block; width:150px; height:430px; float:left; background:transparent /*url(current.gif)*/ no-repeat; margin-right:10px;}

#hoverpage ul#outer li.p1 div em {background-position: 21px 0;}
#hoverpage ul#outer li.p2 div em {background-position: 21px 25px;}
#hoverpage ul#outer li.p3 div em {background-position: 21px 50px;}
#hoverpage ul#outer li.p4 div em {background-position: 21px 75px;}
#hoverpage ul#outer li.p5 div em {background-position: 21px 100px;}
#hoverpage ul#outer li.p6 div em {background-position: 21px 125px;}
#hoverpage ul#outer li.p7 div em {background-position: 21px 150px;}
#hoverpage ul#outer li.p8 div em {background-position: 21px 175px;}
#hoverpage ul#outer li.p9 div em {background-position: 21px 200px;}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a.menuitem:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#008000; text-decoration:underline;} /* for IE6 */
#hoverpage ul#outer :hover a i,
#hoverpage ul#outer :hover a:visited i
{color:#008000; text-decoration:underline;}

#hoverpage ul#outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
#hoverpage ul#outer div ul li a,
#hoverpage ul#outer div ul li a:visited
{line-height:20px; font-size:1.1em; color:#c00;}

#hoverpage ul#outer div dl dd {line-height:20px; font-size:1.1em; color:#448;}
#hoverpage ul#outer div dl dt {line-height:30px; font-size:1.3em; color:#333;}