/* 1755515491.5651 */
@charset "utf-8";


/* ### KARTE START ### */

#page-wrap { 
	margin:20px;	
}

#box_karte,
#mapbox { 
	width:100%;
	text-align:left;	
}

#karte,
#map_canvas { 
	width:100%;
	height:0px;
	padding:0;
	height:600px;
	margin:0 0 4px 0;
	border:1px solid #fff;
	position:relative;
	z-index:30 !important;	
}

@media (max-width: 768px) {
	
	#karte,
	#map_canvas { 
		width:100%;
		max-height:50vh !important;
	}
	
}

#inhalt p#map_navi { 
	margin:0;
	padding:0;
	text-align:right;	
}

#inhalt a#overview { 
	font-size:100%;
	cursor:pointer;	
}

#locations { 
	display:none;	
}

/* ### KARTE ENDE ### */



#page-wrap #mapbox #map_canvas div.map_box {
	display:block;
	width:260px;
	height:70px;
	overflow:hidden;
	margin:0;
	padding:0;
	background-color:#fff;
}

#page-wrap #mapbox #map_canvas div.map_box p {
	margin:0;
	padding:0;
}


#page-wrap #mapbox #map_canvas div.map_box img.map_pic {
	float:left;
	margin:2px 6px 4px 0;
}



/* ### FANCYBOX START ### */

#fancybox-loading { 
	position:fixed;
	top:50%;
	left:50%;
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px;
	cursor:pointer;
	overflow:hidden;
	z-index:1104;
	display:none;
}

#fancybox-loading div { 
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:480px;
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox.png');
}

#fancybox-overlay { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1100;
	display:none;
}

#fancybox-tmp { 
	padding:0;
	margin:0;
	border:0;
	overflow:auto;
	display:none;
}

#fancybox-wrap { 
	position:absolute;
	top:0;
	left:0;
	padding:20px;
	z-index:1101;
	outline:none;
	display:none;
}

#fancybox-outer { 
	position:relative;
	width:100%;
	height:100%;
	background:#fff;
}

#fancybox-content { 
	width:0;
	height:0;
	padding:0;
	outline:none;
	position:relative;
	overflow:hidden;
	z-index:1102;
	border:0px solid #fff;
}

#fancybox-hide-sel-frame { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
	z-index:1101;
}

#fancybox-close { 
	position:absolute;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	background:transparent url('https://www.bochumschau.de/gif/fancybox/fancybox.png') -40px 0px;
	cursor:pointer;
	z-index:1103;
	display:none;
}

#fancybox-error { 
	color:#444;
	font:normal 12px/20px Arial;
	padding:14px;
	margin:0;
}

#fancybox-img { 
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:none;
	outline:none;
	line-height:0;
	vertical-align:top;
}

#fancybox-frame { 
	width:100%;
	height:100%;
	border:none;
	display:block;
}

#fancybox-left,
#fancybox-right { 
	position:absolute;
	bottom:0px;
	height:100%;
	width:35%;
	cursor:pointer;
	outline:none;
	background:transparent url('https://www.bochumschau.de/gif/fancybox/blank.gif');
	z-index:1102;
	display:none;
}

#fancybox-left { 
	left:0px;
}

#fancybox-right { 
	right:0px;
}

#fancybox-left-ico,
#fancybox-right-ico { 
	position:absolute;
	top:50%;
	left:-9999px;
	width:30px;
	height:30px;
	margin-top:-15px;
	cursor:pointer;
	z-index:1102;
	display:block;
}

#fancybox-left-ico { 
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox.png');
	background-position:-40px -30px;
}

#fancybox-right-ico { 
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox.png');
	background-position:-40px -60px;
}

#fancybox-left:hover,
#fancybox-right:hover { 
	visibility:visible;
}

#fancybox-left:hover span { 
	left:20px;
}

#fancybox-right:hover span { 
	left:auto;
	right:20px}.fancybox-bg { 
	position:absolute;
	padding:0;
	margin:0;
	border:0;
	width:20px;
	height:20px;
	z-index:1001;
}

#fancybox-bg-n { 
	top:-20px;
	left:0;
	width:100%;
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox-x.png');
}

#fancybox-bg-ne { 
	top:-20px;
	right:-20px;
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox.png');
	background-position:-40px -162px;
}

#fancybox-bg-e { 
	top:0;
	right:-20px;
	height:100%;
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox-y.png');
	background-position:-20px 0px;
}

#fancybox-bg-se { 
	bottom:-20px;
	right:-20px;
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox.png');
	background-position:-40px -182px;
}

#fancybox-bg-s { 
	bottom:-20px;
	left:0;
	width:100%;
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox-x.png');
	background-position:0px -20px;
}

#fancybox-bg-sw { 
	bottom:-20px;
	left:-20px;
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox.png');
	background-position:-40px -142px;
}

#fancybox-bg-w { 
	top:0;
	left:-20px;
	height:100%;
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox-y.png');
}

#fancybox-bg-nw { 
	top:-20px;
	left:-20px;
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancybox.png');
	background-position:-40px -122px;
}

#fancybox-title { 
	font-family:Helvetica;
	font-size:12px;
	z-index:1102}.fancybox-title-inside { 
	padding-bottom:10px;
	text-align:center;
	color:#333;
	background:#fff;
	position:relative}.fancybox-title-outside { 
	padding-top:10px;
	color:#fff}.fancybox-title-over { 
	position:absolute;
	bottom:0;
	left:0;
	color:#FFF;
	text-align:left;
}

#fancybox-title-over { 
	padding:10px;
	background-image:url('https://www.bochumschau.de/gif/fancybox/fancy_title_over.png');
	display:block}.fancybox-title-float { 
	position:absolute;
	left:0;
	bottom:-20px;
	height:32px;
}

#fancybox-title-float-wrap { 
	border:none;
	border-collapse:collapse;
	width:auto;
}

#fancybox-title-float-wrap td { 
	border:none;
	white-space:nowrap;
}

#fancybox-title-float-left { 
	padding:0 0 0 15px;
	background:url('https://www.bochumschau.de/gif/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main { 
	color:#FFF;
	line-height:29px;
	font-weight:bold;
	padding:0 0 3px 0;
	background:url('https://www.bochumschau.de/gif/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right { 
	padding:0 0 0 15px;
	background:url('https://www.bochumschau.de/gif/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* ### FANCYBOX ENDE ### */




/* ### GMAP INFOFENSTER STYLES START ### */

.gm-style .gm-style-iw-t {
    position: absolute;
    width: 100%;
}

.gm-style .gm-style-iw-c {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: translate(-50%,-100%);
    background-color: white;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
}

.gm-style .gm-style-iw-d {
    box-sizing: border-box;
    overflow: auto;
}

.gm-style .gm-style-iw-t::after {
    background: linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);
    box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4);
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 15px;
}

.gm-style-iw-a {
	position: absolute; 
	left: 15px; 
	top: 15px;
}
.gm-style-iw-t {
	right: 0px; 
	bottom: 59px;
}
.gm-style-iw gm-style-iw-c {
	max-width: 654px; 
	max-height: 541px;
}
.gm-style-iw-d {
	max-width: 618px; 
	max-height: 505px;
}


.fancybox_content {
	font-size:100%;
	width:auto;
	min-width:216px;
	height:auto;
	min-height:120px;
	overflow-y:auto;
	margin:0;
	padding:6px;
	display:inline-block;
	background-color:#fff;
}

.fancybox_content * {}

.fancybox_content p,
.fancybox_content p a {
	margin:0 !important;
	padding:0;
}

.fancybox_content a {
	color:#009AE7 !important;	
}

.fancybox_content img.pic_object {
	width:100%;
	max-width:216px;
	height:auto;
	margin-bottom:2px;
}

.fancybox_content {
	text-align:left;
}

.fancybox_content p {
	text-align:left;
	line-height:130% !important;
	margin:0 0 3px 0;
}

#container .fancybox_content p.object_name a {
	font-weight:600;	
	color:#555 !important;
	font-size:120%;
}

#container .fancybox_content p.object_location a {
	font-weight:400;	
	color:#555 !important;
	font-size:70%;
	line-height:100% !important;
}


/* ### GMAP INFOFENSTER STYLES ENDE ### */



/* ### GMAP CONTROL STYLES START ### */

#map-controls {
	display:none;
}

 .gm-style .controls {
        font-size: 28px;  /* this adjusts the size of all the controls */

        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
        box-sizing: border-box;
        border-radius: 2px;
        cursor: pointer;
        font-weight: 300;
		height: 1em;
        width: 1em;
        margin: 6px;
        text-align: center;
        user-select: none;
        padding: 2px;
      }
      .gm-style .controls button {
        border: 0;
        background-color: white;
        color: rgba(0, 0, 0, 0.6);
      }
      .gm-style .controls button:hover {
        color: rgba(0, 0, 0, 0.9);
      }

      .gm-style .controls.zoom-control {
        display: flex;
        flex-direction: column;
        height: auto;
      }
      .gm-style .controls.zoom-control button {
        font: 0.85em Arial;
        margin: 1px;
        padding: 0px;
      }
	  
	  .gm-style .controls.streetview-control {
        display: flex;
        flex-direction: column;
        height: auto;
      }

      .gm-style .controls.maptype-control {
        display: flex;
        flex-direction: row;
        width: auto;
      }
      .gm-style .controls.maptype-control button {
        display: inline-block;
        font-size: 0.5em;
        margin: 0 1px;
        padding: 0 6px;
      }
      .gm-style .controls.maptype-control.maptype-control-is-map .maptype-control-map {
        font-weight: 700;
      }
      .gm-style .controls.maptype-control.maptype-control-is-satellite .maptype-control-satellite {
        font-weight: 700;
      }

      .gm-style .controls.fullscreen-control button {
        display: block;
        font-size: 1em;
        height: 100%;
        width: 100%
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon {
        border-style: solid;
        height: 0.25em;
        position:absolute;
        width: 0.25em;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-left {
        border-width: 2px 0 0 2px;
        left: 0.1em;
        top: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-left {
        border-width: 0 2px 2px 0;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-right {
        border-width: 2px 2px 0 0;
        right: 0.1em;
        top: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-right {
        border-width: 0 0 2px 2px;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-left {
        border-width: 0 0 2px 2px;
        left: 0.1em;
        bottom: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-left {
        border-width: 2px 2px 0 0;
      }
      .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-right {
        border-width: 0 2px 2px 0;
        right: 0.1em;
        bottom: 0.1em;
      }
      .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-right {
        border-width: 2px 0 0 2px;
      }

/* ### GMAP CONTROL STYLES ENDE ### */


/* GMAP Blocked Start */

#mapbox.blocked {
	position:relative;
}

#mapbox.blocked .message {
	position: absolute;
	top: 0px;
	left: 0px;	
	width: calc(100% - 60px);
	height: calc(100% - 60px);		
	z-index:100 !important;
	border:0px solid red !important;	
	background:url(https://www.bochumschau.de/gif/bg-bochumer-filmorte.jpg) no-repeat 50% 50% !important;
	background-size: cover !important;	 
	color:#fff !important;
	text-align:center;
	padding:30px;
}

#mapbox.blocked #karten_box {
	background:rgba(0,0,0,.75);
}

#mapbox.blocked .message p,
#mapbox.blocked .message * {
	color:#fff !important;
}

#mapbox.blocked .message a {
	cursor: pointer;
	color:red !important;
}

#mapbox.blocked .message a.googlemaps-blocked {
	color:#fff !important;
	background-color:red;
	padding:6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:6px;
	display:inline-block;
}

/* GMAP Blocked Ende */