/***************************************************************************
    $Id: eng_ksb_main_v1.1.css,v 1.3 2009/05/19 10:18:46 seiffert Exp $
    $Revision: 1.3 $
    firma: strato ag
***************************************************************************/

#ksb_produktlogo {
	background-image:url(/assets/ksb/strato/GB/images/ksb_title_ksb_new.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height: 26px;
	min-height: 26px;
}

/* package navigation */
/* customer package navigation */
/* **************************** */

#nav-head { margin-left: 0; }

#nav-head ul {
    border: 0;
    list-style-type: none;	
    margin: 0;
    padding: 0;
    text-align: center;
}

#nav-head ul li {
    display: block;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
}

#nav-head ul li.customer { width: 233px; position: relative;}

#nav-head ul li.package, #nav-head ul li.package-empty { 	width: 109px; }

#nav-head ul li.package-active { width: 112px; }

#nav-head ul li.customer a {
    background-image: url(/assets/ksb/strato/shared/images/customer_nav/bg_customer_nav_off_new.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #012f68;
	border:1px solid #0a2a5b;
	color: #fff;
	display: block;
    font-weight: normal;
	height: 56px;
	margin: 0 20px 0 0;
	padding: 4px 8px;
	text-decoration: none;
    text-align: left;
    vertical-align: middle;	
}

#nav-head ul li.customer span {
    background-image: url(/assets/ksb/strato/shared/images/customer_nav/bg_customer_nav_off.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #012f68;
	border:1px solid #0a2a5b;
	color: red;
	display: block;
    font-weight: normal;
	height: 33px;
	margin: 0 24px 0 0;
	padding: 4px 8px;
	text-decoration: none;
    text-align: left;
    vertical-align: middle;	
}

#nav-head ul li.customer a:hover {
    background-image: url(/assets/ksb/strato/shared/images/customer_nav/bg_customer_nav_on.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#nav-head ul li.package a {
	background-image: url(/assets/ksb/strato/shared/images/customer_nav/bg_package_nav_off_02.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #0a2a5b;
    display: block;
    font-weight: normal;
	height: 36px;
	*height: 35px;
	padding: 4px 8px;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
}

#nav-head ul li.package span {
	background-image: url(/assets/ksb/strato/shared/images/customer_nav/bg_package_nav_off_02.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: transparent;
	color: red;
    display: block;
    font-weight: normal;
	height: 36px;
	*height: 35px;
	padding: 4px 8px;
    text-decoration: none;
    text-align: left;
    vertical-align: middle;
}

#nav-head ul li.package a:hover {
	background-image: url(/assets/ksb/strato/shared/images/customer_nav/bg_package_nav_on_02.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #000;
}


#nav-head ul li.package-active a {
	background-image: url(/assets/ksb/strato/shared/images/customer_nav/bg_package_nav_active_off_02.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #000;
    display: block;
	font-weight: normal;
	height: 36px;
	*height: 35px;
	padding: 4px 8px;
    text-decoration: none;
    text-align: left;	
    vertical-align: middle;	
}

#nav-head ul li.package-empty {
	background-color: transparent;
	border-bottom: 1px solid #0a2a5b;
    font-weight: normal;
	height: 43px;
	*height:42px;
}


#nav-head-bottom {
	margin-left: 0;
    padding: 0;
}

#nav-head-bottom ul {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

#nav-head-bottom ul li {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}

#nav-head-bottom ul li.customer-bottom {
	height: 23px;
	padding: 0;
	width: 239px;
}

#nav-head-bottom ul li.package-bottom {
	background-image: url(/assets/ksb/strato/shared/images/customer_nav/bg_package_nav_active_on.png);
	background-position: top left;
	background-repeat: repeat-x;
    background-color: #eec790;
    border:1px solid #0a2a5b;
    border-top-width: 0;
    border-right-width: 0;
	height: 21px;
	font-size: 11px;
    padding: 0 8px;
	text-align: left;
    vertical-align: middle;
	width: 521px;
}

#nav-head-bottom ul li.package-bottom span {
	display: block;
	font-size: 11px;
	margin-top: 2px;
}

#nav-head-bottom ul li.package-bottom-end {
	background-image: url(/assets/ksb/strato/shared/images/customer_nav/bg_package_nav_bottom_end.png);
	background-position: bottom right;
	background-repeat: no-repeat;
    background-color: #eec790;
    font-size: 11px;
	height: 22px;
	padding: 0;
    width: 10px;	
}

/* end */



/* *** tab-navigation *** */

#ksb_packageNavInfo {
	background-color: #afc5dc;
	color: #333;
	font-size: 11px;
	line-height: 20px;
	margin: 0 auto;
	padding: 0 5px;
	width: 800px;
}

#tabcontainer {
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	width: 810px;
}

#tabcontainer ul {
	list-style-type: none;
    list-style-image: none;
	margin: 0;
	padding: 0;
}

#tabcontainer ul li {
	cursor: pointer;
	float: left;
	margin: 0 4px 0 0;
}

#tabcontainer ul li.tab-empty { display: none; }

#tabcontainer ul li.active { background: #afc5dc url(/assets/ksb/strato/shared/images/customer_nav/bg_tab_leftTop_corner_active.png) no-repeat left top; }
#tabcontainer ul li.inactive { background: #d6d8d9 url(/assets/ksb/strato/shared/images/customer_nav/bg_tab_leftTop_corner_inactive.png) no-repeat left top; }
#tabcontainer ul li.inactive:hover { background: #deefff url(/assets/ksb/strato/shared/images/customer_nav/bg_tab_leftTop_corner_hover.png) no-repeat left top; }

#tabcontainer ul li.active a, 
#tabcontainer ul li.inactive a,
#tabcontainer ul li.inactive span.blocked {
	display: block;
	height: 36px;
	padding: 4px 6px;
	width: 145px; /* fuer 5 tabs */
    /*width: 118px;*/ /* fuer 6 tabs */
}

#tabcontainer ul li.active a, 
#tabcontainer ul li.inactive a {
	color: #002f57;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

#tabcontainer ul li.active a { background: transparent url(/assets/ksb/strato/shared/images/customer_nav/bg_tab_rightShadow_active.png) no-repeat right top; }
#tabcontainer ul li.inactive a,
#tabcontainer ul li.inactive span.blocked { background: transparent url(/assets/ksb/strato/shared/images/customer_nav/bg_tab_rightShadow_inactive.png) no-repeat right top; }

#tabcontainer ul li.inactive a:hover { 
	background: transparent url(/assets/ksb/strato/shared/images/customer_nav/bg_tab_rightShadow_hover.png) no-repeat right top; 
	_background: url(/assets/ksb/strato/shared/images/customer_nav/bg_tab_rightShadow_inactive.png) no-repeat right top;
}

#tabcontainer ul li a.current { color: #333; }

#tabcontainer ul li.blocked,
#tabcontainer ul li.blocked:hover {
    background: #d6d8d9 url(/assets/ksb/strato/shared/images/customer_nav/bg_tab_leftTop_corner_inactive.png) no-repeat left top;
    color: red;
    cursor: auto;
    font-size: 12px;
}

/* *** end *** */

/* NEEDED, clear-tab eliminate ugly tab-style in chrome and safari */
.clear-tab {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    margin-top: 0;
}
/* *** end *** */