/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 7, 2017 */
@font-face {
    font-family: 'fahrplanauskunft';
    src: url('fonts/fahrplanauskunft_arial-webfont.woff2') format('woff2'),
         url('fonts/fahrplanauskunft_arial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*, html, body {
    margin: 0%;
    padding: 0%;
    border-spacing: 0;
	font-family: Roboto,Arial,Verdana,"Lucida Grande","Lucida Sans Unicode",sans-serif;
}

body {
	width: 100%;
	height: auto;
    font-size: 100%;	/* 16px */
    color: #505050;
	text-decoration: none;
	position: relative;
	background-color: #FFFFFF;
}

/*TODO*/

h1, .toh1 {font-size: 36px; font-size: 2.25em;}

h2, .toh2 {font-size: 28.8px; font-size: 1.8em;} /* 36px, 28.8/16=1.8 */ /* 28px, 28/16=1.75 */

h3 {font-size: 24px; font-size: 1.25em;} /* 24px, 24/16=1.5 */

h4 {font-size: 24px; font-size: 1.5em;} /* 24px, 24/16=1.5 */

h5 {font-size: 22px; font-size: 1.375em;} /* 22px, 22/16=1.375 */

h6 {font-size: 20px; font-size: 1.3em !important;} /* 20px, 20/16=1.25 */


p, span {
	font-size: 20px;
	font-size: 1.25rem;	/* 20px, 20/16=1.25 */
	/*font-size: 16px;
	font-size: 1.0625 rem;*/
}

p{
	margin-bottom: 1rem;
}

a, span, p, label {
    display: inline-block;
}

.mce-edit-area p {
	display: block;
}

.noBorder {border: none !important;}
a img {border: none;}

img {
	max-width: 100%;
	height: auto;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.noliststyle {
	margin: 0;
	padding: 0;
	list-style: none;
}

.art_text .noListStyle li,
.art_text .noListStyle ul li {list-style-type: none;}
.art_text .noListStyle ul {margin-left: 0;}

/* ------------------ floating ---------------------- */

.floatLeft {float: left;}

.floatRight {float: right;}

.clearBoth {clear: both;}

p.clearBoth {
	clear: both;
	padding: 0;
	margin: 0;
}

.clearLeft {clear: left;}

.clearRight {clear: right;}

/* ------------------ font styles ------------------- */

h1, .toh1,
h2, .toh2 {
	color: rgb(0,105,190);
	font-weight: 400;
}

h1, .toh1 {
	padding: 30px 0px;
	padding: 1em 0em;
}

h2, .toh2 {
	padding: 30px 0px;
	padding: 0.5em 0em;
}

h3, .toh3 {padding: 0.4em 0;}

h4, .toh4 {padding: 0.3em 0;}

h5, .toh5,
h6, .toh6 {padding: 0.3em 0;}

.red {
	/*color: #AA1519;*/
	color: red;
}

.black {
	color: black;
}

.bold {font-weight: bold;}

.small {font-size: small;}

.large {font-size: large;}

.displayInlineBlock p {display: inline-block !important;}

/*.space {margin: 20px 15px 20px 0;}*/

/*------------------- arrows ----------------------*/

.arrow {
    border: solid #505050;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
}

.arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
	margin-right: 5px;
}

.arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
	vertical-align: bottom;
}

.arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	margin-bottom: 3px;
}

.text-center {
    text-align: center;
}

/* ------------------- form --------------------- */

input[type="button"] {
	-webkit-appearance: none;
	background-color: #fff;
	border: 2px solid rgb(0,105,190);
	color: rgb(0,105,190);
	padding: 0.5em 1em;
	border-radius: 0;
}

input[type="button"]:hover {
	background-color: rgb(229,240,247);
	cursor: pointer;
}

@media screen and (max-width: 750px){

	input[type="button"] {padding: 0.2em 1em;}
}


/* checkbox */

label {display: inline;}

input[type="checkbox"],
input[type="radio"] {
	display: none;
	webkit-appearance: none;
}

[type=checkbox] + label,
[type=radio] + label {
    cursor: pointer;
    display: table;
	table-layout: fixed;
}


input[type="checkbox"] + label,
input[type="radio"] + label {
	font-family: FontAwesome;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
    font-size: 22px;
    min-width: 28px;
    padding: 2px 0 0 3px;
}

input[type="checkbox"] + label:after,
input[type="radio"] + label:after {
	content: "\f096";
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-size: 22px;
	color: rgb(0,105,190);
}

input[type="checkbox"]:checked + label:after,
input[type="checkbox"] + label:active,
input[type="checkbox"]:checked + label:active,
input[type="radio"]:checked + label:after,
input[type="radio"] + label:active,
input[type="radio"]:checked + label:active {
	content: "\f14a";
	color: rgb(0,105,190);
}


/*
input[type="checkbox"] + label {
	background-color: #fff;
	border: 2px solid rgb(173,173,173);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	display: inline-block;
	position: relative;
	vertical-align: text-bottom;
}

input[type="checkbox"] + label:active,
input[type="checkbox"]:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
	background-color: rgb(59,153,252);
}

input[type="checkbox"]:checked + label {
	background-color: rgb(59,153,252);
	border: 2px solid rgb(173,173,173);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #fff;
}

input[type="checkbox"]:checked + label:after {
    content: '\2714';
    font-size: 1.5em;
    position: absolute;
    top: 0px;
    font-style: normal;
    left: 3px;
    color: #fff;
    line-height: 16px;
}
*/

/* ------------------- content --------------------- */

.content {
	width: 100%;
    padding: 0;
	position: static;
}

.content a {color: rgb(0,105,190);}

#breadcrumbs a {
    font-size: 1.2em;
	text-decoration: none;
}

#breadcrumbs span.nextArrow {
    padding: 0em 0.4em;
	color: rgb(0,105,190);
}

.art_text {
    position: relative;
    width: 71%;
	min-height: 265px;
    margin: 0px auto 0px auto;
	margin-bottom: 50px;
}

.art_text h1{color: rgb(0,105,190);}

.art_text ul,
.art_text ol {margin: 0.5em 0 1em 2em;}

.art_text p {display: block;}

.art_text p,
.art_text span,
.art_text a,
.art_text ul li,
.art_text ol li {font-size: 1.25rem;}

.art_text p span,
.art_text p a {font-size: 1em;}

div.imgBorder a img {border: 1px solid rgb(0,105,190);}

.art_text ol li a,
.art_text ol li p,
.art_text ul li a,
.art_text ul li p,
.art_text ol li span,
.art_text ul li span,
.art_text ol li a span,
.art_text ul li a span {font-size: 1em;}

.art_text ul li {
	padding: 0.2em 0;
	list-style-type: disc;
}

.art_text .left {text-align: left;}
.art_text .center {text-align: center;}
.art_text .right {text-align: right;}

.art_text .small {font-size: 0.8em;}
.art_text p.small {font-size: 1em;}


img#logo-clickaround {width: 50%;}

.hr,
.delimiter {border-bottom: 1px solid rgb(0,105,190);}

iframe {border: none;}

.art_text .contentImg {
	display: inline-block;
	/*width: 100%;*/
}

.art_text ol li,
.art_text ul li {padding: 0.5em 0;}

.art_text ol li h4,
.art_text ul li h4 {font-size: 1em;}

#link_timetable {
    padding: 23px 0px 23px 70px !important;
    background: url(../img/icon-timetable-small.png) no-repeat scroll left center;
    background-size: 70px auto;
}

.important {
	color: white;
	background: red;
	padding: 1rem;
	text-align: center;
	font-size: 1.25rem;
	margin: 3rem 0;
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
	.art_text .contentImg {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.art_text .contentImg.short.marginLeft {
		float: left !important;
		margin-right: 15px !important;
	}
	.art_text .contentImg.short.marginRight {
		float: right !important;
		margin-left: 15px !important;
	}
}

@media screen and (max-width: 750px) {
	.art_text .contentImg {
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.art_text .contentImg.short.marginLeft {
		float: left !important;
		margin-right: 15px !important;
	}
	.art_text .contentImg.short.marginRight {
		float: right !important;
		margin-left: 15px !important;
	}
}

@media screen and (max-width: 500px) {
	.art_text .contentImg.short.marginLeft,
	.art_text .contentImg.short.marginRight	{
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* lists and accordions */

#accordion-wrapper li.even{ background-color: #e6f3f9; }
#accordion-wrapper li.odd{ background-color: #fff; }
.accordion-content {
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#accordion-wrapper li .middle {
	width: 750px;
	margin: 0px auto 0px auto;
}

#accordion-wrapper .middle{
	position: relative;
}

#accordion-wrapper.biggerImg img {
    position: absolute;
    top: 4rem;
    width: 80px;
    left: 5rem;
}

/*
h2.accordion_header,
h4.accordion_header,
#accordion-wrapper h2.header {
    color: #000;
    margin: 0 0;
    padding: 20px 0 8px 200px;
    font-size: 1.1em;
    position: relative;
}
*/

#accordion-wrapper h2.header {
	color: #000;
    margin: 0 0;
    padding: 0 0 8px 0;
    /*font-size: 1.1em;*/
    position: relative;
}

#accordion-wrapper .datetime {
	width: 120px;
	margin-right: 50px;
}

#accordion-wrapper .datetime .date,
#accordion-wrapper .event .name {
	font-size: 20px;
	font-weight: bold;
	width: 100%;
}

#accordion-wrapper .event {width: 550px;}

#accordion-wrapper .accordion-content div {
    display: inline-block;
    vertical-align: top;
}

.biggerImg .accordion-content {padding-left: 200px;}

address.accordion-content {font-style: normal;}

/* jquery-ui accordion styles */

.ui-accordion .ui-accordion-icons:focus {outline: none;}

.ui-accordion .ui-accordion-content {
	padding: 1em 0em !important;
	margin: 0;
}

#art-tabs .ui-accordion .ui-accordion-icons {
	/*padding-left: 0px !important;*/
	padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-question.png) no-repeat scroll left center;
    background-size: 30px auto;
}

#art-tabs .ui-accordion .ui-accordion-icons:hover,
#art-tabs .ui-accordion .ui-accordion-icons.ui-accordion-header-active {
	/*padding-left: 0px !important;*/
	padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-info.png) no-repeat scroll left center;
    background-size: 30px auto;
}

/* baustellen & umleitungen */

#roadworksList.ui-accordion .ui-accordion-icons {
	/*padding-left: 0px !important;*/
	padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-detour.png) no-repeat scroll left center;
    background-size: 30px auto;
}

#roadworksList.ui-accordion .ui-accordion-icons:hover,
#roadworksList.ui-accordion .ui-accordion-icons.ui-accordion-header-active {
	/*padding-left: 0px !important;*/
	padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-info.png) no-repeat scroll left center;
    background-size: 30px auto;
}

/* fragen & antworten */

.faq.ui-accordion .ui-accordion-icons {
	/*padding-left: 0px !important;*/
	padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-question.png) no-repeat scroll left center;
    background-size: 30px auto;
}

.faq.ui-accordion .ui-accordion-icons:hover,
.faq.ui-accordion .ui-accordion-icons.ui-accordion-header-active {
	padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-info.png) no-repeat scroll left center;
    background-size: 30px auto;
}

/* taxi & schiffe */

.taxi.ui-accordion .ui-accordion-icons {
	/*padding-left: 0px !important;*/
	padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-taxi.png) no-repeat scroll left center;
    background-size: 30px auto;
}

.taxi.ui-accordion .ui-accordion-icons:hover {
	padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-info.png) no-repeat scroll left center;
    background-size: 30px auto;
}

.taxi.ui-accordion .ui-accordion-icons.ui-accordion-header-active {
	/*padding-left: 0px !important;*/
	padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-taxi.png) no-repeat scroll left center;
    background-size: 30px auto;
}

.art_text span.jugendtaxi {
	padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-taxi.png) no-repeat scroll left center;
    background-size: 30px auto;
}

img[alt="jugendtaxi-icon"] {
    vertical-align: text-top;
}

.art_text .accordion.taxi ul li strong { float: left; }
.art_text .accordion.taxi ul li p { margin-left: 11em; }
.art_text .accordion.taxi ul li { list-style: none; }

@media screen and (max-width: 700px) {
	.art_text .accordion.taxi ul li p {margin-left: 7em;}
}

@media screen and (max-width: 500px) {
	.art_text .accordion.taxi ul li p {
		margin-left: 0;
		width: 100%;
	}

	.art_text .accordion.taxi ul li strong {width: 100%;}
}

/* file list */

#backButton {
    padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-arrow-left.png) no-repeat scroll left center;
    background-size: 30px auto;
}

#printButton {
    padding: 8px 0px 8px 40px !important;
    background: url(../img/icon-print.png) no-repeat scroll left center;
    background-size: 30px auto;
}

/*
#printButton {
	width: 2rem;
    display: block;
    margin-top: 1rem;
}
*/

#list-bar-top,
#list-bar-bottom {
	position: relative;
	background: URL('../img/list-bar-top.png');
	background-position: center top;
	width: 100%;
	height: 23px;
}

#list-bar-bottom{
	background: URL('../img/list-bar-bottom.png');
	background-position: center top;
	margin-bottom: 60px;
}

.file_list span {
	font-weight: bold;
}

.file_list a {
    color: rgb(0,105,190);
	padding: 8px 0px 8px 40px;
    background: url(../img/icon-pdf.png) no-repeat scroll left center;
}

.file_list .link_list a {
	padding: 8px 0px 8px 0px;
	background: none;
}

/* table TODO */

.art_text table{
	width: 100%;
	border-collapse: collapse;
}

.art_text table thead th {
    text-align: center;
    background: rgb(0,105,190);
    color: #fff;
    font-weight: bold;
    padding: 4px 5px;
    border-right-color: #fff;
}

.art_text table thead th:hover {
    color: #fff;
    background: rgb(0,105,190);
}

.art_text table td,
.art_text table th {
    border: 1px solid #fff;
    padding: 1px 4px 1px 3px;
    vertical-align: middle;
}

.art_text table tr td:last-child,
.art_text table tr th:last-child { border-right-color: rgb(0,105,190); }

.art_text table tr td { border: 1px solid rgb(0,105,190); }

.art_text table th {
    text-align: left;
    padding-left: 15px;
	border: 1px solid rgb(0,105,190);
	font-size: 1.25em;
}

.art_text table td {
	font-size: 1.2em;
}

.art_text #art-tabs table td {
	font-size: 1em;
}

.art_text table td ul li{
	font-size: 1em;
}

/*
.art_text table tr.col2 {
    background: rgb(212,224,242);
}

.art_text table tr th {
    background: rgb(232,244,223);
}
*/
.art_text .fancyTable tr:hover,
.art_text .fancyTable tr.col2:hover,
/*.art_text .fancyTable th:hover,*/
.art_text .fancyTable th.col2:hover {
    background: #FFFCC7;
}

@media screen and (max-width: 550px) {
	.art_text table th {
		font-size: 1.1em;
		padding: 0;
	}

	.art_text table td {
		font-size: 1em;
		padding: 0;
	}
}

@media screen and (max-width: 400px) {
	.art_text table th,
	.art_text table td {
		font-size: 1em;
		padding: 0;
	}
}

/* copyright images */

.art_text span.copyright {
    color: #777;
    display: block;
    font-size: 0.6em;
    margin: -3px 0 4px;
    padding: 0 0 0 1px;
    position: static;
    text-align: right;
}

.teaser_img {
	position: relative;
}

.teaser_img > span.copyright {
	color: #777;
    display: block;
    font-size: 0.6em;
    margin: -3px 0 4px;
    padding: 0 0 0 1px;
    position: absolute;
    right: 0;
}

/* forms */
.inputError {
    background-color: #FFF480;
    border: 1px solid #8D273D;
}

.labelError {
	color: red;
	font-weight: bold;
}

input[type="text"],
input[type="password"],
select,
textarea {
    border-radius: 0;
	color: #505050;
}

input[type="submit"],
input[type="search"] {-webkit-appearance: none;}

input[type="search"]{
	border-radius: 0;
    color: #505050;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}


/* extralink */

.extralink a span {font-size: 1em;}

.extralink {
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid rgb(0,105,190);
}

.extralink:first-child {padding-top: 0;}

.extralink:last-child {border: none;}

.extralink .date,
.extralink .link_img {
    float: left;
    margin-right: 3%;
	/*width: auto;*/
	width: 13%;
}

.extralink .link_img img {width: 100%;}

.extralink .link_right {
    width: 84%;
    float: right;
}

.extralink .link_title {
    color: rgb(0,105,190);
	font-size: 30px;
	font-size: 1.9em;
	line-height: 1.1em;
    padding: 15px 0px;
	padding: 0.5em 0em;
}

.extralink .link_teaser {
    font-size: 20px;
	font-size: 1.25em;
	color: #505050;
}

.extralink .link_title a,
.extralink .link_teaser a {font-size: 1em;}

.extralink .link_title a {text-decoration: none;}

#roadworksList .extralink .date,
#archive_list .extralink .date {
	font-size: 1em;
	font-weight: bold;
}

#archive_list .extralink .date {
	line-height: 1.5em;
}

#roadworksList .extralink .link_right,
#archive_list .extralink .link_right {
    width: 80%;
    float: right;
}

#roadworksList .extralink .link_title {
	font-size: 1.25em;
    line-height: 1.1em;
    /*padding: 15px 0px;
    padding: 0.5em 0em;*/
	padding: 0 0 0.5em 0;
}

#archive_list .extralink .link_title {
	font-size: 1.25em;
    line-height: 1.1em;
	padding: 0;
}

#roadworksList > ul > li,
#archive_list > ul > li {
	width: 100%;
	display: inline-block;
}

#archive_list > ul {
	margin-left: 0;
}

/* jquery ui tabs */

#art-tabs ul li a:focus {outline: none;}
/*
#art-tabs .ui-tabs-nav {
	padding: 0;
}
*/

#art-tabs,
#art-tabs,
#art-tabs ul li {
	margin: 0;
	padding: 0;
}

#art-tabs > div {padding: 3em 0.2em;}

#art-tabs > div > ul > li {padding: 0.5em 0;}

#art-tabs > ul > li > a {font-size: 1.25em;}

#art-tabs > div > ul > li > a {font-size: 1em;}

#art-tabs li.ui-tab {border-bottom: 1px solid rgb(0,105,190);}

#art-tabs li.ui-tab.ui-tabs-active.ui-state-active {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: rgb(0,105,190);
}

#art-tabs a.hasbreak {
    font-size: 1.12em !important;
    text-align: center;
    padding-top: .35em !important;
    line-height: 0.85em;
}

#art-tabs > div > a > img {border: 1px solid rgb(0,105,190);}

/* archive pagination */

#pagesNavi a {
    border: 1px solid;
    padding: 5px 0.9%;
    margin: 5px 5px;
    text-decoration: none;
    font-weight: bold;
}

#pagesNavi .arrow.right,
#pagesNavi .arrow.left {
    padding: 4px;
}

#pagesNavi .arrow.left {
    margin-left: 5px;
}

/* sidebar */

#sidebar > ul {margin: 0.5em 0 1em 1.4em;}

#sidebar > ul > li {padding: 0.5em 0;}

#sidebar a {
	display: initial;
	text-decoration: none;
}

#sidebar a,
#sidebar span {font-size: 1em;}

#sidebar span.small {font-size: 0.8em;}

#sidebar h2,
#sidebar .toh2 {padding: 0.4em 0 0 0;}

#sidebar h2:first-child,
#sidebar .toh2:first-child {padding-top: 0;}


.extralink.anchorOffset{
	margin-top: -144px;
	padding-top: 144px;
}


/*-------------------- Frame Ticketberater --------------------*/
#ticketberater .question, #ticketberater .answer4 th, #ticketberater body {
    background-color: #0082BE;
}

/*--------------------  TODO grid -----------------------*/


.col_3_3.col_2_3 {display: inline-block;}

@media screen and (max-width: 1023px) {

	.art_text .col_3_3 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.art_text .col_2_3 {
		padding-bottom: 30px;
		border-bottom: 1px solid rgb(0,105,190);
	}

	.art_text .col_1_3 {margin-top: 30px;}
}

@media screen and (min-width: 1024px) {

	.art_text .col_2_3 {
		width: 65%;
		margin-right: 5%;
		float: left;
	}

	.art_text .col_1_3 {
		width: 30%;
		margin-left: 0;
		margin-right: 0;
		float: left;
	}
}

@media screen and (max-width: 750px){

	.art_text .col_2_3 {padding-bottom: 15px;}
	.art_text .col_1_3 {margin-top: 15px;}
}

/***** <= tablet  ****/

@media screen and (max-width: 1023px) {

	body {font-size: 85%;}

	.art_text {width: 90%;}

	h1 {font-size: 2em;}
	h2 {font-size: 1.75em;}
	h6 {font-size: 1.2rem !important;} /*XXX*/

	.extralink .link_title a {font-size: 0.9em;}

}

@media screen and (max-width: 750px) {

	h1 {font-size: 1.75em;}
	
	h2, .toh2 {
		font-size: 1.5em;
		padding: 0.5em 0;
	}

	.extralink .link_img {width: 20%;}

	#roadworksList .extralink .date, 
	#archive_list .extralink .date { 
		width: 100%;
	}

	.extralink .link_right {width: 77%;}

	#roadworksList .extralink .link_right,
	#archive_list .extralink .link_right {
		width: 100%;
	}

	.extralink .link_title a {font-size: 0.8em;}

	/*h1{font-size: 1.5em;}*/
	
	h2, .toh2 {font-size: 1.45em;}
}

/***** >= tablet  ****/

@media screen and (min-width: 1024px) and (max-width: 1299px) {

	.art_text {width: 80%;}
}

@media screen and (min-width: 1300px) {

	.art_text {width: 71%;}
}

/*------------  jquery ui tabs adjust ----------------*/

@media screen and (min-width: 320px) and (max-width: 350px) {
	
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 0.3em; }
	
	/*
	#art-tabs .ui-tabs-nav .ui-tabs-anchor {
		font-size: 1em;
		padding: .5em 0.1em;
	}
	*/
	
	#art-tabs .ui-tabs-nav .ui-tabs-anchor.hasbreak {
		font-size: 1.1em !important;
		padding: 0.5em 0.15em;
	}
	
	#art-tabs > ul > li > a.hasbreak.long {
		font-size: 0.8em !important;
		line-height: 1.399em;
	}
}

@media screen and (min-width: 351px) and (max-width: 370px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .55em 0.3em; }
	
	/*
	#art-tabs .ui-tabs-nav .ui-tabs-anchor {
		font-size: 1em;
		padding: .5em 0.1em;
	}
	*/
	
	#art-tabs .ui-tabs-nav .ui-tabs-anchor.hasbreak {
		font-size: 1em !important;
		/*padding: 0.4em 0.15em;*/
		padding: 0.95em 0.15em;
	}
	
	#art-tabs > ul > li > a.hasbreak.long {
		font-size: 0.8em !important;
		line-height: 1.399em;
	}
}

@media screen and (min-width: 371px) and (max-width: 399px) {
	
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .55em 0.4em; }
	
	/*
	#art-tabs .ui-tabs-nav .ui-tabs-anchor {
		font-size: 1.1em;
		padding: .5em 0.2em;
	}
	*/
	
	#art-tabs .ui-tabs-nav .ui-tabs-anchor.hasbreak {padding: 0.5em 0.15em;}

	#art-tabs > ul > li > a.hasbreak.long {
		font-size: 0.8em !important;
		padding: .5em 0.3em;
		line-height: 1.399em;
	}
}

@media screen and (min-width: 400px) and (max-width: 450px) {
	
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 0.5em; }

	#art-tabs .ui-tabs-nav .ui-tabs-anchor.hasbreak {padding: 0.5em 0.3em;}

	#art-tabs > ul > li > a.hasbreak.long {
		padding: .5em 0.3em;
		font-size: 1em !important;
		line-height: 1em;
	}
}

@media screen and (min-width: 451px) and (max-width: 490px) {
	
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 0.5em; }
	
	#art-tabs > ul > li > a.hasbreak.long { padding: .4em 0.4em; }
}

@media screen and (min-width: 491px) and (max-width: 570px) {
	
	#art-tabs > ul > li > a.hasbreak.long { padding: .5em 0.7em; }
}

@media screen and (min-width: 571px) and (max-width: 670px) {
	
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 1.5em; }
	
	#art-tabs a.hasbreak.long { padding: .5em 1.4em; }
}

@media screen and (min-width: 671px) and (max-width: 760px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 2em; }
}

@media screen and (min-width: 761px) and (max-width: 860px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 2.5em; }
}

@media screen and (min-width: 861px) and (max-width: 950px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 3em; }
}

@media screen and (min-width: 951px) and (max-width: 1023px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 3.5em; }
}

@media screen and (min-width: 1024px) and (max-width: 1050px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 1.5em; }
}

@media screen and (min-width: 1051px) and (max-width: 1150px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 1.7em; }
}

@media screen and (min-width: 1151px) and (max-width: 1250px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 2em; }
}

@media screen and (min-width: 1251px) and (max-width: 1300px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 2.2em; }
}

@media screen and (min-width: 1301px) and (max-width: 1450px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 2em; }
}

@media screen and (min-width: 1451px) and (max-width: 1550px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 2.3em; }
}

@media screen and (min-width: 1551px) and (max-width: 1650px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 2.7em; }
}

@media screen and (min-width: 1650px) {
	#art-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 2.87em; }
}


@media screen and (max-width: 1023px) {

	.ui-accordion .ui-accordion-icons {background-size: 20px auto;}

	.ui-accordion .ui-accordion-icons:hover,
	.ui-accordion .ui-accordion-icons.ui-accordion-header-active {background-size: 20px auto;}
}

@media screen and (min-width: 1024px) and (max-width: 1889px) {
	h6 {font-size: 1.2rem !important;} /*XXX*/
}

/*------ print ------*/

@media print {
	
	.art_text {
		width: 100%;
	}
	
	.content {
		page-break-before: avoid;
		page-break-inside: avoid;
		page-break-after: avoid;
	}
	
	.art_text {
		page-break-before: avoid;
		page-break-inside: avoid;
		page-break-after: avoid;
	}
	
	.art_text,
	.art_text p, 
	.art_text span, 
	.art_text a, 
	.art_text ul li, 
	.art_text ol li	{
		font-size: 14px !important;
	}
	
	.art_text .col_2_3 {
		width: 100%;
	}

	.col_3_3.col_2_3 {
		display: initial;
	}
	
	header,
	#headerimg,
	#trafficBanner,
	#breadcrumbs,
	#backButton,
	#printButton,
	.footer_container	{
		display: none;
	}
	
	/*--- tabs & accordions ---*/
	/*
	.ui-tabs-nav {
		display: none !important;
	}
	
	.ui-widget-content {
		display: block !important;
	}
	
	.ui-accordion-content {
		display: block !important;
	}
	*/
}