html {
	color: #000;
	background: #5A3324;
}
body
{
	font-size:100%;
	background-color:#5A3324;
} 
#wrapper-outer
{
	position:relative;
    margin-left: auto;
    margin-right: auto;
}

#wrapper
{
	position:relative;
	padding-top: 268px;
	/*
    margin-left: auto;
    margin-right: auto;
    */
    background-position: 0 0;
}

*html #wrapper/*IE6:*/
{
	height: 1286px;/*IE6*/
}

/*#########################################################################
	Reset typography.css styles that for navigation. 
 #########################################################################*/ 

.navigation h2 {
  font-size: 1em;
  margin:0;
}

.navigation, .navigation ul, .navigation  li, .navigation  li ul {
	list-style:none;
	margin:0;	
}

/*#########################################################################
 Header: Text + Links
 #########################################################################*/ 

#home-link {
       position: absolute;
       top: 16px;
       left: 212px;
}

#www-utah-travel-link {
      position: absolute;
      top: 240px;
      left: 975px;
}

#www-utah-travel-link2 {
      position: absolute;
      top: 258px;
      left: 1095px;
}

#headertext-headline
{
	position: absolute;
	top: 16px;
	left: 665px;
}

#headertext-content
{
	position: absolute;
	top: 46px;
	left: 453px;
}


/*#########################################################################
 Navigation 1 - top navi
 #########################################################################*/ 
#navigation1
{
    width: 100%;
    overflow: visible;
    position: absolute;
    top: 100px;
    left: 130px;
    z-index: 3000;    
} 

#navigation1 .dropdown-menu{
	position: absolute;
	
}

/* 5% */
#navigation1 #home-link-toggler  {
	position: absolute;	
	cursor: pointer;	
	top: 102px;
	left: 110px;
	
/*	width: 125px;
	height: 60px; */
	width: 89px;
	height: 32px;
	background-image:none;
	z-index: 3030;
	
}

#navigation1 div#home-link-toggler.active {
	/*background-image: url(../img/navigation1/link1_active.jpg);*/
    background-image:url(../img/navigation1/link1_active_new.jpg);
     
	
}

.dropdown-menu
{
	position: absolute;
	top: 88px;
	height: 88px;
	cursor: pointer;
	width: 120px;
	
}


#navigation1 #navigation1-toggler-submenu1 {
	left: 303px;
	background: url(../img/navigation1/link2.jpg) 0 0 no-repeat;
	width: 129px;
}

#navigation1 #navigation1-toggler-submenu1.active {
	background: url(../img/navigation1/link2_active.jpg) 0 0 no-repeat;
}

#navigation1 #navigation1-toggler-submenu2 {
	left: 434px;
	background: url(../img/navigation1/link3.jpg) 0 0 no-repeat;
}
#navigation1 #navigation1-toggler-submenu2.active {
	background: url(../img/navigation1/link3_active.jpg) 0 0 no-repeat;
}

#navigation1 #navigation1-toggler-submenu3 {
	left: 561px;
	background: url(../img/navigation1/link4.jpg) 0 0 no-repeat;
}
#navigation1 #navigation1-toggler-submenu3.active {
	background: url(../img/navigation1/link4_active.jpg) 0 0 no-repeat;
}

#navigation1 #navigation1-toggler-submenu4 {
	left: 687px;
	background: url(../img/navigation1/link5.jpg) 0 0 no-repeat;
}
#navigation1 #navigation1-toggler-submenu4.active {
	background: url(../img/navigation1/link5_active.jpg) 0 0 no-repeat;
}

#navigation1 #navigation1-toggler-submenu5 {
	left: 811px;
	background: url(../img/navigation1/link6.jpg) 0 0 no-repeat;
}
#navigation1 #navigation1-toggler-submenu5.active {
	background: url(../img/navigation1/link6_active.jpg) 0 0 no-repeat;
}


#navigation1-submenus
{
	position: absolute;
	top: 165px;
	left: 315px;
	width: 850px;
	z-index: 10;
}


#navigation1-submenu1 {
	position: absolute;
	top: 0;
	left:0;
	z-index: 20;
}
#navigation1-submenu2 {
	position: absolute;
	top: 0;
	left: 170px;
	z-index: 30;
}
#navigation1-submenu3 {
	position: absolute;
	top: 0;
	left: 290px;
	z-index: 40;
}
#navigation1-submenu4 {
	position: absolute;
	top: 0;
	left: 420px;
	z-index: 50;
}
#navigation1-submenu5 {
	position: absolute;
	top: 0;
	left: 540px;
	z-index: 60;
}
.navigation1-submenuitem
{
	position: relative;
	padding: 40px 0 0;
	/*min-width: 200px;*/
	width: 300px!important; /*@TODO: fixed width only needed for safari so far! */
}

/* .navigation1-submenuitem */
.navigation1-submenuitem UL
{
}
.navigation1-submenuitem UL LI {
	
	list-style:none;
	background: url(../img/main_navi_submenu_bullet_point.png) 0 5px no-repeat;
	border-top: 1px solid #DED5CD; /* @TODO color/bgimage */
	padding: 2px 5px 2px 20px;
	
	
}
.navigation1-submenuitem UL LI, .navigation1-submenuitem UL LI A { /* @typo */
	font-family: trebuchet ms, arial;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	color:#935503; /*#A0A0A4;*/ /* @TODO color */
}

.navigation1-submenuitem UL LI A:hover, .navigation1-submenuitem UL LI.active A{
	color: #E87A0B!important;
}
#navigation1 .navigation 
{

    position: absolute;
	top: 60px;
	left:300px; 
	width: 750px;	
    overflow: visible;
	border:1px solid blue;
} 


#navigation1 /* test: guertel mit schatten */
{
	background: url(../img/main_navi_guertel_1202x272_mit_schatten.png) no-repeat 0 0;
	height: 272px;
	height: 230px;
	width: 1202px;		
	left: 88px;
	top: 6px;

	/* 5% */
	background: url(../img/main_navi_guertel_1044x180.png) no-repeat 0 0;
	height: 175px;
	left: 47px;
	top: 19px;
	width: 1200px;	
}


#navigation1 UL.menu LI{
	border-bottom: 1px solid #70664a; 
}
#navigation1 UL.menu LI A
{
	padding-left: 25px;
	background: url(../img/topnavi-subitem-bullet.png) 10px 0 no-repeat;

	padding-bottom: 3px;
}


/*
#navigation1 li li li {
	margin-left:20px;
}

#navigation1 UL.menu
{
	z-index: 1;	
	background: url(../img/topnavi-subitems-bg.gif) repeat;
		
}
#navigation1 .navigation1-1
{
    position: absolute;
    top: 9px;
}

#navigation1 .navigation1-1 UL.menu
{
	min-width:200px;
	margin-top: 30px;
	padding-top:10px;
}
	
#navigation1 .navigation1-2
{
    position: absolute;
    left: 137px;
    top: 3px;
} 

#navigation1 .navigation1-3
{
    position: absolute;
    left: 253px;
    top: 0;
} 

#navigation1 .navigation1-4
{
    position: absolute;
    left: 388px;
    top: -2px;
} 

#navigation1 .navigation1-5
{
    position: absolute;
    left: 507px;
    top: -2px;
} 
*/

/*#########################################################################
 Navigation 2 - side navi
 #########################################################################*/ 
 
#navigation2
{
    position: absolute;
    top: 270px;
    left: 200px;
    /* 5% */
    top: 230px;
    left: 110px;
    
    width: 210px;
    overflow: visible; 
} 

#navigation2 li
{
	padding-top:2px;
    margin-bottom: 15px;
    width: 105px;
} 

#navigation2 .index0
{
    margin-left: 82px;
} 

#navigation2 .index1
{
    margin-left: 78px;
} 

#navigation2 .index2
{
    margin-left: 63px;
} 

#navigation2 .index3
{
    margin-left: 58px;
} 

#navigation2 .index4
{
    margin-left: 43px;
} 

#navigation2 .index5
{
    margin-left: 63px;
	
} 

#navigation2 .index6
{
    margin-left: 16px;
    
} 

#navigation2 .index7
{
    margin-left: 6px;
    
} 

/*#########################################################################
 Navigation 3 - Metanavi Kontakt | Impressum
 #########################################################################*/ 
#navigation3
{
    position:absolute;
    top: 1000px;
    left: 130px;
    z-index: 2;
    width: auto;
} 

#navigation3 li
{
    float: left;
    margin-left: 10px;
}

#navigation3 .clear
{
    clear: both;
}

#navigation1 h2 {
	color:transparent;
}
.menu li {
	/*background-color: white;*/
}

#content {
	background-color: white;
}

/* TODO: navigation1: slidedown menu
*/
#navigation1 li .menu {
	display:none;
}

#navigation1 li:hover .menu {
	display:block;
}

#navigation1 li .menu .slide-down
{
	display:block;
}