/* Caution! Ensure accessibility in print and other media types... */ 
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";}
    
.ui-tabs-nav li {
	 background: url(../images/tabMenuTabHG.png) no-repeat 0 -50px;
    float: left;
    margin: 0 0 0 1px;
    min-width: 135px; /* be nice to Opera */}

.ui-tabs-nav a, .ui-tabs-nav a span{
    display: block;
    padding: 0;
    background: url(../images/tabMenuTabHG.png) no-repeat;}
    
.ui-tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    text-align:center; 
	 font: 700 15px/20px "Courier New", Courier, monospace, serif; 
	 color:#333!important;}
	 
.ui-tabs-nav a:hover{
	 color:#000!important;}
	 	
.ui-tabs-nav .ui-tabs-selected a {
    color: #000!important; font-weight: bold;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 0px 0px;
    color: #000!important; 
    outline: 0; prevent dotted border in Firefox }
    
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {background-position: 0 -150px; color: #000!important; }

.ui-tabs-nav a span {
    width: 135px; /* IE 6 treats width as min-width */
    min-width: 135px;
    height:26px; /* IE 6 treats height as min-height */
    min-height: 26px;
    padding-top: 7px;
    padding-right: 0;}

*>.ui-tabs-nav a span {  /*hide from IE 6 */
    width: auto;
    height: auto;}

.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 7px;}
    
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -150px; color: #000!important; }
    
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 -150px; color: #000!important; }

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;}
    
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;}
    
.ui-tabs-nav .ui-tabs-disabled {
	opacity: .8;}
	
.ui-tabs-container {
    /*padding: 0 8px;*/
    background: #e2e0df; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}


.scroll-pane {
	width: 440px!important;
	overflow: auto;
	background: #e2e0df!important;
	float: left;}
	
.bg{background: url(../images/tabMenuHG.png) no-repeat top left;padding:10px 10px 0 10px; height: 300px;}

#tab1, #tab2, #tab3{
	margin-top:-3px;
	margin-left:1px;
	padding-bottom:14px!important;}

	
*html .bg {background: url(../images/tabMenuHG.gif) no-repeat top left;padding:10px 10px 0 10px;height: 300px; } 

*html .ui-tabs-nav li {
	 background: url(../images/tabMenuTabHG.gif) no-repeat 0 0;}
	 
*html .ui-tabs-nav a,
*html .ui-tabs-nav a span{
    background: none;}

*html .ui-tabs-nav a, *html #primarycontent .ui-tabs-nav a span{
    background: url(../images/tabMenuTabHG.gif) no-repeat 0 -50px;}
    
*html .ui-tabs-nav .ui-tabs-selected a span, 
*html .ui-tabs-nav a:hover span, 
*html .ui-tabs-nav a:focus span, 
*html .ui-tabs-nav a:active span {
    background-position: 0 0;}
    
*html #tab1,*html #tab2,*html #tab3{
	margin-left:1px;
	padding-bottom:14px!important;
	position: absolute;}

/*#scroll1, #scroll2, #scroll3{ height: inherit!important;}*/
	
.ui-tabs-hide {
			position: absolute;
			left: -10000px;
			display: block;}

#tab-me{width:460px; height: 32px; /* height be nice to Opera */} 
*html #tab-me, *+html #tab-me{width:460px; border:none;}


#tabies{color:#000; font-size: 80%;margin-bottom:-1px; width:470px;float:right;}
*html #tabies{height: 350px;}

html body #tabies ul.tabliste,
html body #tabies ul.tabliste ul
{margin:0; list-style-type: none; background: #e2e0df; padding:0;}
html body #tabies ul.tabliste li{clear: both!important; float: none!important; 
list-style-position: inside; margin:10px;}

html body #tabies ul ul{margin:0!important;padding:0!important;} 

html body #tabies ul ul li,
html body #tabies ul ul.newsliste li {clear: both!important; float: none!important; list-style-position: outside; margin:0!important;background: #e2e0df;}

/* Listelements */
#tabies ul.tabliste li.listItem
{float: none; width:auto!important; /*jv width: 375px;*/ 
height:auto!important; font: 12px/120% Arial, Helvetica, sans-serif!important; 
color:#000;background-image: none;margin:3px 10px; padding-bottom:3px; border-bottom:1px dotted #b9b4b4;background: #e2e0df;}

#tabies ul.newsliste li.listItem
{float: none; width:auto!important; /*jv width: 375px;*/ 
height:auto!important; font: 12px/120% Arial, Helvetica, sans-serif!important; 
color:#000;
background-image: none; background: #e2e0df;
margin:3px 0!important; padding-bottom:3px; border-bottom:1px dotted #b9b4b4;}

html body #tabies ul ul.newsliste li 
{float: none; width:auto!important; /*jv width: 375px;*/ 
height:auto!important; font: 12px/120% Arial, Helvetica, sans-serif!important; 
color:#000;
background-image: none; background: #e2e0df;
margin:0!important; padding-bottom:3px; border-bottom:1px dotted #b9b4b4;}

#tabies ul.tabliste li.listItem .date{ display:block;	font-weight: bold; color:#222426; background-color: transparent;  }

a.link {float: none; display:inline; text-align:left; 
font: bold 12px/120% Arial, Helvetica, sans-serif!important; color:#0099ff!important;
text-decoration:none!important; margin:0!important; padding:0!important;
background: transparent!important;  }

a.link:hover {text-decoration: underline!important; color:#cc0000!important; background: transparent;}


/* imageshadow -- per css */
#tabies .imageshadow{ float:left;clear:left;margin:5px 15px 15px 5px;
background: url(../images/shadowAlpha.png) no-repeat bottom right!important;
background: none; min-height: 1%; /* ie6:fix does not like 'background-position:bottom'  */}
#tabies .imageshadow .imagebox{ display: block; position: relative; margin: -5px 5px 5px -5px!important;padding:5px 0 0 0;background: #ede7e7 url(../images/imageBoxHG.png) repeat-x top left!important;}
#tabies .imageshadow .image{margin:10px 10px 5px 10px; width:200px; text-align: center; overflow: hidden;}
#tabies .imageshadow .bildunterschrift {text-align:left; font-size: 11px!important; margin:5px 10px 0 10px;padding:0 0 10px 0; color:#000; max-width: 200px; overflow: hidden; font-weight: bold; clear: both;
background-color: transparent;}

#tabies .tabliste .imageshadow .imagebox{ display: block; position: relative; margin: -5px 5px 5px -5px!important;padding:5px 0 10px 0;background: #ede7e7 url(../images/imageBoxHG-s.png) repeat-x top left!important;}
#tabies .tabliste .imageshadow .image{margin:10px 10px 5px 10px; width:100px; text-align: center; overflow: hidden;}

*+html #tabies .imageshadow{border:1px solid #e2e0df;border-left-color: #cbc9c8!important;
border-top-color: #cbc9c8!important; padding-top:5px; padding-left:5px;}
*+html #tabies .imageshadow .imagebox{border:1px solid #7b7a7a; border-left-color: #afadac!important;
border-top-color: #afadac!important;padding-bottom:0!important;;padding-top:0!important;}
*+html #tabies .imageshadow .image {border:1px solid #7b7a7a; border-left-color: #91908f!important;
border-top-color: #91908f!important; margin-top:-5px!important; margin-bottom:0!important;}

/* eof imageshadow -- per css */

#tabies ul.tabliste div.TT a,
#tabies ul.tabliste div.TT table tr td a{ background-image: none!important; background-color: transparent!important; font: 11px/130% Arial, Helvetica, sans-serif!important; color:#000!important; cursor: pointer; display:inline!important;}

#tabies ul.tabliste :hover div.TT a:hover,
#tabies ul.tabliste :hover div.TT table tr td a:hover  {text-decoration:none!important; color:#333!important; background-color: transparent!important; }

#tabies ul.tabliste div.TT table tr,
#tabies ul.tabliste :hover div.TT table tr{border-bottom:1px dotted #fff;padding:3px 0;}

#tabies ul.tabliste div.TT table,
#tabies ul.tabliste :hover div.TT table{border-top:1px dotted #fff;margin:3px 0;}