@charset "utf-8";

/* 
--------------------------------
general config    
--------------------------------
*/

*
{
   margin: 0;
   padding: 0;
   border: 0;
   outline:none;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	
	background-color: #DDDDDD;
	color: #646464;
}

img, 
fieldset 
{
	border: 0;
	outline: none;
}

a
{
	outline: none;
	text-decoration: none;
	color: #646464;
}

a:hover
{
	color: #EB2F18;
}	

a.disabled
{
	color: #CCCCCC;
}	

a.active
{
	color: #EB2F18;
}	

ul, li
{
	list-style-type:none;	
}

/* selection color */
::-moz-selection{ background: #EB2F18; color:#FFFFFF; text-shadow: none; }
::selection { background:#EB2F18; color:#FFFFFF; text-shadow: none; }  


/* 
--------------------------------
general helpers    
--------------------------------
*/

.floatLeft 
{ 
	float: left; 
}

.floatRight 
{ 
	float: right; 
}

.killfloat 
{
	overflow: hidden;
	clear: both;
	font-size: 0;
	height: 0;
}


/* 
--------------------------------
page
--------------------------------
*/

.page 
{
	font-family:'FrutigerLTW01-45Light';
}

.page .wrapperTop,
.page .wrapperMiddle,
.page .wrapperBottom
{
	width: 100%;
}

.page .wrapperTop
{
	position: fixed;
	z-index: 5;

	top: 0px;
	height: 80px;

	background-color: #FFFFFF;
}

.page .wrapperMiddle
{
	margin-bottom: 85px;
	padding-top:80px;
}

.page .wrapperBottom
{
	position: fixed;
	z-index: 5;

	left: 0px;
	bottom: 0px;
	height: 80px;	

	background-image:url(../image/footer_bg.png);
	background-repeat: repeat-x;
}


/* 
--------------------------------
general classes
--------------------------------
*/

	/* structure */

.page .centerStage 
{
    margin: 0 auto;
    padding: 0 10px;
    width: 930px;
}


	/* buttons */

.page .button a
{
	display:block;

	width: 129px;
	height: 36px;
	
	padding: 16px 13px 0px 13px;
	
	color: #646464;
	letter-spacing: -0.06em;
	font-size: 16px;
	text-align: center;

	background-image:url(../image/button_regular_small_sprite.png);
	background-position: left top;
}

.page .button a:hover,
.page .button a.active
{
	color: #EB2F18;
}

.page .button.inactive a:hover
{
	color: #646464;
	cursor:default;
}

.page .button.color a:hover,
.page .button.color a.active
{
	color: #FFFFFF;
	background-position: right top;
}

.page .button.big a
{
	width: 136px;
	background-image:url(../image/button_regular_big_sprite.png);
}

.page .button.textleft a
{
	text-align: left;
}

.page .button.special
{
	width: 192px;
	background-image:url(../image/button_config_bg.png);
}
.page .button.special a
{
	padding: 16px 0 0 0;
	background-image:none;
}

.page .button.twolines a
{
	line-height:17px;
	height: 43px;
	padding-top: 9px;
}


/* 
--------------------------------
views
--------------------------------
*/

.view 
{
	width: 930px;
    margin: 0 auto;
    padding: 5px 10px 0 10px;
}


	/* 
	--------------------------------
	view header  
	--------------------------------
	*/

.view.header
{
	padding-top: 0px;
}

.view.header nav
{
	position: relative;
	width: 324px;
	margin: 14px -2px 0 0;
}

.view.header .button.left
{
	position: relative;
	left: 7px;
}


	/* 
	--------------------------------
	view content  
	--------------------------------
	*/

/* content: navigation */

.view.content nav
{
	position: relative;
	z-index: 2;
}


.view.content nav .topLevels
{
	position: absolute;
	z-index: 1;
	top: 0px;
	
	width:930px;
}

.view.content nav .topLevels li
{
	margin-right: -7px;	
}
.view.content nav .topLevels li.first
{
	margin-right: -5px;	
}


.view.content nav .subLevels,
.view.content nav .subLevelsSelection
{
	position:absolute;
	z-index: 1;
	top: 51px;

	width:930px;
	/*min-height: 47px;*/
	margin-top:-6px;
	
	overflow:hidden;
}

.view.content nav .subLevelContainer
{
	position:relative;
}

	.view.content nav .subLevels,
	.view.content nav .subLevelContainer
	{
		pointer-events: none;
	}
	.view.content nav .subLevel
	{
		pointer-events: auto;
	}

.view.content nav .subLevel
{
	position: relative;
	
	width: 162px;
	padding-bottom: 5px;
	margin-right: -7px;	
	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	background-image: url(../image/navigation_sublevel_bg_big.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.view.content nav .subLevel.first
{
	width: 156px;
	margin-right: -6px;	
	background-image: url(../image/navigation_sublevel_bg_small.png);
}

.view.content nav .subLevel li
{	
	width: 136px;
	height: 27px;
	padding: 14px 0 0 0px;	
	margin-left:12px;

	background-image: url(../image/navigation_navitem_seperator_big.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
.view.content nav .subLevel.first li
{
	width: 130px;
}

.view.content nav .subLevel li.first
{
	background: none;
}

.view.content nav .subLevel li a
{
	display: block;
}
.view.content nav .subLevel li a.twoLines
{
	margin-top: -7px;	
}


/* content media */

.view.content .content.media
{
	position: relative;
	z-index: 2;
    width: 930px;
}


.view.content .content.media .metaBox
{
    width: 932px;
}
.view.content .content.media .metaBox .buttonThemeTitle
{
	margin-left: -5px;
}


.view.content .content.media .mediaBox
{
    width: 916px;
	height: 496px;
	
	padding: 16px 0 0 16px;
	
	background-image: url(../image/overlay_mediabox_bg.png);
	background-repeat: no-repeat;
}

.view.content .content.media .mediaBox .mediaContainer
{
	position: relative;
    width: 900px;
	height: 480px;
	overflow: hidden;
}

.view.content .content.media .mediaBox .info
{
	position: absolute;
	right: -360px;
	top: 0;

	width: 400px;
}

.view.content .content.media .mediaBox .info .infoButton
{	
    width: 40px;
    height: 40px;

	margin-top: 220px;
	
	background-image:url(../image/overlay_image_info_bg.png);
	background-repeat: no-repeat;
}

.view.content .content.media .mediaBox .info .infoButton a
{
	display: block;

    width: 40px;
	height: 40px;

	margin-top: -1px;
	
	background-image: url(../image/overlay_image_info_button_sprite.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.view.content .content.media .mediaBox .info .infoButton a:hover
{
	background-position: left -41px;
}


.view.content .content.media .mediaBox .info .infoContent
{	
	width: 320px;
	height: 472px;
	padding: 8px 20px 0 20px;
	
    background-color: #FFFFFF;
	
	z-index: 0;
}

.view.content .content.media .mediaBox .info .infoContent article
{	
	margin-bottom: 20px;
}

.view.content .content.media .mediaBox .info .infoContent img
{
	margin-bottom: 10px;
}

.view.content .content.media .mediaBox .info .infoContent p
{	
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}


/* ----- content: image ----- */

.view.content .content.image
{
	/*display: none;	*/
}

.view.content .content.image .mediaBox .imageContainer .image
{
	position: absolute;
}

/* ----- content: video ----- */

.view.content .content.video
{
	/*display: none;	*/
}

.view.content .content.video .mediaBox
{
	background-image: url(../image/overlay_mediabox_video_bg.png);
}

.view.content .content.video .mediaBox .video
{
	height: 470px;
	overflow: hidden;
}

.view.content .content.video .mediaBox .info .infoContent
{
	height: 422px;
}


	/* 
	--------------------------------
	view imagezoom  
	--------------------------------
	*/

.view.imageZoom
{
	position: fixed;

	left:0px;
	top: 80px;

	width:100%;
	height:100%;

    margin: 0px;
    padding: 0px;
}


	/* image base */

.view.imageZoom .imageBase
{
	width:100%;
	height:100%;
}

.view.imageZoom .imageBase.blur
{
	filter: blur(16px) saturate(0.2);
    -webkit-filter: blur(16px) saturate(0.2);
    -moz-filter: blur(16px) saturate(0.2);
    -o-filter: blur(16px) saturate(0.2);
    -ms-filter: blur(16px) saturate(0.2);

    transition: filter 0.25s;
    -webkit-transition: -webkit-filter 0.25s;
    -moz-transition: -moz-filter 0.25s;
    -o-transition: -o-filter 0.25s;
    -ms-transition: -ms-filter 0.25s;

    /*opacity: 0.1;*/
}

.view.imageZoom .imageBase.noblur
{
	filter: blur(0) saturate(1);
    -webkit-filter: blur(0) saturate(1);
    -moz-filter: blur(0) saturate(1);
    -o-filter: blur(0) saturate(1);
    -ms-filter: blur(0) saturate(1);

    transition: filter 0.25s;
    -webkit-transition: -webkit-filter 0.25s;
    -moz-transition: -moz-filter 0.25s;
    -o-transition: -o-filter 0.25s;
    -ms-transition: -ms-filter 0.25s;

    /*opacity: 1;*/
}


	/* imageMarker */

.view.imageZoom .imageMarker a.icon
{
	display: block;
	width: 42px;
	height: 42px;
	
	background-image:url(../image/icon_hotspot_plus.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.view.imageZoom .imageMarker a.icon:hover
{
	background-position: bottom left;
}

.view.imageZoom .imageMarker.admin a.icon
{
	display: block;
	width: 42px;
	height: 42px;
	
	background-image:url(../image/icon_hotspot_admin.png);
	background-repeat: no-repeat;
	background-position: top left;
}


	/* adminPanel */

.view.imageZoom #imageAdminPanel
{
	z-index: 101;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 130px;
	height: 115px;

	background-color: #00CC00;
}

.view.imageZoom #imageAdminPanel p
{
	padding:5px 0 0 10px;

	color: #ffffff;
}

.view.imageZoom #imageAdminPanel p.headline
{
	font-weight: bold;
}


	/* navigator */

.view.footer .navigator
{
	position: fixed;
	z-index: 10;

	bottom: 9px;
	width: 140px;
}

.view.footer .navigator a
{
	display: block;
}


.view.footer .navigator .zoom
{
	position: absolute;
	
	width: 78px;
	height: 78px;
	
	top: 32px;
	left: 30px;
	
	background-image:url(../image/navigator_buttons_bg.png);
	background-repeat:no-repeat;
}

.view.footer .navigator .zoom .plus a,
.view.footer .navigator .zoom .minus a
{
	width: 68px;
	height: 32px;
	
	margin-top: 7px;
	margin-left: 6px;
	
	background-image:url(../image/navigator_buttons_plus_minus_sprite.png);
	background-repeat:no-repeat;
	background-position: -6px -2px;
}

.view.footer .navigator .zoom .plus a:hover
{
	background-position: -84px -2px;
}

.view.footer .navigator .zoom .minus a
{
	margin-top: 0px;
	background-position: -6px -45px;
}
.view.footer .navigator .zoom .minus a:hover
{
	background-position: -84px -45px;
}


.view.footer .navigator .position .top
{
	margin-bottom: -5px;
}
.view.footer .navigator .position .bottom
{
	margin-top: -5px;
}

.view.footer .navigator .position .north a,
.view.footer .navigator .position .south a
{
	width: 48px;
	height: 52px;
	
	margin-left: 45px;
	
	background-image:url(../image/navigator_arrows_north_south_sprite.png);
	background-repeat:no-repeat;
	background-position: left top;
}
.view.footer .navigator .position .south a
{
	background-position: left bottom;
}

.view.footer .navigator .position .north a:hover,
.view.footer .navigator .position .east a:hover
{
	background-position: right top;
}
.view.footer .navigator .position .south a:hover,
.view.footer .navigator .position .west a:hover
{
	background-position: right bottom;
}

.view.footer .navigator .position .east a,
.view.footer .navigator .position .west a
{
	width: 52px;
	height: 48px;
	
	background-image:url(../image/navigator_arrows_east_west_sprite.png);
	background-repeat:no-repeat;
	background-position: left top;
}
.view.footer .navigator .position .west a
{
	background-position: left bottom;
}


	/* variations */

.view.footer .variations
{
	position: fixed;
	z-index: 9;
	
	bottom: 13px;
	width: 922px;

	margin: 0 auto;
	text-align: center;
}

.view.footer .variations .button
{
	display: inline-block;
	margin-right: -6px;
}

.view.footer .variations .button .link
{
	width: 132px;
	height: 36px;
	padding-top:16px;
}

.view.footer .variations .button .arrow a
{
	width: 24px;
	height: 40px;
	
	padding-top: 0px;
	
	background-image:url(../image/button_config_arrows_sprite.png);
	background-repeat:no-repeat;
}

.view.footer .variations .button .arrow.left a
{
	margin: 6px 0 0 6px;
	background-position: left top;
}
.view.footer .variations .button .arrow.left a:hover
{
	background-position: right top;
}

.view.footer .variations .button .arrow.right a
{
	margin: 6px 6px 0 0;
	background-position: left bottom;
}
.view.footer .variations .button .arrow.right a:hover
{
	background-position: right bottom;
}

.view.footer .variations .button.disabled
{
	color: #cccccc;
}
.view.footer .variations .button.disabled a
{
	cursor:default;
}
.view.footer .variations .button.disabled .arrow.left a
{
	background-position: center top;
}
.view.footer .variations .button.disabled .arrow.right a
{
	background-position: center bottom;
}


	/* 
	--------------------------------
	view footer
	--------------------------------
	*/

.view.footer
{
}