@charset "UTF-8";



/* --------------------------------- */
/* Externe CSS                       */

@import url(../../fonts/FFInfo/stylesheet.css);
@import url(../../fonts/archivo-narrow/stylesheet.css);
@import url(../../fonts/SourceSansPro/stylesheet.css);

@import url(../../fonts/Share_Tech/stylesheet.css);
@import url(../../fonts/ptSans/stylesheet.css);

@import url(typo3_defaults.css);
@import url(navigation.css);
@import url(sitemap.css);
@import url(fce.css);
@import url(https://www.art-scene.tv/fileadmin/templates/css/mailform.css);
@import url(tt_news.css);
@import url(template_content.css);
@import url(artscene_entities.css);
@import url(fce_artscene-start-panel.css);
@import url(zvmcalendar.css);
@import url(david.css);


/* --------------------------------- */


* {
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-position: left top;
}

* html body {
	overflow: visible;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: none;
}

body {
	height: 101%;
	background: #030305 url("../imgs/bg-diddls.jpg") center 155px repeat-x;
}

/* -------------------------------------------------------------- */

span.as-blue {
	color: #35b1eb;
}

/* -------------------------------------------------------------- */


#centerbox {
	width: 950px;
	margin: 0 auto;
	background-color: #fff;
}


/* -------------------------------------------------------------- */


#main-menu {
	text-align: center;
	background-color: #fff;
	padding: 10px 0 5px 0;
	
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}


/* -------------------------------------------------------------- */

/*body, p, p.bodytext, td, th, tr, a {
	font: 13px/22px "InfoDisplayWebPro", "Trebuchet MS", Trebuchet, "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #555;
}*/

body, 
p, 
p.bodytext, 
td, 
th, 
tr, 
a, 
li a,
label {
	/*font: 13px/22px "InfoDisplayWebPro", "Trebuchet MS", Trebuchet, "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; */
	font: 14px/22px "ptSans55", "Trebuchet MS", Trebuchet, "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; 
	color: white;
}

p.bodytext 
b,
strong,
b {
	font-face: "ptSans55", "Trebuchet MS", Trebuchet, "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif; 
	/*font-family: "InfoDisplayWebPro", "Trebuchet MS", Trebuchet, "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;*/
}

p, p.bodytext {
	line-height: 18px;
}

img { 
	display:inline;
	border:0;
}

a, a:focus, a:active {
	user-focus: none;
	outline : 0 !important;
	outline-style:none;
	border-width: 0;
	border: none !important;
	-moz-user-focus: none;
	-moz-outline: none;
	color: #00b1eb;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

h1, 
h2, 
h3, 
h4, 
h5,
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a,
.nav_mainNavigation li a  {
	font-family: 'ShareTech', Trebuchet, Helvetica, Arial, sans-serif !important;
	color: white;
	font-weight: normal;
	letter-spacing: 1px;
}

h1 {
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 1.2em;
}



.nav_mainNavigation li a  {
	color: #8A868A !important;
	font-weight: normal !important;
	
	-moz-transition: color  0.3s;
  	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
	transition: color 0.3s;
}

.nav_mainNavigation li a:hover  {
	color: #fff !important;
}

#page_home .MetaNavigation {
	background-image: url('../imgs/bg-metanav.png');
	background-repeat: repeat-x;
	background-color: transparent;
}

.nav_metaNavigation li a {
	color: #9c9d9d;
}

.nav_metaNavigation li.active a {
	color: #00b1eb;
}

/*h1 {
	font: 22px/32px "InfoDisplayWebPro", Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
	color: #58585a;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0.04em;
}

h2 {
	font: 15px/18px "InfoDisplayWebPro", Arial, Helvetica, sans-serif;
	padding: 2px 15% 8px 0;
	letter-spacing: 0.1em;
}


h3,
h3.csc-firstHeader, 
.csc-header h3 {
	font: 16px/18px "InfoDisplayWebPro", Arial, Helvetica, sans-serif;
	padding: 2px 0 5px 0;
	margin-bottom: 0 !important;
	color: #0094ac;
}

.csc-header h2 {
	font: 20px/28px "InfoDisplayWebPro", Arial, Helvetica, sans-serif;
	color: #548b13;
	text-transform: uppercase;
}

h4 {
	font-size: 14px;
	font-weight: bold;
}*/



/* ------------------------------------------------- */
/* EIGENE HEADLINES -------------------------------- */
/* ------------------------------------------------- */
h1.giant {
	color: white;
	font-size: 50px;
	margin-top: 20px;
	line-height: 55px;
}

h1.bigger {
	color: white;
	font-size: 28px;
	line-height: 36px;
}

h2 {
	line-height: 28px;
}

h1.blue {
	color: #00b1eb;
}

h2.big {
	color: white;
	font-size: 20px;
}

h3.small {
	color: white;
	font-size: 16px;
	font-family: 'SourceSansPro';
}

/* ------------------------------------------------- */

span.blue {
	color: #00b1eb;
}



/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */ 
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* EIGENE RAHMEN-OPTION ---------------------------- */
/* ------------------------------------------------- */
.artscene-whitepanel {
	background-color: white;
	color: black;
	padding: 20px;
	margin-top: 10px;
	min-height: 200px;
	margin-bottom: 5px;
}



/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */ 
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* EIGENE LAYOUT-OPTION ---------------------------- */
/* ------------------------------------------------- */
.textpic-more-distance {
	margin-bottom: 20px;
}

.textpic-more-distance img {
	margin-bottom: 25px;
}

.textpic-more-distance .csc-textpic-text {
	padding-right: 10px;
}

.textpic-more-distance .csc-textpic-text p.bodytext {
	font-size: 12px;
	line-height: 14px;
}

.textpic-more-distance .csc-textpic-imagewrap {
	margin-left: 12px;
}



/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ----------- Fließtext-Grau ---------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
.calendarEventPageWrapper h4,
.tx_zvmcalendar_result_list p,
.tx_zvmcalendar_singleview .zvmcal-single-item h1,
.tx_zvmcalendar_singleview .zvmcal-single-item h2,
.tx_zvmcalendar_singleview .zvmcal-single-item p,
table,
table tbody tr td,
.newsWrapper p,
.addressWrapper p,
.addressWrapper label,
.openingHoursWrapper p,
.openingHoursWrapper label,
.logoWrapper p,
.logoWrapper label,
.searchResultWrapper p,
.detailArtistWrapper h2,
.detailArtistWrapper h3,
.detailArtistWrapper p,
.detailArtistWrapper p.bodytext,
.detailArtistWrapper label,
.artscene-whitepanel h1,
.artscene-whitepanel h2,
.artscene-whitepanel h3,
.artscene-whitepanel p {
	color: #575656;
}


/* ------------------------------------------------- */
.nav_subNavigation {
	margin-left: 40px;
}

.nav_subNavigation li a {

}


p {
	padding: 0 0 10px 0 !important;
}

p.align-right {
	text-align: right;
	padding: 15px 0 0 0 !important;
	line-height: 20px;
}


.red {
	color: #EFB300;
	font-weight: bold;
}

/* --------------------------------- */

.shadow_m {
	-moz-box-shadow: 0px 2px 15px #000;
	-webkit-box-shadow: 0px 2px 15px #000;
	box-shadow: 0 2px 15px #000;
}

/* --------------------------------- */



/* --------------------------------- */

.contenttable-0 {
	border-top: 1px solid #fff;
}

.contenttable-0 td {
	border-bottom: 1px solid #fff;
	font: 12px/18px "HeadReg", Arial, Helvetica, sans-serif;
}

.contenttable-0 .td-0 {
	width: 50px;
	background-color: #9cc769;
	padding: 5px 0 5px 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.contenttable-0 .td-1 {
	width: 110px;
	text-align: right;
	padding: 5px 20px 5px 20px;
}


.contenttable-1 {
	background: #cfe3d2 url(https://www.art-scene.tv/fileadmin/templates/imgs/hg_tabelle_1.jpg) left top repeat-x;
	border-bottom: 3px solid #6caf77;
	width: 100%;
}

.contenttable-1 b {
	color: #73b07a;
}

.contenttable-1 td {
	line-height: 18px;
	padding: 7px 10px 7px 10px;
	vertical-align: top;
	font-size: 11px;
	width: 120px !important;
	border-bottom: 1px solid #96b89c;
	color: #333;
}

.contenttable-1 .tr-0 td {
	background-color: #73b07a;
	color: #fff !important;
}

.contenttable-1 td.td-0 {
	padding: 7px 15px 7px 12px;
	width: 160px !important;
	color: #000 !important;
}

.contenttable-1 .tr-1 td,
.contenttable-1 .tr-2 td {
	background: transparent url(https://www.art-scene.tv/fileadmin/templates/imgs/hg_tabelle_1_green.png) 0 0 repeat;
}



/*
.contenttable-2 {
	background-color: #cfe3d2;
	width: 100%;
	border-bottom: 2px solid #b8d7be;
	border-top: 2px solid #b8d7be;
	margin: 0 0 10px 0;
	zoom: 1;
}

.contenttable-2 .tr-even {
	background: transparent url(https://www.art-scene.tv/fileadmin/templates/imgs/verlauf_weiss.png) 0 0 repeat-x;
}

.contenttable-2 .td-0 {
	padding-left: 20px;
	width: 300px;
}

.contenttable-2 td {
	line-height: 18px;
	padding: 4px 30px 4px 10px;
	vertical-align: top;
	font-size: 12px;
	color: #333;
}
*/
/*

.csc-textpic-text {
	background-color: white;
	padding: 20px;
	margin-top: 10px;
}*/


.contenttable-2 td {
	color: #fff;
	padding: 1px 20px 3px 20px;
	font-size: 14px;
}

.contenttable-2 td b {
	font-size: 16px;
}


.contenttable-2 tr.tr-0 td {
	font-size: 18px;
	padding: 10px 10px 10px 20px;
	color: #fff;
	letter-spacing: 0.2em;
	background-color: #3489b8;
	text-transform: uppercase;
}

.fce-col-last .contenttable-2 tr.tr-0 td {
	background-color: #00b1eb;
}

.contenttable-2 td.td-0 {
	border-right: 1px dotted #333;
}

.fce-col-last .contenttable-2 td.td-0 {
	border-right: none;
}

.contenttable-2 tr.tr-1 td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #444;
	font-size: 15px;
	color: #999;
}

.contenttable-2 tr.tr-2 td {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
}

.contenttable-2 span {
	padding: 0 0 0 25px;
	display: block;
	background: transparent url(../imgs/okcircle.png) 0 3px no-repeat;
}



/* --------------------------------------------------------------------------------- */

.csc-textpic-border img {
	border: 4px solid #d6becf !important;
	
	-moz-box-shadow: 0px 2px 7px #ddd;
	-webkit-box-shadow: 0px 2px 7px #ddd;
	box-shadow: 0 2px 10px #ddd;
	
	margin: 0 10px 10px 3px;
}

iframe {
	border: 1px solid #b7dde4;
}

/* --------------------------------------------------------------------------------- */


@media all and (max-width: 800px) {

	
}





.columnMiddle {
	padding-top: 30px;
}




/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* ---------------------------  FORM ELEMENTS  ------------------------------------- */

select,
input[type=text],
input[type=submit] {
	border-radius: 5px;
	border-style: solid;
	border-color: #bbbbbb;
	border-width: 1px;
	padding: 4px;
	padding-bottom: 3px;
}

select option {
	margin-right: 8px;
}

input[type=submit] {
	background-color: #00b1eb;
	text-transform: uppercase;
	border-style: none;
}

input[type=submit]:hover {
	cursor: pointer;
}

input[type=submit]:active {
	background-color: #0698cb;
	cursor: pointer;
}




/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* ------------------------------  LANGUAGE  --------------------------------------- */
.LangMenu {
	display: none;
	position: relative;
	top: -114px;
	left: 558px;
}

.LangMenu li {
	display: inline;
	margin-right: 5px;
	padding-right: 5px;
	border-right-style: solid;
	border-color: #444;
	border-width: 1px;
}

.LangMenu li.last {
	border-style: none;
}

.LangMenu a {
	color: #8A868A;
	text-transform: uppercase;
	font-family: 'ShareTech', Trebuchet, Helvetica, Arial, sans-serif !important;
	font-size: 16px;
}

.LangMenu a:hover,
.LangMenu a:hover span.active {
	color: white;

}

.LangMenu a span.active {
	color: #00B1EB;
}