/*************************************************************
    $Id: ksbnavi_v1.1.css,v 1.17 2009/05/20 07:25:31 seiffert Exp $
    $Revision: 1.17 $
    author: mathias seiffert
    firma: strato ag
    
    10.12 Anpassung an strato.de
*************************************************************/

a.navLinkLeft:link, a.navLinkLeft:hover, a.navLinkLeft:active, a.navLinkLeft:visited { 
    background: transparent;
    color: #3c6694;
    font-weight:normal;
    text-decoration: none; 
}

a.navLinkLeft:hover, a.navLinkLeft:active { color:#f90; }

.onSub { border-bottom: 1px solid #3c6694; }
.bottom_underline { border-bottom:1px solid #fff; 
} 

#navcontainer { margin: 0 15px 0 5px; }

#navcontainer ul {
    list-style-type: none;
    list-style-image: none;
}

#nav_left {
    border: medium none;
    list-style-type: none;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 0;
    width: 214px;
}

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

#nav_left li {
    float: left;
    margin: 0;
    padding: 0;
    width: 214px;
}

#nav_left a {
    color: #003874;
    display: block;
    padding: 4px 0 4px 0;
    text-decoration: none;
    width: 214px;
}

#nav_left li span { background: #E0E9ED url(/assets/ksb/strato/shared/images/navleft_bg.jpg) repeat-x scroll left bottom; }

#nav_left li span {
    color: #003874;
    display: block;
    height: auto !important;
    height: 24px;
    min-height: 24px;
    padding: 0;
    width:214px;
}

#nav_left li a {
    color: #003874;
    padding-left: 7px;
    width: 207px;
}

#nav_left li a.navLinkLeft:visited { font-weight: normal; }
#nav_left li a:focus, #nav_left li a:hover, #nav_left li a:active { color:#EB7426; }
#nav_left li ul { border-bottom: 1px solid #3c6694; }
#nav_left li ul li { background-color: #f5f9ff; }

#nav_left li ul li span {
    background: transparent url(/imperia/md/images/strato_de/nav/nav_left_arrow.gif) no-repeat scroll 13px 7px;
    color: #003874;
    display: block;
    padding: 0;
    width: 214px;
}

#nav_left li ul li a {
    border: medium none;
    padding: 4px 0 2px 20px;
    width: 194px;
}




/* 
    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 *** */