/*	Allgemeine Definitionen für ganze Seite ----------------------------------------- */
	
	/*	HTML Grundelemente------------------------------- */
		html 													{height: 100%; width: 100%; margin:0; padding:0; background:url(/images/layout/bg/bg.jpg) #FFFFFF center repeat-y; }
 	  * html 													{background:url(/images/layout/bg/bg-ie6.jpg) #FFFFFF center repeat-y; }
		body 													{background: url(/images/layout/bg-blau.gif) repeat-x; padding:0; margin:0; color:#333; height: 100%; width: 100%;
																 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
	
	/*	Links ------------------------------------------- */
		a:link													{color:#093f95; text-decoration:none;}
		a:visited												{color:#093f95; text-decoration:none;}
		a:hover													{text-decoration:underline;}
	
	/*	Absätze und überschriften ----------------------- */
		p														{margin:0px 0 15px 0; padding:0px; line-height:16px;}
		h1														{display:block; margin:0 0 13px 0; padding:0; font-size:12px; font-weight:900;}
		h2														{display:block; margin:25px 0 3px 0; padding:0 0 4px 0; font-size:11px; font-weight:900; border-bottom:1px solid #CCCCCC;}
		h3														{display:block; margin:5px 0 3px 0; padding:0 0 4px 0; font-size:11px; font-weight:100; border-bottom:1px solid #CCCCCC;}
		img														{border:none;}
		.clear													{display:block; clear:both; height:120px; line-height:0px; font-size:0px;}
		.deckblatt												{background:#FFF; width:730px; height:25px; position:relative; top:320px; z-index:3;}
	
	/*	Listen und Aufzählungen ------------------------- */
		ul, li													{list-style:none; margin:0; padding:0;}
	
	/*	Tabellen ------------------------- */
		table													{padding:0; border-spacing:0; width:100%;}
		td														{width:50%; vertical-align:top;}
		td.title												{width:76%;}
		td.content												{width:24%;}

/*	Layout: -------------------------------------------------------------------------  */

	/*	Allgmemein--------------------------------------- */
		#divBg													{width:100%; height:100%; background:url(/images/layout/bg/default.jpg) no-repeat; background-position:center 180px; position:absolute; z-index:1;}
* html 	#divBg													{left:-9px; top:0;}
*+html 	#divBg													{left:1px; top:0;}
/* *+html 	#divBg												{left:1px; top:0; height:1200px; }*/
		#divContainer											{width:912px; margin:0px auto; height:100%; position:relative; z-index:2;}

	/*	Header ------------------------------------------ */
		#divHeader												{height:180px; background:url(/images/layout/logo-st-moritz-award.gif) no-repeat center -0px #fff; width:912px; text-align:center;}

	/*	Content ----------------------------------------- */
		#divContent												{width:732px; margin-left:99px; float:left; background:#fff; min-height: 582px;}
		#content												{float:left; display:block;}
		.normal													{width:345px; margin:40px 0 20px 33px; padding-bottom:0px; }
		.media													{width:675px; margin:40px 0 0px 0px;}
		img.inText												{float:left; padding:0 20px 16px 0; margin-top:4px;}


	/*	Menu -------------------------------------------- */
		#divContent	ul.spalteLinks								{display:block; float:left; width:118px; list-style:none;}
		#divContent	ul.spalteLinks li.logo						{display:block; background:url(/images/layout/logo-st-moritz.gif) no-repeat #fff; width:175px; height:67px; margin-top:350px;}
		#divContent	ul.spalteLinks li.logo	a					{display:block; background:url(/images/layout/logo-st-moritz.gif) no-repeat #fff; width:145px; height:67px; text-decoration:none;}
		#divContent li											{line-height:25px; height:25px;}

	/*	Topnavigation -------------------------------------------- */		
		#mainnav												{width:731px; height:25px; background:url(/images/layout/navigation/mainnav-bg.png) no-repeat top left; margin-left:99px; position:relative; z-index:99;}
*+html	#mainnav												{margin-left:101px;}
		#mainnav li												{float:left; height:25px; list-style:none;}
		#mainnav li a											{position:relative; display:block; float:left; padding:5px 27px 0 27px; height:20px; 
																 background:url(/images/layout/navigation/mainnav-sep.png) no-repeat top right; color:#666;}
		#mainnav li .last										{background:none; padding-right:0px; padding-left:0px; text-align:center; width:98px; margin:0;}
		#mainnav li a:hover										{color:#00579d; text-decoration:none;}
		#mainnav li.active										{position:relative; left:-10px; margin-right:-20px; padding-left:10px; 
																 background:#fff url(/images/layout/navigation/mainnav-sh-left.png) no-repeat top left;}
		#mainnav li.active a									{color:#00579d; background-color:#fff; padding-right:38px; font-weight:bold; 
																 background:#fff url(/images/layout/navigation/mainnav-sh-right.png) no-repeat top right;}
		#mainnav li a.honor										{padding-left:28px;}
		#mainnav li.active .last								{padding-left:0px; width:114px; background:none; padding-right:0px; text-align:center;}
		#mainnav li.activeHome									{position:relative; left:0px; margin-right:-20px; padding-left:11px; background:#fff;}
		#mainnav li.activeHome a								{color:#00579d; background-color:#fff; padding-right:44px; font-weight:bold; 
																 background:#fff url(/images/layout/navigation/mainnav-sh-right.png) no-repeat top right;}
		
	/*	Subnavigation -------------------------------------------- */		
		#subMenu												{display:block; position:relative; left:0; top:-45px; width:182px;} 
		#subMenu li												{display:inline-block;}	
		#subMenu li	a											{color:#666666; text-decoration:none;}	

	/*	Unternavigation ------------------------------------------ */		
		#menu													{width:210px; float:left; display:block; margin-top:35px; border-top:1px solid #CCCCCC; border-bottom:155px solid #fff; margin-right:34px;}
*+html	#menu													{margin-left:1px;}
		#menu	li												{border-bottom:1px solid #cccccc; display:block; padding-left:8px; }
		#menu	li	a											{width:190px; display:block; padding-left:6px; color:#666666; font-weight:900;}
		#menu	li	a:hover										{color:#00579d; text-decoration:none;}
		#menu	li	.active										{color:#00579d;}
		#menu	li ul li a										{width:185px; padding-left:14px; color:#666666; font-weight:100;}
		#menu	.menu_body										{height:auto; border:none; margin-left:-7px; margin-bottom:20px;}
		#blank													{width:244px; float:left; display:block; margin-top:35px; margin-right:0;}
		#blank	.award											{display:block; margin:0px 0 0 40px;}
		#blank	.legend											{font-size:9px; left:43px; position:relative; top:-37px; display:block;}

	/*	Gallery ------------------------------------------ */		
		#divGallery												{display:block; margin:25px 0 3px 0; padding:4px 0 0 0; border-top:1px solid #CCCCCC;}
		#divGallery	label										{font-size:10px; font-weight:100;}
		#divGallery	ul											{background:url(/images/gallery/bg-navigation.png) transparent; top:-25px; position:relative; padding-left:4px;}
		#divGallery	li											{background:url(/images/gallery/trenn-navigation.gif) right no-repeat; width:12px; display:inline-block; 
																 padding:0 2px 0 2px; font-size:10px; cursor:pointer;}
		#divGallery	li.active									{color:#00579d; font-weight:900;}
		#divGallery	img											{width:345px; height:259px; background:url(../../images/gallery/loading.gif) center no-repeat;}		
		
		#divImageBox											{display:block; margin:25px 0 281px 0; padding:4px 0 0 0; border-top:1px solid #CCCCCC; position:relative;}
		#divImageBox	.bilder 								{position:absolute; left:0; top:0; display:block; z-index:1; width:345px; height:259px;}
		#divImageBox	.bilderStMo								{position:absolute; left:0; top:0; display:block; z-index:1; width:345px; height:259px;}
		#divImageBox	.sliderStMo								{top:0 !important;}
		#divImageBox	.imageVisible							{display:block; width:345px; height:259px; float:left;}
		#divImageBox	.galerie								{display:block; width:345px; height:259px; float:left; visibility:hidden;}
		#divImageBox	#weiss									{position:absolute; left:0; top:0; display:block; width:345px; height:265px; background-color:#FFFFFF; 
																 z-index:3; opacity:0; filter:alpha(opacity=0); display:block;}
		#divImageBox	.loaderGallery							{background:#FFF url(/images/gallery/loading.gif) center no-repeat; height:265px; width:345px; position:relative; 
																 z-index:4; top:-1px; left:0; opacity:1; filter:alpha(opacity=1);}
		
		
	/*	Startseite ------------------------------------------ */				
		.spacegallery 											{position: relative; overflow:visible;}
		.spacegallery img 										{position: absolute; left: 50%;}
		.spacegallery a 										{position: absolute; z-index: 1000;	display: block;	top: 0;	left: 0; width:100%; height:100%; background:url(/images/layout/blank.gif);}
		#myGallery 												{width:100%; height:400px; display:none; margin-top:33px; overflow:hidden;}
		#myGallery img 											{opacity:0; filter:alpha(opacity=0);}
		a.loading 												{background: #fff url(/images/layout/loader.gif) no-repeat center;}
		
		#shadow													{left:0; top:0; width:100%; height:100%; background:#000; display:none; position:fixed; z-index:100; text-align:center; cursor:pointer;}
		#shadow	span											{position:fixed; top:10px; right:21px; font-size:13px; font-weight:900; color:#FFFFFF; display:block;}
		#ipad													{left: 220px; margin-top: -160px; top: 50%; display:block;width:480px;height:270px;}
		#ipad.start												{left: 0; margin: 25px 0 0 721px; top: 0; background:url(../../images/videoplayer/start.gif) no-repeat; width:150px;}
		#ipad.menu												{left: 0; margin: 0px; top: 0; width:190px;}
		#ipad.player											{ z-index:101; position:absolute; width:480px; height:270px;}

		

	/*	Downloads ------------------------------------------ */		
		#divContent		.downloads								{display:block; margin:25px 0 3px 0; padding:0; border-top:1px solid #CCCCCC;}
		#divContent		.downloads li							{background:url(/images/layout/icon-download.gif) 2px 6px no-repeat; padding:0 0 0 20px; border-bottom:1px solid #CCCCCC;}
		#divContent		.downloads .leer						{background:none;}

	/*	Links ------------------------------------------ */		
		#divContent		.links									{display:block; margin:25px 0 3px 0; padding:0; border-top:1px solid #CCCCCC;}
		#divContent		.links li								{background:url(/images/layout/icon-links.gif) 2px 6px no-repeat; padding:0 0 0 20px; border-bottom:1px solid #CCCCCC;}
		#divContent		.links .leer							{background:none;}

	/*	MediaOictures ------------------------------------------ */		
		#divContent		.mediaPictures	.cellImage				{width:132px;}
		#divContent		.mediaPictures	.cellContent			{width:215px;}
		#divContent		.mediaPictures	tr						{border-bottom:1px solid #CCCCCC; display:block; padding-bottom:15px; margin-bottom:3px;}
		
	/*	Media articles ------------------------------------------ */		
		.mediaTv												{display:block; margin:3px 0 3px 0; padding:0; height:150px;}

	/*	Issuu ------------------------------------------ */		
		.flashPages												{display:block; margin:-3px 0 3px 0; padding:0; overflow:hidden; height:150px;}
		.flashPagesLeer											{display:block; margin:25px 0 140px 0; padding:0; border-top:1px solid #CCCCCC;}
	
		.flashPages .concept									{width:345px; height:185px;}
* html	.flashPages .concept									{height:235px !important; margin-top:50px;}
*+html	.flashPages .concept									{height:235px !important; margin-top:50px;}
	
		.flashPages .magazine									{width:345px; height:285px;}
* html	.flashPages .magazine									{height:335px !important; margin-top:0px;}
*+html	.flashPages .magazine									{height:335px !important; margin-top:0px;}
	
	/*	Formulare ------------------------------------------ */		
		#divContent		form									{display:block; margin:25px 0 30px 0; padding:4px 0 0 0; border-top:1px solid #CCCCCC;}
		#divContent		form 	label							{display:inline-block; width:123px; position:relative; z-index:2;}
* html	#divContent		form	label							{line-height:24px; height:24px; margin-top:1px;display:block; float:left;}
		#divContent		form	input							{display:inline-block; width:210px; border:1px solid #cecece; margin:0; padding:3px; margin-bottom:3px; position:relative; z-index:2}
		#divContent		form	textarea						{display:inline-block; width:210px; border:1px solid #cecece; margin:0; padding:3px; margin-bottom:3px; height:75px; font-size:10px; 
																 font-family:Verdana, Arial, Helvetica, sans-serif;}
		#divContent		form	label.textarea					{height:75px; vertical-align:top; width:124px;}
* html	#divContent		form	label.textarea					{width:120px;}
		#divContent		form	input.auswahl					{border:none; width:15px; margin-top:2px; vertical-align:middle;}
		#divContent		form	button							{width:125px; margin:25px 0px 0px 124px;}
		#divContent		form	input.hidden					{height:0px; border:none; font-size:0px; min-height:0px; max-height:0px; padding:0px; margin:0px;}
		#divContent		form	input.inline					{width:30px; display:inline-block;}	
		#divContent		form	p span							{width:170px; display:inline-block; float:right}	
			
		input.validation-failed, textarea.validation-failed 	{color:#CC0000; background-color:#FFFFFF;}
		.validation-advice 										{background-color:#FFDBDB; color:#CC0000; display:block; left:-4px; margin-bottom:-21px; padding:30px 0 4px 132px; position:relative; top:-28px; width:220px;}
		
		#divContent		form	fieldset						{margin:3px 0 0px 0; padding:4px 0 25px 0; border:none; border-bottom:1px solid #CCCCCC;}
		#divContent		form	select							{display:inline-block; width:218px; border:1px solid #cecece; margin:0; padding:2px; margin-bottom:3px; position:relative; z-index:2;}
	
	
	/*	Footer ---------------------------------------------------- */
		#divFooter												{color:#6D6B6B; font-size:10px; line-height:29px; margin:0 0 0 0; float:left;
																 background:#fff url(/images/layout/bg-footer.gif) no-repeat center 0px; padding-left:18px; width:100%; z-index:4;}																 																 
		#divFooter		span									{display:block; position:relative; text-align:center; top:10px; left:-8px; width:700px; margin:80px auto;}
		/*
		#divFooter												{color:#6D6B6B; font-size:10px; height:125px; left:0; line-height:29px; margin:0px; position:fixed; bottom:0; 
																 background:#fff url(/images/layout/bg-footer.gif) no-repeat center 0px; padding-left:18px; width:100%; z-index:4;}																 		#divFooter		.spalteRechts							{display:block; left:600px; margin:0 auto; position:relative; top:-799px; width:450px; background:#fff; height:600px; padding-top:10px;}
		*/
		#divFooter		.spalteRechts 							{background:#FFFFFF; display: block; height:100px; left: 460px; margin: 0 auto; padding-top: 10px; position: relative; top: -295px; width:150px;}
		#divFooter		.spalteLinks							{display:block; left:-472px; margin:0 auto; position:relative; top:-189px; width:150px; background:#fff; height:100px; padding-top:10px;}
* html 	#divFooter		.spalteRechts							{display:block; left:600px; margin:0 auto; position:relative; top:-799px; width:450px; background:#fff; height:100px; padding-top:10px;}
* html 	#divFooter		.spalteLinks							{display:block; left:-630px; margin:0 auto; position:relative; top:-189px; width:450px; background:#fff; height:100px; padding-top:10px;}
		#divFooter		.spalteLinks img						{display:none;}

		#divFooter		.spalteRechts li						{display:block; float:left; width:20px;}
		#divFooter		a										{color:#666666;}
		
* html 	#divFooter												{background:#fff url(/images/layout/bg-footer.gif) no-repeat center 0px; width:912px; position:relative;}

		
		#divFooterStart											{color:#6D6B6B; font-size:10px; height:30px; left:0; line-height:29px; margin:0px; position:fixed; bottom:0; 
																 background:#fff ; padding:35px 0 0 18px; width:100%; z-index:4;}
* html 	#divFooterStart											{position:absolute; bottom:-450px; z-index:10; border-bottom:450px solid #fff;}
		#divFooterStart	span									{display:block; margin:0px auto; width:100%; text-align:center;}