/* Menu */
.tetemenu {
font-family:Verdana,Geneva,sans-serif;
font-size:0.65em;
float:right;
margin-top:-50px;
display: inline;
}

* html .tetemenu {
font-size:0.65em;
margin-right:2px;
margin-top:-51px;
}

/* remove all the bullets, borders and padding from the default list styling */
.tetemenu ul {
float:none !important;
padding:0;
margin:0;
list-style-type:none;
width:46px;
}

/* hack for IE5.5 */
* html .tetemenu ul {
width:40px;
}

/* position relative so that you can position the sub levels */
.tetemenu li {
position:relative;
background-color:#f6f6f6;
display:block;
width:100%;
float:none !important;
}

.tetemenu li ul {
border:1px solid #808284;
background-color:#f6f6f6;
}

/* get rid of the table */
.tetemenu table {
position:absolute; 
border-collapse:collapse; 
top:-1px; 
left:0; 
z-index:100; 
font-size: 1em;
border:0 !important;
}

.tetemenu table td{
border:0 !important;
}

/* style the links */
.tetemenu a, .tetemenu a:visited{
display:block;
text-decoration:none;
height:160%;
line-height:160%;
color:#ACACAC;
padding: 0 4px;
margin: 0;
background:#F6F6F6;
}

/* hack for IE5.5 */
* html .tetemenu a, * html .tetemenu a:visited {
width:40px; 
border:1px solid #f6f6f6;
text-decoration: none !important;
padding: 0px !important;
margin-left: 2px;
}

/* style the link hover */
* html .tetemenu a:hover {
color:#ACACAC; 
background-color:#ffffff;
}

/* hack for IE5.5 */
* html .tetemenu li ul a, * html .tetemenu li ul a:visited {
width:151px; 
border:1px solid #f6f6f6;
}

.tetemenu :hover > a {
color:#ACACAC;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.tetemenu ul ul {
visibility:hidden;
position:absolute;
bottom:16px;
left:-116px; 
width:160px;
}

* html .tetemenu ul ul {
bottom:8px;
}

/* make the second level visible when hover on first level list OR link */
.tetemenu ul :hover ul{
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.tetemenu ul :hover ul ul{
visibility:hidden;
position:absolute;
bottom:-1px;
left:-162px; 
}

* html .tetemenu ul :hover ul ul{
bottom:-7px;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.tetemenu ul :hover ul :hover ul ul{
visibility:hidden;
position:absolute;
bottom:-1px;
left:-162px; 
}

* html .tetemenu ul :hover ul :hover ul ul{
bottom:-7px;
}

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

/* make the fourth level visible when you hover over third level list OR link */
.tetemenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

.cbtext ul li {
background:transparent url(http://www.tetesept.de/media/layout/img/bullet-list.gif) no-repeat scroll 5px center !important;
padding-left:19px;
}