/*********************************
** CSS-2-Look BG black
** c2015 / 2008 R.Kuczinski
*********************************/

#sidecontainer_div {		/* neu */
	width: 100%;
	height: 36px;
	text-align: text-top;
	padding:0px;
	white-space: nowrap;
}

#sidetitle_div {
	text-align: text-top;
	font:normal 20px 'Trebuchet MS','Verdana','Arial';
	letter-spacing: 0.05em;
	color:#fefefe;
	width: 312px;
	height: 36px;
	padding:14 0 6 8;
	float: left;
	cursor: pointer;
	white-space: nowrap;
}

.navbar_breadcrumbs {
	text-align: left;
	font:normal 14px Verdana, 'Trebuchet MS','Tahoma','Verdana','Arial';
	color:#f0f0ff;
	height: 14px;
	line-height:14px;
	padding:0;
	text-decoration: none;
}
.navbar_breadcrumbs_pager {
	text-align: left;
	font:normal 14px Verdana, 'Trebuchet MS','Tahoma','Verdana','Arial';
	color:#f0f0ff;
	height: 14px;
	line-height:14px;
	padding:0 0 14 0;
}

#vista_toolbar {
	font:normal 14px 'Trebuchet MS','Arial';
	margin:0;
	width: 580px;
	height: 36px;
	padding:12 0 10 0;
	float: right;
	white-space: nowrap;
}


#vista_toolbar ul {
/*
	background-image:url(../iiimg/back_black.gif);
	background-repeat:repeat-x;
*/
	float:left;
	line-height:32px;
	list-style:none;
	margin:0;
	padding:0px;
}

#vista_toolbar li {
	display:inline;
	padding:0;
}

#vista_toolbar a {
	color:#FFF; /* need because it will use default link color */
	float:left;
	text-align: center;
	padding:0 4px 0 4px; /* left 3 px because of left.png image */
	text-decoration:none;
}

#vista_toolbar a span {
	display:block;
	float:none;
	width: 74px;			/* war bis 180526 64 */
	padding:0 4px 0 4px;
}

#xxxxxvista_toolbar a span img {
	border:none;
	margin:0px 4px 0 4px;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
	color:#000; 
	background-color: #E99933;
}

#vista_toolbar a:hover span {
/*	background:url(../iiimg/right_hov_yellow.png) no-repeat right center; */
}

/* show picture when mouse over link */
#vista_toolbar_act {
	background-color: #002299;
}

#vista_toolbar_act span {
/* background:url(../iiimg/right_act_red.png) no-repeat right center; */
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}


#vista_pagebar {
	float:left;
	font:normal 11px 'Trebuchet MS','Arial';
	margin:0;
	padding:0;
}

#vista_pagebar ul {
	float:left;
	line-height:26px;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

#vista_pagebar li {
	/* width:54px; IE10 ERR */
	display:inline;
	margin:0;
	padding:0;
}

#vista_pagebar a {
	background: url(../img/left_hovtc_grey.png) no-repeat left center;
	color:#FFF; /* need because it will use default link color */
	float:left;
	padding:0 3px 0 3px; 	/* left 3 px because of left.png image */
	text-decoration:none;
}

#vista_pagebar a span {
	background: url(../img/right_hovtc_grey.png) no-repeat right center;
	display:block;
	float:none;
	padding:0 10px 0 7px;
}

#vista_pagebar a span img {
	border:none;
	margin:5px 4px 0 0;
}

/* show picture when mouse over link */
#vista_pagebar a:hover{
	color:#FFF; /* need because it will use default link color */
	background: url(../img/left_hovtc_yellow.png) no-repeat left center;
}

#vista_pagebar a:hover span {
	background: url(../img/right_hovtc_yellow.png) no-repeat right center;
}

a.vistabuttons {
	background: transparent url(../img/left_hovtc_grey.png) no-repeat left center;
	display: block;
	float: left;
	font:normal 11px 'Trebuchet MS','Arial';
	line-height: 26px;
	height: 26px;
	text-decoration: none;
}

a:link.vistabuttons, a:visited.vistabuttons, a:hover.vistabuttons, a:active.vistabuttons {
	padding:0 3px 0 3px; 	/* left 3 px because of left.png image */
	color: white; 			/* button text color */
}

a.vistabuttons span {
	background: transparent url(../img/right_hovtc_grey.png) no-repeat right center;
	display: block;
	padding: 0px 10px 0px 7px; /*Set 10px to be equal or greater than'padding-left' value above */
}

a:hover.vistabuttons { /* Hover state CSS */
	color:#FFF; 	/* need because it will use default link color */
	background: url(../img/left_hovtc_yellow.png) no-repeat left center;
}
a:hover.vistabuttons span { /* Hover state CSS */
	background: url(../img/right_hovtc_yellow.png) no-repeat right center;
}

/*------------------------------------------------------------------------*/

.buttonwrapper{ 	/* Container optional to surround a CSS button to clear float */
	overflow: hidden;
	width: 100%;
}
.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color: white;
	font:normal 11px 'Trebuchet MS','Arial';
	padding: 2 4 2 4;
	margin:0;
	background:url(../img/blockdefault.gif) left center;	/* s.a. blockdefault.gif blockactive.gif */
}
.formbutton:hover{
	color: yellow;
	font:normal 11px 'Trebuchet MS','Arial';
	padding: 2 4 2 4;
	background:url(../img/blockdefault.gif) left center;
}
.formbutton_s{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color: white;
	font:normal 9px 'Trebuchet MS','Arial';
	padding: 0 4 0 4;
	margin:0;
	background:url(../img/blockdefault_s.gif) left center;	/* s.a. blockdefault.gif blockactive.gif */
}
.formbutton_s:hover{
	color: yellow;
	font:normal 9px 'Trebuchet MS','Arial';
	padding: 0 4 0 4;
	background:url(../img/blockdefault_s.gif) left center;
}