/* kunstareal.de begleiter css version 1.1 */
	/* Variante A - styles für standard-screens mit media-queries */
@media screen and (min-width: 988px) and (min-height: 500px), (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 768px)
 {
#ka_begleiter, #ka_programm, #ka_closer, #ka_opener, #ka_iframe, #ka_inop, #ka_incl {
	z-index:2000; 
	display:block !important; 
	background-color:none; 
	margin:0px;
	padding:0px;
	border:0px;
	text-align:left;
	float:left;
	overflow:hidden;
	text-decoration:none;
	}
div#ka_programm{
	position:fixed !important;
	right:-20px;
	top: 15%;
	width:20px;
	height:480px;
	overflow:visible; 
	}
#ka_programm:target, #ka_programm:target #ka_iframe{
	-moz-transition: all .4s ease;  
	-webkit-transition: all .4s ease;  
	-o-transition: all .4s ease;  
	transition: all .4s ease;
	}
#ka_programm, #ka_programm #ka_iframe{
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	}
div#ka_programm:target > div#ka_closer, div#ka_programm:target > div#ka_closer:hover,
div#ka_programm > div#ka_opener:hover, div#ka_programm > div#ka_opener:hover{
	-moz-transition: all .1s ease; 
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	}
a#ka_opener{
	position:absolute !important;
	z-index:2020;
	width:25px;
	height:480px;
	left:-25px;
	top:0px;
	padding-left:0px;
	background:none;
	overflow:visible;
	text-decoration:none;
	border:none;
}
#ka_inop {
	display:block !important;
	visibility:visible !important;
	position:absolute !important;
	z-index:2030;
	width:20px;
	height:240px;
	left:5px;
	top:0px;
	padding-left:0px;
	background:#ddd;
	background-image:url("http://begleiter.kunstareal.de/tl_files/static/img/bg20-160.png");
	background-position:0px 0px;
	overflow:hidden;
	text-decoration:none;
	box-shadow: -3px -3px 20px -5px rgba(100,100,100,1);
	}
a:hover#ka_opener > #ka_inop, a:active#ka_opener > #ka_inop,  a:focus#ka_opener > #ka_inop  {
	width:20px;
	height:480px;
	left:5px;
	background-position:-20px 0px;
	}
a#ka_closer{
	position:absolute !important;
	visibility:hidden;
	width:25px;
	height:480px;
	left:-25px;
	top:0px;
	background:none;
	overflow:visible;
	border:none;
}
#ka_incl{
	position:absolute !important;
	visibility:hidden;
	width:20px;
	height:480px;
	left:5px;
	top:0px;
	background-image:url("http://begleiter.kunstareal.de/tl_files/static/img/bg20-160.png");
	overflow:hidden;
	border:none;
}
div#ka_programm:target > a#ka_closer {
	visibility:visible !important;
	z-index:2040;
}
div#ka_programm:target div#ka_incl {
	visibility:visible !important;
	z-index:2041;
	background-image:url("http://begleiter.kunstareal.de/tl_files/static/img/bg20-160.png");
	background-position: -20px 0px;
}
div#ka_programm:target > a:hover > div#ka_incl, 
div#ka_programm:target > a:focus > div#ka_incl{
	z-index:2041;
	background-position: 0px 0px;
	box-shadow: 0px 0px 20px -5px rgba(122,122,122,1);
}
div#ka_programm:target > a#ka_opener, div#ka_programm:target > a#ka_inop   {
	z-index:-2000;
	visibility:hidden;
}
a#ka_lbxlink{
	position:fixed !important;
	display: block !important;
	z-index: 2000;
	width:0px;
	height:0px;
	top:0px;
	left:0px;
	overflow:hidden;
}
div#ka_programm:target > a#ka_lbxlink {
	visibility:visible !important;
	background:rgba(240,240,240,.3);
	width:100%;
	height:100%;
}
div#ka_iframe{
	position:absolute !important;
	visibility:visible !important;
	display: block !important;
	z-index: 2010;
	background:#fff;
	background-image:url("http://begleiter.kunstareal.de/tl_files/static/img/160x170.png");
	width:960px;
	height:480px;
	top:0px;
	left:0px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border:none;
}
div#ka_programm:target > div#ka_iframe {
	box-shadow: 0px 0px 20px 0px rgba(22,22,22,1);
	width:960px;
	left: -980px;
	}
div#ka_iframe > iframe{
	position:absolute;
	display:block;
	width:960px;
	height:480px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border:none;
	}
}

@media screen and (min-width: 1080px) and (max-width: 1229px){
	div#ka_programm:target > div#ka_iframe {
	width:1020px;
	left: -1040px;
	}
	div#ka_programm:target div#ka_incl {
	background-position: -20px 0px;
	}
	div#ka_iframe > iframe{
	width:1020px;
	}
}
@media screen and (min-width: 1230px) and (max-width: 1399px){
	div#ka_programm:target > div#ka_iframe {
	width:1190px;
	left: -1210px;
	}
	div#ka_programm:target div#ka_incl {
	background-position: -20px -160px;
	}
	div#ka_iframe > iframe{
	width:1190px;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1569px){
	div#ka_programm:target > div#ka_iframe {
	width:1360px;
	left: -1380px;
	}
	div#ka_programm:target div#ka_incl {
	background-position: -20px 0px;
	}
	div#ka_iframe > iframe{
	width:1360px;
	}
}
@media screen and (min-width: 1570px) and (max-width: 1739px){
	div#ka_programm:target > div#ka_iframe {
	width:1530px;
	left: -1550px;
	}
	div#ka_programm:target div#ka_incl {
	background-position: -20px -160px;
	}
	div#ka_iframe > iframe{
	width:1530px;
	}
}	
@media screen and (min-width: 1740px){
	div#ka_programm:target > div#ka_iframe {
	width:1700px;
	left: -1720px;
	}
	div#ka_programm:target div#ka_incl {
	background-position: -20px 0px;
	}
	div#ka_iframe > iframe{
	width:1700px;
	}
}

/* Variante B: statisches fallback für ältere Browser ohne media query + target-selector */

/* begleiter fläche overlay */
div#ka_min_begleiter {position:absolute; top:0px; left:0px; width:100%;  min-width: 1016px !important; height:100%; background:none; z-index:5000 !important;}

/* begleiter fläche sichtbar */
div#ka_min_begleiter.ka_min_show {display:block; visibility:visible;}

/* begleiter fläche verborgen*/
div#ka_min_begleiter.ka_min_hide { display:none; visibility:hidden;}

/* closelink halbtransparente hintergrundfläche */
a#ka_min_ca {position:fixed; top:0px; left:0px; width:100%; height:100%;background:url('http://begleiter.kunstareal.de/tl_files/static/img/trans.gif');}

/* closelink linkflächen inhalt */
div#ka_min_cdiv {position:absolute;top:0px; left:0px;width:100%; height:100%;z-index:200 !important;background:none;}

/* begleiter offen programm iframe */
iframe#ka_min_programm {position:fixed !important;right:20px;top:100px !important; margin:0px !important; width:1028px;height:480px;background:none;z-index:9000 !important;overflow:hidden;border:none;padding:0px;margin:0px;}

/* steuerbalken basis */
div#ka_min { display:block !important; padding:0px;margin:0px;position:fixed; top:0px; left:5px; width:100%; min-width: 1016px !important; height:100%;background:none;z-index:5;}

/* steuerbalken linkfläche normal*/ 
a#ka_min_oa {display: block !important; position:absolute !important; padding:0px; margin:0px; right:5px; top: 100px; background-image:url("http://begleiter.kunstareal.de/tl_files/static/img/20x20x12.png"); background-repeat:no-repeat; width:20px; height:480px; overflow:visible; z-index:2300 !important;} 

/* steuerbalken linkfläche hover */
a:hover#ka_min_oa, a:active#ka_min_oa {background-image:url("http://begleiter.kunstareal.de/tl_files/static/img/160x160.png");background-repeat:repeat;} 

/* steuerbalken fläche close-link*/
div#ka_min_odiv	{display:block;} 

/* ausblenden aller Elemente der Variante B für Browser mit media-query-support */
@media screen {
	div#ka_min.ka_mq, div.ka_mq  {display:none !important;z-index:-100 !important;}
	}