/* NAVIGATION
**************************/

.menu ul { float: right; width:auto; margin:3px 0 0 0; padding: 0; height: auto;  list-style-type:none; }

.menu ul ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; font-weight:bold;}

.menu ul a { display:block; padding:0.4em 0.5em; margin: 0 0 0 4px; color:#666; text-decoration:none; font-size:1em; background-image: url(bg/bg-color.png); background-repeat: repeat; white-space: nowrap; }
.menu ul li ul a { color: #A54521; padding:0 2px 0 4px;  background-color: #dee7ef; }
.menu ul a:hover { color:#900; }
.menu ul li ul ul a:hover, .menu ul li ul a:hover { color:#999; font-size:13px; }
.menu ul li {float:left; position:relative;}
.menu ul ul {position:absolute; display:none; width:13em; top:0; left:0px; padding: 10px 0 10px 0; margin:0;}
.menu ul ul a { }
.menu ul li ul {  padding-top:3px; margin:0; top:auto;   }
.menu ul li ul a {height:auto; float:left; width:13em;  font-size:12px;} /* add this: width:14em; to get listed */
.menu ul ul ul { top:auto; padding:0; margin:0; background-image: url(images/bullet/bullets_08.gif); background-repeat: no-repeat; background-position: left top; }
.menu ul li ul ul {left:10.2em; margin:0 2px; padding:0;}
.menu ul li ul ul li { margin:0px; }
.menu ul li:hover ul ul, .menu ul li:hover ul ul ul, .menu ul li:hover ul ul ul ul {display:none; }
.menu ul li:hover ul, .menu ul li li:hover ul, .menu ul li li li:hover ul, .menu ul li li li li:hover ul {display:block; }
.menu ul .home_page a { }

/* TOGGLE
**********/
.toggle .toggle_btn{ float: right;}
.toggle .active { }
.toggle .toggle_btn a{ background-image: url(bg/toggle.png); background-repeat: no-repeat; background-position: left 4px; text-decoration: none; }

.toggle .toggle_btn a:hover{ background-position: left -27px; }
.toggle .active a{ background-image: url(bg/toggle.png); background-repeat: no-repeat; background-position: left -13px!important; text-decoration: none; }
.toggle .toggle_container{ position: relative; border: 0px solid #900; float: left; width: 100%; margin: 5% 0 0 0;}
.toggle .toggle_container .block{ float: left; width: 890px; top:10px; background-color: #dee7ef;}
.toggle .srco{ }


/* LANGUAGE
**************************/

.language ul { float: right; width:auto; margin:0; padding:0; list-style-type:none; }
.language ul li { padding: 0;}
.language ul a { display: block; color:#FFF; text-decoration:none; font-size: 11px; position:relative; top:5px; background-image: url(bg/book.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; margin-right: 1%; }
.language ul a:hover { background-position: 2px center; color:#900; }

.language ul ul { margin:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; width:900px; position:absolute; display:none; top:auto; right:0px; padding: 20px 0 20px 0; background-color: #F9F9F9; }


.language ul li ul a:hover { color:#F00; }
.language ul li {float:left; position:relative;}
.language ul li ul li { float:right; position:relative; width: 24%; border: 1px dotted #A5BDD3; margin:3px; padding: 4px 0; }
.language ul li ul li.current { background-color: #dee7ef; }
.language ul li ul li.current a { background-color: transparent; color:#F00;}

.language ul li ul li a { background-position: 2px top; width:90%; top:0; color: #A54521; margin:1%; background-color: #A5BDD3; padding: 10px; background-image: none; }


.language ul li ul a {height:auto; float:left; font-size:15px;} /* add this: width:14em; to get listed */


.language ul li:hover ul ul, .language ul li:hover ul ul ul, .language ul li:hover ul ul ul ul {display:none; }
.language ul li:hover ul, .language ul li li:hover ul, .language ul li li li:hover ul, .language ul li li li li:hover ul {display:block; }
.language ul .home_page a { }