.fontStyle {}

.fontShadow {}
.fontShadow { text-shadow: none;}

.fontSmall { font-size: 10px;}
.backgroundColor {/*http://kimili.com/journal/rgba-hsla-css-generator-for-internet-explorer/*/}

.backgroundColorGradient {/*http://www.colorzilla.com/gradient-editor/*/}
.backgroundColorGradient_inverse {/*http://www.colorzilla.com/gradient-editor/*/}

.overlayBorder {}

#cell_image_active {}

.cellSeparator {}

.krpanoCaption {
	text-align: center;	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; line-height: 45px;
}

#logoView {
	width				: 100%;

	position			: absolute;
	bottom				: 0px;
	left				: 0px;

/*	background-repeat	: no-repeat;
	background-position	: top;*/

	/*Center Image*/
	text-align			: center;
	margin-top			: 0px;
	margin-bottom		: 0px;
	padding				: 0px;
}
#logoView_image {}

#emblemView_Pano {
	position			: absolute;
	left				: 0px;
	bottom				: 0px;
	visibility			: hidden;
	opacity				: 0.0;
}

#emblemView_Pano_image {}

.hotspotLabel {
	text-align			: center;
	white-space			: nowrap;
	overflow			: hidden;
	text-overflow		: ellipsis;
}

.cursor {}

html {
	height				: 100%;
}

body {
	height				: 100%;
	overflow			: hidden;
	margin				: 0px;
	padding				: 0px;
/*	background-color	: red;*/
	background-color	: #616161;
}

#log {
	position			: absolute;
	top					: 0px;
	bottom				: 0px;
	right				: 0px;
	height				: 100%;
	width				: 200px;
	background-color	: yellowgreen;
	overflow			: hidden;
	font-size			: 12px;
}

#darkOverlayView {
	position			: absolute;
	left				: 0px;
	top					: 0px;
	width				: 100%;
	height				: 100%;
	z-index				: 100;
}

#copyrightButton_Pano {
	position			: absolute;
	right				: 0px;
	bottom				: 0px;
}
#copyrightButton_Pano_image {}
.infoView {
	position			: absolute;
	left				: 50%;
	top					: 50%;
	width				: 276px; /*mit Border (2x2px) und Padding (2x10px) == 300px*/
	height				: 216px; /*mit Border (2x2px) und Padding (2x10px) == 240px*/
	margin-left			: -150px;
	margin-top			: -120px;
	/*background-color	: transparent;*/
}
#copyrightView {
/*	background-size		: 230px 34px;
	-webkit-background-size	: 230px 34px;
	background-repeat	: no-repeat;
	background-position	: 35px 35px;*/
	padding				: 10px;
	overflow			: hidden;
}
#copyrightView_address {
	position			: absolute;
	width				: 177px;
	padding-left		: 99px;
	font-family			: Verdana, sans-serif;
	font-size			: 11px;
	line-height			: 12px;
	color				: #c0c0c0;
}
#copyrightView_privacy {
	position			: absolute;
	width				: 177px;
	padding-left		: 99px;
	font-family			: Verdana, sans-serif;
	font-size			: 11px;
	line-height			: 12px;
	color				: #c0c0c0;
}
#hotelInfoView {
	background-size		: 139px 87px;
	-webkit-background-size	: 139px 87px;
	background-repeat	: no-repeat;
	background-position	: 35px 6px;
}
#hotelInfoView_address {
	position			: absolute;
	left				: 116px;
	top					: 104px;
	background-color	: transparent;

	font-size			: 11px;
	line-height			: 12px;
	color				: #c0c0c0;
}

#errorView,
#krpanoDiv table {
	position			: absolute;
	left				: 50%;
	top					: 50%;
	width				: 256px; /*Summe: 300px bei 2px-Border*/
	height				: 196px; /*Summe: 240px bei 2px-Border*/
	margin-left			: -150px;
	margin-top			: -120px;
	background-color	: rgba(0,0,0,0.35);
	padding				: 20px;

	background-color	: rgba(0,0,0,0.35);
	filter				: progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000,endColorstr=#59000000);

	border				: 2px solid white;
	border-radius		: 6px;
}
.errorView_label,
#krpanoDiv table center{
	width				: 100%;
	height				: 100%;

	font-size			: 15px;
	line-height			: 16px;

	vertical-align		: middle;
	text-align			: center;

	font-family			: Helvetica, Arial, sans-serif;
	color				: white;
	font-weight			: normal;
	text-shadow			: 1px 1px 2px black;
	filter				: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=2);
}

#explanationView {
	padding				: 10px;
	overflow			: hidden;
}

#krpanoDiv {
	position			: absolute;
	left				: 0px;
	top					: 0px;
	width				: 100%;
	height				: 100%;
	z-index				: 0;
	background-color	: black;
}

#krpanoDiv table {
    background-color	: rgba(255,255,255,0.35);
    filter				: progid:DXImageTransform.Microsoft.gradient(startColorstr=#59FFFFFF,endColorstr=#59FFFFFF);
}

#krpanoDiv_linker {
	position			: absolute;
	top					: 10px;
	right				: 10px;
	bottom				: 10px;
	overflow			: hidden;
}

#mainToogleView {
	width				: 70px;
	height				: 48px;
    position			: absolute;
	left				: 0px;
	top					: 25%;
	visibility			: hidden;
	opacity				: 0.0;

	border-bottom-right-radius	: 3px;
	border-top-right-radius		: 3px;
}
#mainToogleView_image {
	position			: absolute;
	left				: 50%;
	top					: 50%;
	width				: 29px;
	height				: 29px;
	margin-left			: -14px;
	margin-top			: -14px;
	background-size		: 29px auto;
	-webkit-background-size	: 29px auto;
	background-repeat	: no-repeat;
}

.cell_image {
	margin-top			: 5px;
	/*remove magic space between div and image*/
	padding				: 0px;
	display				: block;
}
.cell_bookImage {
	background-color	: transparent;
	width				: 80px;
	height				: 40px;

	/*background-image	: url(../pics/booking.png);*/
	background-size		: 80px 40px;
	-webkit-background-size	: 80px 40px;
	background-repeat	: no-repeat;
	background-position	: center;
}

.link {
	color				: blue;
	text-decoration		: underline;
}
.link_diginet {
	color				: #f47f36;
	text-decoration		: underline;
}

#disclaimerView {
	background-color	: transparent;
	position			: absolute;
	top					: 3px;
	right				: 5px;

	font-size			: 12px;
	line-height			: 13px;
}

#previewView_Disclaimer {
	background-color	: transparent;
	position			: absolute;
	top					: 10px;
	left				: 10px;
	right				: 10px;

	font-size			: 14px;
	line-height			: 16px;
	font-weight			: bold;
}
#previewView_Buttons {
	background-color	: transparent;
	position			: absolute;
	bottom				: 10px;
	left				: 10px;
	right				: 10px;

	font-family			: Helvetica,Arial,sans-serif;
	color				: white;
	font-size			: 14px;
	line-height			: 20px;
	text-align			: center;
}

.selectable {
	-webkit-touch-callout	: auto;
	-webkit-user-select		: auto;
	-khtml-user-select		: auto;
	-moz-user-select		: auto;
	-ms-user-select			: auto;
	user-select				: auto;
}

.unselectable {
	-webkit-touch-callout	: none;
	-webkit-user-select		: none;
	-khtml-user-select		: none;
	-moz-user-select		: none;
	-ms-user-select			: none;
	user-select				: none;
}

#hotspotBar {
	position				: absolute;
	top 					: -6px;
	left					: 50%;
	margin-left				: -75px;
	width					: 150px;
	background-color		: rgba(0,0,0,0.35);
	border-bottom			: 2px solid #ffffff;
	border-right			: 2px solid #ffffff;
	border-left				: 2px solid #ffffff;
	border-radius			: 6px;
	padding					: 16px 10px 10px 10px;

	font-family				: Helvetica,Arial,sans-serif;
	color					: white;
	font-size				: 14px;
	line-height				: 20px;
}

#viewBar {
	position				: absolute;
	bottom					: -6px;
	left					: 50%;
	margin-left				: -75px;
	width					: 150px;
	background-color		: rgba(0,0,0,0.35);
	border-top				: 2px solid #ffffff;
	border-right			: 2px solid #ffffff;
	border-left				: 2px solid #ffffff;
	border-radius			: 6px;
	padding					: 10px 10px 16px 10px;

	font-family				: Helvetica,Arial,sans-serif;
	color					: white;
	font-size				: 14px;
	line-height				: 20px;
}

@media (orientation:landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width:100%;
        height: 672px !important;
    }
}