@import url(layout.css);
@import url(basics.css);
@import url(lightbox.css);

/* =navgation
--------------------------------------------------------------- */
/* ------- ul ---------- */
#nav ul {
list-style-type: none;
text-align: left;
width: 222px;
}
#nav ul li ul {
border-bottom: 1px solid #ffffff;
}
#nav ul li ul li ul {
border-bottom: none;
}
/* ------- li ---------- */
/* Ebene 1 - LI */
#nav ul li {
background-color: transparent;
width: 222px;
display: block
}
/* Ebene 2 - LI */
#nav ul li ul li {
}

/* ------- links ---------- */
/* Ebene 1 - links */
#nav ul li a {
display: block;
color: #000000;
padding: 3px 0 3px 21px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #ffffff;
}
/* Ebene 2 - links */
#nav ul li ul li a {
padding: 2px 0 2px 33px;
color: #000000;
border: none;
font-weight: normal;
background-color: #b0c5f1;
}
/* Ebene 3 - links */
#nav ul li ul li ul li a {
padding: 2px 0 2px 43px;
border: none;
font-weight: normal;
background-image: none;
}

/* ------- hover ---------- */
/* Ebene 1 - hover */
#nav ul a:hover {
background-color: #b0c5f1;
}
/* Ebene 2 - hover */
#nav ul ul li a:hover {
 color: #008ec1;
background-image: url(/pictures/pfeil_navi.gif);
background-repeat: no-repeat;
background-position: 23px 7px;
}
/* Ebene 3 - hover */
#nav ul ul li a:hover {
color: #000000;
}

/* ------- active firefox ---------- */
/* Ebene 1 - active */
#nav ul li.active>a {
color: #000000;
background-color: #b0c5f1;
border-bottom: none;
}
/* Ebene 2 - active */
#nav ul li ul li.active>a {
color: #000000;
border: none;
background-image: url(/pictures/pfeil_navi.gif);
background-repeat: no-repeat;
background-position: 23px 7px;
}
/* Ebene 3 - active */
#nav ul li ul li ul li.active>a {
 color: #000000;
background-image: url(/pictures/pfeil_navi.gif);
background-repeat: no-repeat;
background-position: 33px 7px;
border: none;
}
/* ------- : HACK : active internet explorer : HACK :  ---------- */
* html #nav ul li a {
height: 1%;
font-weight: bold;
}
*+html #nav ul li a {
height: 1%;
}
* html #nav ul li ul li a {
height: 1%;
font-weight: normal;
color: #000000;
}
* html #nav ul li ul li ul li a {
height: 1%;
font-weight: normal;
color: #000000;
}
* html #nav ul li.active ul li a {
color: #000;
font-weight: normal;
}