/* 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... */
    .tabs-hide {
        display: none;
    }
}

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





/* not to oerwrite normal behavior

 body {
	font-size: 16px; 
}
* html body {
    font-size: 100%; 
	}

body * {
	font-size: 87.5%;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	}
body * * {
	font-size: 100%;
}
h1 {
	margin: 1em 0 1.5em;
	font-size: 1.2em;
	}
h2 {
	margin: 2em 0 1.5em;
	font-size: 16px;
}
			
h3 {
	font-size: 1em;
	font-weight:bold;
	color: #CC0099;
	}
h4 {
	font-size: 1em;
	font-weight:bold;
	color: #333;
	}
h5 {
	font-size: 1em;
	font-weight:bold;
	color: #333;
	}		

p {
	margin: 0;
	}
	
*/




/* Einstellen des Tarifmodul-Containers */
/* Zurücksetzen von Werten aus der Inhaltsspalte */
#tarifmodul{
	margin: 0;
	padding: 20px 0 10px 0;     /* wegen ie, der die margins schluckt Abstaende mit padding eingesetzt pl */
	/* border: 1px solid; */
	}

#tarifmodul table{
text-align:left;
}


#tarifmodul ul.tabs-nav li {	/* übersteuern der Listenhintergruende */
	background-image:none;
}



* html #tarifmodul li {       /* ie 6 */
	width: 120px;
	}
	
#tarifmodul li {
	margin: 0;
	width: auto;			/* konforme Browser */
}	

#tarifmodul ul.tabs-nav li {  /* zurücksetzen des defaultwertes aus content.css */
	margin-left: 0;
	padding-left: 0;
	/* border-right: 1px solid #4670a9; */
	}

#tarifmodul ul {  /* rückstellen */
	margin: 1em 0;
	padding: 0;
	}

/* spalt zwischen den Tabs und dem Conainer entfernen */
#tarifmodul ul.tabs-nav {
	margin: 0;}






/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
.tabs-nav a {
    display: block;
    position: relative;
    top: 1px;  /* offset to cover the line of the underlyin box 1px */
    z-index: 2;
    padding: 6px 20px 0 16px;
    width: auto;
    height: 20px;
    color: #27537;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
    background: url(../img/reiter4.gif) no-repeat;
	background-position:top left;
}
.tabs-nav .tabs-selected a {
    padding-top: 7px;
    color: #254E9B;
}
.tabs-nav .tabs-selected a, 
.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active {
    background-position: 0px -51px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, 
.tabs-nav .tabs-disabled a:focus, 
.tabs-nav .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, 
.tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, 
.tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
	clear:left; 							/* paul fuer ie */
    border-top: 1px solid #97a5b0;
	border: 1px solid #bedaf0; 				/* #4670A9; /* #4E75C6 */
    padding: 1em 8px;
    /* declare background color for container to avoid distorted fonts in IE while fading */
	background:#e5eff7; /* background: #87b7f7; background: #b0d7ff; 	background:#D0E4F6; */

	min-height: 150px;
	width:auto;
}


/* Uncomment this if you want a little spinner to be shown next to the tab title while an Ajax tab gets loaded */
.tabs-loading span {
    padding: 0 0 0 20px;
    background: url(../img/ajax-loader.gif) no-repeat 0 50%;
}
/* */


/* blaetterNavi */
div.ticketbrowser {
	font-size:10px;
	text-align:center;}
	
div.ticketbrowser a {
	margin: 0 8px;
	}
	
div.ticketbrowser a:hover {
	color: #A51B6B}	
	
