@charset "UTF-8";

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */

ul.MenuBarHorizontal

{
margin: 0;
padding: 0px 0px 0px 0px;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 100%;
height: 24px;
border-bottom: 1px solid #fff;
background-color:#b5c6cc; } /*orange*/

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{z-index: 1000;}

/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
position: relative;
text-align: left;
cursor: pointer;
width: 169px;
line-height: 24px;
float: left;
text-indent: 0px;
border: 0px solid #000000;
border-right: 0px solid #fff;

}

/*services*/
li#sby_menu_1 { text-align: center; }
/*products*/
li#sby_menu_8 { text-align: center; }
/*partners*/
li#sby_menu_9 { text-align: center; }
/*protoil*/
li#sby_menu_10 { text-align: center; }
/*contact*/
li#sby_menu_11 { text-align: center; }
						
/*partners*/

            li#sby_menu_9 a:link
			{
			background-color:#f6f6f6;
			text-indent: 2px;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff; 
			}
			li#sby_menu_9 a:visited
			{
			background-color:#f6f6f6;
			text-indent: 2px;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff; 
			}
			li#sby_menu_9 a:aktiv
			{
			background-color: #e1e5e6;
			text-indent: 2px;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff; 
			}
			li#sby_menu_9 a:hover
			{
			background-color: #e1e5e6;
			text-indent: 2px;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			 
			}
			
/*kontakt*/
			li#sby_menu_11 a:link
			{
			width: 169px;
			text-indent: 5px;
			border-right: 0px solid #feebd1;
			border-bottom: 1px solid #fff; 
			}
			li#sby_menu_11 a:visited
			{
			width: 169px;
			text-indent: 5px;
			border-right: 0px solid #feebd1;
			border-bottom: 1px solid #fff; 
			}
			li#sby_menu_11 a:aktiv
			{
			width: 169px;
			text-indent: 5px;
			border-right: 0px solid #feebd1;
			border-bottom: 1px solid #fff; 
			}
			li#sby_menu_11 a:hover
			{
			width: 169px;
			text-indent: 5px;
			border-right: 0px solid #fdd08d;
			border-bottom: 1px solid #fff;
			 
			}		
			


/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 1010;
cursor: default;
width: 169px;
line-height: 24px;
position: absolute;
left: -1000em;
border: 0px solid #000000;
border-right: 0px solid #fdd08d;
}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible

{ left: auto; top:auto;}

			/* Menu item containers are same fixed width as parent ---------------------------------------------------------------------*/
			
			ul.MenuBarHorizontal ul li
			
			{
			margin: 0px 0px 0px 0px;
			text-indent: 0px;
			padding: 0px 0px 0px 0px;
			border-bottom: 0px solid #000;
			}
			
			
			
			/* Submenus should appear slightly overlapping to the right (95%) and up (-5%)--------------------------------------------------- */
			
			ul.MenuBarHorizontal ul ul
			
			{  
			margin: 0px 0px 0px 0px;
			padding: 0 0 0 0px;
			text-indent: 0px;
			padding: 0px 0px 0px 0px;
			border: 0px solid #000000;
			
	
			}

/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible

{left: auto; top: 0; }

/*******************************************************************************
DESIGN INFORMATION: describes color scheme, borders, fonts
*******************************************************************************/
/* Submenu containers have borders on all sides */

ul.MenuBarHorizontal ul

{border: 0px solid #CCC; height: 24px;}


ul.MenuBarHorizontal  a
 
{
display: block;
cursor: pointer;
background-color: #b5c6cc;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #0e2d50;
height: 24px;
text-decoration:none;
font-size: 100%;  font-weight : normal;
text-indent: 2px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}


ul.MenuBarHorizontal  a:visited
 
{

background-color: #b5c6cc;
padding: 0px 0px 0px 0px;
color: #0e2d50;
height: 24px;
text-decoration:none; 
font-size: 100%;  font-weight : normal;
text-indent: 2px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus

{

background-color: #e1e5e6; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 100%; color: #f56a0c; font-weight : normal; /*445665-schriftfarbe*/
height: 24px;
text-decoration:none;
text-indent: 2px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible

{

background-color: #e1e5e6;
padding: 0px 0px 0px 0px;
font-size: 100%; color: #f56a0c; font-weight : normal;
height: 24px;
text-decoration:none;
text-indent: 2px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;

}
/*-----------------------------------------------------------------------------------------*/



 HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */

ul.MenuBarHorizontal iframe {
position:absolute;
z-index:2010;
}
ul.MenuBarHorizontal li.MenuBarItemIE {
background:#FFFFFF none repeat scroll 0%;
display:inline;
float:left;
}