/* (c)2007 www.parallaxis.de  */
/* Formatvorlagen */


/*******************Navi*********/

#Navi1{
position:absolute;
top:236px;
left:61px;
}

#NaviWork{
position:absolute;
top:64px;
right:60px;
}


#NaviClients{
position:absolute;
top:244px;
right:134px;
width:90px;
}

#NaviContact{
position:absolute;
top:544px;
right:135px;
width:90px;
}

#NaviSoulWork{
position:absolute;
top:533px;
left:70px;
}


#Vor-oben{
position:absolute;
top:77px;
left:44px;
}

#Vor-unten{
position:absolute;
top:462px;
left:44px;
}

#Zurueck-oben{
position:absolute;
top:77px;
left:27px;
}

#Zurueck-unten{
position:absolute;
top:462px;
left:27px;
}

#LI1 {list-style: none;margin-left:10px;}
#LI1[id] {list-style: none;margin-left:-30px;}
#LI1 ul li { margin-bottom: 0px; padding: 0; list-style: none;}
#LI1 ul {margin: 0px; padding: 0; width: 90px;}
#LI1 li a {display: block;  height: 34px;margin-bottom: 31px;}
#LI1 span {visibility:hidden;}


li#Work a{height:34px;width:90px; background: url(../images/screen/Navi1.gif) no-repeat -18px -5px;}
li#Work a:hover {background: url(../images/screen/Navi2.gif) no-repeat -18px -5px;}

li#Soul a{height:34px;width:90px; background: url(../images/screen/Navi1.gif) no-repeat -18px -39px;}
li#Soul a:hover {background: url(../images/screen/Navi2.gif) no-repeat -18px -39px !important;}

li#Clients a{height:20px;background: url(../images/screen/Navi1.gif) no-repeat -24px -242px;}
li#Clients a:hover {background: url(../images/screen/Navi2.gif) no-repeat -24px -242px;}

li#Contact a{width:60px;position:absolute;top:-1px;height:20px;background: url(../images/screen/Navi1.gif) no-repeat -23px -271px;}
li#Contact a:hover {background: url(../images/screen/Navi2.gif) no-repeat -23px -271px;}

li#Credits a{width:60px;position:absolute;top:-1px; left:80px;height:20px;background: url(../images/screen/Navi1.gif) no-repeat -23px -298px;}
li#Credits a:hover {background: url(../images/screen/Navi2.gif) no-repeat -23px -298px;}


/*Soul Work 1*/
li#Work1 a{width:100px;position:absolute;top:-1px;height:26px;background: url(../images/screen/Navi2.gif) no-repeat -191px -244px;}
li#Work1 a:hover {background: url(../images/screen/Navi2.gif) no-repeat -191px -244px;}

li#Soul1 a{width:60px;height:26px;position:absolute;top:-1px; left:122px;background: url(../images/screen/Navi1.gif) no-repeat -308px -244px;}
li#Soul1 a:hover {background: url(../images/screen/Navi2.gif) no-repeat -308px -244px;}

/*Soul Work 2*/
li#Soul2 a{width:100px;position:absolute;top:-1px;height:26px;background: url(../images/screen/Navi2.gif) no-repeat -191px -272px;}
li#Soul a:hover {background: url(../images/screen/Navi2.gif) no-repeat -191px -272px;}

li#Work2 a{width:60px;height:26px;position:absolute;top:-1px; left:100px;background: url(../images/screen/Navi1.gif) no-repeat -308px -271px;}
li#Work2 a:hover {background: url(../images/screen/Navi2.gif) no-repeat -308px -271px;}

li#Soul3 a{width:60px;height:26px;position:absolute;top:-1px; left:px;background: url(../images/screen/Navi1.gif) no-repeat -308px -244px;}
li#Soul3 a:hover {background: url(../images/screen/Navi2.gif) no-repeat -308px -244px;}

li#Work3 a{width:60px;height:26px;position:absolute;top:-1px; left:75px;background: url(../images/screen/Navi1.gif) no-repeat -308px -271px;}
li#Work3 a:hover {background: url(../images/screen/Navi2.gif) no-repeat -308px -271px;}



/**Navi rechts**/
#LI2 {list-style: none;margin-left:0px;}
#LI2[id] {list-style: none;margin-left:-63px;}
#LI2 ul li { margin-bottom: 0px; padding: 0; list-style: none;}
#LI2 ul {margin: 0px; padding: 0}
#LI2 li a {display: block;  height: 22px;width:160px;margin-bottom: 0px;}
#LI2 span {visibility:hidden;}


li#Hotels a{background: url(../images/screen/Navi1.gif) no-repeat -189px -8px;}
li#Hotels a:hover {background: url(../images/screen/Navi2.gif) no-repeat -189px -8px;}

li#Food a{background: url(../images/screen/Navi1.gif) no-repeat -189px -30px;}
li#Food a:hover {background: url(../images/screen/Navi2.gif) no-repeat -189px -30px;}

li#Wellness a{background: url(../images/screen/Navi1.gif) no-repeat -189px -52px;}
li#Wellness a:hover {background: url(../images/screen/Navi2.gif) no-repeat -189px -52px;}
li#Wellness {margin-bottom:1px;}

li#Waterworld a{background: url(../images/screen/Navi1.gif) no-repeat -189px -74px;}
li#Waterworld a:hover {background: url(../images/screen/Navi2.gif) no-repeat -189px -74px;}

/*Soul*/
li#Jazz a{background: url(../images/screen/Navi1.gif) no-repeat -189px -97px;}
li#Jazz a:hover {background: url(../images/screen/Navi2.gif) no-repeat -189px -97px;}

li#Islands a{background: url(../images/screen/Navi1.gif) no-repeat -189px -120px;width:160px;}
li#Islands a:hover {background: url(../images/screen/Navi2.gif) no-repeat -189px -120px;}


body#bodyHotel li#Hotels a{background: url(../images/screen/Navi2.gif) no-repeat -189px -8px;}
body#bodyFood li#Food a{background: url(../images/screen/Navi2.gif) no-repeat -189px -30px;}
body#bodyWellness li#Wellness a{background: url(../images/screen/Navi2.gif) no-repeat -189px -52px;}
body#bodyWaterworld li#Waterworld a{background: url(../images/screen/Navi2.gif) no-repeat -189px -74px;}
body#bodyJazz li#Jazz a{background: url(../images/screen/Navi2.gif) no-repeat -189px -97px;}
body#bodyIslands li#Islands a{background: url(../images/screen/Navi2.gif) no-repeat -189px -120px;width:160px;}