/* CSS Document */

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */

.preload {background:url(../menu/home_over.gif);}
.preload2 {background:url(../menu/bedingungen_over.gif);}
.preload3 {background:url(../menu/profil_over.gif);}
.preload4 {background:url(../menu/vo_over.gif);}
.preload5 {background:url(../menu/artikel_over.gif);}

.menu {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:800px;
	height:29px;
	background:#fff;
	z-index:150;
}
/* */
.menu li.top {display:block; float:left; padding:0px; position:relative;}
.menu li a.top_link {display:block; float:left; height:29px; padding:0px; cursor:pointer;}
.menu li a.top_link span {display:block; float:left; padding:0px; height:29px;}
.menu li a.top_link span.down {display:block; float:left; padding:0px; height:29px;}
/* */

.home,
.bedingungen,
.profil,
.vo,
.artikel {position:absolute; height:29px; margin:0px; padding:0px; list-style:none;}

.home {left:59px; width:59px; background:url(../menu/home.gif) no-repeat;}	

.bedingungen {left:150px; width:165px; text-align:left; background:url(../menu/bedingungen.gif) no-repeat;}

.profil {left:349px; width:68px; text-align:left; background:url(../menu/profil.gif) no-repeat;}

.vo {left:445px; width:192px; text-align:right; background:url(../menu/vo.gif) no-repeat;}

.artikel {left:667px; width:73px; text-align:right; background:url(../menu/artikel.gif) no-repeat;}

/* ------------------------------------------------------------------------------------------------------ */

.home li.top,
.home li a.top_link,
.home li a.top_link span,
.bedingungen li.top,
.bedingungen li a.top_link,
.bedingungen li a.top_link span,
.profil li.top,
.profil li a.top_link,
.profil li a.top_link span,
.vo li.top,
.vo li a.top_link,
.vo li a.top_link span,
.artikel li.top,
.artikel li a.top_link,
.artikel li a.top_link span {display:block; float:left; padding:0px; height:29px; cursor:pointer;}

/* ------------------------------------------------------------------------------------------------------ */

.bedingungen table,
.vo table,
.artikel table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* ------------------------------------------------------------------------------------------------------ */

.bedingungen a:hover,
.vo a:hover,
.artikel a:hover {visibility:visible;}

.bedingungen li:hover,
.vo li:hover,
.artikel li:hover {position:relative; z-index:200;}

/* ------------------------------------------------------------------------------------------------------ */

.bedingungen ul,
.vo ul,
.artikel ul,
.bedingungen :hover ul ul,
.vo :hover ul ul,
.artikel :hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/* HOME */

.home li a.top_link span.down {display:block; float:left; padding:0px; width:59px; height:29px; background:url(../menu/home.gif) no-repeat;}
.home li a.top_link:hover {background:url(../menu/home_over.gif) no-repeat; cursor:pointer;}
.home li a.top_link:hover span {background:url(../menu/home_over.gif) no-repeat;}

.home li:hover > a.top_link {background:url(../menu/home_over.gif) no-repeat;}
.home li:hover > a.top_link span {background:url(../menu/home_over.gif) no-repeat;}

/* PRUEFBEDINGUNGEN */

.bedingungen li a.top_link span.down {display:block; float:left; padding:0px; width:165px; height:29px; background:url(../menu/bedingungen.gif) no-repeat;}
.bedingungen li a.top_link:hover {background:url(../menu/bedingungen_over.gif) no-repeat; cursor:pointer;}
.bedingungen li a.top_link:hover span {background:url(../menu/bedingungen_over.gif) no-repeat;}

.bedingungen li:hover > a.top_link {background:url(../menu/bedingungen_over.gif) no-repeat;}
.bedingungen li:hover > a.top_link span {background:url(../menu/bedingungen_over.gif) no-repeat;}

.bedingungen :hover ul.sub {left:6px; top:29px; background: #fff; padding:0; white-space:nowrap; width:280px; height:auto;}

.bedingungen :hover ul.sub li {display:block; height:18px; position:relative; float:left; width:280px;}
.bedingungen :hover ul.sub li a {display:block; font-size:11px; height:18px; width:280px; line-height:18px; color:#1506a4; text-decoration:none; font-weight:normal;}
.bedingungen :hover ul.sub li a:hover {background:none; color:#95102a;}

/* PROFIL */

.profil li a.top_link span.down {display:block; float:left; padding:0px; width:68px; height:29px; background:url(../menu/profil.gif) no-repeat;}
.profil li a.top_link:hover {background:url(../menu/profil_over.gif) no-repeat; cursor:pointer;}
.profil li a.top_link:hover span {background:url(../menu/profil_over.gif) no-repeat;}

.profil li:hover > a.top_link {background:url(../menu/profil_over.gif) no-repeat;}
.profil li:hover > a.top_link span {background:url(../menu/profil_over.gif) no-repeat;}

/* VEROEFFENTLICHUNGEN */

.vo li a.top_link span.down {display:block; float:left; padding:0px; width:192px; height:29px; background:url(../menu/vo.gif) no-repeat;}
.vo li a.top_link:hover {background:url(../menu/vo_over.gif) no-repeat; cursor:pointer;}
.vo li a.top_link:hover span {background:url(../menu/vo_over.gif) no-repeat;}

.vo li:hover > a.top_link {background:url(../menu/vo_over.gif) no-repeat;}
.vo li:hover > a.top_link span {background:url(../menu/vo_over.gif) no-repeat;}

.vo :hover ul.sub {left:-203px; top:29px; background: #fff; padding:0; white-space:nowrap; width:390px; height:auto;}

.vo :hover ul.sub li {display:block; height:18px; position:relative; float:left; width:390px;}
.vo :hover ul.sub li a {display:block; font-size:11px; height:18px; width:390px; line-height:18px; color:#1506a4; text-decoration:none; font-weight:normal;}
.vo :hover ul.sub li a:hover {background:none; color:#95102a;}

/* ARTIKEL */

.artikel li a.top_link span.down {display:block; float:left; padding:0px; width:73px; height:29px; background:url(../menu/artikel.gif) no-repeat;}
.artikel li a.top_link:hover {background:url(../menu/artikel_over.gif) no-repeat; cursor:pointer;}
.artikel li a.top_link:hover span {background:url(../menu/artikel_over.gif) no-repeat;}

.artikel li:hover > a.top_link {background:url(../menu/artikel_over.gif) no-repeat;}
.artikel li:hover > a.top_link span {background:url(../menu/artikel_over.gif) no-repeat;}

.artikel :hover ul.sub {left:-436px; top:29px; background: #fff; padding:0; white-space:nowrap; width:505px; height:auto;}

.artikel :hover ul.sub li {display:block; height:18px; position:relative; float:left; width:505px;}
.artikel :hover ul.sub li a {display:block; font-size:11px; height:18px; width:505px; line-height:18px; color:#1506a4; text-decoration:none; font-weight:normal;}
.artikel :hover ul.sub li a:hover {background:none; color:#95102a;}