/*------------------------------------------------------------------
definitions for the header, including menus

[Table of contents] 

1.	language navigation
2.	logo
3.	satelite navigation
4.	page options navigation
5.	main navigation
6.	sub navigation
7.	picture navigation
8.	path navigation
9.	Autosuggest
-------------------------------------------------------------------*/

/* 1. language navigation */
#langNav {
	float:right;
	margin:7px 19px 0 0;
}

#langNav li {
	float:left;
	margin-left:4px;
}

#langNav li img {
	border:1px solid #b0b0ad;
	opacity:0.45;
}

#langNav li.active img {
	border-color:#000;
	opacity:1;
}

/* 2. logo */
h1.logo {
	padding:44px 0 0 22px;
	margin-bottom:14px;
	width:250px;
}

h1.logo a { display:block; width:250px; height:34px; }

/* 3. satelite navigation */
#satnav { margin:8px 10px 0 0; }
#satnav li { float:left; padding: 0 0 0 21px; background:transparent url(../img/elements/separator.satnav.gif) 10px 5px no-repeat; }
#satnav li h5 { margin:0; }
#satnav li.elem_0 { float:left; background-image:none; }
#satnav a { font-size:1.05em; text-decoration:none; font-weight:normal; display:block; }
#satnav li.active a { color:#666; }

/* 4. page options navigation */
#pageOptionsNav { float:right; margin:0 0 8px 0; font-size:1.05em; }
#pageOptionsNav li { float:left; }
#pageOptionsNav a { font-size:1em; text-decoration:none; display:block; }

#pageOptionsNav li.fontSize { overflow:hidden; margin-right:10px; }
#pageOptionsNav li.fontSize a, #pageOptionsNav li.fontSize span { float:left; display:block; }
#pageOptionsNav li.fontSize a { margin-right:9px; }
#pageOptionsNav li.fontSize span { margin:6px 6px 0 18px; }

#pageOptionsNav .printPage { padding:6px 23px 3px 0; background:transparent url(../img/elements/icon.printer.png) right 4px no-repeat; }
#pageOptionsNav .newsPage a { margin: 0 20px 0 0; padding:6px 23px 3px 0; background:transparent url(../img/elements/icon.news.gif) right 1px no-repeat; }

/* 5. main navigation */
#mainnav {
	float:left;
	margin:0 3px 0 0;
	width:259px;
	height:329px;
	border:3px solid #fff;
	background:transparent url(../img/elements/back.mainmenu.jpg) left top no-repeat;
}

#mainnav li { border-top:1px solid #dddace; margin:0 0 0 4px; }

#mainnav li.search { border-top:0px; padding:5px 0 0 0; }

#mainnav h2 { margin:0; }

#mainnav a, #mainnav span { 
	font-weight:bold; 
	font-size:1.2em; 
	text-decoration:none;
	padding:8px 0 7px 26px;
	display:block;
	background:transparent url(../img/elements/pointer.green.gif) 13px 12px no-repeat;
}

#mainnav li.active a, #mainnav li:hover a { background:#00652e url(../img/elements/pointer.white.gif) 13px 12px no-repeat; color:#fff; }
	/* TEST extra */
#mainnav li.active span, #mainnav li:hover span { background:#00652e url(../img/elements/pointer.white.gif) 13px 12px no-repeat; color:#fff; }
#mainnav li span { color:#00652E; cursor:default; }

#mainnav li:hover .submenu, #mainnav li:hover .marker,
#mainnav li:hover .submenu li:hover .submenu, #mainnav li:hover .submenu li:hover .marker { visibility:visible; }

/* 6. sub navigation */
#mainnav .submenu, #mainnav li .marker,
#mainnav li:hover .submenu li .submenu, #mainnav li:hover .submenu li .marker { visibility:hidden; }
#mainnav .submenu { z-index:2; }
#mainnav li .marker { z-index:3; }

#mainnav .submenuWrapper {
    float:right;
    position:relative;
    top:-28px;
    z-index: 2;
}

#mainnav .submenu {
	position:absolute;
	padding:0 0 12px 11px;
}
#mainnav .top .submenu {top:-4px;}
#mainnav .bottom .submenu {bottom:-46px;}

#mainnav .submenu .innerSubmenu {
    background:transparent url(../img/elements/back.mainmenu.top.gif) right top no-repeat;
    float:left;
    padding: 4px 0 0 0;
}

#mainnav .submenu .innerSubmenu .innerSubmenuWrapper
{
    background:transparent url(../img/elements/back.mainmenu.body.gif) right bottom no-repeat;
    padding: 0 1px 6px 0;
    float: left;
}
#mainnav .submenu .innerSubmenu .wide {width:380px;}


/*
#mainnav .submenu .border { background:transparent url(../img/elements/corner.submenu.tr.gif) right top no-repeat; width:5px; float:left; }
#mainnav .submenu .border div { margin-top:4px; background-color:#fff; height:285px; }
*/
#mainnav .submenu ul, #mainnav .submenu h3, #mainnav .submenu h4 { margin:0; }
#mainnav .submenu ul { width:190px; float:left; /*height:287px;*/ }
#mainnav.russian .submenu ul { width: 230px; }
#mainnav .submenu ul.right { width:188px; background:transparent url(../img/elements/separator.subnav.gif) left top repeat-y; margin-left:1px; }
#mainnav .submenu ul.right li { margin-left:2px; }
#mainnav .submenu li { margin-right:0; border-top:0; border-bottom: 1px solid #dddace; }
#mainnav .submenu li.last { border:0px; }
#mainnav .submenu li a { background:transparent url(../img/elements/pointer.green.gif) 13px 12px no-repeat; color:#00652e; font-weight:normal; }
#mainnav .submenu li.active, #mainnav .submenu li:hover { background:transparent url(../img/elements/back.submenu.active.gif) left bottom repeat-x; }
#mainnav .submenu li.active a, #mainnav .submenu li:hover a, #mainnav .submenu li.active .submenu li.active a, #mainnav .submenu li:hover .submenu li:hover a { text-decoration:underline; }
#mainnav .submenu li.active .submenu li a, #mainnav .submenu li:hover .submenu li a { text-decoration: none; }

#mainnav li .marker {
	position:absolute; 
	/*margin:-28px 0 0 255px; */
	width:14px; 
	height:28px; 
	background:transparent url(../img/elements/back.mainmenu.marker.gif) right top no-repeat;
}

/* 7. picture navigation (gallery can be found in content.css) */
#picNav {
	float:left;
	width:680px;
	padding-right:18px;
	background:#f4f4f4 url(../img/elements/back.picnav.right.gif) right top no-repeat;
}

#picNav .innerPic {
	border:5px solid #fff;
	border-right:0;
	height:325px;
	position: relative;
}

#navContainer #picNav .errorText { padding:10px; height:305px; }

/* 8. path navigation */
#tySearchSuggestOutput { position:absolute; margin:-1px 0 0 3px; width:220px !important; }
#pathNav { border-bottom:1px solid #dddace; font-size:1.05em; padding:10px 0 10px 20px; margin-right:14px; width:642px; }
#pathNav a { text-decoration:none; }
#pathNav .current { font-weight:bold; color:#333; }

/* 9. Autosuggest */
ul.autocompleter-choices {
	position:				absolute;
	list-style:				none;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
	margin:0;
	padding:0 0 4px 0;
	background:transparent url(../img/elements/back.autosuggest.gif) left bottom no-repeat;
	width:220px !important;
    /*left:363px;*/
    overflow-y:hidden;
    /*top:189px;*/
}
#mainnav ul.autocompleter-choices li {
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				3px 16px 4px 7px;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	border-left:			1px solid #dddace;
	border-right:			1px solid #dddace;
	background-color:       #FFF;
}
#mainnav ul.autocompleter-choices li a { 
    padding:0; 
    background:transparent none;
    font-size:              0.85em;
    line-height:            1.5em;
    font-weight:normal;
    color:#000;
}
#mainnav ul.autocompleter-choices li:hover a {
    color:#fff;
}
#mainnav ul.autocompleter-choices li:hover {
    background-color:       #00652E;
}
/*
ul.autocompleter-choices li.autocompleter-selected {
	background-color:		#00652E;
	color:					#fff;
}
*/
ul.autocompleter-choices span.autocompleter-queried {
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
	color:					#fff;
}
/* .formSearch .autocompleter_loading { background:#fff url(../img/elements/loader.gif) right 2px no-repeat; } */

/* 10. Service Nummer */
#tmgs-service-nr {
    background: transparent url("../img/elements/icon.phone.service.gif") no-repeat 100% 5%;
    color: #00652E;
    font-size: 1.05em;
    height: 40px;
    line-height: 1.4em;
    overflow: hidden;
    padding-right: 3.95em;
    position: absolute;
    right: 18px;
    text-align: right;
    top: 40px;
    width: 260px;
    z-index: 10;
    zoom: 1;
}
#tmgs-service-nr b, #tmgs-service-nr strong { font-size: 1.273em; }

#picNav .waiTickerOuter {
    position:absolute;
    margin-top:332px;
}
#pathNav.displayWai {
    margin-top: 24px;
    width: 930px;
}
