/**********************************************/
/*       css for top secret drum corps        */
/*           written and composed by          */
/*                markus erdmann              */
/*              © 2008 esense gmbh            */
/*                                            */
/* www.esense.ch - gute webseiten. guter text */
/**********************************************/

/******* first navigation *******/

/******* general *******/
/***********************/

#topNav {
position:relative;
top:1px;
left:0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:980px;
height:80px;
background:transparent url(../pics/topnav-gb.gif) 0 0 no-repeat;
float:left;
border-top:1px dotted #e80a0a;
}

#navFirst ul.level1, 
#navFirst ul.level2, 
#navFirst ul.level3, 
#navFirst ul.level4, 
#navFirst ul.level5 {
margin: 10px 0px 0px 0px; /* oben / rechts / unten / links */
padding: 0px 0px 0px 20px; /* oben / rechts / unten / links */	
/*width:860px;*/
width:960px;
height:20px;
font-size: 12px;
line-height:20px;
background-color:transparent;
float:left;
}

#navFirst a {
text-decoration: none;
font-weight:normal;
cursor:pointer;
}

#navFirst a:hover {
}

#navFirst li {
list-style-type: none;
float:left;
}

/******* 1st level *******/

#navFirst li a:hover {
background:transparent url(../pics/topnav-button.gif) 0 -20px no-repeat;
color:#e2e2e2;
}

#navFirst li.open {
background:transparent url(../pics/topnav-button.gif) 0 0px no-repeat;
color:#e80a0a;
}	

#navFirst li.open a {
background:transparent url(../pics/topnav-button.gif) 0 0px no-repeat;
color:#e80a0a;
}

#navFirst li.trail a {
background:transparent url(../pics/topnav-button.gif) 0 0px no-repeat;
color:#e80a0a;
}

#navFirst li.trail a:hover {
background:transparent url(../pics/topnav-button.gif) 0 0px no-repeat;
color:#e80a0a;
}

#navFirst li.active a {
background:transparent url(../pics/topnav-button.gif) 0 0px no-repeat;
color:#e80a0a;
font-weight:bold;
}

#navFirst li a {
width: 101px;
height:20px;
line-height:18px;
color:#aaa;
padding:0px;
float:left;
text-align:center;
margin:0 10px 0 0;
background:transparent url(../pics/topnav-button.gif) 0 -40px no-repeat;
}

/******* second navigation *******/

/******* general *******/
/***********************/
#navSecond ul.level1, 
#navSecond ul.level2, 
#navSecond ul.level3, 
#navSecond ul.level4, 
#navSecond ul.level5 {
margin: 0px 0px 20px 0px; /* oben / rechts / unten / links */
padding: 0px 0px 0px 0px; /* oben / rechts / unten / links */	
width: auto;
font-size: 12px;
line-height:20px;
}

#navSecond a {
text-decoration: none;
font-weight:normal;
cursor:pointer;
}

#navSecond a:hover {
}

#navSecond li {
list-style-type: none;
}

/******* 1st level *******/

#navSecond li a:hover {
color:#e2e2e2;
}

#navSecond li.open {
color:#e80a0a;
}	

#navSecond li.open a {
color:#e80a0a;
}

#navSecond li.trail a {
color:#e80a0a;
}

#navSecond li.trail a:hover {
color:#e80a0a;
}

#navSecond li.active a {
color:#e80a0a;
border-bottom:1px dotted #e80a0a;
}

#navSecond li.active a:hover {
color:#e80a0a;
}

#navSecond li a {
width: 210px;
color:#aaa;
line-height:20px;
padding:0 0 3px 0;
}


#navSecond li.active.open a {
width: 210px;
color:#e80a0a;
line-height:20px;
padding:0 0 3px 0;
}

/*** 3.level ***/
#navSecond li.active li.leaf a,
#navSecond li.open li.leaf a {
width: 200px;
color:#aaa;
line-height:20px;
padding:0 0 3px 0;
margin:0 0 0 10px;
border:none;
}

#navSecond li.active li.leaf a:hover,
#navSecond li.open li.leaf a:hover {
color:#fff;
border:none;
}

#navSecond li.open li.active a,
#navSecond li.open li.active a:hover {
width: 200px;
color:#e80a0a;
line-height:20px;
padding:0 0 3px 0;
border-bottom:1px dotted #e80a0a;
margin:0 0 0 10px;
}