/*********************************************/
/*        css styles for ritadesign.ch       */
/*           written and composed by         */
/*               markus erdmann              */
/*             © 2009 esense gmbh            */
/*                                           */
/*********************************************/

/******* topnav *******/
/**************************/
.topNavigation {
width:100%;
float:left;
padding:0 0 1em 0;
}

.topNavigation ul {
position:relative;
list-style:none;
margin:0;
padding:0;
}

.topNavigation ul li { 
list-style-type:none;
}

.topNavigation a {
text-decoration:none;
clear:both;
padding: 0 0 0 0;
color:#777;
}

.topNavigation a:hover {
color:#fe0002;
}

/******* 1st level *******/
/*************************/
.topNavigation li {
}

.topNavigation li a:hover {
}

.topNavigation li.trail a {
color:#fe0002;
}

.topNavigation li.active a,
.topNavigation li.closed.trail a {
color:#fe0002;
}

.topNavigation li a {
}

.topNavigation strong {
font-weight:normal;
}

/******* subnav *******/
/***********************/
.subNavigation,
.thirtNavContainer {
float:right;
list-style-type:none;
list-style-position:inherit;
width:682px;
height:auto;
margin:20px 0 0 0;
padding:0 0 5px 0;
color:#777;
font-weight:normal;
}

.thirtNavContainer {
position:absolute;
left:37em;
width:9em;
}

.subNavigation ul.level1, 
.subNavigation ul.level2, 
.subNavigation ul.level3, 
.subNavigation ul.level4, 
.subNavigation ul.level5,
.thirtNavContainer ul.level1, 
.thirtNavContainer ul.level2, 
.thirtNavContainer ul.level3, 
.thirtNavContainer ul.level4, 
.thirtNavContainer ul.level5 {
margin:0;
list-style: none;
float:left;
}

.subNavigation ul li {
display:inline;
}

.thirtNavContainer ul li {
display:block;
}

.subNavigation li a,
.thirtNavContainer li a {
text-decoration: none;
float:left;
margin:0 1em 0 0;
color:#777;
font-size:2em;
line-height:1.5em;
}

.subNavigation li a:hover,
.thirtNavContainer li a:hover {
color: #fe0002;
}

/******* 1st level *******/
/*************************/
.subNavigation ul {
}

.subNavigation li {
}

.subNavigation li a:hover,
.thirtNavContainer li a:hover {
color: #fe0002;
}

.subNavigation li.open,
.thirtNavContainer li.open {
color: #fe0002;
}

.subNavigation li.open a,
.subNavigation li.trail a,
.thirtNavContainer li.open a {
color: #fe0002;
}

.subNavigation li.leaf a,
.thirtNavContainer li.trail a,
.thirtNavContainer li.leaf a {
color:#777;
}

.subNavigation li.trail a:hover,
.subNavigation li.leaf a:hover,
.thirtNavContainer li.trail a:hover,
.thirtNavContainer li.leaf a:hover {
color: #fe0002;
}

.subNavigation li.active a,
.thirtNavContainer li.active a {
color: #fe0002;
}

.subNavigation li a,
.thirtNavContainer li a {
color: #777;
cursor:pointer;
}

.topNavigation ul li,
.subNavigation ul li,
.subNavigation li li,
.subNavigation li li li {
list-style-type:none;
}

.subNavigation .active strong a,
.thirtNavContainer .active strong a {
font-weight:normal;
}

/*** end of css ***/