/****************************************************************************/
/*																			*/
/*				EMIL BERLINER STUDIOS										*/
/* 				EBS Productions GmbH & Co. KG								*/
/*				Berlin, Germany												*/
/*																			*/
/* 				CSS Stylesheet												*/
/* 				Author: Daniel Kemper										*/
/*				All rights reserved											*/
/*																			*/
/****************************************************************************/


/***	INHALTSVERZEICHNIS:		*********************************************/
/***	FANCYBOX-Befehle		*********************************************/
/***	BODY: grauer Bereich ausserhalb des weissen Hintergrundes	*********/
/***	weisser Hintergrund Oberkante							*************/
/***	weisser Hintergrund Unterkante							*************/
/***	WEISS: weisser Hintergrund, alle Elemente ausser Fusszeile		*****/
/***	INDEX: zentrierter Inhalt	*****************************************/
/***	LINKS: linker Bereich: Logo, Navigation	*****************************/
/***	RECHTS: rechter Bereich: Header-Bilder, Haupttext	*****************/
/***	BOTTOM-NAVI: untere Navigationselemente: Impressum- u. Top-Link	*****/
/***	FUSSZEILE: Fusszeile	*********************************************/
/***	PROJEKTE - CSSPLAY	*************************************************/





/***	FANCYBOX-Befehle:		*********************************************/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Copyright (c) 20010 Janis Skarnelis
 * Examples and documentation at: http://fancybox.net
 *
 * Version: 1.3.0 (02/02/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 
 
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}
*/



* html #fancybox-loading {	/* IE6 */

/* vorerst deaktiviert wg. separater Fancybox-CSS-Datei

	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../js/fancybox/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
/*
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('../js/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('../js/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('../js/fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('../js/fancybox/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('../js/fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('../js/fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('../js/fancybox/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}
/*
#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../js/fancybox/fancy_shadow_nw.png') no-repeat;
}

*/








/***	grauer Bereich ausserhalb des weissen Hintergrundes		*************/

body			{
				background-color:#EAEAEA;
				text-align:center;
				margin:0px;
				min-width:40em;	/* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
				font-size:100.01%;
				}


/***	weisser Hintergrund Oberkante									*************/

div#bg_oberkante	{
				margin:0 auto;
				height:65px;
				width:950px;
				background-color:#FFFFFF;
				background-image:url(../img/bg/bg_oben.png);
				background-repeat:no-repeat;
				}


/***	weisser Hintergrund Unterkante									*************/

div#bg_unterkante	{
				margin:0 auto;
				height:40px;
				width:950px;
				background-color:#FFFFFF;
				background-image:url(../img/bg/bg_unten.png);
				background-repeat:no-repeat;
				}


/***	weisser Hintergrund Mitte, alle Elemente ausser Fusszeile		*************/

div#bg_mitte		{
				margin:0 auto;
				text-align:left;
				width:950px;
				background-color:#FFFFFF;
				background-image:url(../img/bg/bg_mitte.png);
				background-repeat:repeat-y;
				}



/***	zentrierter Inhalt (verwendet f. Index u. Browser)	*********************/

div#index
				{
				height:1100px;
				text-align:center;
				}

div#browser
				{
				height:600px;
				text-align:center;
				overflow:hidden;
				}

div#browser p
				{
				margin-bottom:50px;
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#999999;
				text-align:center;
				}

div#index p.sprache
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				text-transform:uppercase;
				text-shadow:#EEEEEE -1px 1px;
				margin-bottom:180px;
				}

div#index p.sprache a
				{
				color:#7D7D7D;
				text-decoration:none;
				padding:4px;
				text-shadow:#EEEEEE -1px 1px;
				}

div#index p.sprache a:hover
				{
				background-color:#F0F0F0;
				color:#000000;
				}

div#index p.copyright
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:10px;
				color:#999999;
				margin-bottom:40px;
				line-height:15px;
				}

div#browser ul
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#999999;
				margin-left:290px;
				padding:15px;
				text-decoration:none;
				list-style:none;
				}

div#browser li		{
				margin:30px;
				text-align:left;
				}

div#browser ul a
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#7D7D7D;
				padding:5px;
				text-decoration:none;
				}

div#browser ul a:hover
				{
				background-color:#F0F0F0;
				color:#000000;
				}

div#browser a
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#7D7D7D;
				padding:5px;
				text-decoration:none;
				}

div#browser a:hover
				{
				background-color:#F0F0F0;
				color:#000000;
				}

div#index img.logo
				{
				margin-top:150px;
				margin-bottom:50px;
				}




/***	linker Bereich: Logo, Navigation	*********************************/

div#links		{
				width:170px;
				float:left;
				display:inline; /* verhindert margin-left-Fehler im Internet Explorer 6 */
				/*margin-left:50px;*/
				border:0px dashed silver;
				}

.flagge-link
				{
				width:21px;
				height:14px;
				display:block;
				border:1px outset #FFFFFF;
				}

.flagge_en
				{
				position:relative;
				margin-left:100px;
				margin-top:60px;
				float:left;
				background:url(../img/flagge_en.png) no-repeat;
				}

.flagge_de
				{
				position:relative;
				margin-left:16px;
				margin-top:60px;
				float:left;
				background:url(../img/flagge_de.png) no-repeat;
				}

.flagge-link:hover
				{
				background-position: 0 -14px;
				border:1px inset #FAFAFA;
				}



/* ANFANG MENUELEISTE */

#menu {height:262px; width:170px; position:relative; margin-left:70px; margin-top:40px; text-transform:uppercase;}
#menu ul.level1 {margin:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; font:normal 12px Arial,verdana,sans-serif;}
#menu ul.level1 li {display:block; margin:0; list-style:none;}
#menu ul.level2 {margin:0 0 18px 30px; list-style:none; white-space:nowrap; text-align:left; padding:0; font:normal 12px arial,verdana,sans-serif;}
#menu ul.level2 li {margin:0; padding:0; list-style:none;}

#menu ul.level1 li a {display:block; margin:12px 0 0 12px; padding:5px; border-left:5px solid #FFF; text-decoration:none; text-shadow:#F2F2F2 -1px 1px; color:#7D7D7D; }
#menu ul.level2 li a {display:block; margin:0 0 3px 0; padding:5px; border-left:5px solid #FFF; text-decoration:none; text-shadow:#F2F2F2 -1px 1px; color:#7D7D7D; }
#menu ul.level1 li a:hover {display:block; padding:5px; border-left:5px solid #F0F0F0; color:#7D7D7D; text-shadow:#EEEEEE -1px 1px;}
#menu ul.level2 li a:hover {display:block; padding:5px; border-left:5px solid #F0F0F0; color:#7D7D7D; text-shadow:#EEEEEE -1px 1px;}

#menu ul.level1 li span {display:block; margin:12px 12px 0 12px; padding:5px; border-left:5px solid #DB0132; font:normal 12px arial,verdana,sans-serif; text-shadow:#EEEEEE -1px 1px; color:#000; }
#menu ul.level2 li span {display:block; margin:0 0 3px 0; padding:5px; border-left:5px solid #DB0132; font:normal 12px arial,verdana,sans-serif; text-shadow:#EEEEEE -1px 1px; color:#000; }

/* ENDE MENUELEISTE */






div#links p		{
				margin-top:30px;
				margin-left:75px;
				}



/***	rechter Bereich: Header-Bilder, Haupttext	*************************/

div#rechts		{
				width:579px;
				margin-left:270px;
				margin-right:0px;
				border:0px dashed silver;
				}

div#rechts p.text-bilder
				{
				float:right;
				background-color:#FFFFFF;
				padding-left:20px;
				margin-left:25px;
				margin-top:27px;
				border-left:1px dotted #CCC;
				}

div#rechts p.text-bilder img
				{
				padding:5px;
				border:1px solid #DDDDDD;
				margin:0 6px 12px 6px;
				}

div#rechts p.text-bilder a:hover
				{
				background-color:#FFFFFF;
				}

div#rechts p.projekt-text
				{
				margin-top:30px;
				}

div#rechts p.feedback
				{
				margin-top:70px;
				margin-bottom:300px;
				}

div#rechts p.team-unten
				{
				margin-top:40px;
				}

div#rechts p.clear-l5
				{
				height:5px;
				clear:left;
				}

div#rechts p.clear-r400
				{
				height:400px;
				clear:right;
				}

div#rechts p.clear-r200
				{
				height:200px;
				clear:right;
				}

div#rechts p.clear-r100
				{
				height:100px;
				clear:right;
				}

div#rechts p.clear-r0
				{
				height:0px;
				clear:right;
				}

div#rechts strong	{
				font-weight:bold;
				}

div#rechts hr		{
				color:#F6F6F6;
				height:0px;
				margin-bottom:19px;
				border:1px solid #E0E0E0;
				}

div#rechts img.headerbild
				{
				border:0px;
				padding:0px;
				margin-top:30px;
				margin-bottom:5px;
				}

div#rechts img.team-bild
				{
				float:left;
				margin-top:12px;
				margin-right:20px;
				margin-bottom:25px;
				padding:3px;
				border:1px outset #FFFFFF;
				}

div#rechts img.projekt-bild
				{
				float:left;
				margin-top:30px;
				margin-right:15px;
				margin-bottom:10px;
				padding:3px;
				border:2px outset #FAFAFA;
				}

div#rechts img.at
				{
				vertical-align:middle;
				}

.foto-link
				{
				width:200px;
				height:70px;
				display:block;
				border:1px outset #FAFAFA;
				}

.foto1
				{
				background:url(../img/kontakt/gm-thumbnail.jpg) no-repeat;
}

.foto-link:hover
				{
				background-position: 0 -70px;
				border:1px inset #FAFAFA;
				}

div#rechts p.map
				{
				width:517px;
				height:300px;
				text-align:center;
				}

div#rechts h4		{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#444444;
				font-weight:bold;
				margin-top:20px;
				}

div#rechts h5.balken-schwarz
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#555;
				background-color:#F0F0F0;
				border:1px dotted #CCC;
				padding:3px 3px 3px 10px;
				font-weight:normal;
				margin-top:27px;
				margin-bottom:15px;
				text-transform:uppercase;
				}

div#rechts p		{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				color:#444444;
				line-height:18px;
				}

div#rechts a		{
				color:#444444;
				text-decoration:underline;
				}

div#rechts a:hover
				{
				background-color:#F0F0F0;
				color:#000000;
				}

div#rechts ul.aufnahmen
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				padding:0px;
				color:#777;
				line-height:18px;
				}

div#rechts ul.aufnahmen li
				{
				padding:5px;
				list-style:none;
				}

div#rechts ul.aufnahmen h5
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				padding:0px;
				margin:0px;
				font-weight:normal;
				color:#000;
				line-height:18px;
				}

div#rechts ul.equipment
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				font-weight:bold;
				color:#444444;
				line-height:18px;
				padding:0px;
				margin-bottom:14px;
				list-style:none outside;
				}

div#rechts ul.untergeordnet
				{
				font-weight:normal;
				list-style:none outside;
				}

div#rechts li.equi-top
				{
				margin-top:20px;
				}

div#rechts blockquote
				{
				font-style:italic;
				}

div#kontaktadresse
				{
				float:left;
				width:270px;
				}

div#gm-thumb
				{
				float:right;
				width:230px;
				}



	/* Kontaktformular (Anfang) */


div#rechts form	{
				clear:left;
				}

div#rechts fieldset
				{
				background-color:#F8F8F8;
				margin:20px 0px 0px 0px;
				padding:10px;
				width:500px;
				border:dotted 1px #9B3737;
				}

div#rechts legend
				{
				color:maroon;
				font-size:1em;
				margin:3px;
				padding:3px;
				}

div#rechts form input
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				background-color:#FFFFFF;
				}

input				{
				width:130px;
				float:left;
				margin:3px;
				padding:2px;
				border:solid 1px silver;
				display:block;
				}

div#rechts label	{
				color:#878787;
				font-weight:normal;
				text-align:right;
				width:80px;
				float:left;
				margin:3px;
				padding:2px;
				}

div#rechts form textarea
				{
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				width:445px;
				height:190px;				
				margin:3px;
				padding:5px;
				border:solid 1px silver;
				background-color:#FFFFFF;
				}

div#rechts form p
				{
				clear:left;
				float:left;
				width:100%;
				margin:2px 2px 2px 0;
				padding:2px;
				}

div#rechts form	{
				font-size:0.9em;
				line-height:120%;
				width:30em;
				margin:1em;
				padding:1em;
				}

/*
.button-rot
				{
				font-size:0.9em;
				background-image:url(../img/form-button_rot.gif);
				background-repeat:no-repeat;
				background-attachment:scroll;
				width:70px;
				height:30px;
				margin:5px;
				cursor:pointer;
				}
*/

.button-gruen
				{
				font-size:0.9em;
				background-image:url(../img/form-button_gruen.gif);
				background-repeat:no-repeat;
				background-attachment:scroll;
				width:70px;
				height:30px;
				margin:5px;
				cursor:pointer;
				}

	/* Kontaktformular (Ende) */



div#rechts img.w3c-img1
				{
				border:0;
				width:88px;
				height:31px;
				float:left;
				margin-right:10px;
				}

div#rechts img.w3c-img2
				{
				border:0;
				width:88px;
				height:31px;
				}



/***	untere Navigationselemente: Impressum- u. Top-Link auf derselben Hoehe	*/

div#bottom-links
				{
				clear:both;
				width:170px;
				float:left;
				display:inline;
				margin-left:0px;
				border:0px silver dashed;
				}

div#bottom-links p
				{
				margin-top:70px;
				margin-left:82px;
				margin-bottom:15px;
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				text-transform:uppercase;
				text-align:left;
				white-space:nowrap;
				}

div#bottom-links a
				{
				color:#7D7D7D;
				padding:5px;
				border-left:5px solid #FFF;
				text-shadow:#F2F2F2 -1px 1px;
				text-decoration:none;
				}

div#bottom-links a:hover
				{
				border-left:5px solid #F0F0F0;
				color:#7D7D7D;
				text-shadow:#EEEEEE -1px 1px;
				}

div#bottom-rechts
				{
				margin-left:260px;
				border:0px silver dashed;
				}

div#bottom-rechts p
				{
				margin-top:70px;
				margin-bottom:15px;
				font-family:Arial,Verdana,sans-serif;
				font-size:12px;
				text-transform:uppercase;
				text-align:left;
				}

div#bottom-rechts a
				{
				color:#7D7D7D;
				padding:5px;
				border-left:5px solid #FFF;
				text-shadow:#F2F2F2 -1px 1px;
				text-decoration:none;
				}

div#bottom-rechts a:hover
				{
				border-left:5px solid #F0F0F0;
				color:#7D7D7D;
				text-shadow:#EEEEEE -1px 1px;
				}



/***	Fusszeile	******************************************************/

div#fusszeile	{
				clear:both;
				margin-bottom:20px;
				font-family:Arial,Verdana,sans-serif;
				font-size:10px;
				color:#999999;
				line-height:15px;
				text-align:center;
				}




/***	Projekte: CSSPlay	**********************************************/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {width:517px; position:relative; height:60px; padding-top:356px; margin-top:20px; margin-left:0px; margin-bottom:70px;}

#gallery img.left {width:35px; height:62px; background:#FFF; float:left; cursor:pointer;}
#gallery img.right {width:35px; height:62px; background:#FFF; float:left; cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#FFF; border:2px solid #FFF; border-width:5px 2px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th1 {background:url(../img/projekte/thumbs/th01.jpg);}
#gallery ul li.th2 {background:url(../img/projekte/thumbs/th02.jpg);}
#gallery ul li.th3 {background:url(../img/projekte/thumbs/th03.jpg);}
#gallery ul li.th4 {background:url(../img/projekte/thumbs/th04.jpg);}
#gallery ul li.th5 {background:url(../img/projekte/thumbs/th05.jpg);}
#gallery ul li.th6 {background:url(../img/projekte/thumbs/th06.jpg);}
#gallery ul li.th7 {background:url(../img/projekte/thumbs/th07.jpg);}
#gallery ul li.th8 {background:url(../img/projekte/thumbs/th08.jpg);}
#gallery ul li.th9 {background:url(../img/projekte/thumbs/th09.jpg);}
#gallery ul li.th10 {background:url(../img/projekte/thumbs/th10.jpg);}
#gallery ul li.th11 {background:url(../img/projekte/thumbs/th11.jpg);}
#gallery ul li.th12 {background:url(../img/projekte/thumbs/th12.jpg);}
#gallery ul li.th13 {background:url(../img/projekte/thumbs/th13.jpg);}
#gallery ul li.th14 {background:url(../img/projekte/thumbs/th14.jpg);}
#gallery ul li.th15 {background:url(../img/projekte/thumbs/th15.jpg);}
#gallery ul li.th16 {background:url(../img/projekte/thumbs/th16.jpg);}
#gallery ul li.th17 {background:url(../img/projekte/thumbs/th17.jpg);}
#gallery ul li.th18 {background:url(../img/projekte/thumbs/th18.jpg);}


/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px; font-family:Arial,Verdana,sans-serif; color:#777; font-size:12px; line-height:15px; text-align:justify;}
#gallery ul li b {color:#444;}

#gallery ul li.chosen {border:2px ridge #CCCCCC; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#FFF; border:0px solid #000; border-width:0px 0px 0 0px;}
#gallery ul li.chosen div i {width:480px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;}
#gallery ul li.chosen span {display:block;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* vertical align for IE */
#gallery ul li.chosen i {display:block;}
#gallery ul li.chosen i em {width:0; height:100%; display:inline-block; vertical-align:middle;} 
#gallery ul li.chosen i img {display:inline-block; vertical-align:middle;}
/* for IE6 initial photo size */
#gallery ul li.chosen i img.start {width:390px; height:259px;}