/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***************** helper ******************/
.clearer {
	clear: both;
	float: none !important;
	height: 0;
	overflow: hidden;
	width: auto !important;
}

.clearboth {
	clear: both;
}

.hidden,
dfn.menu {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

.displayNone {
	display: none;
}

strong, b {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

.floatleft {
	float: left;
}

img.floatleft {
	margin-right: 10px;
}

.floatright {
	float: right;
}

img {
	border: none;
}

/*** flexible assets ***/
img, embed, object, video, audio {
	max-width: 100%;
}

/***************** frame - positioning ******************/
body,
input,
select,
textarea {
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
}

#skipnav {
	position: absolute;
	left: -2000px;
}

#skipnav li a:focus, #skipnav li a:active {
	display: block;
	position: absolute;
	z-index: 10;
	top: 5px;
	left: 2200px;
	font-size: 1em;
	background: #fff;
	border: 2px solid #7b7e79;
	padding: 10px;
	width: 15em;
	height: 1.5em;
}

/***************** logo ******************/
#logo {
	float: left;
	width: 290px;
	height: 96px;
	margin: 0 0 20px 0;
}
#logo img {
	display: block;
	width: 100%;
	height: 100%;
}

/***************** footer ******************/
#footer {
	clear: both;
	padding: 8px 20px 20px 10px;
	background: #cdd5d7;
}

#footer .col {
	border-bottom: 1px solid #fff;
	margin: 0 0 8px 0;
	padding: 0 0 20px 0;
}

#footer .col.last {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#footer h4 {
	font-size: .8125em;
	color: #fff;
	margin: 0 0 10px 0;
}

#footer p, #footer li {
	font-size: .75em;
	margin: 0;
}

#footer li {
	display: inline-block;
}

#footer li a,
#footer li strong {
	padding: 0 15px 8px 0;
	display: block;
}

#footer p {
	margin: 0 0 20px 0;
}

#socialmedia a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 15px 0 0;
	background: url(img/sprite.png) no-repeat 0 -175px;
}
a#social-facebook {
	background-position: -49px -175px;
}
a#social-feeds {
	background-position: -99px -175px;
}
a#social-newsletter {
	background-position: -148px -175px;
}
a#social-youtube {
	background-position: -2px -217px;
}

#footer #metanav {
	font-weight: bold;
}

#hg_logo {
	text-align: right;
	padding: 10px 0;
}
a#hg {
	display: inline-block;
	width: 168px;
	height: 43px;
	background: url(img/sprite.png) no-repeat 0 0;
}
a#hg.en {
	background-position: 0 -50px;
}

/***************** contents ******************/
a {
	color: #222;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

a.link-intern,
a.link-extern,
.tx-felogin-pi1 a {
	border-bottom: 1px solid #d8dadc;
}

#content a.link-intern:hover, #content a.link-intern:active, #content a.link-intern:focus,
#content a.link-extern:hover, #content a.link-extern:active, #content a.link-extern:focus,
#content .tx-felogin-pi1 a:hover, #content .tx-felogin-pi1 a:active, #content .tx-felogin-pi1 a:focus {
	border-bottom: 1px solid #D42D12;
}

.csc-menu a,
#footer a:hover, #footer a:active, #footer a:focus,
a.link-intern, a.link-extern,
#content a:hover, #content a:active, #content a:focus,
p.glossary a,
.tx-felogin-pi1 a {
	color: #D42D12;
}

a.tx-glossary {
	border-bottom: 1px dotted #ccc;
}

#content .csc-menu a:hover, #content .csc-menu a:active, #content .csc-menu a:focus,
#content p.glossary a:hover, #content p.glossary a:active, #content p.glossary a:focus {
	background-color: #D42D12;
	color: #fff;
}

#content a.audio {
	background: url(img/sprite.png) no-repeat -433px -108px;
	padding: 0 0 0 25px;
}

p.location {
	background: url(img/sprite.png) no-repeat -321px -426px;
	padding: 0 0 0 22px;
}

h1, h2, h3, h4 {
	font-weight: bold;
	line-height: 115%;
	margin: 0 0 5px 0;
	text-align: left;
}

h1 {
	font-size: 1.875em;
	line-height: 111%;
	margin: 0 0 .4em 0;
	padding: 8px 0 0 0;
}

h2 {
	font-size: 1.5em;
	margin: 0 0 30px 0;
}

h2.warning {
	font-size: 1.75em;
	padding: 8px 8px !important;
	background: yellow;
}

#boxes h2 {
	border-top: 1px solid #96A0A6;
	font-size: .75em;
	font-weight: normal;
	padding: 7px 0 15px 0;
	margin-bottom: .4em;
}

h3 {
	font-size: 1.125em;
}

.home #rightCol h3 {
	font-size: 1.125em;
	border: none;
	margin: 0 0 5px 0;
	padding: 0;
}

#rightCol h2 {
	font-size: 1em;
	border-top: 1px solid #96A0A6;
	padding: 7px 0 15px 0;
	margin: 30px 0 0 0;
}

p {
	font-size: 1em;
	line-height: 135%;
	margin: 0 0 10px 0;
}

p.caption,
.csc-textpic-caption {
	font-size: 0.7em;
	line-height: 110%;
	color: #5c666c;
}

p.caption .copyright {
	display: block;
	margin: 0 0 10px 0;
	text-align: right;
}

.link-group {
	background: url(img/sprite.png) no-repeat -348px -394px;
	padding: 0 0 0 25px;
}

.phone {
	background: url(img/sprite.png) no-repeat -444px -576px;
	padding: 0 0 0 25px;
}

.fax {
	background: url(img/sprite.png) no-repeat -461px -552px;
	padding: 0 0 0 25px;
}

.mail {
	background: url(img/sprite.png) no-repeat -297px -450px;
	padding: 0 0 0 25px;
}

.cv {
	background: url(img/sprite.png) no-repeat -371px -359px;
	padding: 0 0 0 25px;
}

.csc-bulletlist-0 li {
	font-size: .875em;
	margin: 0 0 10px 0;
}

.detail ol {
	margin: 0 0 0 28px;
	list-style: decimal;
}

#content li {
	line-height: 135%;
}

ul.csc-bulletlist-0 {
	margin: 0 0 0 22px;
}

ol.csc-bulletlist-0 {
	margin: 0 0 0 28px;
}

ul.csc-bulletlist-0 li {
	list-style: square;
}

ol.csc-bulletlist-0 li {
	list-style: decimal;
}

.csc-menu li {
	margin: 7px 0;
}

hr {
	height: 1px;
	background: #7b7e79;
	border: 0;
}

#boxes {
	margin-top: 20px;
}

.glossary dt {
	font-weight: bold;
	margin: 20px 0 5px 0;
}

.a21glossary_abc {
	display: inline;
}

.a21glossary_abc li {
	display: inline;
}

.a21glossary_abc li a,
.a21glossary_abc li strong {
	padding: 0px 3px;
	font-weight: bold;
	background-color: #51646B;
	border: 1px solid #51646B;
}
.a21glossary_abc li a {
	color: #FFF;
}

.a21glossary_abc li a:hover,
.a21glossary_abc li.a21glossary_abc_selected a,
.a21glossary_abc li.a21glossary_abc_selected strong {
	background-color: #FFF;
	color: #222;
}

.a21glossary_abc li.a21glossary_abc_selected a {
	border: 1px solid #FFF;
}

#eventTabbing .header {
	margin: 20px 0;
}

#eventTabbing #tabs li {
	float: left;
}
#eventTabbing #tabs a {
	font-size: .8125em;
	float: left;
	background-color: #CDD5D7;
	padding: 5px 8px 5px 6px;
	margin-right: 2px;
	background-image: url(img/sprite.png);
	background-repeat: no-repeat;
	background-position: -398px -327px;
	padding-left: 36px;
}
#eventTabbing #tabs a.current {
	background-color: #fff;
	border: 1px solid #CDD5D7;
	border-bottom: none;
	margin-bottom: -1px;
}

.js #eventTabbing .tab {
	clear: both;
	padding: 15px;
	border: 1px solid #CDD5D7;
}

#eventTabbing #tabs a#eventFocus {
	background-position: -293px -80px;
	text-indent: -99999px;
}

.downloads span {
	width: 25px;
	height: 17px;
	display: inline-block;
	background: url(img/sprite.png) no-repeat -240px -104px;
}
.downloads .mp3,
.downloads .ogg {
	background-position: -218px -124px;
}
.downloads .mov,
.downloads .swf,
.downloads .mp4,
.downloads .ogv,
.downloads .webm {
	background-position: -338px -140px;
	background-position: -194px -146px;
}

.download {
	background: url(img/sprite.png) no-repeat -453px -308px;
	padding-left: 17px;
}

.list.adress h3 {
	margin: 0 0 15px 0;
}
#rightCol .list.adress p.nomargin,
.list.adress p.nomargin {
	margin-bottom: 0;
}

/**************** sitemap *****************/
#csc-sitemap li {
	margin: 0 0 30px 0;
}

#csc-sitemap a,
#csc-sitemap strong {
	font-size: 2em;
	color: #222;
	display: block;
	padding: 12px 0;
	font-weight: bold;

	border-bottom: 1px solid #96A0A6;
}
#csc-sitemap a:hover,
#csc-sitemap a:active,
#csc-sitemap a:focus {
	background-color: #D42D12;
	color: #fff !important;
}

#csc-sitemap ul ul {
	margin: 0 0 0 25px;
}
#csc-sitemap li li {
	margin: 0;
	border-bottom: 1px solid #96A0A6;

}
#csc-sitemap li li a {
	font-size: 1.125em;
	padding: 4px 10px 4px 10px;
	border-bottom: none;
}

#csc-sitemap ul ul ul {
	margin: 0 0 10px 0;
}

#csc-sitemap li li li {
	border-bottom: none;
}

#csc-sitemap li li li a {
	font-size: .8125em;
	padding: 0 10px 0 35px;
	border-top: none;
	font-weight: bold;
}

#csc-sitemap ul ul ul ul {
	margin: 0 0 10px 0;
}
.js #csc-sitemap ul ul ul ul {
	display: none;
}
#csc-sitemap li li li li a {
	font-size: .75em;
	font-weight: normal;
	padding-left: 40px;
}

#csc-sitemap .foldout,
#csc-sitemap .foldin {
	display: inline-block;
	width: 25px;
	height: 20px;
	background: url("img/sprite.png") no-repeat scroll -255px -176px;
	float: left;
	cursor: pointer;
}

#csc-sitemap .foldin {
	background-position: -290px -177px;
}
/***************** find a team *****************/
.tx-gbf-pi1 {
	margin-top: 20px;
}
#form_sword,
#form_cat0 {
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 4px 0 0 5px;
}

.tx_gbf_pi1_label {
	display: none;
}

.tx-gbf-pi1 .tx_gbf_pi1_sword {
	float: left;
	width: 80% !important;
	background: #fff;
}

input[type="submit"].tx_gbf_pi1_button {
	background: url("img/sprite.png") no-repeat scroll -293px 3px #FFFFFF;
	border: 0 none;
	color: white;
	float: right;
	font-size: 1px;
	height: 28px;
	margin: 0 0 0 5px;
	padding: 0;
	text-indent: -700px;
	width: 30px !important;
}

.tx-gbf-pi1 select {
	width: 100% !important;
	margin: 0 0 10px 0;
}

#findATeam h2 {
	font-size: 1.125em;
	margin: 0 0 .4em 0;
}
#findATeam h2:hover {
	color: #D42D12;
}

#findATeam .foldout,
#findATeam .foldin {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #FFFFFF url("img/sprite.png") no-repeat scroll -182px -2px;
	float: right;
	cursor: pointer;
}

#findATeam .foldin {
	background-position: -216px -2px;
}

#findATeam p {
	margin: 0 0 8px 0;
	background: url("img/sprite.png") no-repeat scroll -348px -395px;
	padding: 0 0 0 25px;
}

#findATeam .tofold {
	padding: 15px;
	margin: 0 0 20px;
}

/*************** menues ******************************/
.tabbing,
#tabmenue {
	overflow: hidden;
	margin: 0 0 25px 0;
}

.tabbing li,
#tabmenue li {
	font-weight: bold;
	margin: 0;
}

.tabbing a {
	color: #222;
}

.tabbing a,
.tabbing strong,
#tabmenue a {
	display: block;
	padding: 17px 30px 10px 15px;
}

.tabbing strong, .tabbing a.selected, #content .tabbing a:hover, #content .tabbing a:active, #content .tabbing a:focus,
#tabmenue a.selected, #tabmenue a:hover, #tabmenue a:focus, #tabmenue a:active {
	background: transparent url(img/sprite.png) no-repeat right -466px;
	color: #D42D12;
}

/**************************** forms *****************************/
.tx-powermail-pi1 fieldset fieldset {
	padding: 0;
	margin: 10px 0 5px 0;
}
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_checkbox_title,
.tx_powermail_pi1_fieldwrap_html_radio_title {
	display: block;
	padding: 0;
}
.powermail_mandatory_helper {
	display: none;
}
.tx-powermail-pi1 .left .field {
	margin-left: 0;
}
.tx-powermail-pi1 .contentWrap {
	margin: 0;
}
input[type=text],
input[type=password],
input[type=email],
textarea,
select {
	background: #ccc;
	border: none;
	padding: 5px;
}

input[type=text],
input[type=email],
input[type=password],
textarea {
	-webkit-appearance: none;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
}

fieldset {
	border: none;
	padding: 15px 0;
}

legend {
	font-weight: bold;
	padding: 0 0 10px 0;

	display: none;
}

label {
	font-weight: bold;
}

form label.checkbox,
label.radio {
	width: auto;
}

label.radio {
	font-weight: normal;
}

input[type=submit],
input[type=reset],
input.submit {
	width: 100%;
	font-weight: bold;
	margin: 10px 0 5px 0;

	color: #fff;
	font-size: 1.7em;
	background-color: #768a94;
	border: 1px solid #768a94;

	-webkit-appearance: none;
}

input[type=submit]:hover,
input[type=reset]:hover,
input.submit:hover {
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #fff;
}
input[type=submit].tx_gbf_pi1_button:hover {
	background-color: #fff;
	border: none;
}

p.error,
.tx-sremailsubscribe-pi1-error {
	color: #D42D12;
	margin: 0;
	font-weight:bold;
}

#tx_indexedsearch fieldset div {
	margin: 0 0 5px 0;
}

.tx-sremailsubscribe-pi1 legend {
	display: block;
}
.tx-sremailsubscribe-pi1 .category {
	margin: 20px 0;
}
.tx-sremailsubscribe-pi1-multiple-checkboxes {
	overflow: hidden;
}
.tx-sremailsubscribe-pi1-multiple-checkboxes label {
	font-weight: normal;
}
.tx-sremailsubscribe-pi1-multiple-checkboxes dt,
.tx-sremailsubscribe-pi1-multiple-checkboxes dd {
	float: left;
}
.tx-sremailsubscribe-pi1-multiple-checkboxes dt {
	clear: both;
}

.tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-trash {
	float: left;
	margin: 20px 0 0 0;
	width: 100%;

}
.powermail_mandatory_list {
	font-size: .75em;
}

.margintop,
.field.margintop {
	margin-top: 20px;
}

.powermail_all td {
	padding: 5px 10px 5px 0;
}

/*** alumni ***/
#tx-srfeuserregister-pi1-fe_users_form fieldset {
	padding: 0 0 25px 0;
}
#tx-srfeuserregister-pi1-fe_users_form legend {
	display: block;
	padding: 0 0 5px 0;
	margin: 0;
}

#tx-srfeuserregister-pi1-fe_users_form.resume h3 {
	margin: 25px 0 10px 0;
}
#tx-srfeuserregister-pi1-fe_users_form.resume p {
	margin: 0 0 5px 0;
}
#tx-srfeuserregister-pi1-fe_users_form.resume span {
	font-weight: bold;
	display: inline-block;
	width: 10em;
}
.tx-srfeuserregister-multiple-checked-values {
	margin-left: 11em;
	font-size: 0.8125em;
	list-style-type: circle;
}
#tx-srfeuserregister-pi1-fe_users_form.resume input[type=submit] {
	width: 49%;
	margin-right: 1%;
}

.tx-srfeuserregister-pi1-terms a {
	font-weight:bold;
	color: #222;
	border-bottom: 1px solid #d8dadc;
}

.field.required,
#icon_required {
	position: relative;
}
.field.required:after,
#icon_required:after{
	content:"";
	display: inline-block;
	width: 26px;
	height: 25px;
	position: absolute;
	top: 0;
	right: 3px;
	background: url(img/sprite.png) no-repeat -3px -265px;
}
#icon_required:after {
	top: -3px;
	right: -30px;
}


.a21glossary_abc.alumni {
	display: block;
	margin: 20px 0 25px 0;
}
.a21glossary_abc.alumni li {
	margin: 0 3px 0 0;
}

#detail-alumni .nomargin {
	margin-bottom: 0;
}
#detail-alumni h3 {
	margin: 25px 0 10px 0;
}
.alumni .label {
	font-weight: bold;
}
.alumni p {
	margin: 0 0 5px 0;
}
.alumni .csc-bulletlist-0 li {
	margin: 0 0 1px 0;
}

/**************************** lists ******************************/
.tx-list-pi-selectorbox select {
	margin: 0 0 1em 0;
}

.tx-list-pi-browsebox {
	clear: left;
	overflow: hidden;
}

p.pagenavi {
	margin: 0;
}

p.resultcount {
	margin: 0 0 5px 0;
}
.pagenavi ul {
	margin: 0 0 20px 0;
	overflow: hidden;
}

.pagenavi li {
	float: left;
	margin: 0 10px 0 0;
}

.list li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	overflow: hidden;
}

.list li.floatleft {
	float: none;
}

.list h3 {
	font-size: 1.125em;
}
#rightCol .list p {
	margin-left: 0;
}

p.cat {
	font-size: .6875em;
}
#boxes p.cat,
#rightCol p.cat {
	margin-bottom: 2px;
}

.list img {
	float: left;
	margin: 1.6em .625em 0 0;
	width: 30%;
}
.list.video img {
	margin: 0;
	width: 100%;
}

.list.box img,
#rightCol .list img,
.list.events img {
	margin-top: 0;
}

.headlinelist {
	clear: left;
}

.headlinelist li {
	padding: 0 0 15px 0;
}

.headlinelist.video strong {
	font-size: 1.125em;
	display: block;
}

.home .headlinelist.video {
	background: #555F69;
}
.home .headlinelist.video strong {
	color: #fff;
	padding: 5px 7px 8px 7px;
}

.videolist li {
	padding: 5px 0 20px 0;
}

#videodetail video {
	padding: 15px 0 10px 0;
}

#centerCol .list.audiolist li {
	border-bottom: 0;
}

.audiolist img {
	margin: 0 1.5625em 1.5em 0;
	width: 25%;
	float: left;
}

#audiolist audio,
#videodetail object {
	float: right;
	margin: 0 0 10px 30px;
	width: 50%;
}

#audio-feed {
	margin: 0 10px 15px 0;
	text-align: right;
}
#audio-feed a {
	position: relative;
	margin: 0 30px 0 0;
	font-size: 0.8125em;
}
#audio-feed a:after {
	background: url(img/sprite.png) no-repeat scroll -398px -47px transparent;
	display: inline-block;
	height: 30px;
	width: 30px;

	content: "";
	position: absolute;
	top: -5px;
	right: -40px;
}

.js .fold {
	margin-top: -30px;
	padding-top: 30px;
}

.fold .folder,
.fold .foldin {
	position: absolute;
	top: -5px;
	right: 0;

	width: 20px;
	height: 20px;
	display: block;
	background: url(img/sprite.png) no-repeat -260px -174px;
}

.fold .foldin {
	background-position: -297px -174px;
}

.light {
	display: inline-block;
	width: 33px;
	height: 18px;
	background: url(img/sprite.png) no-repeat -400px -1px;
	margin-right: 8px;
}
.waiting {
	background-position: -400px -24px;
}

/*** address ***/
.list.adress p,
#rightCol .list.adress p {
	margin: 0 0 8px 33%;
}

.list.adress img {
	margin-top: 0;
}

/*** gallery ***/
.list.gallery {
	padding: 0 0 20px 0;
	overflow: hidden;
}

.list.gallery li {
	float: left;
	width: 31%;
	margin: 0 4px 4px 0;
	padding: 0;
	line-height: 1%;
	position: relative;
}
#centerCol .list.gallery li {
	margin: 0 14px 14px 0;
}

.list.gallery img {
	margin: 0;
	width: auto;
}

.csc-textpic-image img {
	margin: 0 0 -2px 0;
}
.csc-textpic-image {
	position: relative;
}

.gallery .overlay {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(15, 46, 170, 0.4);
	position: absolute;
}

.gallery a:hover .overlay {
	background: none;
}

/*** audio ***/
.list.audio li {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

/*** detail ***/
.detail .floatleft {
	width: 33%;
	margin: 0 20px 0 0;
}

.detail .floatright {
	width: 33%;
	margin: 0 0 0 20px;
}

.detail .floatleft.media,
.detail .floatright.media {
	width: 100%;
}

.address .col p {
	margin-bottom: 4px;
}
/*** sliderImages - themen ***/
#themendetail h1,
#themen h1 {
	border-top: none;
}

#sliderImages {
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 30px;
	position: relative;
}
#sliderImages .item {
	position: relative;
	display: inline-block;
}
#sliderImages .contents {
	position: absolute;
	left: 0;
	bottom: 40px;
	display: block;
}
#sliderImages .toplabel,
#sliderImages .title {
	background: #1F2000;
	background: rgba(31, 32, 0, 0.5);
	color: #fff;
	padding: 3px 10px;
	display: inline-block;
	line-height: 105%;

	float: left;
	clear: both;
	text-align: left;
}
#sliderImages .toplabel {
	background: rgba(206, 45, 19, 0.9);
	margin: 0 0 3px 0;
}
#sliderImages .item a:hover .title {
	background: rgba(206, 45, 19, 0.9);
}
#sliderImages .flex-direction-nav {
	display: block;
}
#sliderImages .flex-direction-nav a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("img/sprite.png") no-repeat -0px -108px;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;

	cursor: pointer;
	text-indent: -9999px;
	opacity: 0.9;
}
#sliderImages .flex-direction-nav .prev {
	left: 0;
}

#sliderImages .flex-direction-nav .next {
	background-position: -39px -108px;
	right: 0;
}
#sliderImages .flex-direction-nav a.disabled {
	opacity: 0;
}
#sliderImages .flex-control-nav {
	position: absolute;
	top: 10px;
	left: 44%;
	margin: 0 auto 0 auto;
	background: none;
	text-align: center;
	width: auto;
	height: auto;
}
#themenback {
	margin: 10px 0;
}
#themenback a {
	color: #76838B;
}
#themenback a:before {
	content: " < ";
	line-height: 200%;
	font-size: 150%;
	vertical-align: middle;
}
.flexsliderSmallTwin {
	margin-top: -45px !important;
	padding-top: 45px !important;
}
.sliderSmallTwin .item {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	overflow: hidden;
}

/*************** iframe panorama *********************/
.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
}
.embed-container.galery {
	padding-bottom: 70%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*************** indexed_search **********************/
.browsebox li {
	display: inline-block;
	margin: 0 10px 5px 0;
}

.tx-indexedsearch-res {
	clear: both;
	margin: 20px 0 20px 0;
}

.tx-indexedsearch-whatis {
	margin: 0 0 10px 0;
}
.tx-indexedsearch-browsebox p {
	margin: 0;
}

.tx-indexedsearch-info dt,
.tx-indexedsearch-info dd {
	display: inline;
}

.tx-indexedsearch-info,
.tx-indexedsearch-info a {
	color: #76838B;
}

.tx-indexedsearch-redMarkup {
	background: #D42D12;
	color: #fff;
	font-weight: normal;
}

.tx-indexedsearch-sec {
	margin: 15px 0;
	font-size: .75em;
}

.tx-indexedsearch-sec a {
	color: #D42D12;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	max-width: 100%;
	display: block;
}
.flexslider .slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .flexslider .slides {
	display: block;
}
* html .flexslider .slides {
	height: 1%;
}
.flexslider {
	width: 100%;
	position: relative;
}
.flexsliderSmall {
	margin-top: -32px;
	padding-top: 32px;
}
#rightCol .flexsliderSmall {
	margin-top: -27px;
	padding-top: 27px;
}
.flex-control-nav {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0 5px 0;

	height: 7px;
	line-height: 1px;
	z-index: 0;
}
.flex-control-nav li {
	margin: 0;
	float: left;
}

.flex-control-nav a {
	background: url(img/sprite.png) no-repeat -200px -177px;
	width: 12px;
	height: 18px;
	padding: 0 3px 0 3px;

	display: block;
	cursor: pointer;
	text-indent: -999em;
}
.flex-control-nav a.active {
	background-position: -225px -177px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* calendar	small */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.calendar-table-small {
	font-size: .95em;
	width: 100%;
	font-weight: bold;
	color: #555f68;
}

.calendar-table-small th {
	color: #d7dbde;
	padding: 8px 4px 4px 4px;
	border-bottom: 2px solid #d7dbde;
}

.calendar-table-small .columPrevious a,
.calendar-table-small .columMonth a,
.calendar-table-small .columNext a {
	font-size: 1.5em;
	display: block;
}

.calendar-table-small .columNext a {
	text-align: right;
}

.calendar-table-small .columMonth a {
	text-align: center;
}

.calendar-table-small td {
	text-align: center;
	padding: 2px;
}

.calendar-table-small td div {
	padding: 3px;
}

.calendar-table-small .entries {
	background: #555f69;
}

.calendar-table-small .entries a {
	color: #fff;
	display: block;
}

.calendar-table-small .entries a:hover,
.calendar-table-small .entries a:active,
.calendar-table-small .entries a:focus {
	background: #D7DBDE;
	color: black;
}

.calendar-table-small .columnBottom {
	text-align: left;
}

.calendar-table-small .columnBottom a {
	font-weight: normal;
	font-size: .75em;
	padding-top: 10px;
	display: inline-block;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* calendar-big	- old version */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#calendar {
	position: relative;
}
#calendar .tx-list-pi-selectorbox {
	position: absolute;
	top: .3em;
	left: 23em;
}
#calendar-big {
	width: 99%;
	table-layout: fixed;
	word-wrap: break-word;
	display: table;
	border-collapse: separate;
}
#calendar-big td,
#calendar-big th {
	padding: 0 4px 4px 0;
	display: table-cell;
}
#calendar-big th {
	font-size: 1.1em;
	color: #d7dbde;
	font-weight: bold;
	text-align: right;
	padding: 0 8px 15px 0;
	text-transform: uppercase;
}
#calendar-big .header td {
	padding: 0 0 25px 0;
}
#calendar-big .monthName {
	font-size: 2em;
	font-weight: bold;
}
#calendar-big td.browse {
	font-size: 2em;
	text-align: right;
	color: #bfc0c0;
	font-weight: bold;
}
#calendar-big a.previousMonth,
#calendar-big a.nextMonth {
	color: #bfc0c0;
	font-weight: bold;
}
#calendar-big a.previousMonth:hover, #calendar-big a.previousMonth:active, #calendar-big a.previousMonth:focus,
#calendar-big a.nextMonth:hover, #calendar-big a.nextMonth:active, #calendar-big a.nextMonth:focus {
	color: #D42D12;
}

#calendar-big .day {
	font-size: 1.1em;
	font-weight: bold;
	padding: 3px 5px;
	text-align: right;
}
#calendar-big .lastmonth {
	background: #eef2f4;
}
#calendar-big .noentries {
	background: #d7dbde;
	color: #000;
}
#calendar-big .entries {
	background: #53606b;
	color: #fff;
}
#calendar-big .entry {
	font-size: .7em;
	margin: 15px 2px 25px 2px;
}
#calendar-big .entry strong {
	font-size: 1.4em;
	line-height: 118%;
}

#calendar-big .entry img {
	margin-top: 10px;
}

.events .cat_3,
.events .cat_4,
#calendar-big .cat_3,
#calendar-big .cat_4 {
	color: #0260b0;
}

.events .cat_1,
.events .cat_2,
#calendar-big .cat_1,
#calendar-big .cat_2 {
	color: #f11417;
}

/********************** eigenes tt_content *************************************/
DIV.csc-textpic-clear {
	clear: both;
}

.csc-textpic-caption {
	margin: 5px 0 5px 0;
	padding: 5px 0 0 0;
}

.width_25 {
	width: 25%;
}

.width_33 {
	width: 33%;
}

.width_50 {
	width: 50%;
}

.width_90 {
	width: 90%;
}

.width_100 {
	width: 100%;
}

/***************************** css styled content **********************/
.contentWrap {
	margin: 0 0 25px 0;
}

/****************** above center ********************/
.csc-textpic-above .csc-textpic-image {
	margin: 0 auto 25px auto;
}

.home .csc-textpic-above .csc-textpic-image {
	margin: 0 auto;
}

/****************** in text left ****************/
.csc-textpic-intext-left .csc-textpic-image {
	float: left;
	margin-right: 27px;
}

/****************** in text right ****************/
.csc-textpic-intext-right .csc-textpic-image {
	float: right;
	margin-left: 27px;
}

/****************** image gallery *******************/
.imagecols_4 .csc-textpic-image,
.imagecols_3 .csc-textpic-image,
.imagecols_2 .csc-textpic-image {
	float: left;
	margin: 0 1% 1% 1%;
}
.imagecols_4 .width_100 {
	width: 23%;
}
.imagecols_3 .width_100 {
	width: 31%;
}
.imagecols_2 .width_100 {
	width: 47%;
}

/****************** shadow and boxes *******************/
#form_sword,
#form_cat0,
#findATeam .tofold {
	border-top: 1px solid #cfd0d1;
	border-left: 1px solid #cfd0d1;
	border-right: 1px solid #eeefef;
	border-bottom: 1px solid #eeefef;

	box-shadow: inset 2px 2px 4px 1px #dde1e4;
	-moz-box-shadow: inset 2px 2px 4px 1px #dde1e4;
	-webkit-box-shadow: inset 2px 2px 4px 1px #dde1e4;
}

/*************** indexed_search autocomplete ************/

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-widget-content {
	border: 1px solid #96A0A6;
	background-color: #fff;
	color: #666;
	padding: 6px;
}
.ui-widget-content a {
	color: #666;
	display: block;
	padding: 2px;
}
.ui-widget-content a:hover {
	color: #fff;
	background: #D42D12;
}
.ui-autocomplete {
	position: absolute;
	cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
	width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/****  mediaelementplayer  ****/
.mejs-container {
	position: relative;
	background: #000;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
}
.me-plugin {
	position: absolute;
}
.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}
.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
	display: block;
}
.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}
.mejs-overlay-play {
	cursor: pointer;
}
.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url(bigplay.png) no-repeat;
}
.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -100px;
}
.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url(background.png);
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
	background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
	background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
	background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
	background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
	background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}
.mejs-overlay-loading span {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url(loading.gif) 50% 50% no-repeat;
}
.mejs-container .mejs-controls {
	position: absolute;
	background: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url(background.png);
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
	background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
	background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
	background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
	background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
	background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
	height: 30px;
	width: 100%;
}
.mejs-container .mejs-controls div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	background: 0;
	font-family: Helvetica, Arial;
	border: 0;
}
.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url(controls.png) no-repeat;
}
.mejs-controls .mejs-button button:focus {
	outline: solid 1px yellow;
}
.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 8px 3px 0 3px;
	overflow: hidden;
	text-align: center;
	padding: auto 4px;
}
.mejs-container .mejs-controls .mejs-time span {
	font-size: 11px;
	color: #fff;
	line-height: 12px;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto;
}
.mejs-controls .mejs-play button {
	background-position: 0 0;
}
.mejs-controls .mejs-pause button {
	background-position: 0 -16px;
}
.mejs-controls .mejs-stop button {
	background-position: -112px 0;
}
.mejs-controls div.mejs-time-rail {
	width: 200px;
	padding-top: 5px;
}
.mejs-controls .mejs-time-rail span {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50, 50, 50, 0.8);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
	background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
	background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
	background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
	background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
	background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60, 170, 200, 0.8);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
	background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
	background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
	background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
	background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
	background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
	width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	width: 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
	background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;
}
.mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px;
}
.mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}
.mejs-controls .mejs-unmute button {
	background-position: -16px 0;
}
.mejs-controls .mejs-volume-button {
	position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background: url(background.png);
	background: rgba(50, 50, 50, 0.7);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: -115px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}
.mejs-controls div.mejs-horizontal-volume-slider {
	height: 26px;
	width: 60px;
	position: relative;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #333;
	background: rgba(50, 50, 50, 0.8);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
	background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
	background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
	background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
	background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
	background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
	background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}
.mejs-controls .mejs-captions-button {
	position: relative;
}
.mejs-controls .mejs-captions-button button {
	background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(background.png);
	background: rgba(50, 50, 50, 0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 10px;
	margin: 0 0 5px 0;
}
.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	-xborder-right: solid 1px #fff;
	width: 10000px;
}
.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
	background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
	background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
	background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
	background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
	background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
	overflow: hidden;
	border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 11px;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	background: #666;
	background: rgba(102, 102, 102, 0.7);
	background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
	background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
	background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
	background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
	background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
	background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
	font-size: 12px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 4px 0;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}
.mejs-captions-layer a {
	color: #fff;
	text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: normal;
}
.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0;
}
.mejs-captions-position-hover {
	bottom: 45px;
}
.mejs-captions-text {
	padding: 3px 5px;
	background: url(background.png);
	background: rgba(20, 20, 20, 0.8);
}
.mejs-clear {
	clear: both;
}
.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}
.me-cannotplay span {
	padding: 15px;
	display: block;
}
.mejs-controls .mejs-loop-off button {
	background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}
.mejs-controls .mejs-backlight-off button {
	background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}
.mejs-controls .mejs-picturecontrols-button {
	background-position: -96px 0;
}
.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001;
}
.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333;
}
.mejs-contextmenu .mejs-contextmenu-item {
	font-family: Helvetica, Arial;
	font-size: 12px;
	padding: 4px 6px;
	cursor: pointer;
	color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2C7C91;
	color: #fff;
}
.mejs-controls .mejs-sourcechooser-button {
	position: relative;
}
.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(background.png);
	background: rgba(50, 50, 50, 0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}

/********* solr **********/
#tx-solr-faceting {
	margin-top: 20px;
}
#tx-solr-search h2 {
	margin: 0 0 20px 0;
	font-size: 1em;
}
.tx-pagebrowse {
	font-size: .75em;
	margin: 20px 0;
	padding: 15px 0;

	border-top: 1px solid #7B7E79;
	border-bottom: 1px solid #7B7E79;
}
.tx-pagebrowse li {
	display: inline;
	margin: 0 15px 0 0;
}
.tx-pagebrowse ol {
	display: inline;
}
.tx-pagebrowse-current {
	font-weight: bold;
}
.results-highlight {
	background: #D42D12;
	color: #fff;
}
.tx-solr-search-word {
	color: #D42D12;
	font-weight: bold;
}
#pen {
	background: url(img/sprite.png) no-repeat -470px -596px;
	width: 39px;
	height: 27px;
	display: inline-block;
}



/* Progress bar for HZI Alumni, beore is the number, after is the bar */
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step;
	position: relative;
	left: -20px;
	z-index: 3;
}

#progressbar li {
	list-style-type: none;
	color: #333;
	text-align: center;
	font-size: 0.8em;
	width: 16%;
	float: left;
	position: relative;
	z-index: 3;
}

#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
	line-height: 30px;
	display: block;
	font-size: 18px;

	color: #333;
	background: #ccc;
	border-radius: 2px;
	margin: 0 auto 5px auto;
	z-index: 3;
}

#progressbar li:after {
	content: '';
	width: 40%;
	height: 6px;
	background-color: #ccc;
	position: absolute;
	left: -20%;
	top: 12px;
	z-index: 3;
}

#progressbar li:first-child:after {
	content: none;
}

#progressbar li.active {
	font-weight: bold;
}

#progressbar li.active:before,
#progressbar li.active:after {
	color: white;
	z-index: 3;
	font-weight: bold;
}

#progressbar li.active:before {
	background: #768a94;
}
