/* ================================================================ 
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/final_drop.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.
=================================================================== */

/* start meta navigation */
#topNav{
border-bottom:1px solid #999; /* ie 7 */
}


#topNav ul {
  clear:both; 
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
  line-height:20px;
  vertical-align:middle;
  padding-right:2%;
  padding-left:2%;
  width:96%;
  background:#999;
  text-align:left;
}

*html #topNav ul{
	width:100%;
	w/idth:96%;
}

#topNav ul li {
  display:inline; 
  color:#fff;
  
}
.spacer-topNav{

}

#topNav li{
	color:#fff;
	border-left:1px solid #fff;
}

#topNav a{
	color:#fff;
	padding:0;
	margin:0;
	font-size:91.67%;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:14px;
	padding-right:14px;
}
#topNav a:hover, #topNav a:active, #topNav li a.act{
	color:#ccc;
}

#topNav li.first {
	border-left:0px;
	padding-left:0px;
}

#topNav li.first a {
	font-weight:bold;
}
/* ende meta navigation */

/* start hauptnavigation */


#outerMainNav{
	position:absolute;
	width:100%;
	z-index:1000;
	left:0;
}
#mainNav{
	/*postion:relative;*/
	height:23px;
	background: #333 url(../images/mainNav/bg-navi.gif) repeat-x bottom;
	margin-left:auto;
	margin-right:auto;
	z-index:20000;
		
}
/*
#mainNav {
	width:96%;
	padding-right: 2%;
	padding-bottom: 2%;
	background:red;
	text-align:center;
}



 remove all the bullets, borders and padding from the default list styling */
#mainNav ul ,#subNav ul, #subNav{
padding:0;
margin:0;
list-style-type:none;
white-space:nowrap;

}

#mainNav ul{
position:relative;
width:960px;
margin-left:auto;
margin-right:auto;
background: url(../images/mainNav/bg-navi.gif) repeat-x bottom;

}

#mainNav ul ul {
width:100%;

}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#mainNav li {
float:left;
position:relative;
/* width:200px; */
margin:0;
padding:0;
text-align:left;
}

* html #mainNav li{
width:1px;
}

#mainNav li li, #mainNav li li li{
	width:208px;
}

#mainNav ul li{
	background: url(../images/mainNav/bg-navi.gif) repeat-x bottom;
}
/*
#mainNav #mainNavItem-5{width:300px;}
*/

/* padding fuer links */
.mainNav-spacer{
padding-left:10px;
}

ul ul .mainNav-spacer, a.drop .mainNav-spacer{
	background: url(../images/mainNav/square_20x20.gif) no-repeat left bottom; 
	padding-left:20px;
}
ul ul ul .mainNav-spacer{
	background-image:none; 
	padding-left:10px;
}

/* style the links for the top level */
#mainNav a, #mainNav a:visited {
	display:block;
	font-size:16px;
	text-decoration:none;
	color:#fff;
	width:100%;
	height:23px;
	line-height:23px;
	border-width: 1px 0 0 0;
}


/* a hack so that IE5.5 faulty box model is corrected */
* html #mainNav a, * html #mainNav a:visited {
width:100%;

}

/* 

     breite Menuepunkte 

*/

#mainNav ul #mainNavItem-6{
	width:129px;
	background: url(../../images/nav/hotelcollection.gif) no-repeat left top;	
}

#mainNav ul #mainNavItem-5{
	width:267px;
	background: url(../../images/nav/des-manage.gif) no-repeat left top;
}
#mainNav ul #mainNavItem-4{
	width:148px;
	background: url(../../images/nav/team-contact.gif) no-repeat left top;
}
#mainNav ul #mainNavItem-3{
	width:188px;
	background: url(../../images/nav/hotelexperts.gif) no-repeat left top;
}
#mainNav ul #mainNavItem-2{
	width:207px;
	background: url(../../images/nav/tailor-made-art.gif) no-repeat left top;
}



/* Hintergrund toplevel */
#mainNav ul #mainNavItem-6 ul li{
background:#a28745;
}
#mainNav ul #mainNavItem-5 ul li{
background:#2a47be;
}
#mainNav ul #mainNavItem-4 ul li{
background:#696969;
}
#mainNav ul #mainNavItem-3 ul li{
background:#185550;
}
#mainNav ul #mainNavItem-2 ul li{
background:#6a3030;
}




/* 
	style the second level background  for hover 
*/
/*  6 */
#mainNav ul #mainNavItem-6 ul a.drop, #mainNav ul #mainNavItem-6 ul a.drop:visited {
}
/* style the second level hover #baa674*/
#mainNav ul #mainNavItem-6 ul a:hover{
background: #baa674;
}
#mainNav ul #mainNavItem-6 ul :hover > a {
background:#baa674;
}
/* style the second level hover #baa674
#mainNav ul #mainNavItem-6 ul a:hover{
background: #baa674;
}
#mainNav ul #mainNavItem-6 ul :hover > a {
background:#baa674;
}
*/

/* nav 2 */
#mainNav ul #mainNavItem-5 ul a.drop, #mainNav ul #mainNavItem-5 ul a.drop:visited {
}
#mainNav ul #mainNavItem-5 ul a:hover{
background:#6177ab;
}
#mainNav ul #mainNavItem-5 ul :hover > a {
background:#6177ab;
}
/* nav 4 */
#mainNav ul #mainNavItem-4 ul a.drop, #mainNav ul #mainNavItem-4 ul a.drop:visited {
}
/* style the second level hover */
#mainNav ul #mainNavItem-4 ul a:hover{
background:#999;
}
#mainNav ul #mainNavItem-4 ul :hover > a {
background:#999;
}
/* nav 3 */
#mainNav ul #mainNavItem-3 ul a.drop, #mainNav ul #mainNavItem-3 ul a.drop:visited {
}
/* style the second level hover */
#mainNav ul #mainNavItem-3 ul a:hover{
background:#588984;
}
#mainNav ul #mainNavItem-3 ul :hover > a{
background:#588984;
}
/* nav 2 */
#mainNav ul #mainNavItem-2 ul a.drop, #mainNav ul #mainNavItem-2 ul a.drop:visited {
}
/* style the second level hover */
#mainNav ul #mainNavItem-2 ul a:hover{
background:#936867;
}
#mainNav ul #mainNavItem-2 ul :hover > a{
background:#936867;
}


/*   *********************
	
    DRITTE EBENE  - Hintergrund style the third level background

     *********************   */

#mainNav ul ul ul a, #mainNav ul ul ul a:visited {
background: #999;
}
/* style the third level hover */
#mainNav ul ul ul a:hover {
background:#ccbd98;
}

/*  ID=6, Bez: Hotelcollection  */
#mainNav ul #mainNavItem-6 ul ul a, #mainNav ul #mainNavItem-5 ul ul a:visited {
background:#b99f59;
}

#mainNav ul #mainNavItem-6 ul ul a:hover, #mainNav ul #mainNavItem-6 ul ul a.mainNav-subSub-act {
background:#ccbd98;
}

/* 
	ID= 5 , Bez: Desitnation Management 
*/
#mainNav ul #mainNavItem-5 ul ul a, #mainNav ul #mainNavItem-5 ul ul a:visited {
background:#4864ab;
}

#mainNav ul #mainNavItem-5 ul ul a:hover, #mainNav ul #mainNavItem-5 ul ul a.mainNav-subSub-act {
background:#5c78bf;
}

/* 
	ID= 4 , Bez: Team und Kontakt 
*/
#mainNav ul #mainNavItem-4 ul ul a, #mainNav ul #mainNavItem-4 ul ul a:visited {
background:#8c8c8c;
}

#mainNav ul #mainNavItem-4 ul ul a:hover , #mainNav ul #mainNavItem-4 ul ul a.mainNav-subSub-act {
background:#a0a0a0a;

}

/* 
	ID= 3 , Bez: Hotelexperts 
*/
#mainNav ul #mainNavItem-3 ul ul a, #mainNav ul #mainNavItem-3 ul ul a:visited {
background:#3a7874;
}

#mainNav ul #mainNavItem-3 ul ul a:hover , #mainNav ul #mainNavItem-3 ul ul a.mainNav-subSub-act {
background:#4e8c88;
}

/* 
	ID= 2 , Bez: T M Art Consulting 
*/
#mainNav ul #mainNavItem-2 ul ul a, #mainNav ul #mainNavItem-2 ul ul a:visited {
background:#8c5355;
}

#mainNav ul #mainNavItem-2 ul ul a:hover , #mainNav ul #mainNavItem23 ul ul a.mainNav-subSub-act {
background:#a06769;
}

/* ende dritte ebene */

/* hide the sub levels and give them a positon absolute so that they take up no room 
height:0; ->entfernt aus #mainNav ul ul
*/
#mainNav ul ul {
visibility:hidden;
position:absolute;
top:23px;
border-top:1px solid #9ca0a3;
left:0; 
width:100%;
width:208px;
margin:0;
padding:0;

}
/* another hack for IE5.5 */
* html #mainNav ul ul {
top:24px;
t\op:23px;
}

/* position the third level flyout menu */
#mainNav ul ul ul{
position:absolute;
left:208px; 
top:-1px;
width:100%;
margin:0;
padding:0;
z-index:1000000000;

}
/* position the third level flyout menu for a left flyout */
#mainNav ul ul ul.left {
left:-208px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#mainNav table {position:absolute; top:0; left:0;width:100%;}

/* style the second level links */
#mainNav ul ul a, #mainNav ul ul a:visited {

height:auto; 
line-height:1em; 
padding:5px 0; 
width:100%;
font-size:12px;
/* yet another hack for IE5.5 */
}
* html #mainNav ul ul a{
width:100%;
w\idth:96%;
w\idth:100%;
}

/*  
	----------------------------
	style the top level hover 
	----------------------------
*/

/* allgem. Angaben */
#mainNav a:hover, #mainNav ul ul a:hover{
color:#fff; 

}
#mainNav :hover > a, #mainNav ul ul :hover > a {
color:#fff;
}


/* 6 */
#mainNav #mainNavItem-6 a:hover, #mainNav ul ul #mainNavItem-6 a:hover, #mainNav #mainNavItem-6 a.mainNav-Act{
background:#b28005 url(../../images/nav/hotelcollection-act.gif) no-repeat left top;
}
#mainNav :hover #mainNavItem-6:hover > a, #mainNav ul ul  #mainNavItem-6:hover  > a, #mainNav :hover #mainNavItem-6:hover > a.mainNav-Act {
background:#b28005 url(../../images/nav/hotelcollection-act.gif) no-repeat left top;
}

/* 5 */
#mainNav #mainNavItem-5 a:hover, #mainNav ul ul #mainNavItem-5 a:hover, #mainNav #mainNavItem-5 a.mainNav-Act{
background:#0539c1 url(../../images/nav/des-manage-act.gif) no-repeat left top;
}
#mainNav #mainNavItem-5:hover > a, #mainNav ul ul #mainNavItem-5:hover > a {
background:#0539c1 url(../../images/nav/des-manage-act.gif) no-repeat left top;
}

/* 4 */
#mainNav #mainNavItem-4 a:hover, #mainNav ul ul #mainNavItem-4 a:hover, #mainNav #mainNavItem-4 a.mainNav-Act{
background:#3b3b3b url(../../images/nav/team-contact-act.gif) no-repeat left top;
}
#mainNav #mainNavItem-4:hover > a, #mainNav ul ul #mainNavItem-4:hover > a {
background:#3b3b3b url(../../images/nav/team-contact-act.gif) no-repeat left top;
}
/* 3 */
#mainNav #mainNavItem-3 a:hover, #mainNav ul ul #mainNavItem-3 a:hover, #mainNav #mainNavItem-3 a.mainNav-Act{
background:#166050 url(../../images/nav/hotelexperts-act.gif) no-repeat left top;
}
#mainNav #mainNavItem-3:hover > a, #mainNav ul ul #mainNavItem-3:hover > a{
background:#166050 url(../../images/nav/hotelexperts-act.gif) no-repeat left top;
}
/* 2 */
#mainNav #mainNavItem-2 a:hover, #mainNav ul ul #mainNavItem-2 a:hover, #mainNav #mainNavItem-2 a.mainNav-Act{
background:#77282f url(../../images/nav/tailor-made-art-act.gif) no-repeat left top;
}
#mainNav #mainNavItem-2:hover > a, #mainNav ul ul #mainNavItem-2:hover > a{
background:#77282f url(../../images/nav/tailor-made-art-act.gif) no-repeat left top;

}


/* make the second level visible when hover on first level list OR link */
#mainNav ul li:hover ul, #mainNav ul a:hover ul, #mainNav ul a.mainNav-Act:hover ul{
visibility:visible; 
}

/* Active Zustaende fuer aufklappmenue 
	2 Ebene
*/
#mainNavItem-6 .mainNav-sub-act{background:#baa674; }
#mainNavItem-5 .mainNav-sub-act{background:#6177ab;}
#mainNavItem-4 .mainNav-sub-act{background:#999999;}
#mainNavItem-3 .mainNav-sub-act{background:#508984;}
#mainNavItem-2 .mainNav-sub-act{background:#936867;}

/* Active Zustaende fuer aufklappmenue 
	3 Ebene

#mainNavItem-6 .mainNav-subSub-act {background:red;}
#mainNavItem-5 .mainNav-subSub-act{background:#6177ab;}
#mainNavItem-4 .mainNav-subSub-act{background:#999999;}
#mainNavItem-3 .mainNav-subSub-act{background:#508984;}
#mainNavItem-2 .mainNav-subSub-act{background:#936867;}

*/


/* Rahmen fuer Buttons auf level 1 */
#mainNav img{
border-left: 1px solid #9ca0a3;
}
#mainNavItem-2 img{
border-right: 1px solid #9ca0a3;
}


/* keep the third level hidden when you hover on first level list OR link */
#mainNav ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#mainNav ul :hover ul :hover ul{ 
visibility:visible;
}


#mainNav ul ul, #mainNav ul ul ul {
 -moz-opacity:0.98; opacity:0.98;
 /*filter:alpha(opacity=90); enfernt da menue im ie nicht ausklappt */
}
/* ende hauptnavigation */


.outsite{
position:absolute;
left:-10000px;
}

.onePx{
	position:absolute;
	left:-10000px;
	top:-10000px;
}


/*  Start subNav  */

#subNav{
	width:100%;
	margin-bottom:50px;
}

#subNav ul{
	width:100%;
}

#subNav a, .subNav-Act{
	text-decoration:none;
	color:#fff;
	line-height:43px;
	vertical-align:middle;
	display:block;
	width:auto;
	padding-left:5%;
	font-weight:bold;
	margin-bottom:1px;
    background:#c0b89e;
}

.subNav-Act{
	line-height:23px;
    background:#c0b89e;
}

#subNav ul a, #subNav ul .subNav-Act{
	padding-left:5%;
	line-height:23px;
	background:#958e7a;
}

* html #subNav ul a, * html #subNav ul .subNav-Act{}
#subNav a:link,#subNav a:visited{}
/*
#subNav a:hover,#subNav a:active, #subNav ul .subNav-Act{
	background:#6b6657;
}
*/