/*
 * Screen style sheet.
 *
 * @name $Id: screen-layout.css
 * @domain: schilthorn.ch
 * 
 * @author		Martin Melheritz martin@visioninternet.ch
 * @date created	10/05/2013
 * @last modified	10/05/2013
 * @copyright 		Copyright (C) 2011 Visioninternet Science & Consulting
 *
 * This is a commercial software product, please visit http://www.visioninternet.ch for more information.
 */
html,
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
/*Background image*/
#bg {position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
div.wrap-live-modul {
	position: fixed;
	width: 60px;
	top: 171px;
	left: 0px;
	-moz-box-shadow: 2px  2px  5px  #6c6e70;
	-webkit-box-shadow: 2px  2px  5px  #6c6e70;
	box-shadow: 2px  2px  5px  #6c6e70;
}
div.modul-title {
	height: 20px;
	padding-left: 0px;
	text-align: center;
	background-image: url(daten/background/bg-transparent-90-white.png);
}
div.modul-1,
div.modul-2,
div.modul-3,
div.modul-4,
div.modul-5 {
	height: 60px;
	background-image: url(daten/background/bg-transparent-90-white.png);
}
div.modul-1 div,
div.modul-2 div,
div.modul-3 div,
div.modul-4 div,
div.modul-5 div {
	text-align: center;
}
div.modul-spacer {
	height: 1px;
	background-image: url(daten/background/spacer_live.png);
} 
div.wrap-body {
	min-height: 100%;
	min-width: 1220px;
	border: 0px solid red;
}
div.wrap-header {
	position: relative; 
	height: 40px;
	background-color: #243943;
	z-index: 100;
}
div.wrap-select-lang {
	position:relative; 
	width: 1080px; 
	height: 40px; 
	margin: auto;
}
div.wrap-nav-top {
	position: relative;
	height: 31px;
	padding: 0px;
}
div.nav-top-box {
	position: absolute; 
	width: 897px; 
	height: 30px; 
	margin-top: -5px; 
	background-image: url(daten/background/nav.png);
	background-position: bottom;
	-moz-box-shadow: 2px 2px 5px #3E3E3E;
	-webkit-box-shadow: 2px 2px 5px #3E3E3E;
	box-shadow: 2px 2px 5px #3E3E3E;
}
div.nav-top {
	position: relative;
	height: 25px; 
	margin-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 13px;
	color: #243943;
}
img.nav-dropdown-spacer {
	position: absolute; 
	margin: 0px; 
	padding: 0px; 
	top: 0px; 
	right: -11px;
}
div.nav-top-spacer {
	float: left;
}
div.select-lang {
	position: absolute; 
	top: 10px; 
	right: 213px; 
	height: 20px; 
}
img.logo {
	position: absolute;
	top: -40px;
	right: 30px;
	z-index: 105;
}
img.slogan {
	position: absolute;
	top: 22px;
	left: 29px;
	z-index: 5;
}
div.wrap-page {
	position: relative;
	width: 1080px;
	margin: auto;
	padding-bottom: 345px;
	border: 0px solid green;
}  /* must be same height as the footer */
div.wrap-slogan {
	position: relative;
	height: 100px;
	border: 0px solid black;
}
div.slogan {
	height: 100px;
	margin-top: 25px;
	margin-left: 30px;
}
img.hint {
	position: absolute;
	left: 30px;
	bottom: 280px;
}
div.wrap-content {
	position: relative;
	width: 1020px;
	margin: auto;
	min-height:350px;
    height:auto !important;
    height:350px;
    border: 0px solid black;
}
div.menu-title {
	background-color: #e3007e; 
	width: 220px; 
	margin-left: -10px; 
	margin-top: -10px; 
	padding: 0px 10px; 
}
div.title-content,
div.title-content-wide {
	margin-bottom: 7px;
	padding: 0px 10px;
	background-color: #b1b3b4;
}
div.title-content-wide {
	margin: -10px -10px 17px -10px;
}
div.nav-left {
	margin-top: 12px;
}
div.col-left,
div.col-center-wide,
div.col-center-x-wide {
	position: relative;
	min-height: 506px;
	float:left;
	padding: 10px 10px 50px 10px; 
	background-image: url(daten/background/bg-transparent-90-white.png);
	-moz-box-shadow: 2px  2px  5px  #6c6e70;
	-webkit-box-shadow: 2px  2px  5px  #6c6e70;
	box-shadow: 2px  2px  5px  #6c6e70;
}
div.wrap-cols {
	position: relative;
	float: left; 
	width: 760px;
	margin-left: 20px; 
	background-image: url(daten/background/bg-transparent-90-white.png);
	-moz-box-shadow: 2px  2px  5px  #6c6e70;
	-webkit-box-shadow: 2px  2px  5px  #6c6e70;
	box-shadow: 2px  2px  5px  #6c6e70;
}
div.wrap-cols-wide {
	position: relative;
	width: 1020px; 
	background-image: url(daten/background/bg-transparent-90-white.png);
	-moz-box-shadow: 2px  2px  5px  #6c6e70;
	-webkit-box-shadow: 2px  2px  5px  #6c6e70;
	box-shadow: 2px  2px  5px  #6c6e70;
}
div.col-left-wide,
div.col-center,
div.col-right {
	min-height: 450px;
	float: left;
	padding: 10px 10px 50px 10px;
}
div.col-left {
	min-height: 50px;
	padding-bottom: 50px;
	width: 220px;
}
div.col-left-wide {
	width: 740px;
}
div.col-center {
	width: 480px;
}
div.col-center-wide {
	width: 740px;
	margin-left: 20px;
}
div.col-center-x-wide {
	width: 1000px;
}
div.col-right {
	width: 220px;
	margin-left: 20px;
}
div.wrap-footer {
	position: relative;
	margin-top: -280px; /* negative value of footer height */
	min-width: 1220px;
	height: 280px;
	background-color: #243943;
	border: 0px solid blue;
}
div.wrap-footer-nav {
	position:relative;
	width: 1080px;
	height: 170px;
	margin: auto;
	background-color: #b1b3b4;
	background-image: url(daten/background/footer.png);
	background-position: bottom;
	-moz-box-shadow: 2px  2px  5px  #1f1f1f;
	-webkit-box-shadow: 2px  2px  5px  #1f1f1f;
	box-shadow: 2px  2px  5px  #1f1f1f;	
}
div.footer-nav-1,
div.footer-nav-2 {
	position: absolute;
	height: 25px;
	left: 30px;
	bottom: 0px;
}
div.footer-nav-1 {
	bottom: 14px;
}
div.wrap-social-media {
	position: absolute;
	left: 852px;
	height: 29px;
	top: 180px;
}
div.clear {
	clear: both;
}
div.fb-lk-btn {
	 position: absolute; 
	 bottom: 10px; 
	 left: 10px;
}


/* Navigation Left */
div.left-nav-level1 {
	padding : 3px 0px 5px 0px;
}
div.left-nav-level1-bgcolor {
	padding : 3px 0px 5px 0px;
}
div.left-nav-level2-bgcolor {
	padding : 3px 0px 5px 10px;
}
div.left-nav-level3-bgcolor {
	padding : 3px 0px 5px 20px;
}

/* Page elements */
div.wrap-list {
	position: relative;
}
div.wrap-team-element {
	margin-bottom: 20px;
}
div.wrap-team-content-left,
div.wrap-team-content-right {
	position: relative; 
	width: 360px; 
	height:180px; 
	float: left;
}
div.wrap-team-content-right {
	float: right;
}
div.team-image {
	position: absolute; 
	width: 120px; 
	height: 180px; 
	top: 0px; 
	right: 10px;
	-moz-box-shadow: 2px  2px  5px  #1f1f1f;
	-webkit-box-shadow: 2px  2px  5px  #1f1f1f;
	box-shadow: 2px  2px  5px  #1f1f1f;
}
div.team-name {
	height: 20px; 
	margin-top: 10px;
	background-color: #243943; 
	padding: 0px 5px;
}
div.team-description {
	width: 215px; 
	height: 130px; 
	padding: 10px 5px;
} 
img.element_image {
	-moz-box-shadow: 2px  2px  5px  #6c6e70;
	-webkit-box-shadow: 2px  2px  5px  #6c6e70;
	box-shadow: 2px  2px  5px  #6c6e70;	
}
div.wrap-partner-links,
div.wrap-partner-links-margin {
	height: 105px; 
	width: 220px; 
	padding: 0 10px; 
	overflow: hidden; 
	background-color: #ffffff;
	margin: 0px 0px 10px 0px;
	-moz-box-shadow: 2px  2px  5px  #6c6e70;
	-webkit-box-shadow: 2px  2px  5px  #6c6e70;
	box-shadow: 2px  2px  5px  #6c6e70;
	float: left;
}
div.wrap-partner-links-margin {
	margin: 0px 10px 10px 10px;
}
div.partner-link-image {
	height: 60px; 
	padding: 10px 0px; 
	text-align: center;
}
div.partner-link {
	height: 23px; 
	border-top: 1px solid #243943;
	text-align: center; 
	padding-top: 2px;
}
div.wrap-wallpaper,
div.wrap-wallpaper-margin {
	width: 240px;
	height: 245px; 
	float: left;
}
div.wrap-wallpaper-margin {
	margin: 0px 10px 0px 10px;
}
div.wallpaper-title {
	width: 240px;
	height: 25px;
	padding-top: 5px;
	text-align: center;
}
div.wallpaper-select {
	width: 240px;
	height: 35px;
	text-align:center;
}

/* Sitemap */
div.wrap-sitemap {
	margin-right: 50px;
	float: left;
}
ul.sitemap{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
li.sitemap-menu-level1{
	margin-top: 5px;
}
li.sitemap-menu-level2{
	background-image: url(daten/elemente/strich.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 10px;
}
li.sitemap-menu-level3{
	background-image: url(daten/elemente/strich.gif);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	padding-left: 20px;
}
li.sitemap-menu-level4{
	background-image: url(daten/elemente/strich.gif);
	background-repeat: no-repeat;
	background-position: 20px 8px;
	padding-left: 30px;
}


div.news-all-spacing {
	height: 42px;
}


/* Emergency hint */
div.wrap-emergency-hint {
	position: relative;
	background-color: #ffffff;
	z-index: 100; 
}
div.emergency-hint {
	width: 1020px;
	min-height: 21px; 
	height:auto !important; 
	height: 21px; 
	margin: auto; 
	padding: 6px 0px;
}
div.emergency-icon {
	float: left; 
	padding-right: 5px;
}
div.emergency-content {
	float:left; 
	padding-top:2px;
}
div.emergency-title {
	float: left;
	padding-right: 5px;
}
div.emergency-text {
	float: left; 
	max-width:550px; 
	height:auto !important; 
	padding-right: 5px;
}
div.emergency-hint span {
	padding-right: 5px;
}


/* Box gallery */
div.wrap-footer-box {
	position: absolute; 
	top: -45px; 
	height: 170px; 
}
#carousel_container {
	position: relative; 
	width: 1080px;
	margin: auto; 
} 
#carousel_inner {
	float: left; /* important for inline positioning */
	margin-left: 30px; 
	width: 1020px; /* important (this width = width of list item(including margin) items shown */ 
	overflow: hidden; /* important (hide the items outside the div) */
}
#carousel_ul {
	position: relative;
	left: -270px; /* important (this should be negative number of list items width(including margin) */
	list-style-type: none; /* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width: 9999px; /* important */
}
#carousel_ul li{
	float: left; /* important for inline positioning of the list items */ 
	width: 240px;  /* fixed width, important */
	/* just styling bellow*/
	padding: 0px;
	height: 170px;
	margin: 0px 10px; 
	overflow: hidden;
}
div.wrap-box-content {
	padding: 7px 10px; 
}
div.box-title {
	text-transform: uppercase;
}
div.box-subtitle {
	margin-bottom: 20px;
}
#carousel_ul li img {
	.margin-bottom: -4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
}
#left_scroll {
	position: absolute; 
	top: 0px; 
	left: 0px;
	height: 36px; 
	width: 30px;
	cursor: pointer; 
	cursor: hand; 
}
#right_scroll {
	float: right;
	height: 36px; 
	width: 30px;
	cursor: pointer; 
	cursor: hand; 
}

/*Newsroom*/
div.newsroom-wrap-content-left {
	position: relative; 
	float: left; 
	width: 660px; 
	margin-top: 10px;
	padding-bottom: 30px;
	border: 0px solid red;
}
div.wrap-newsroom-news,
div.wrap-newsroom-press,
div.wrap-newsroom-events,
div.wrap-newsroom-videos,
div.wrap-newsroom-bilder {
	position: relative;
	min-height: 100px; 
	border: 0px solid blue;
}
div.newsroom-news-nav {
	position: absolute; 
	right: 10px; 
	top: -8px; 
	height: 27px;
}
div.newsroom-wrap-content-right {
	position: relative;
	float: right; 
	width: 320px;
	margin-top: 10px;
	padding-bottom: 20px;
	border: 0px solid red;
}
div.wrap-newsroom-media {}
div.media-content {
	padding: 4px 10px 30px 10px;
}
div.video-content {
	padding: 8px 10px 30px 10px;
}
div.bilder-content {
	padding: 8px 10px 0px 10px;
}
div.wrap-newsroom-facebook {
	position: relative;
	height: 660px;
}
div.wrap-newsroom-twitter {
	position: relative;
	height: 490px;
}
div.wrap-newsroom-livecam {
	position: relative;
	height: 240px;
}
div.newsroom-facebook-btn,
div.newsroom-twitter-btn,
div.newsroom-youtube-btn,
div.newsroom-flickr-btn {
	position: absolute; 
	width: 25px;
	height:25px;
	right: 10px; 
	top:-7px;
}
div.wrap-carusel-image {
	height: 125px;
}
div.carusel-element-topmargin {
	margin-top: 10px;
}
div.less_info-margin {
	margin-top: 20px;
}
div.wrap-news-image,
div.wrap-press-image,
div.wrap-event-image {
	float: left; 
	width: 185px; 
	padding: 8px 0px 25px 0px;
}
div.wrap-news-content,
div.wrap-press-content,
div.wrap-event-content {
	position: relative; 
	float: right; 
	width: 450px; 
	min-height: 100px;
	padding: 4px 0px 20px 0px;
}
div.newsroom_news_infos {
	display: none;
	padding-bottom: 20px;
}
div.newsroom_events_infos {
	padding-bottom: 20px;
}	
div.newsroom_press_infos {
	display: none;
}
div.wrap-press-image {
	float:left; 
	width:185px; 
	padding: 8px 0px 26px 0px;
}
div.wrap-newsroom-map {
	padding-bottom: 30px;
}
div.newsroom-map {
	padding-top: 8px;
}
/* News gallery */
#newsroom_news_carousel_container,
#newsroom_press_carousel_container,
#newsroom_events_carousel_container {
	position: relative; 
	width: 640px;
	margin: auto; 
	border: 0px solid black;
}
#newsroom_news_carousel_inner,
#newsroom_press_carousel_inner,
#newsroom_events_carousel_inner {
	float: left;
	margin-left: 0px; 
	width: 640px;
	overflow: hidden;
}
#newsroom_news_carousel_ul,
#newsroom_press_carousel_ul,
#newsroom_events_carousel_ul {
	position: relative;
	left: -640px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 99999px;
}
#newsroom_news_carousel_ul li,
#newsroom_press_carousel_ul li,
#newsroom_events_carousel_ul li {
	float: left; 
	width: 640px;
	padding: 0px;
	height: auto;
	margin: 0px 0px; 
	overflow: hidden;
	border: 0px solid green;
}
#newsroom_news_left_scroll,
#newsroom_press_left_scroll,
#newsroom_events_left_scroll {
	cursor: pointer; 
	cursor: hand; 
}
#newsroom_news_right_scroll,
#newsroom_press_right_scroll,
#newsroom_events_right_scroll {
	cursor: pointer; 
	cursor: hand; 
}

/* Photopoint */
div.wrap-photopoint-top {
	position: relative; 
	width: 740px; 
	height: 320px; 
}
div.photopoint-image-left {
	position: relative; 
	width: 480px; 
	height: 320px; 
	float: left;
}
div.photopoint-image-right {
	position: relative; 
	width: 220px; 
	height: 320px; 
	float: right; 
}
div.photopoint-image-title {
	width: 210px; 
	height: 40px; 
	padding: 3px 5px 0px 5px; 
	background-color: #243943;
}
div.photopoint-social-media {
	position: absolute; 
	width: 220px; 
	height: 25px; 
	bottom: 100px; 
}
img#xlthumb-download {
	margin-bottom: 2px;
}
div.photopoint-spacer {
	position: relative; 
	width: 740px; 
	height: 40px;
}
div.photopoint-spacer-line {
	width: 740px; 
	height: 20px; 
	border-bottom: 1px solid #000;
}
div#thumb-loader {
	position: absolute; 
	left: 220px; 
	top: -200px; 
}
div#thumbs-loader {
	position: absolute; 
	left: 220px; 
	top: 200px; 
}
div.wrap-photopoint-bottom {
	position: relative; 
	width: 740px; 
	height: 445px; 
}
div.photopoint-images-left {
	position: relative; 
	width: 495px; 
	height: 445px; 
	float: left;  
	margin-left: -15px;
}
div.photopoint-images-right {
	position: relative; 
	width: 220px; 
	height: 320px; 
	float: right; 
}
div.photopoint-date-title {
	width: 220px; 
	margin-bottom: 20px; 
}
div.photopoint-date {
	width: 220px;
}
div.photopoint-nav {
	position: relative; 
	width: 480px; 
	height: 25px; 
	padding-top: 15px;
	margin-bottom: 50px;
}
div.photopoint-sthumb {
	position: relative; 
	float: left; 
	width: 150px; 
	height: 100px; 
	margin-left: 15px; 
	margin-bottom: 15px;  
	display: none;
}
div.sthumb-date {
	position: absolute; 
	bottom: 0px; 
	right: 0px;
	background-color: #243943; 
	padding: 0px 15px 0px 5px;
}
div.photopoint-xthumb {
	display: none;
}
select#photopointDateSelect {
	width: 100px;
}
img#photopoint_prev,
img#photopoint_next,
img.sthumb {
	cursor: pointer; 
	cursor: hand; 
}
img#photopoint_prev {
	position: absolute; 
	right: 35px; 
	bottom: 0px;
}
img#photopoint_next {
	position: absolute; 
	right: 0px; 
	bottom: 0px;
}
img#photopoint_prev,
img#photopoint_next {
	display: none;
}