/*  =========================================================
Navigation design
Filename:  navi_dropdown.css
Date:      Feb 2009
Author:    Theresa Bayr
========================================================== */

/* ==============================================
   01 Das umgebende DIV gestalten
   ============================================== */
#navi {
   overflow: hidden;
   padding: 0px ;
   margin: 0;
}
/* Sternchen-Hack, hasLayout für IE5x. und 6 */ 
* html #navi { height: 1%; }

/* ==============================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   ============================================== */
#navi ul { margin: 0; }
#navi li {
   float: left;
   width: 135px;
   height: 40px;
   list-style: none;
   margin: 0 ;
   border-right: 1px solid #2b79b0;
   border-left: 1px solid #011b6a;
}
/* Liste in Ebene 2 clearen */
#navi li li { 
	clear: both;
	height: 38px;
	border-top: 1px solid #ffffff;
	border-bottom: 0;
	border-right: 0;
	border-left: 0;
}

/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#navi a {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	background: url(../images/bg_menu.gif) top repeat-x;
	margin-bottom: 0;
	padding: 8px 0;
	text-align: center;
	text-transform: capitalize;
	text-decoration: none;
}
#navi a:hover,
#navi a:focus {
	background: url(../images/bg_menu_over.gif) top repeat-x;
} 
#navi li.navi01 {
	border-left: 0;
	width: 136px;
	
}
#navi li.navi07 {
	border-right: 0;
	width: 137px;
	
}

/* ==============================================
   04 Ebene 2 verstecken 
   ============================================== */
#navi li ul {
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline;
   width: 0;
   height: 0; 
   background-color: transparent;   
}

/* ==============================================
   05 Ebene 2 sichtbar machen 
   ============================================== */
#navi li:hover ul,
#navi li.sfhover ul {
   left: auto; 
   top: auto;
   display: block;
   height: auto; 
   background: url(../images/bg_menu.gif) top repeat-x;
}

/* ==============================================
   06 Die Rausklappliste korrekt einfärben
   ============================================== */

/* Spezifität 214 */
#navi ul#menu_main ul.menu_dropdown li a {
	background-image: none;
	background-color: #01207c;
	font-size: 12px;
	padding: 7px 0;
}

/* Spezifität 224 */
#navi ul#menu_main ul.menu_dropdown li a:hover {
    text-decoration: none;
	background-image: none;
	background-color: #1d4095;
}


/* ============================================================
   Product buttons top
   ============================================================ */

#buttons {
	float: right;
	width: 211px;
	line-height: 24px;
}
#buttons ul { margin: 0; }
#buttons li {
   float: left;
   width: 211px;
   list-style: none;
   margin: 0 ;
   border-bottom: 1px solid #029299;
   border-top: 1px solid #c7fbf8;
   background: url(../images/bg_buttons.gif) top repeat-x;
}
#buttons a {
    display: block;
	color: #FFFFFF;
	margin-bottom: 0;
	padding: 26px 0 26px 30px;
	text-align: left;
	text-decoration: none;
	font-size: 14px;
}
#buttons li.navi11 {
	border-top: none;
}
#buttons li.navi13 {
	border-bottom: none;
}
#buttons li.navi11 a {
	background: url(../images/icon_house.png) center right no-repeat;
}
#buttons li.navi11 a:hover {
	background: url(../images/icon_house-over.png) center right no-repeat;
}
#buttons li.navi12 a {
	background: url(../images/icon_building.png) center right no-repeat;
}
#buttons li.navi12 a:hover {
	background: url(../images/icon_building-over.png) center right no-repeat;
}
#buttons li.navi13 a {
	background: url(../images/icon_drop.png) center right no-repeat;
}
#buttons li.navi13 a:hover {
	background: url(../images/icon_drop-over.png) center right no-repeat;
}

/* ======================================
   E N D navi_dropdown.css
   ====================================== */