@charset "UTF-8";
/*
 * File: gui.css (gui.min.css is compressed)
 * Description: Definitions of all graphical elements (links, buttons, ...)
 * Guidelines: Properties sorted alphabetically
 *
 * Author: Daniel Roemer
 * Copyright 2010 i-fabrik (http://www.ifabrik.de)
 *
 *
 * TABLE OF CONTENTS
 * -------------------------
 * 01. GENERELL
 * 02. ELEMENTE
 * 03. FORMATIERUNG CONTENT
 */

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

	body {
		color: #444;
		font : 1em 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	}

	.cur_default { cursor: default !important; }
	.cur_help { cursor: help !important; }
	.cur_move { cursor: move !important; }
	.cur_pointer { cursor: pointer !important; }


/* ===================================================================================================
 *
 * 02. ELEMENTE
 *
 * ================================================================================================ */

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

	#search {}
	#search .search_input, #search .search_btn { float: left; }
	#search .search_input {
		font-size: .875em;
		width: 150px;
		padding: 4px 7px;
		margin-right: 5px;
		border: 0;
	}
	#search .search_btn {
		width: 31px;
		height: 26px;
		border: 0;
		background: transparent url(../assets/sprites/btn_search.gif) no-repeat 0 0;
	}
	#search .search_btn:hover, #search .search_btn:focus {
		cursor: pointer;
		background-position: 0 -26px;
	}

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

	#search-content { padding-bottom: 1em; }
	#search-content .search_input, #search-content .search_btn { float: left; }
	#search-content .search_input {
		width: 198px;
		border: 1px solid #d6d8df !important;
		padding: 3px 7px;
		margin-right: 5px;
		background-color: #f9f3de;
	}
	#search-content .search_btn {
		width: 31px;
		height: 26px;
		border: 0;
		background: transparent url(../assets/sprites/btn_search.gif) no-repeat 0 0;
	}
	#search-content .search_btn:hover, #search-content .search_btn:focus {
		cursor: pointer;
		background-position: 0 -26px;
	}

	/* Facebook iframe */
	.content #facebook {
		width: 330px; /*380*/
		height: 73px; /*98*/
		padding: 15px 10px 10px 40px;
		overflow: hidden;
		background: transparent url(../assets/images/bg_facebook.gif) no-repeat 0 0;
	}
	iframe { background-color: #e7e9f1; }

	/* Articlelist */
	.list_item {
		margin-bottom: 1.45em;
		border-top: 1px solid #d6d8df;
		padding: 1em 1em 0;
		color: #333;
	}
	.list_item img {
		float: left;
		margin: 0.25em 1.45em 0 0; }

	#paging {
		border-top: 1px solid #d6d8df;
		padding: 1em 0 0 1em;
	}
	#paging a, #paging .active { margin-left: 5px; padding: 2px 8px; border: 1px solid #d6d8df; text-decoration: none; background-color: #e7e9f1;}
	#paging a:link, #paging a:visited, #paging a:active { color: #444; }
	#paging a:hover, #paging a:focus { color: #294d90; background-color: #f9f3de; }
	#paging .active { color: #294d90; border-color: #294d90; background-color: #f9f3de; }

	/* - Veranstaltungen - */

	/* Liste */
	.show-variete, .show-special { float: left; }
	.show-variete {
		width: 370px;
		padding: 0 20px 0 0;
	}
	.show-special {
		width: 369px;
		border-left: 1px solid #D6D8DF;
		padding: 0 0 0 20px;
	}
	.show-typ {
		float: right;
		font-style: italic;
		padding: 1px 10px;
		color: #fff;
		background-color: #7f94bc;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
		-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	}

	.va-list-item {
		padding-bottom: 1.45em;
		border-bottom: 1px solid #d6d8df;
		margin-bottom: 1.45em;
	}
	.va-list-item .col_right {
		float: left;
		width: 200px;
	}
	.va-list-item a.show-button {
		display: block;
		width: 200px;
		height: 50px;
		text-indent: -500em;
		background: transparent url(../assets/sprites/btn.gif) no-repeat 0 -100px;
	}
	.va-list-item a.show-button:hover, .va-list-item a.show-button:focus { background-position: 0 -150px; }

	/* Ortsangabe */
	.va-list-item .show-ort {
		font-style: italic;
		padding: 1px 10px;
		color: #fff;
		background-color: #7f94bc;
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
		-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	}
	.va-list-item .show-ort span { font-style: normal; }

	/* Detail */
	#va-detail .col_left {
		float: left;
		width: 200px;
	}
	#va-detail .col_left img {
		margin-bottom: 1em;
	}
	#va-detail .col_right {
		float: right;
		width: 560px;
	}

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

	#sponsors {
		width: 784px; /* Summe Grafiken + (Anz Grafiken x margin + 1/2 margin, fuer Zentrierung */
		margin: 1em auto;
	}
	#sponsors li {
		float: left;
		margin-left: 30px;
		list-style: none;
	}
	#sponsors a {
		display: block;
		width: 203px;
		height: 50px;
		text-indent: -500em;
		background: transparent url(../assets/sprites/sponsors.jpg) no-repeat 0 0;
	}
	/* Sponsoren + Siegel */
	#sponsors li#ifabrik a { width: 94px; background-position: 0 -50px; }
	#sponsors li#ifabrik a:hover, #sponsors li#ifabrik a:focus { background-position: 0 0; }
	#sponsors li#lvz a { width: 203px; background-position: 0 -150px; }
	#sponsors li#lvz a:hover, #sponsors li#lvz a:focus { background-position: 0 -100px; }
	#sponsors li#swl a { width: 143px; background-position: 0 -250px; }
	#sponsors li#swl a:hover, #sponsors li#swl a:focus { background-position: 0 -200px; }
	#sponsors li#ur-krostitzer a { width: 114px; background-position: 0 -350px; }
	#sponsors li#ur-krostitzer a:hover, #sponsors li#ur-krostitzer a:focus { background-position: 0 -300px; }
	#sponsors li#sq_sachsen a { width: 34px; background-position: 0 -450px; }
	#sponsors li#sq_sachsen a:hover, #sponsors li#sq_sachsen a:focus { background-position: 0 -400px; }
	#sponsors li.separator {
		width: 0px;
		height: 50px;
		border-left: 1px dashed #bbb;
	}

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

	#variete {
		width: 699px; /* Summe Grafiken + (Anz Grafiken x margin) + 1/2 margin, fuer Zentrierung */
		margin: 1em auto;
	}
	#variete li {
		float: left;
		margin-left: 30px;
		list-style: none;
	}
	#variete a {
		display: block;
		width: 218px;
		height: 50px;
		text-indent: -500em;
		background: transparent url(../assets/sprites/variete.jpg) no-repeat 0 0;
	}
	/* Variete Leipzig */
	#variete li#vineta a { width: 158px; background-position: 0 -50px; }
	#variete li#vineta a:hover, #variete li#vineta a:focus { background-position: 0 0; }
	#variete li#amphibientour a { width: 218px; background-position: 0 -150px; }
	#variete li#amphibientour a:hover, #variete li#amphibientour a:focus { background-position: 0 -100px; }
	#variete li#gga a { width: 218px; background-position: 0 -250px; }
	#variete li#gga a:hover, #variete li#gga a:focus { background-position: 0 -200px; }

	/* -----------------------------------------------------------------------------------
	| SERVICE BUTTON LINKS
	* --------------------------------------------------------------------------------- */

	ul#serviceButtonLinks, ul#serviceButtonLinks li {
		display   : block;
		list-style: none;
		margin    : 0;
		padding   : 0; }

	ul#serviceButtonLinks li {
		display    : inline;
		float      : left;
		font-size  : .75em;
		height     : 150px;
		margin-left: 90px;
		width      : 250px; }

	ul#serviceButtonLinks a:hover, ul#serviceButtonLinks a:active, ul#serviceButtonLinks a:focus { background-color: transparent; }

/* ===================================================================================================
 *
 * 03. FORMATIERUNG CONTENT
 *
 * ================================================================================================ */

	.content {
		font-size: 0.875em;
		line-height: 1.5em; }

	.content #teaser {
		border: 1px solid #d6d8df;
		padding: 1em;
		margin-bottom: 1em;
		background-color: #f1f3f8;
	}

	.content p { margin-bottom: .7em;}

	.content br { line-height: .5em; }
	.content small { font-size: .9em; }
	.content em, .content i { font-style: italic; }

	/* -----------------------------------------------------------------------------------
	| Links (lvhaf)
	 * -------------------------------------------------------------------------------- */

		.content a, a:link, .content a, a:visited {
			color: #294d90;
			text-decoration: underline; }

		.content a:focus, .content a:active, .content a:hover {
			color: #a58038;
			text-decoration: underline;
			background-color: #f9f3de; }

		.content a:focus img, .content a:active img, .content a:hover img {
			text-decoration: none;
			background: transparent;
		}


		span.lnk-internal,
		span.lnk-external,
		span.lnk-email,
		span.lnk-download,
		span.lnk-media,
		span.lnk-anchor { text-decoration: line-through; }

		a.lnk-internal {
			background     : transparent url(../assets/icons/links/internal.gif) no-repeat left center !important;
			padding        : 0 0 0 12px;
			text-decoration: none !important; }
		a.lnk-internal span { text-decoration: underline; }
		a.lnk-internal:hover span, a.lnk-internal:focus span { background-color: #f9f3de; }

		a.lnk-external {
			background     : transparent url(../assets/icons/links/external.gif) no-repeat left center !important;
			padding        : 0 0 0 12px;
			text-decoration: none !important; }
		a.lnk-external span { text-decoration: underline; }
		a.lnk-external:hover span, a.lnk-external:focus span { background-color: #f9f3de; }

		a.lnk-email {
			background     : transparent url(../assets/icons/links/email.gif) no-repeat left center !important;
			padding        : 0 0 0 13px;
			text-decoration: none !important; }
		a.lnk-email span { text-decoration: underline; }
		a.lnk-email:hover span, a.lnk-email:focus span { background-color: #f9f3de; }

		a.lnk-download {
			background     : transparent url(../assets/icons/links/file.gif) no-repeat left center !important;
			padding        : 0 0 0 11px;
			text-decoration: none !important; }
		a.lnk-download span { text-decoration: underline; }
		a.lnk-download:hover span, a.lnk-download:focus span { background-color: #f9f3de; }

		a.lnk-media {
			background     : transparent url(../assets/icons/links/file.gif) no-repeat left center !important;
			padding        : 0 0 0 11px;
			text-decoration: none !important; }
		a.lnk-media span { text-decoration: underline; }
		a.lnk-media:hover span, a.lnk-media:focus span { background-color: #f9f3de; }

		a.lnk-anchor {
			background     : transparent url(../assets/icons/links/anchor.gif) no-repeat left center !important;
			padding        : 0 0 0 12px;
			text-decoration: none !important; }
		a.lnk-anchor span { text-decoration: underline; }
		a.lnk-anchor:hover span, a.lnk-anchor:focus span { background-color: #f9f3de; }

	/* -----------------------------------------------------------------------------------
	| Überschriften
	* --------------------------------------------------------------------------------- */

		.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
			margin: 0 0 .7em;
			color: #294d90;
			font-style: normal;
			line-height: 1.2em; }

		.content h1 { font-size: 190%; }
		.content h2 { font-size: 130%; }
		.content h3 { font-size: 115%; font-weight: bold; }
		.content h4, .content h5, .content h6 { font-size: 100%; }

	/* -----------------------------------------------------------------------------------
	| Tabellen
	* --------------------------------------------------------------------------------- */

		.content table {
			border-collapse: collapse;
			border-spacing: 0;
			clear: both;
			margin-bottom: 1em;
		}
		.content table, .content table tr, .content table td {
			padding: 0;
			border: 0;
		}
		.content table td {
			vertical-align: top;
			text-align: left;
		}

		.content table td.align-right, .content table th.align-right { text-align: right; }

		/* table bg */
		.content table.tbl_1 td {
			border: 1px solid #d6d8df;
			padding: 1px 2px;
			background-color: #fff;
		}
		.content table.tbl_1 td.dark { background-color: #f1f3f8; }
		.content table.tbl_1 td.head {background-color: #294D90; color: #fff; }
	/* -----------------------------------------------------------------------------------
	| Listen
	* --------------------------------------------------------------------------------- */

			.content ol, .content ul { margin-bottom: .7em; }
			.content ol li, .content ul ol li, .content ul ul ol li {
				margin-left: 1.7em;
				list-style-type: decimal;
			}
			.content ol ol li { list-style-type: lower-latin ; }
			.content ol ol ol li { list-style-type: lower-roman; }
			.content ul li, .content ol ul li, .content ol ol ul li {
				margin-left: 1.25em;
				list-style-type: disc;
			}
			.content ul ul li { list-style-type: circle; }
			.content ul ul ul li { list-style-type: disc; }

		/* Definition list.
		* --------------------------------------------------------------------- */

			.content dl { margin : .9em 0; }
			.content dt { margin : .9em 0 .3em; }
			.content dd { padding: 0 0 0 10px; }

	/* -----------------------------------------------------------------------------------
	| Quotations
	* --------------------------------------------------------------------------------- */

		.content cite {
			color    : #c0c0c0;
			cursor   : default;
			font-size: .95em;
			quotes   : '»' '«'; }
		.content cite:before { content: open-quote; }
		.content cite:after { content: close-quote; }

		.content cite a {
			color     : #c0c0c0 !important;
			font-style: italic; }

		.content cite img { display: none; }

		.content blockquote {
			clear  : both;
			margin : 0 2em 1em 2em;
			padding: .4em 1em .4em 50px;
			background: #f1f3f8 url(../assets/icons/quotation_mark.gif) no-repeat 10px 10px;
		}

		.content blockquote p { margin : 0 0 1em; }

		.content blockquote cite {
			display   : block;
			text-align: right;
			font-size: .9em;
			color    : #eee;
			quotes   : '' ''; }

	/* -----------------------------------------------------------------------------------
	| Monospaced elements
	* --------------------------------------------------------------------------------- */

		.content pre, .content code { font-family: 'andale mono','lucida console',monospace; }

	/* -----------------------------------------------------------------------------------
	| HR
	* --------------------------------------------------------------------------------- */

		.content hr, .content .hr {
			background-color: #000;
			border          : 0;
			display         : block;
			font-size       : 1px;
			height          : 1px;
			line-height     : 1px;
			margin          : 20px 0;
			overflow        : hidden;
			width           : 100%; }

	/* -----------------------------------------------------------------------------------
	| IMG
	* --------------------------------------------------------------------------------- */

		span.iBlock, span.iBlock * { margin: 0;	padding: 0; }
		span.iBlock { display: block;	text-align: left; position: relative; margin: 0.25em 0 1em 0; }
		span.iBlock.iBlock-right { float: right; margin: 0.25em 0 1em 1.45em; }
		span.iBlock.iBlock-left { float: left; margin: 0.25em 1.45em 1em 0; }
		span.iBlock span.iBlock_Thumb { display: block; }
		span.iBlock span.iBlock_Thumb a { display: block; text-decoration: underline; background: none; }
		span.iBlock span.iBlock_Thumb a img { border: 0 !important; margin: 0 !important; }
		span.iBlock span.iBlock_Caption { display: block; margin: 0; padding: 0; font-size: 0.9em; line-height: 1.2em; background-color: #f1f3f8; }
		span.iBlock span.iBlock_CaptionItem { display: block;	padding: 5px; }
		span.iBlock span.iBlock_Caption span.iBlock_CaptionItem a:link, span.iBlock span.iBlock_Caption span.iBlock_CaptionItem a:visited, span.iBlock span.iBlock_Caption span.iBlock_CaptionItem a:active { color: #666; text-decoration: underline;	background: none; }
		span.iBlock span.iBlock_Caption span.iBlock_CaptionItem a:hover, span.iBlock span.iBlock_Caption span.iBlock_CaptionItem a:focus { color: #000;	text-decoration: underline; background: none; }
		span.iBlock_over span.iBlock_Caption {}
		span.iBlock span.iBlock_Thumb a:hover, span.iBlock span.iBlock_Thumb a:focus {}

	/* -----------------------------------------------------------------------------------
	| FLASH
	* --------------------------------------------------------------------------------- */

		.start .flashContent {
			float: left;
			margin: 0px 20px 20px 0px;
		}

	/* -----------------------------------------------------------------------------------
	| - Sonstiges -
	* --------------------------------------------------------------------------------- */

		.krystall { color: #ed931f; }

	/* -----------------------------------------------------------------------------------
	| - Rand -
	* --------------------------------------------------------------------------------- */

		.sidebar_item {
			border: 1px solid #d6d8df;
			margin-bottom: 1em;
			background-color: #e7e9f1;
		}
		.sidebar_item_text {
			padding: 1em .7em 0;
			font-size: 0.8em;
			line-height: 1.3em;
		}
		.sidebar_item_text h2 {
			font-size: 1.5em;
			font-style: italic;
		}
		.sidebar_item_text .highlight {
			display: block;
			font-size: 2.4545em;
			/*font-style: italic;*/
			text-align: center;
			color: #294d90;
			margin-bottom: .5em;
		}

		/* Schaltflaechen im Rand */
		.sidebar_item_text .button { margin: -1em -.7em 0 }
		.button a, #tickets-form span, #tickets-print span {
			display: block;
			width: 198px;
			height: 106px;
			text-decoration: none !important;
			background: transparent url(../assets/sprites/rand.gif) no-repeat 0 0;
		}

		#tickets a { background-position: 0 0; }
		#tickets a:hover, #tickets a:focus { background-position: -198px 0; }
		#tickets-tel a { background-position: 0 -318px; }
		#tickets-tel a:hover, #tickets-tel a:focus { background-position: -198px -318px; }
		#calendar a { background-position: 0 -424px; }
		#calendar a:hover, #calendar a:focus { background-position: -198px -424px; }
		#calendar-active a { background-position: 0 -424px; }
		#calendar-active a:hover, #calendar-active a:focus { background-position: -198px -424px; }
		#newsletter a { background-position: 0 -530px; }
		#newsletter a:hover, #newsletter a:focus { background-position: -198px -530px; }

		#tickets-form span {
			background-position: 0 -106px;
			cursor             : pointer; }
		#tickets-form span.is-disabled { cursor: default; }
		#tickets-form span.hover { background-position: -198px -106px; }
		#tickets-print span {
			background-position: 0 -212px;
			cursor             : pointer; }
		#tickets-print span.is-disabled { cursor: default; }
		#tickets-print span.hover { background-position: -198px -212px; }




		/* Facebook Like Box */
		#facebook-like_box { overflow: hidden; }
		#facebook-like_box iframe { margin: -1px -8px -25px -1px; }

		/* VA Select
		#va-select select {
			margin-left: 8px;
			font-style: italic;
			width: 182px;
			margin-bottom: 8px;
		}*/

	/* -----------------------------------------------------------------------------------
	| Google-Map (top of page)
	 * ----------------------------------------------------------------------------------- */
		.google_map {
			height  : 300px;
			width   : 780px;
			margin-bottom: 1em;
		}

	/* -----------------------------------------------------------------------------------
	| Gallery (top of page)
	 * ----------------------------------------------------------------------------------- */

		.gallery * {
			margin : 0;
			padding: 0; }

		.gallery {
			position: relative;
			width   : 780px; }

		.gallery .gal-content {
			height  : 304px;
			overflow: hidden;
			position: relative;
			width   : 780px; }

		/* Navigate
		 * ------------------------------------------------------------------------------- */

			.gallery .gal-prev, .gallery .gal-next, .gallery .gal-nav a {
				background: transparent url(../assets/sprites/gallery.png) no-repeat 0 0;
				cursor    : pointer; }

			.gallery .gal-nav {
				position  : absolute;
				right     : 0;
				top       : 270px;
				text-align: right; }

			.gallery .gal-nav a {
				background-position: -92px 0;
				display            : inline-block;
				height             : 13px;
				line-height        : 13px;
				margin-left        : 5px;
				overflow           : hidden;
				text-decoration    : none;
				width              : 13px; }
			.gallery .gal-nav a:hover, .gallery .gal-nav a:focus { background-position: -92px -13px; }
			.gallery .gal-nav a.active { background-position: -92px -26px !important; }

			/* Next and Prev
			 * ------------- */

				.gallery .gal-prev, .gallery .gal-next {
					height  : 80px;
					overflow: hidden;
					position: absolute;
					top     : 93px;
					width   : 46px; }

				.gallery .gal-prev { left: 20px; }
				.gallery .gal-prev:hover, .gallery .gal-prev_hover { background-position: 0 -80px; }

				.gallery .gal-next {
					background-position: -46px 0;
					right: 20px; }
				.gallery .gal-next:hover, .gallery .gal-next_hover { background-position: -46px -80px; }

				.gallery .gal-prev.disabled, .gallery .gal-next.disabled { display: none; }

	/* -----------------------------------------------------------------------------------
	| Item(s)
	 * ----------------------------------------------------------------------------------- */

		.gallery .gal-pages {
			clear   : both;
			height  : 266px;
			position: absolute;
			width   : 20000em; }

		/* Item.
		 * --------------------------------------------------------------------- */

			.gallery .gal-page {
				height             : 266px;
				width              : 780px;
				background-color   : transparent;
				background-position: center;
				background-repeat  : no-repeat;
				float              : left;
				position           : relative; }

		/* Item info.
		 * --------------------------------------------------------------------- */

			.gallery .gal-page_info {
				background-color: #fff;
				left            : 235px;
				padding         : 5px;
				opacity         : .9;
				position        : absolute;
				top             : 125px;/*175px*/
				width           : 300px; }

			.gallery .gal-page_info .inner {
				background-color: #e7e9f1;
				border          : 1px solid #d6d8df;
				height          : 103px; }

			.gallery .text-box {
				float			: right;
				height			: 266px;
				width			: 300px;
				background-color: rgb(127, 148, 188);
				margin-left		: 1px;}

			.gal-page-link{
				width			:100%;
				height			:100%;
				display			:block;
				text-decoration: none !important; }

			.gallery .gal-page-link:hover, .gallery .gal-page-linktext:hover{
				text-decoration : none;}

			.gal-page-linktext{
				display         :block;
				float           :left;
				height          :266px;
				width           :479px;
				text-decoration: none !important; }

			.gallery .text-box .inner {
				margin			: 20px 75px 20px 20px;
				color			: #ffffff;}

			.gallery .small {
				background-position:left center; }


			.content #teaser .lexikon_aktiv{
				color          :#294D90;
				font-weight    :bold;}