/* copyright agentur artprolog 2009 Ursula Bartels */

/* NAVIGATION RECHTS */
/* Text verstecken */
.hide {
	display:none
}

#navigationverticalbox {
	display: block;
	width: 169px;
	float:left;
}

#navigationvertical ul {
	margin:0;
	padding:0;
}

/* Listenpunkte */
#navigationvertical ul li {
	list-style-image: none;
	list-style-type: none;
	position:relative
}

#navigationvertical ul li.first,
#navigationvertical ul li.second,
#navigationvertical ul li.third {
	background-image: url(../images/layout/bgrd_nav_v2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

* html #navigationvertical ul li.first,
* html #navigationvertical ul li.second,
* html #navigationvertical ul li.third {
	background-image: url(../images/layout/bgrd_nav_v2.gif);
}

/* Listenpunkte Ebenenreihenfolge */
#navigationvertical ul li.first {
	z-index:100
}

#navigationvertical ul li.second {
	z-index:90;
	top:-50px
}

#navigationvertical ul li.third {
	z-index:80;
	top:-100px
}

/* Listenpunkte Links */
#navigationvertical ul li.first a.firsta,
#navigationvertical ul li.second a.seconda,
#navigationvertical ul li.third a.thirda {
	display:block;
	width: 169px;
	background-image: url(../images/layout/veranst.jpg);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	padding-top:30px;
	padding-bottom:60px;
}

#navigationvertical ul li.first a.firsta {
	height:333px;
	padding-top:30px;
}

#navigationvertical ul li.second a.seconda {
	height:155px;
	background-image: url(../images/layout/verleih.jpg);
	background-repeat: no-repeat;
	background-position: 0px 60px;
}

#navigationvertical ul li.third a.thirda {
	height:143px;
	background-image: url(../images/layout/studio.jpg);
	background-repeat: no-repeat;
	background-position: 0px 60px;
}

* html #navigationvertical ul li.first a.firsta {
	height:433px;
}

* html #navigationvertical ul li.second a.seconda {
	height:235px;
}

* html #navigationvertical ul li.third a.thirda {
	height:220px;
}

/* Listenpunkte Links Hover */
#navigationvertical ul li.first:hover {
	background-image: url(../images/layout/bgrd_nav_v1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#navigationvertical ul li.first a.firsta:hover {
	background-image: url(../images/layout/veranst_act.jpg);
}

* html #navigationvertical ul li.first a.firsta:hover {
	background-image: url(../images/layout/veranst.jpg);
}

#navigationvertical ul li.second:hover {
	background-image: url(../images/layout/bgrd_nav_v1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#navigationvertical ul li.second a.seconda:hover {
	background-image: url(../images/layout/verleih_act.jpg);
}

* html #navigationvertical ul li.second a.seconda:hover {
	background-image: url(../images/layout/verleih.jpg);
}

#navigationvertical ul li.third:hover {
	background-image: url(../images/layout/bgrd_nav_v1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#navigationvertical ul li.third a.thirda:hover {
	background-image: url(../images/layout/studio_act.jpg);
}

* html #navigationvertical ul li.third a.thirda:hover {
	background-image: url(../images/layout/studio.jpg);
}

/* Listenpunkte Aktuell FIRST */

#navigationvertical ul li.firstact {
	background-image: url(../images/layout/bgrd_nav_v1.png);
}

#navigationvertical ul li.firstact a.firsta {
	background-image: url(../images/layout/veranst_act.jpg);
}

* html #navigationvertical ul li.firstact {
	background-image: url(../images/layout/bgrd_nav_v1.gif);
}

* html #navigationvertical ul li.firstact a.firsta {
	background-image: url(../images/layout/veranst_act.jpg);
}

* html #navigationvertical ul li.firstact a.firsta:hover {
	background-image: url(../images/layout/veranst_act.jpg);
}

/* Listenpunkte Aktuell SECOND */

#navigationvertical ul li.secondact {
	background-image: url(../images/layout/bgrd_nav_v1.png);
}

#navigationvertical ul li.secondact a.seconda {
	background-image: url(../images/layout/verleih_act.jpg);
}

* html #navigationvertical ul li.secondact {
	background-image: url(../images/layout/bgrd_nav_v1.gif);
}

* html #navigationvertical ul li.secondact a.seconda {
	background-image: url(../images/layout/verleih_act.jpg);
}

* html #navigationvertical ul li.secondact a.seconda:hover {
	background-image: url(../images/layout/verleih_act.jpg);
}

/* Listenpunkte Aktuell THIRD */

#navigationvertical ul li.thirdact {
	background-image: url(../images/layout/bgrd_nav_v1.png);
}

#navigationvertical ul li.thirdact a.thirda {
	background-image: url(../images/layout/studio_act.jpg);
}

* html #navigationvertical ul li.thirdact {
	background-image: url(../images/layout/bgrd_nav_v1.gif);
}

* html #navigationvertical ul li.thirdact a.thirda {
	background-image: url(../images/layout/studio_act.jpg);
}

* html #navigationvertical ul li.thirdact a.thirda:hover {
	background-image: url(../images/layout/studio_act.jpg);
}