/* *
 * schlicht_eckig_blau skin
 * horizontal is default
 * */

/* font sizes */
div.ktskinschlicht_eckig_blau a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 28px;
}
/* second and following levels font-size */
div.ktskinschlicht_eckig_blau li li a { font-weight: normal; line-height: 19px; }

/* first level menu item size */
div.ktskinschlicht_eckig_blau ul li.lev1 {
	width: 111px;
}
/* second and following levels menu item size */
div.ktskinschlicht_eckig_blau li.lev1 ul, div.ktskinschlicht_eckig_blau li.lev1 li {
	width: 170px;
}
 
/* HACK: fix ie5.5 setting width on inline li's */
div.ktskinschlicht_eckig_blau div.kthorizontal2 ul li ul, div.ktskinschlicht_eckig_blau div.kthorizontal2 ul li li {
	width: auto;
}

/* default link style */
div.ktskinschlicht_eckig_blau a {
	padding: 1px 2px 1px 10px;
	color: #333333;
}
/* *
 * backgrounds:
 * - ideally, we should use backgrounds on li's and margins to space items out but, 
 *   because IE keeps triggering onmouseout events if we use margins on the li's, 
 *   we must put the backgrouns on the a's and use line height to space them out
 * - we also set the same image as the off state on the li's in order to 
 *   minimise visible flicker when hovering menu items in IE
 * */
/* level 1 background */
div.ktskinschlicht_eckig_blau li.lev1, div.ktskinschlicht_eckig_blau li.lev1 a.lev1 {
	background-image: url(img/bgtop_h.gif);
	background-position: -9px 0px;
}
/* must make the first level item wider because we want to show more of the left side of the background image */
div.ktskinschlicht_eckig_blau ul li.lev1_first {
	width: 120px;
}
div.ktskinschlicht_eckig_blau ul li.lev1_first, div.ktskinschlicht_eckig_blau ul li.lev1_first a.lev1 {
	background-position: 0px 0px;
}
div.ktskinschlicht_eckig_blau ul li.lev1_first a.lev1 {
	padding-left: 29px;
}
/* *
 * must make last menu item wider for the same reasons as the first, 
 * in this case, also take into account the 1px border between items
 * */
div.ktskinschlicht_eckig_blau ul li.lev1_last {
	width: 121px;
}
div.ktskinschlicht_eckig_blau ul li.lev1_last, div.ktskinschlicht_eckig_blau ul li.lev1_last a.lev1 {
	background-position: 100% 0px;
}

	/* level 2 item backgrounds */
	div.ktskinschlicht_eckig_blau ul li li.lev2, div.ktskinschlicht_eckig_blau ul li.lev2 li {
		background: url(img/bg.gif) no-repeat 0px 50%;
	}
	div.ktskinschlicht_eckig_blau ul li li.lev2 a.lev2, div.ktskinschlicht_eckig_blau ul li.lev2 li a {
		background: url(img/bg.gif) no-repeat 0px 50%;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	/* horizontally space out level 3 UL's */
	div.ktskinschlicht_eckig_blau ul li.lev2 ul {
		margin-left: 10px;
	}

/* selected first level items backgrounds */
div.ktskinschlicht_eckig_blau li.lev1_selected a.lev1 {
	background-image: url(img/bgtop_h_sel.gif);
}
div.ktskinschlicht_eckig_blau li a.selected {
	color: #333333;
}
/* selected second and third level items backgrounds */
div.ktskinschlicht_eckig_blau li.lev1 li.lev2 a.selected {
	background-image: url(img/bg_sel.gif);
}

/* current first level items backgrounds */
div.ktskinschlicht_eckig_blau ul li.lev1 a.lev1_current {
	background-image: url(img/bgtop_h_over.gif);
}
/* current second and third level items backgrounds */
div.ktskinschlicht_eckig_blau ul li.lev1 li.lev2 a.current {
	background-image: url(img/bg_over.gif);
}

/* *
 * specific to vertical
 * - first level menu items have a different size than the horizontal ones
 * - also, the backgrounds must not be shifted for the first and last meneu items
 * */
div.ktskinschlicht_eckig_blau div.ktvertical ul.lev1, div.ktskinschlicht_eckig_blau div.ktvertical ul li.lev1 {
	width: 140px;
}
div.ktskinschlicht_eckig_blau div.ktvertical li.lev1, div.ktskinschlicht_eckig_blau div.ktvertical li.lev1 a.lev1 {
	background-image: url(img/bgtop_v.gif);
	background-position: 0px 0px;
}
div.ktskinschlicht_eckig_blau div.ktvertical ul li.lev1_last a.lev1 {
	line-height: 32px;
}
div.ktskinschlicht_eckig_blau div.ktvertical li.lev1_selected a.lev1 {
	background-image: url(img/bgtop_v_sel.gif);
}
/* current vertical first level menu items backgrounds */
div.ktskinschlicht_eckig_blau div.ktvertical ul li.lev1 a.lev1_current {
	background-image: url(img/bgtop_v_over.gif);
}
div.ktskinschlicht_eckig_blau div.ktvertical ul.lev2 {
	padding-left: 10px;
}

/* *
 * specific to horizontal2
 * - there is no level 3
 * - level 2 items don't have backgrounds
 * - must add padding between level 2 menu items
 * */
div.ktskinschlicht_eckig_blau div.kthorizontal2 li ul {
	padding: 0;
	border: none 0;
}
div.ktskinschlicht_eckig_blau div.kthorizontal2 li.lev1 li,
div.ktskinschlicht_eckig_blau div.kthorizontal2 li.lev1 li a {
	padding: 0;
	border: none 0;
	background: transparent !important;
	background-image: none !important;
}
div.ktskinschlicht_eckig_blau div.kthorizontal2 li.lev1 li a {
	padding-right: 40px;
}

div.ktskinschlicht_eckig_blau div.kthorizontal2 li.lev1 li a.selected {
	color: #418f5e !important;
	background: transparent !important;
}
div.ktskinschlicht_eckig_blau div.kthorizontal2 li ul.lev2 {
	background-image: none;
	padding-left: 21px;
}

/* selected horizontal2 second level menu items */
div.ktskinschlicht_eckig_blau div.kthorizontal2 li li a.selected {
	font-weight: bold;
}