.tab {
	border:1px outset threedlightshadow;
	background:#fcfdfd;
}

	.tab ul {
		border: 1px solid #ddd;
		border-bottom:0;
		background: #eee;
		color: #ffffff;
		font-weight: bold;		
		margin: 0;
		padding-left:0.1em;
		padding-right:0.1em;
		list-style-type:none;
	}
	
		.tab ul li {
			padding:4px;
			padding-top:3px;
			padding-bottom:3px;
			
			margin-top:2px;
			background:#eee;
			border:0.25px solid #bbb;
			border-bottom:0;
			
			color:#111;
			float:left;
			cursor:pointer;
		}
		
		.tab ul li:not(:first-child)
		{
			border-left:0;
		}
		
		.tab ul li.active {
			opacity:1;
			padding-top:4px;
			padding-bottom:4px;
			margin-top:0px;
			background:#fff;
			border-left:0.25px solid #bbb;
			cursor:default;
		}
		
		/* immer der Linke Nachbar zum Aktiven bekommt diese Klasse, nur ein Optischer Fix, da er mich gestört hat.. :D*/
		.tab .activeneighborLeft {
			border-right:0px;
		}

		.tab ul li.active.locked:before {
			content:"\000BB \0000a0";
		}			
		
		.tab ul li.active.locked:after {
			content:"\0000a0 \000AB";
		}