/* CSS Document */

/*******************************************************************************
********************************************************************************
	Project		: rexotec.de Navigatioon
********************************************************************************
*******************************************************************************/


/*	metanavi -------------------------------------------------------------------*/

.unsichtbar {
	visibility: hidden;
	display: none;
}

/*	Subnavi -------------------------------------------------------------------*/

.nav-sub {clear: both; 
float: left; 
width: 198px; 
min-height: 500px; 
height: auto !important; 
height: 500px; 
margin: 0px; 
padding: 0px; 
background-color: transparent;}

.nav-main-font {font-size: 1.0em;}

.nav-sub ul {
list-style: none; 
width: 198px; 
margin: 0px  0px  0px  0px; 
padding: 20px 0px 0px 0px; 

}	

.nav-sub li {
margin: 0px  0px  0px  0px; 
padding: 0px 0px 0px 0px;
min-height: 1.5em; 
height: auto !important; 
height: 1.5em; 
line-height: 1.5em; 
}

.nav-sub p.title {
vertical-align: top; 
display:none;
margin: 0px; 
padding: 3px 5px 4px 0px; 
color: #0099cc; 
background-color: transparent;
font-size: 120%;}

.nav-sub li.group a {
display: block; 
min-height: 1.5em; 
height: auto !important; 
height: 1.5em; 
line-height: 1.5em; 
margin: 1px 0px 1px 0px; 
padding: 0px 7px 0px 10px; 
border-top: solid 1px #E2001A; 
 border-left: solid 10px #182983; 
color: #E2001A; 
font-weight: normal;
font-size: 120%;}

.nav-sub li a {
display: block; 
min-height: 1.5em; 
height: auto !important; 
height: 1.5em; 
line-height: 1.5em; 
margin: 0px 0px 0px 0px; 
padding: 0px 7px 0px 10px; 
border-left: solid 10px #182983; 
border-bottom: 1px solid #555;
background-color:#3b3b3b;
color: #fff; 
text-decoration: none; 
font-size: 120%;}

.nav-sub ul li a:hover, .nav-sub ul li a.selected {
border-left: solid 10px #555; 
background-color:#182983;
border-bottom: 1px solid #555;
color: #fff; 
text-decoration: none;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 10px; 
}


.nav-sub ul li ul{
list-style: none; 
width: 198px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}	

.nav-sub ul li ul li {
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; }

.nav-sub ul li ul li.group a {
display: block; 
min-height: 1.5em; 
height: auto !important; 
height: 1.5em; 
line-height: 1.5em; 
margin: 0px 0px 0px 0px; 
padding: 0px 7px 0px 10px; 
border-top: solid 1px #E2001A; 
 border-left: solid 15px #d6d6d3; 
color: #E2001A; 
font-weight: normal;
font-size: 120%;}

.nav-sub ul li ul li a {
display: block; 
min-height: 1.5em; 
height: auto !important; 
height: 1.5em; 
line-height: 1.5em; 
margin: 0px 0px 0px 0px; 
padding: 0px 7px 0px 10px; 
border-left: solid 15px #d6d6d3; 
background-color:#bbbbbb;
color: #555; 
text-decoration: none; 
font-size: 120%;}

.nav-sub ul li ul li a:hover, 
.nav-sub ul li ul li a.selected {
border-left: solid 15px #555; 
background-color:#afb6b2;
color: #fff; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 10px; 
text-decoration: none;}





/*	mainnavi -------------------------------------------------------------------*/
.nav-main {
clear: both; 
float: left; 
width: 990px;  
min-height: 2.0em; 
height: auto !important; 
height: 2.0em; 
line-height: 1.5em; 
margin: 0px 0px 4px 0px; 
padding: 0px 0px 0px 0px; 
background-color: #82868d;} 


.nav-main ul {
list-style: none; 
margin: 0px 0px 5px 0px; 
padding: 0px 0px 5px 0px; 
font-size: 120%;
font-weight: normal;}
	
.nav-main li {
float: left; 
white-space: nowrap; 
background-color: inherit;}

.nav-main li a {
margin: 0px; 
padding: 0px 10px 0px 10px; 
color: #fff; text-decoration: none; }

.nav-main li a.selected {
margin: 0px; 
padding: 0px 10px 0px 10px; 
color: #fff; text-decoration: none; 
background-color:#828486;}


.nav-main a:hover, .nav-main a.selected {
color: #D9D0D1; 
text-decoration: none;}

.buffer {float: left; width: 990px; height: 5px;
 margin: 0px; padding: 0px; 
background-color: transparent;}




#navi-main {
	clear:both;
	float:left;
	width:100%;

}

dfn {
	visibility: hidden;
	display: none;
}




/*	Language Navi ------------------------------------------------------------*/

#navi-lang {
	float:right;
	height: 28px;
padding-right:20px;
padding-top: 8px;
	width:75px;
clear:right;
}
#navi-lang ul {
	float: right;
}
#navi-lang ul li {
	display:block;
	float:left;
	color:#fff;
	padding:1px 10px 0 0;
}
#navi-lang ul li a, 
#navi-lang ul li span {
	display:block;
	width:25px;
	height:25px;
	text-indent:-1000em;
}


.navi li#flag-de_active a

 {
	background:url(flag_de.png);
background-repeat: no-repeat;
	background-position:0px 0px;
	color: transparent;
}



.navi li#flag-en_active a

 {
	background:url(flag_en.png);
background-repeat: no-repeat;
	background-position:0px 0px;
	color: transparent;
}

#navi-lang ul li#flag-de a, 
#navi-lang ul li#flag-de a:hover, 
#navi-lang ul li#flag-de span {
	background:url(flag_de.png);
background-repeat: no-repeat;
	background-position:0px 0px;
}
#navi-lang ul li#flag-en a, 
#navi-lang ul li#flag-en a:hover, 
#navi-lang ul li#flag-en span {
	background:url(flag_en.png);
background-repeat: no-repeat;
	background-position:0px 0px;
}
#navi-lang ul li#flag-de a, 
#navi-lang ul li#flag-en a {
	background-position:0px 0px;
}


/*	Breadcrumb Navi ----------------------------------------------------------*/
#navi-breadcrumb {
padding-top: 40px;
clear:both;
	margin-bottom:1px;
	padding-bottom:0px;

	font-size:.95em;
width: 93%;
padding-left: 30px;

}
#navi-breadcrumb ul li {
	display:inline;
}
#navi-breadcrumb ul li a {
	color:#575959;
}



/* ********************neu */


/* Subnavi  */

.Subnavi {
overflow: hidden; 
clear: both; 
float: left; 
width: 170px; 
min-height: 500px; 
margin: 0px; 
padding: 0px; 
color: #072CBE; 
font-size: 1.0em;}

.Subnavi ul {
width: 170px; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
border-bottom: solid 1px rgb(216,206,159); 
background-color: #DBE6F1;}	

.Subnavi li {list-style: none; margin: 0px; padding: 0px;}

.Subnavi .title {
margin: 0px 0px 0px 0px; 
padding: 3px 5px 2px 20px; 
background-color: #06218D; 
color: #fff; 
text-transform: uppercase; 
font-weight: bold; 
font-size: 120%;}

.Subnavi li.group a {
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 1.7em; 
line-height: 1.7em; 
margin: 0px; 
padding: 0px 7px 0px 15px; 
border-top: solid 1px rgb(200,200,200); 
border-left: solid 7px #DBE6F0; color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
.Subnavi li a {
display: block; 
min-height: 1.7em; height: auto !important; 
height: 1.7em; line-height: 1.7em; 
margin: 0px; padding: 0px 7px 0px 15px; border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
.Subnavi li a:hover, .Subnavi li a.selected {border-left: solid 7px rgb(156,186,214);  color: rgb(100,100,100); text-decoration: none;}

.Subnavi li ul li {
background-color:#B8CDCF;
list-style: none; 
margin: 0px; padding: 0px;}

.Subnavi li ul li.group a {
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 1.7em; 
line-height: 1.7em; 
margin: 0px; 
padding: 0px 7px 0px 15px; 
border-top: solid 1px #C8C8C8; 
border-left: solid 7px #DBE6F0; 
color: rgb(75,75,75); font-weight: bold; font-size: 120%;}

.Subnavi li ul li a {
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 1.7em; line-height: 1.7em; 
margin: 0px; padding: 0px 7px 0px 15px; 
border-left: solid 7px #B7BBBB; 
border-bottom: solid 1px #B7BBBB; 
color: rgb(75,75,75); 
text-decoration: none; font-size: 110%;}

.Subnavi li ul li a:hover, 
.Subnavi li ul li a.selected {
border-left: solid 7px rgb(156,186,214);  
color: #fff; 
background-color: #1D3491;
text-decoration: none;}






.Subnavi li ul li ul li {
background-color:#fff;
list-style: none; 
margin: 0px; padding: 0px;
border-right: 1px solid #DBE6F1;
margin: 0px 0px 0px 7px;
}

.Subnavi li ul li ul li.group a {
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 1.7em; 
line-height: 1.7em; 
margin: 0px; 
padding: 0px 7px 0px 15px; 
border-top: solid 1px #C8C8C8; 
border-left: solid 7px #DBE6F0; 
color: #06218D; font-weight: bold; font-size: 120%;}

.Subnavi li ul li ul li a {
display: block; 
min-height: 1.7em; 
height: auto !important; 
height: 1.7em; line-height: 1.7em; 
margin: 0px; padding: 0px 7px 0px 20px; 
border-left: solid 7px #B7BBBB; 
color: #06218D;
text-decoration: none; font-size: 110%;}
.Subnavi li ul li ul li a:hover, 
.Subnavi li ul li ul li a.selected {border-left: solid 7px rgb(156,186,214);  color: rgb(100,100,100); text-decoration: none;}

/* Mainnavi  */

.menu {
width:968px;
background-color: #0080c3;
z-index:500;
padding:0px 0px 0px 63px;
margin:0px 0px 0px 0px;
height: 33px;
float:left;

}

.menu ul {
padding:0;
margin:0;
list-style-type:none;

}

.buffer{
height: 1px;
background-color:transparent;
}

.menu li {
float:left;
width:152px;
position:relative;
border:1px solid #fff; 
border-width:1px 1px 1px 1px; 

}

.menu a, .menu a:visited {
display:block;
font-size:12px;

text-decoration:none; 
color:#fff; 
width:131px; 
height:30px; 
background-color: #82868d;
padding-left:10px; 
line-height:29px;
border-left: solid 10px #0066cc; 
}

.menu ul li a, .menu  ul li a.visited{
color: #D9D0D1; 
text-decoration: none;
font-weight: bold;

}

.menu li a:hover, .menu  li a.selected {
color: #D9D0D1; 
text-decoration: none;
background-color:#182983;
border-left: solid 10px #0066cc;
font-weight: bold;
 }




/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background-color:#82868d;
color:#fff; 
height:auto; 
line-height:1em; 
font-weight: normal;
padding:5px 10px; 
width:162px
/* yet another hack for IE5.5 */
}

/* Level 2 */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;

}



.menu ul ul {
width:150px;

}
.menu ul ul a,
.menu ul ul a.drop, 
.menu ul ul a.drop:visited {
background-color:#afb6b2;
}

.menu ul ul a.drop:hover{
background-color:#afb6b2;
}
.menu ul ul :hover > a.drop {
background-color:#afb6b2;
}


/* Level 3 */


.menu ul ul ul a, .menu ul ul ul a:visited {
background:#CFD5DA;
width: 160px;

}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#CFD5DA;
}
.menu ul ul ul :hover > a {
background:#B1B5B8;
}




/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:193px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}


* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#9BC1E4;
}
.menu :hover > a {
color:#fff;
background-color:#182983;
}



.menu ul ul :hover > a {
color:#000;
background-color:#afb6b2;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
.menu ul :hover ul ul{
visibility:hidden;
}

.menu ul :hover ul :hover ul{ 
visibility:visible;
}



/* Level 4*/

.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

.menu ul :hover ul :hover ul ul{
visibility:hidden;
}

/* hack IE5.5 faulty box model */
* html .menu a, * html .menu a:visited {
width:130px;
w\idth:119px;
}

/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* another hack for IE5.5 */
* html .menu ul ul ul  {
top:0px;
t\op:31px;
}
/* position the third level flyout menu */
* html .menu ul ul ul{
left:120px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
* html .menu ul ul ul.left {
left:-150px;
}




/* Metanavi */

div.navmeta{
float:right;
height: 20px;

}


.navmeta ul {
float: right; 
margin: 0px; 
color:#0066cc;
padding: 0px 0px 0px 0px; 
background-color: transparent; 

}	

.navmeta li a img{
padding-top: 4px;
float:left;}

.navmeta ul li.language {
color:#0066cc;
float:left;
padding-left: 3px;
padding-top:2px;
}
.navmeta li {
display: inline; 
list-style: none; 
margin: 0px; padding: 0px;}

.navmeta li a {
display: block; 
float: left; 
margin: 0px; 
padding: 2px 3px 2px 3px; 
color:#0066cc;
text-decoration: none; font-size: 12px;}

.navmeta a:hover, 
.nav2 a.selected {
color:#0066cc; text-decoration: none;}