@charset "UTF-8";
/*
 * File: layout.css (layout.min.css is compressed)
 * Description: Definitions for site structure
 * Guidelines: Properties sorted alphabetically
 *
 * Author: Daniel Roemer
 * Copyright 2010 i-fabrik (http://www.ifabrik.de)
 *
 *
 * TABLE OF CONTENTS
 * -------------------------
 * 01. GENERELL
 * 02. LAYOUT
 * 03. NAVIGATION
 */

/* ===================================================================================================
 *
 * 01. GENERELL
 *
 * ================================================================================================ */

	body {
		background-color: #fff;
		cursor          : default; }

	/* Elemente ausblenden (default) */
	.hideme { display: none !important; }
	.outside {
		left    : -10000em;
		position: absolute;
		top     : 0; }

	/* Elementeausrichtung (default) */
	.floatleft, .alignleft { float: left; }
	.floatright, .alignright { float: right; }

	/* Elementeausrichtung aufheben */
	.clearfloat {
		clear      : both !important;
		float      : none !important;
		font-size  : 0px !important;
		height     : 0px !important;
		line-height: 0px !important;
		margin     : 0 !important;
		overflow   : hidden !important;
		padding    : 0 !important; }

	/* Elemente inaktiv */
	.disabled {
		opacity: 0.5;
	}


/* ===================================================================================================
 *
 * 02. LAYOUT
 *
 * ================================================================================================ */

	#logo_print { display: none; }

	/* -----------------------------------------------------------------------------------
	| Head
	* --------------------------------------------------------------------------------- */

	#ly_navi_head_wrapper {
		width: 100%;
		z-index: 10;
		background-color: #7f94bc;
	}
	#ly_navi_head {
		width: 1000px;
		margin: 0 auto;
		z-index: 11;
	}
		#MainMenu {
			float: left;
			width: 780px;
			z-index: 12;
		}
		#ServiceMenu {
			float: right;
			width: 200px;
		}

	/* ---------------------------------------------------- */

	#ly_head_wrapper {
		width: 100%;
		border-top: 1px solid #a6b4d0;
		height: 129px;
		background-color: #294d90;
	}
	#ly_head {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}
		a#logo {
			display: block;
			width: 131px;
			height: 110px;
			margin-top: 10px;
			text-decoration: none;
			background: transparent url(../assets/sprites/logo_krystallpalast.png) no-repeat 0 0;
		}
		/*a#logo:hover, a#logo:focus { background-position: 0 -115px; }*/

		#search {
			position: absolute;
			width: 200px;
			right: 0;
			bottom: 0;
		}

	/* -----------------------------------------------------------------------------------
	| Body
	* --------------------------------------------------------------------------------- */

	#ly_body_wrapper {
		width: 100%;
		margin-top: 20px;
	}

	body.fcb #ly_body_wrapper {
		width     : auto;
		margin-top: 0;
		padding   : 10px; }

	#ly_body {
		width: 1000px;
		margin: 0 auto; }

	body.fcb #ly_body { width : auto; }

		#col_left {
			float: left;
			width: 780px;
		}
			/* Startsite */
			#col_start_left, #col_start_right {
				float: left;
				width: 380px;
			}
			#col_start_left { margin-right: 20px; }

			#slideshow img { margin-bottom: 1.5em; }

		#col_right {
			float: right;
			width: 200px;
		}

	/* -----------------------------------------------------------------------------------
	| Foot
	* --------------------------------------------------------------------------------- */

	#ly_navi_foot_wrapper {
		width: 100%;
		margin-top: 20px;
		border-top: 1px solid #5675ae;
		background-color: #7f94bc;
	}
	#ly_navi_foot {
		width: 1000px;
		margin: 0 auto;
		padding: 1.5em 0;
	}
		#FootMenu {
			float: left;
			width: 780px;
		}
		#social_media {
			float: right;
			width: 200px;
		}

	/* ---------------------------------------------------- */

	#ly_sponsors_wrapper { width: 100%; }
	#ly_sponsors {
		width: 1000px;
		margin: 1em auto;
		font-size: 0.875em;
		text-align: center;
		color: #7f94bc;
	}

  /* ---------------------------------------------------- */

	#ly_variete_wrapper {
    width: 100%;
    padding: 10px 0;
    background-color: #eee;
  }
	#ly_variete {
		width: 1000px;
		margin: 1em auto;
		font-size: 0.875em;
		text-align: center;
    color: #aaa;
	}


/* ===================================================================================================
 *
 * 03. NAVIGATION
 *
 * ================================================================================================ */

	/* -----------------------------------------------------------------------------------
	| MainMenu
	* --------------------------------------------------------------------------------- */

	#MainMenu { font-size: 1em; }
	#MainMenu ul {
		float: left;
		list-style-type: none;
		margin-left: -0.8em;
		z-index: 13;
	}
	#MainMenu ul li {
		float: left;
		text-transform: uppercase;
		line-height: 38px;
		position: relative;
	}
	#MainMenu ul li a {
		display: block;
		padding: 0 .75em;
		text-decoration: none;
	}
	#MainMenu ul li a:link, #MainMenu ul li a:visited, #MainMenu ul li a:active { color: #fff; }
	#MainMenu ul li a:hover, #MainMenu ul li a:focus, #MainMenu ul li.aktiv a { color: #f2ce8f; }
	/* submenu */
	#MainMenu ul li:hover ul, #MainMenu ul li:focus ul, #MainMenu ul li.iehover ul { left: 0; }
	#MainMenu ul li ul {
		position: absolute;
		left: -500em;
		width: 200px;
		margin-left: 0;
		opacity: .95;
		background-color: #a6b4d0;
	}
	#MainMenu ul li ul li {
		float: none;
		line-height: 1em;
		text-transform: none;
	}
	#MainMenu ul li ul li a {
		margin: 0;
		border-bottom: 1px solid #7f94bc;
		padding: 0.4em 0.75em;
	}
	#MainMenu ul li ul li a:link, #MainMenu ul li ul li a:visited, #MainMenu ul li ul li a:active { color: #fff; }
	#MainMenu ul li ul li a:hover, #MainMenu ul li ul li a:focus, #MainMenu ul li ul li.aktiv a { color: #f2ce8f; background-color: #92a5c9; }

	/* -----------------------------------------------------------------------------------
	| ServiceMenu
	* --------------------------------------------------------------------------------- */

	#ServiceMenu { font-size: 0.875em; }
	#ServiceMenu ul {
		float: right;
		list-style-type: none;
	}
	#ServiceMenu ul li {
		float: left;
		margin-left: 0.5em;
		color: #e7e9f1;
		line-height: 38px;
	}
	#ServiceMenu ul li a {
		display: block;
		text-decoration: none;
	}
	#ServiceMenu ul li a:link, #ServiceMenu ul li a:visited, #ServiceMenu ul li a:active { color: #e7e9f1; }
	#ServiceMenu ul li a:hover, #ServiceMenu ul li a:focus, #ServiceMenu ul li.aktiv a { color: #f2ce8f; }

	/* -----------------------------------------------------------------------------------
	| FootMenu
	* --------------------------------------------------------------------------------- */

	#FootMenu { font-size: 0.6875em; }
	#FootMenu ul { list-style-type: none; }
	#FootMenu ul li {
		float: left;
		width: 120px; /* = 780/6 + margin */
		margin-right: 10px;
		font-weight: bold;
	}
	#FootMenu ul li a { text-decoration: none; }
	#FootMenu ul li ul { margin-top: 1em; }
	#FootMenu ul li ul li {
		font-weight: normal;
		line-height: 17px;
	}
	#FootMenu ul li ul li a {
		padding-left: 1.2em;
		background: transparent url(../assets/sprites/bullet_foot.png) no-repeat 1px 6px;
	}
	#FootMenu ul li ul li a:hover, #FootMenu ul li ul li a:focus { background-position: 1px -24px; }
	#FootMenu ul li, #FootMenu ul li a:link, #FootMenu ul li a:visited, #FootMenu ul li a:active { color: #fff; }
	#FootMenu ul li a:hover, #FootMenu ul li a:focus { color: #f2ce8f; }
	/* social media */
	#social_media { font-size: 0.6875em; }
	#social_media ul { list-style-type: none; }
	#social_media ul li { font-weight: bold; }
	#social_media ul li a { text-decoration: none; }
	#social_media ul li ul { margin-top: 1em; }
	#social_media ul li ul li {
		margin-bottom: 3px;
		padding-left: 2.25em;
		font-weight: normal;
		line-height: 17px;
	}
	#social_media ul li, #social_media ul li a:link, #social_media ul li a:visited, #social_media ul li a:active { color: #fff; }
	#social_media ul li a:hover, #social_media ul li a:focus, #social_media ul li.aktiv a { color: #f2ce8f; }
	#social_media li#facebook    { background: transparent url(../assets/sprites/social_media.png) no-repeat 0 0; }
	#social_media li#youtube     { background: transparent url(../assets/sprites/social_media.png) no-repeat 0 -36px; }
	#social_media li#qype        { background: transparent url(../assets/sprites/social_media.png) no-repeat 0 -54px; }
	#social_media li#yelp        { background: transparent url(../assets/sprites/social_media.png) no-repeat 0 -54px; }
	#social_media li#twitter     { background: transparent url(../assets/sprites/social_media.png) no-repeat 0 -18px; }
  #social_media li#google-plus { background: transparent url(../assets/sprites/social_media.png) no-repeat 0 -72px; }
  #social_media li#tripadvisor { background: transparent url(../assets/sprites/social_media.png) no-repeat 0 -90px; }
  #social_media li#instagram { background: transparent url(../assets/sprites/social_media.png) no-repeat 0 -109px; }
  #social_media li#lvz-special { background: transparent url(../assets/sprites/bullet_foot.png) no-repeat 7px 6px; }
	#social_media li#datenschutz { background: transparent url(../assets/sprites/bullet_foot.png) no-repeat 7px 6px; }