@charset "UTF-8";

/* common */

* {
	font-family: Arial, Helvetica, sans-serif;
}

html,
body {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff url(../images/header-bg.jpg) repeat-x left top;
	margin: 0 auto 0 auto;
	text-align: center;
	position:relative;
}



div#container {
	background: #ffffff url(../images/bg.gif) repeat-y left top;
	margin: 0 auto 0 auto;
	width: 980px;
}

a {color:#333;}

a.arrow-link {
	background: url(../images/arrow.gif) no-repeat right center;
	padding: 0 7px 0 0;
	color:#000;text-decoration:none;
}
a.arrow-link:hover {
	background: url(../images/arrow.gif) no-repeat right center;
	padding: 0 7px 0 0;
	color:#000;
	text-decoration:underline;
}


a.back-link {
	background: url(../images/back.gif) no-repeat left center;
	padding: 0 0 0 7px;
}

a img.img-link {
	border: 2px solid #c5c5c5;
}

a:hover img.img-link {
	border: 2px solid #3b546a;
}

.dottedline-y {
	background: url(../images/dottedline.gif) repeat-y center top;
}

/* header */

div#header {
	background: url(../images/header.jpg) no-repeat left top;
	height: 150px;
	width: 980px;
	text-align: left;
	position:relative;

}

div#header div#header-top {
	height: 118px;
	text-align: left;
	text-align: right;
	position:relative;
}

div#header div#header-top div#header-ad {
	height: 100px;
	_height: 100px;
	width: 280x;
	top:0px;
	left: 198px;
	text-align: left;
	/*background: url(../images/ad.gif) no-repeat top;*/
	position:relative;
}
div#header-ad img {
	top:0px;
	left: 428px;
	position:absolute;
}
div#header-ad a,img {border:none;}


div#header div#header-bottom {
	height: 32px;margin:0px;padding:0px;
	text-align: left;
	text-align: right;
}


div#header ul {
	height: 32px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 980px;
}

div#header ul li {
	float: left;
	display: block;
	height: 32px;
	margin: 0;
	padding: 0;
}

div#header ul li.header-nav-left {
	background: url(../images/header-nav-left.gif) no-repeat left top;
	width: 12px;
}

div#header ul li.header-nav-left-active {
	background: url(../images/header-nav-left-active.gif) no-repeat left top;
	width: 12px;
}

div#header ul li.header-nav-cut {
	background: url(../images/header-nav-cut.gif) no-repeat left top;
	width: 29px;
}

div#header ul li.header-nav-cut-left-active {
	background: url(../images/header-nav-cut-left-active.gif) no-repeat left top;
	width: 29px;
}

div#header ul li.header-nav-cut-right-active {
	background: url(../images/header-nav-cut-right-active.gif) no-repeat left top;
	width: 29px;
}

div#header ul li.header-nav-right {
	background: url(../images/header-nav-right.gif) no-repeat left top;
	width: 20px;
}

div#header ul li.header-nav-right-active {
	background: url(../images/header-nav-right-active.gif) no-repeat left top;
	width: 20px;
}

div#header ul li.header-nav-bg {
	background: url(../images/header-nav-bg.gif) repeat-x left top;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	line-height: 32px;
}

div#header ul li.header-nav-bg a,
div#header ul li.header-nav-bg a:hover {
	color: #333333;
	text-decoration: none;
}

div#header ul li.header-nav-bg a:hover {
	color: #333333;
	text-decoration: underline;
}

div#header ul li.header-nav-bg-active {
	background: url(../images/header-nav-bg-active.gif) repeat-x left top;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	line-height: 32px;
}

div#header ul li.header-nav-bg-active a,
div#header ul li.header-nav-bg-active a:hover {
	color: #333333;
	text-decoration: none;
}

div#header ul li.header-nav-bg-active a:hover {
	color: #333333;
	text-decoration: underline;
}

/* bar */

div#bar {
	background: url(../images/bar.gif) no-repeat left top;
	height: 55px;
	width: 980px;
}

/* content */

div#content {
	width: 820px;
	float: left;
	text-align: left;
	position:relative;
}

div#content div#content-left {
	float: left;
	width: 220px;
	text-align: left;
}

div#content div#content-left div.content-box {
	width: 200px;
}

div#content div#content-left div.content-box h2.content-box-title {
	background: url(../images/content-left-box-title.gif) no-repeat left top;
	padding: 0 12px 0 12px;
	margin: 0;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
}

div#content div#content-left div.content-box div.content-box-text {
	background: #ffffff url(../images/content-box-bg.gif) repeat-x left top;
	padding: 11px 11px 6px 11px;
	margin: 0;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}

div#content div#content-left div.content-box input.content-left-search-field {
	border: 0;
	margin: 0;
	padding: 0 0 0 4px;
	font-size: 12px;
	color: #333333;
	width: 142px;
	background: #ffffff;
	margin: 0 0 0 1px;
}

div#content div#content-left div.content-box input.content-left-nl-namefield {
	border: 0;
	margin: 0;
	padding: 0 0 0 4px;
	font-size: 12px;
	color: #333333;
	width: 75px;
	background: #ffffff;
	margin: 0 0 0 1px;
}

div#content div#content-left div.content-box input.content-left-nl-mailfield {
	border: 0;
	margin: 0;
	padding: 0 0 0 4px;
	font-size: 12px;
	color: #333333;
	width: 160px;
	background: #ffffff;
	margin: 0 0 0 1px;
	background-repeat: no-repeat ;
}

div#content div#content-left div.content-box div.content-box-end {
	background: #ffffff url(../images/content-box-left-end.gif) no-repeat left top;
	font-size: 6px;
	line-height: 6px;
	height: 6px;
}

div#content div#content-left ul {
	background: #ffffff url(../images/content-box-bg.gif) repeat-x left top;
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 0 2px 0 2px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}

div#content div#content-left ul li {
	background: url(../images/dottedline.gif) repeat-x left bottom;
	padding: 6px 5px 6px 9px;
	margin: 0;
	text-align: left;
	display: block;
	line-height: 20px;
}

div#content div#content-left ul li div {
	padding: 0 0 0 25px;
}

div#content div#content-left ul li a,
div#content div#content-left ul li a:hover {
	background: url(../images/arrow.gif) no-repeat left center;
	padding: 0 0 0 7px;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

div#content div#content-left ul li a:hover {
	color: #333333;
	text-decoration: underline;
}

div#content div#content-left ul li.content-box-list-row-last {
	background: none;
	padding: 6px 5px 1px 9px;
	line-height: 20px;
}

div#content div#content-left ul li a.none {
	background: none;
	padding: 0px;
}

div#content div#content-right {
	float: left;
	width: 560px;
	text-align: left;
}

div#content div#content-right div.content-box h2.content-box-title {
	background: url(../images/content-right-box-title.gif) no-repeat left top;
	padding: 0 12px 0 12px;
	margin: 0;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
}

div#content div#content-right div.content-box h3.content-box-subtitle {
	background: url(../images/content-right-box-subtitle.gif) no-repeat left top;
	padding: 0 12px 0 12px;
	margin: 0;
	color: #333333;
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
}

div#content div#content-right div.content-box div.content-box-subtitle {
	background: url(../images/content-right-box-subtitle.gif) no-repeat left top;
	padding: 0 12px 0 12px;
	margin: 0;
	height: 50px;
}

div#content div#content-right div.content-box h3.content-box-subtitle a {
	color: #333333;
	text-decoration: none;
}

div#content div#content-right div.content-box h3.content-box-subtitle a:hover {
	color: #333333;
	text-decoration: underline;
}

div#content div#content-right div.content-box ul.navlist {
	background: #ffffff url(../images/content-box-bg.gif) repeat-x left top;
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 4px 2px 0 2px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}

div#content div#content-right div.content-box ul.linklist {
	background: url(../images/dottedline.gif) repeat-x left -1px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: left;
}

div#content div#content-right div.content-box ul li {
	background: url(../images/dottedline.gif) repeat-x left bottom;
	padding: 6px 5px 6px 9px;
	margin: 0;
	text-align: left;
	display: block;
	line-height: 20px;
}

div#content div#content-right div.content-box ul li span,
div#content div#content-right div.content-box ul li a,
div#content div#content-right div.content-box ul li a:hover {
	background: url(../images/arrow.gif) no-repeat left center;
	padding: 0 0 0 7px;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

div#content div#content-right div.content-box ul li a:hover {
	color: #333333;
	text-decoration: underline;
}

div#content div#content-right div.content-box ul li.content-box-list-row-last {
	background: none;
	padding: 6px 5px 1px 9px;
	line-height: 20px;
}

div#content div#content-right div.content-box div.content-box-text {
	background: #ffffff url(../images/content-box-bg.gif) repeat-x left top;
	padding: 11px 11px 6px 11px;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}

div#content div#content-right div.content-box div.content-box-text h4 {
	color: #3b546a;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 8px 0;
	margin: 0;
}

div#content div#content-right div.content-box div.content-box-plain {
	padding: 6px 11px 6px 11px;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}

div#content div#content-right div.content-box div.content-box-plain h4 {
	color: #3b546a;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 8px 0;
	margin: 0;
}

div#content div#content-right div div.content-box-list {
	background: #ffffff url(../images/content-box-bg.gif) repeat-x left top;
	padding: 0 2px 0 2px;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
}

div#content div#content-right div div.content-box-list div.content-box-list-row {
	background: url(../images/dottedline.gif) repeat-x left bottom;
	padding: 11px 9px 11px 9px;
}

div#content div#content-right div div.content-box-list div.content-box-list-row a,
div#content div#content-right div div.content-box-list div.content-box-list-row a:hover {
	color: #333333;
	text-decoration: none;
}

div#content div#content-right div div.content-box-list div.content-box-list-row a:hover {
	color: #333333;
	text-decoration: underline;
}

div#content div#content-right div div.content-box-list div.content-box-list-row small {
	font-size: 10px;
	color: #888888;
}

div#content div#content-right div div.content-box-list div.content-box-list-row h4,
div#content div#content-right div div.content-box-list div.content-box-list-row h4.with-date {
	color: #3b546a;
	font-weight: bold;
	padding: 8px 0 0 0;
	margin: 0;
}

div#content div#content-right div div.content-box-list div.content-box-list-row h4.with-date {
	padding: 0 0 0 0;
}

div#content div#content-right div div.content-box-list div.content-box-list-row h4 a,
div#content div#content-right div div.content-box-list div.content-box-list-row h4 a:hover {
	color: #3b546a;
	text-decoration: none;
}

div#content div#content-right div div.content-box-list div.content-box-list-row h4 a:hover {
	color: #3b546a;
	text-decoration: underline;
}

div#content div#content-right div div.content-box-list div.content-box-list-row p {
	display: block;
	padding: 4px 0 3px 0;
	margin: 0;
}

div#content div#content-right div div.content-box-list div.content-box-list-pager {
	padding: 11px 9px 5px 9px;
	color: #888888;
	font-size: 12px;
	line-height: 16px;
}

div#content div#content-right div div.content-box-list div.content-box-list-pager a {
	color: #333333;
	text-decoration: none;
}

div#content div#content-right div div.content-box-list div.content-box-list-pager a:hover {
	color: #333333;
	text-decoration: underline;
}

div#content div#content-right div.content-box div.content-box-start {
	background: #ffffff url(../images/content-box-right-start.gif) no-repeat left top;
	font-size: 6px;
	line-height: 6px;
	height: 6px;
}

div#content div#content-right div.content-box div.content-box-end {
	background: #ffffff url(../images/content-box-right-end.gif) no-repeat left top;
	font-size: 6px;
	line-height: 6px;
	height: 6px;
}

div#content div#content-right div.content-ad {
	width: 315px;
	float: left;
	background: url(../images/content-ad-info.gif) no-repeat left top;
	text-align: left;
	padding: 18px 0 0 0;
}

div#content div#content-right div.content-box-small {
	width: 245px;
	float: left;
}

div#content div#content-right div.content-box-small h2.content-box-title {
	background: url(../images/content-box-right-title-small.gif) no-repeat left top;
	padding: 0 12px 0 12px;
	margin: 0;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
}

div#content div#content-right div.content-box-small div.content-box-end {
	background: #ffffff url(../images/content-box-right-end-small.gif) no-repeat left top;
	font-size: 6px;
	line-height: 6px;
	height: 6px;
}

div#content div#content-left div.content-cut,
div#content div#content-right div.content-cut {
	font-size: 11px;
	line-height: 15px;
	height: 15px;
}

div#content div#content-left div.content-end,
div#content div#content-right div.content-end {
	height: 20px;
}

div#content div#content-footer {
	clear: left;
	width: 800px;
	height: 40px;
	background: url(../images/dottedline.gif) repeat-x left -1px;
}

div#content div#content-footer div#content-footer-copy {
	float: left;
	line-height: 40px;
	font-size: 12px;
	color: #333333;
	padding: 0 0 0 12px;
}

div#content div#content-footer div#content-footer-links {
	float: right;
	line-height: 40px;
	font-size: 12px;
	color: #333333;
	padding: 0 32px 0 0;
}

div#content div#content-footer div#content-footer-links a {
	color: #333333;
	text-decoration: none;
}

div#content div#content-footer div#content-footer-links a:hover {
	color: #333333;
	text-decoration: underline;
}

/* right */

div#right {
	width: 160px;
	float: left;
}

div#right div#right-ad {
	background: url(../images/right-ad-info.gif) no-repeat left top;
	padding: 18px 0 15px 0;
	text-align: left;
}

div#right ul {
	text-align: left;
	list-style-type: none;
	margin: 0;
	padding: 0 0 15px 0;
}

div#right ul li {
	background: url(../images/dottedline.gif) repeat-x left bottom;
	padding: 0 5px 0 5px;
	margin: 0;
	text-align: left;
	display: block;
}

div#right ul li.right-list-title {
	color: #3b546a;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
}

div#right ul li a,
div#right ul li a:hover {
	background: url(../images/arrow.gif) no-repeat left center;
	padding: 0 0 0 7px;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	line-height: 28px;
	text-decoration: none;
}

div#right ul li a:hover {
	color: #333333;
	text-decoration: underline;
}

/* end */

div#end {
	clear: left;
	height: 20px;
}


/*####################################################################################*/
/*###			Eigene StyleDefinitionen															  ###*/
/*####################################################################################*/

/* ##### NAVIGATION für den aktuellen Pfad ###### */
div.location 			{ margin:0px 0px 10px 0px; display:block; text-align:left; }
div.location ul		{ margin:0px 0px 10px 0px; padding:0px; font-size:8pt;  }
div.location ul a		{ margin:0px; padding:0px; font-weight:normal; text-decoration: underline; color:#c31c26; }
div.location ul li	{ list-style-type:none; display:inline; color:#666666; line-height:20px; margin:0px; padding:0px;  }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++  																				    ++++ */
/* ++++  Auflistung Buchstaben-navigation										    ++++ */
/* ++++  																				    ++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
ul.charNavigation 				{ margin:0px; padding:3px;}
ul.charNavigation li 			{ font-weight:bold; margin-top: 3px; color:#ffffff; float:left; list-style:none; border-right:1px solid #ffffff;	padding:0px 10px 0px 10px; font-size:10px;}
ul.charNavigation li a 			{ color:#ffffff; font-weight:normal;}
ul.charNavigation li a:hover 	{ color:orange; font-weight:normal;}
ul.charNavigation li.noBorder 	{ border:0px solid #ffffff;}
ul.charNavigation li a.current 	{ color:orange; }



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++  																				    ++++ */
/* ++++ glossarDarstellung															    ++++ */
/* ++++  																				    ++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


ul.glossaryx { clear:both; background: #ffffff url(../images/content-box-bg.gif) repeat-x left top;	text-align: left;	list-style-type: none;	margin: 0;	padding: 4px 2px 0 2px;	border-left: 1px solid #c5c5c5;	border-right: 1px solid #c5c5c5;}
ul.glossaryx li.glossarySection	{font-size:14pt;  display:block;}
ul.glossaryx li.glossaryItem		{float:left; border:none; padding:0px; margin:0px;}

ul.glossary 				{ margin:0px; padding:3px;}
ul.glossary li 			{ font-weight:bold; margin-top: 3px; color:#ffffff; float:left; list-style:none; border-right:1px solid #ffffff;	padding:0px 10px 0px 10px; font-size:10px;}
ul.glossary li a 			{ color:#ffffff; font-weight:normal;}
ul.glossary li a:hover 	{ color:orange; font-weight:normal;}
ul.glossary li.noBorder 	{ border:0px solid #ffffff;}
ul.glossary li a.current 	{ color:orange; }


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++  																				    ++++ */
/* ++++  INFO-Tabellen																    ++++ */
/* ++++  																				    ++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
table.info								{padding:0px; margin:0px; width:100%;background: #cccccc;font-size:9pt; color:#333;}
table.info td							{background: #ffffff ;}
table.info thead	td					{background: #ffffff url(../images/content-box-bg.gif) repeat-x left top;color:#666; color: #3b546a; font-size:14px;font-weight:bold; padding:5px;}
table.info thead	h4					{margin:20px 2px 2px 2px;padding-top:5px;}
table.info tbody						{}
table.info tbody	td.item			{color: #3b546a;font-weight:bold; text-align:right; width:180px;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++  																				    ++++ */
/* ++++  ProbefahrtenBox															    ++++ */
/* ++++  																				    ++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.testDriveBox {width:380px; float:left;height:360px; margin:0px 15px 15px 0px;}
div.testDriveBox div.content	{width:378px; float:left;heigt:350px; border:1px solid #cccccc;}
div.testDriveBox div.content	img {margin:30px 30px 10px 30px;}
div.testDriveBox h2.content-box-title {
	background: url(../images/content-testdrive-title.gif) no-repeat left top;
	padding: 0 12px 0 12px;
	margin: 0;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++  																				    ++++ */
/* ++++  BILD-Copyright infos														    ++++ */
/* ++++  																				    ++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.imageCopyRightAdvice			{font-size:9px;line-height:1.0em; margin:0px 0px 10px 0px; padding:2px; border:1px solid #cccccc; color:#666;}
div.imageCopyRightAdvice	a		{color:#666;text-decoration:none}
div.imageCopyRightAdvice	img	{margin:0px 0px 2px 0px;padding:0px 0px 0px 0px;display:block; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++  																				    ++++ */
/* ++++  SEITEN - DARSTELLUNG														    ++++ */
/* ++++  																				    ++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div.siteInformation						{position:relative; display:block; width:auto; margin:0px 0px 0px 0px; padding:0px; font-size:8pt; clear:both;}
div.siteInformation a.site				{background: #FBFBF9; color: #000; text-align: center; padding: 2px 6px; border:1px #808080 solid; margin:0 1px 1px 0; }
div.siteInformation a.current			{color: #fff; background: #808080; border-color: #000000; text-decoration: none; }
div.siteInformation a.site:hover		{color: #fff; background: #808080; border-color: #000000; text-decoration: none; }

ul.header				{position:relative;height: 32px;	list-style-type: none;	padding: 0 0 0 0;	margin: 0 0 0 0;	width: 980px;}
ul.header li 			{position:relative;display: block; height:32px; margin: 0;	padding: 0; background: url(../images/headerNavi_left.gif) no-repeat -10px top; }
ul.header li a			{position:relative;padding:0px; margin:0px; color: #333333; text-decoration: none; font-size: 15px;	font-weight: bold; color: #333333; height: 32px; line-height: 32px;  }
ul.header li span		{position:relative; display: block; height:32px; padding:0px 25px 0px 0px; background: url(../images/header-nav-cut.gif) no-repeat right top; }

ul.header li.first		{background-position: left top;}
ul.header li.first span	{padding:0px 25px 0px 10px;  }
ul.header li.last  span	{padding:0px 15px 0px 0px; background: url(../images/header-nav-right.gif) no-repeat right top; }

ul.header li.active 	{background: url(../images/headerNavi_left_active.gif) }
ul.header li.active span{background: url(../images/header-nav-cut-left-active.gif) no-repeat right top; }

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++  																				    ++++ */
/* ++++  BILDER GALLERIE PLUGIN jQuery											    ++++ */
/* ++++  																				    ++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pikachoose{width:510px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul {padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:506px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('../../addons/imagegallery/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a.pika_play_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../../addons/imagegallery/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../../addons/imagegallery/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('../../addons/imagegallery/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('../../addons/imagegallery/fastf.png') top right no-repeat;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++  																				    ++++ */
/* ++++  BILDER GALLERIE PLUGIN lightBox										    ++++ */
/* ++++  																				    ++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../addons/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../addons/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }