/* TAB SYSTEM */

ul.jtabs
{
    width:250px;
    margin:0;
    padding:0;
}

ul.jtabs li
{
    display:block;
    float:left;
    padding-right:5px;
}

ul.jtabs li a
{
    display:block;
    float:left;
    padding:5px;
	
    font-size:11px;
    background-color:#468DBB;
    color:#ffffff;
    text-decoration:none;
	font-weight:bold;
}

ul.jtabs li a:hover
{
    color:#FFE524 !important;
	background-color:#0164A5 !important;
}

.selected 
{    		
	color:#FFE524 !important;
	background-color:#0164A5 !important;
}


.jtab-content
{
    clear:both;
    border:2px solid #0164A5;
    padding:10px;
}


/* Buttons */



a.redbutton
{
	background: transparent url('../image/button_left.gif') no-repeat top left;
	float:left;
	display: block;	
	font: normal 10px verdana; /* Change 13px as desired */
	line-height: 13px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 19px; /* Height of button background height */
	padding-left: 7px; /* Width of left menu image */
	
	text-decoration: none;
	
	/*border:1px solid yellow;*/
}

a:link.redbutton, a:visited.redbutton, a:active.redbutton
{
	color: #ffffff; /*button text color*/	
}

a.redbutton span
{
	background: transparent url('../image/button_right.gif') no-repeat top right;
	display: block;
	padding: 3px 7px 3px 0px; /*Set 11px below to match value of 'padding-left' value above*/
}

a.redbutton:hover
{ 
	/* Hover state CSS */
	background-position: bottom left;
}

a.redbutton:hover span
{ 
	/* Hover state CSS */
	background-position: bottom right;
	color: #ffffff;
}


.buttonwrapper
{ 
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;	
}


a.ovalbutton{
/*background: transparent url('../image/button_left.png') no-repeat top left;*/
background-color:#0164A5;
display: block;
float: left;
font: normal 11px verdana; /* Change 13px as desired */
line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */
text-decoration: none;

margin-right:5px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #FFFFFF; /*button text color*/
font-weight:bold;
}

a.ovalbutton span{
/*background: transparent url('../image/button_right.png') no-repeat top right;*/
background-color:#0164A5;
display: block;
padding: 3px 7px 4px 0px; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
/*background-position: bottom left;*/
color:#FFE524 !important;
}

a.ovalbutton:hover span{ /* Hover state CSS */

/*background-position: bottom right;*/
color:#FFE524 !important;
}


a.karteireiter, a.karteireiter_shadow
{
background: transparent url('../image/reiter_left.png') no-repeat top left;
display: block;
float: left;
font: normal 11px verdana; /* Change 13px as desired */
line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */

margin-left:0px;
margin-right:0px;

text-decoration: none;
}

a.karteireiter_shadow
{
	background: transparent url('../image/reiter_left_s.png') no-repeat top left;
}

a:link.karteireiter, a:visited.karteireiter, a:active.karteireiter{
color: #000000; /*button text color*/

}

a.karteireiter span, a.karteireiter_shadow span{
background: transparent url('../image/reiter_right.png') no-repeat top right;
display: block;
padding: 2px 8px 3px 2px; /*Set 11px below to match value of 'padding-left' value above*/

font-family:Verdana;
font-size:13px;
font-weight:bold;

}

a.karteireiter:hover, a.karteireiter_shadow:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.karteireiter:hover span, a.karteireiter_shadow:hover span{ /* Hover state CSS */

background-position: bottom right;
color: #000000;
}


.karteititel{
background: transparent url('../image/reiter_left.png') no-repeat top left;
display: block;
float: left;
font: normal 11px verdana; /* Change 13px as desired */
line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */

margin-left:0px;
margin-right:0px;

text-decoration: none;
}

.karteititel_shadow{
background: transparent url('../image/reiter_left_s.png') no-repeat top left;
display: block;
float: left;
font: normal 11px verdana; /* Change 13px as desired */
line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */

margin-left:0px;
margin-right:0px;

text-decoration: none;
}



.karteititel span, .karteititel_shadow span{
background: transparent url('../image/reiter_right.png') no-repeat top right;
display: block;
padding: 2px 8px 3px 2px; /*Set 11px below to match value of 'padding-left' value above*/
color: #FFFFFF;

font-family:Verdana;
font-size:13px;
font-weight:bold;
}



.karteititel_inactiv {
background: transparent url('../image/reiter_left_inactiv.png') no-repeat top left;
display: block;
float: left;
font: normal 11px verdana; /* Change 13px as desired */
line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */

margin-left:0px;
margin-right:-12px;

text-decoration: none;
}

.karteititel_shadow_inactiv {
background: transparent url('../image/reiter_left_s_inactiv.png') no-repeat top left;
display: block;
float: left;
font: normal 11px verdana; /* Change 13px as desired */
line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 7px; /* Width of left menu image */

margin-left:0px;
margin-right:-12px;

text-decoration: none;
}


.karteititel_inactiv span, .karteititel_shadow_inactiv span{
background: transparent url('../image/reiter_right_inactiv.png') no-repeat top right;
display: block;
padding: 2px 19px 3px 2px; /*Set 11px below to match value of 'padding-left' value above*/
color: #FFFFFF;

font-family:Verdana;
font-size:13px;
font-weight:bold;
}