/*PNGfix*/
img, div, td { 
	behavior: url(layout/stil1/pngfix/iepngfix.htc)
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
#layouttabelle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-collapse:collapse;
}
/*Link allg.*/
a {
	color:#ff8d3b;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
}
a:hover {
	color:#4183a7;
}
/*verlinkte Bilder ohne Rahmen*/
a img {
	border:0;	
}
/*Überschrift*/
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8dcbd1;
	text-transform:uppercase;
	line-height:14px;
	padding:1px 0px 7px 6px;
	margin:0px 0px 0px 0px;
	background-image:url(bilder/h1_streifen_blau.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}
/*Unterüberschrift*/
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	text-transform:uppercase;
	line-height:12px;
	margin:8px 6px 8px 8px;
}
/*Überschrift Startseite*/
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	text-transform:uppercase;
	line-height:12px;
	margin:0px 6px 8px 8px;
}
/*Unterüberschrift Startseite*/
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-transform:uppercase;
	line-height:12px;
	margin:0px 6px 8px 8px;
}
/*Datum und Zeit Termine*/
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	text-transform:uppercase;
	line-height:13px;
	margin:0px 6px 0px 8px;
	/*white-space:nowrap;*/
}
h5 span{
	white-space:nowrap;
}
h5.aktuellster span{
	color:#e42825;
	white-space:nowrap;
}
h5.aktuellster span.erster:before {
	content:url(bilder/arrow_right.gif);
	vertical-align:-1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	margin:0;
	padding:0px 2px 0px 0px;
}
h5.aktuellster span.erster{
	color:#e42825;
	white-space:nowrap;
	/*position:relative;
	left:-13px;*/
	margin-left:-13px;
}
/*h5.aktuellster {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	text-transform:uppercase;
	line-height:13px;
	margin:0px 6px 0px -5px;
	padding:0px 0px 0px 13px;
	background-image:url(bilder/arrow_right.gif);
	background-position:left;
	background-repeat:no-repeat;
}*/
div.startseitetextboxfarbe {
	background-color:#fdeede;		/*Rosa*/
	padding:8px 0px;
}
div.startseitetextboxtrans {
	padding:8px 0px;
}
p.startseitebildquer {
	margin:0px 8px 0px 8px;
}
p.startseitebildquer img{
	border:none;
}
p.startseitebildhoch {
	margin:0px 8px 8px 8px;
	float:left;
}
p.startseitebildhoch img {
	border:none;
}

/*Formatierung erstes Bild im Artikel, je nach Layouttyp*/
/*Laouttyp 1: Erstes Bild links oben gefloated, rest unten als Block*/
p.bildfloatleft {
	margin:0px 16px 8px 8px;
	float:left;
}
/*Laouttyp 2: Erstes Bild oben volle Breite, rest unten als Block*/
p.bildvollebreite {
	margin:0px 8px 8px 8px;
}
p.aktionstyp_vollansicht {
	float:right;
	padding:3px 6px;
	background-color:#ffa54b;	/*Orannge*/
	color:#FFFFFF;
	font-weight:bold;
	white-space:nowrap;
	margin:0px;
}
p.verleihkategorie_vollansicht {
	float:right;
	padding:3px 6px;
	background-color:#d4d31f;	/*Grün*/
	color:#FFFFFF;
	font-weight:bold;
	white-space:nowrap;
	margin:0px;
}
p.aktionstyp_startseite {
	float:right;
	padding:3px 6px;
	background-color:#ffa54b;	/*Orannge*/
	color:#FFFFFF;
	font-weight:bold;
	white-space:nowrap;
	margin:-8px 0px 0px 0px;
}
p.verleihkategorie_startseite {
	float:right;
	padding:3px 6px;
	background-color:#d4d31f;	/*Grün*/
	color:#FFFFFF;
	font-weight:bold;
	white-space:nowrap;
	margin:-8px 0px 0px 0px;
}
p.anreisser, div.anreisser p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	margin:8px 6px 8px 8px;
}
p.anreisser_vorschau, div.anreisser_vorschau p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	margin:8px 6px 8px 8px;
}
div.anreisser ul{
	list-style-image:url(bilder/listenpunkt_blau.gif);
	margin:0px 6px 0px 8px;
	padding:0px 0px 0px 12px;
	line-height:13px;
	font-weight:bold;
}
div.anreisser li{
	padding:5px 0px 5px 0px;
	font-weight:bold;
}
div.anreisser ul ul{
	list-style-image:url(bilder/listenpunkt_gruen.gif);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 12px;
	font-weight:bold;
}
div.anreisser ul li{
	padding:2px 0px 2px 0px;
	font-weight:bold;
}
div.anreisser ul ul ul{
	list-style-image:url(bilder/listenpunkt_gelb.gif);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 12px;
	font-weight:bold;
}
div.anreisser_vorschau ul{
	list-style-image:url(bilder/listenpunkt_blau.gif);
	margin:0px 6px 0px 8px;
	padding:0px 0px 0px 12px;
	line-height:13px;
}
div.anreisser_vorschau li{
	padding:5px 0px 5px 0px;
}
div.anreisser_vorschau ul ul{
	list-style-image:url(bilder/listenpunkt_gruen.gif);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 12px;
}
div.anreisser_vorschau ul li{
	padding:2px 0px 2px 0px;
}
div.anreisser_vorschau ul ul ul{
	list-style-image:url(bilder/listenpunkt_gelb.gif);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 12px;
}

p.text, div.text p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	margin:8px 6px 8px 8px;
}
div.text table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333333;
	margin:6px 4px 6px 6px;
}
div.text table td{
	padding:2px;
	vertical-align:top;
}
div.text ul{
	list-style-image:url(bilder/listenpunkt_blau.gif);
	margin:0px 6px 0px 8px;
	padding:0px 0px 0px 12px;
	line-height:13px;
}
div.text li{
	padding:5px 0px 5px 0px;
}
div.text ul ul{
	list-style-image:url(bilder/listenpunkt_gruen.gif);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 12px;
}
div.text ul li{
	padding:2px 0px 2px 0px;
}
div.text ul ul ul{
	list-style-image:url(bilder/listenpunkt_gelb.gif);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 12px;
}

/* Link und Downloads */
p.linkdateientitel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	height:22px;
	text-align:right;
	background-image:url(bilder/ld_linkdl.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:8px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	clear:both;
}
div.linkdateien {
	background-color:#333;
	color:#FFF;
}
p.artikellink {
	margin:3px 6px 3px 6px;
}
p.artikellink a {
	color:#333;
	background-image:url(bilder/kringel_blau.gif);
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	padding-left:17px;
	line-height:15px;

	background-position:left;
	background-repeat:no-repeat;
}
p.artikellink a:hover {
	color:#4183a7;
	background-image:url(bilder/kringel_blau.gif);
}
p.artikeldownload {
	margin:3px 6px 3px 6px;
}
p.artikeldownload a {
	color:#333333;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	padding-left:17px;
	line-height:15px;
	background-image:url(bilder/kringel_orange.gif);
	background-position:left;
	background-repeat:no-repeat;
}
p.artikeldownload a:hover {
	color:#4183a7;
	background-image:url(bilder/kringel_blau.gif);
}
p.linkdateienfooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	height:22px;
	background-image:url(bilder/bg_galerie_u.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin:0px 0px 8px 0px;
	padding:0px 6px 0px 0px;
	clear:both;
}

/* Kontaktformular */
p.kontaktformulartitel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	height:26px;
	text-align:right;
	background-image:url(bilder/kf_kontaktform.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:8px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	clear:both;
}
form.kontaktformular fieldset {
	border:none;
	padding:0px;
	margin:0px;
	background-color:#333;
}
form.kontaktformular table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	/*color:#333333;*/
	color:#fff;
	width:508px;
	margin:8px 6px 8px 6px;
}
form.kontaktformular table td{
	padding:2px;
	vertical-align:top;
}
form.kontaktformular .eingabefeld{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	/*color:#333333;*/
	color:#fff;
	width:100%;
	/*border:1px solid #8DCBD1;*/
	border:1px solid #fff;
	background-color:#333;
}
form.kontaktformular .eingabefeldkurz{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	/*color:#333333;*/
	color:#fff;
	width:50%;
	/*border:1px solid #8DCBD1;*/
	border:1px solid #fff;
	background-color:#333;
}
/*form.kontaktformular .eingabefeld:hover, form.kontaktformular .eingabefeld:focus, form.kontaktformular .eingabefeldfokus{*/
form.kontaktformular .eingabefeld:focus, form.kontaktformular .eingabefeldfokus{
	/*background-color:#FDEEDE;*/
	background-color:#fff;
	color:#333;
}
p.fehlermeldung{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#E42825;
	margin:8px 6px 8px 8px;
	border:#E42825 1px solid;
	background-color:#FDEEDE;
	padding:5px;
}
p.meldung{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#598000;
	margin:8px 6px 8px 8px;
	border:#598000 1px solid;
	background-color:#c4e579;
	padding:5px;
}
p.kontaktformularfooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	height:22px;
	background-image:url(bilder/bg_galerie_u.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin:0px 0px 8px 0px;
	padding:0px 6px 0px 0px;
	clear:both;
}

/* Verleihkatalog */
p.verleihkatalogtitel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	height:22px;
	text-align:right;
	background-image:url(bilder/ld_linkdl.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:8px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	clear:both;
}
p.verleihkategorie {
	margin:3px 6px 3px 6px;
}
p.verleihkategorie a {
	color:#333333;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	padding-left:17px;
	line-height:15px;
	background-image:url(bilder/kringel_blau.gif);
	background-position:left;
	background-repeat:no-repeat;
}
p.verleihkatalogfooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	height:22px;
	background-image:url(bilder/bg_galerie_u.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin:0px 0px 8px 0px;
	padding:0px 6px 0px 0px;
	clear:both;
}

/*Bildergalerie*/
p.bildergalerietitel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	height:22px;
	text-align:right;
	background-image:url(bilder/bg_galerie.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:8px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	clear:both;
}
p.bildergalerietitel img {
	cursor:pointer;
}
div.bildergaleriemin {
	background-color:#333333;
	height:125px;
	width:518px;
	padding-top:8px;
	overflow:auto;
	float:left
}

div.bildergaleriemin a{
	width:115px;
	height:115px;
	overflow:hidden;
	margin:0px 0px 8px 8px;
	float:left;
	border:#333333 1px solid;
	text-align:center;
	vertical-align:middle;
}

div.bildergaleriemin a.quer img {
	max-height:115px;
	margin:auto auto;
	/*float:left;*/
}
div.bildergaleriemin a.hoch img {
	max-width:115px;
	margin:auto auto;
	/*float:left;*/
}
div.bildergaleriemax {
	background-color:#333333;
	width:518px;
	padding-top:8px;
	overflow:auto
}
div.bildergaleriemax a{
	width:117px;
	height:117px;
	overflow:hidden;
	margin:0px 0px 8px 8px;
	float:left;
	border:#333333 1px solid;
	text-align:center;
	vertical-align:middle;
}
div.bildergaleriemax a.quer img {
	max-height:117px;
	margin:auto auto;
	/*float:left;*/
}
div.bildergaleriemax a.hoch img {
	max-width:117px;
	margin:auto auto;
	/*float:left;*/
}
p.bildergaleriefooter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	height:22px;
	background-image:url(bilder/bg_galerie_u.gif);
	background-repeat:no-repeat;
	background-position:right top;
	margin:0px 0px 8px 0px;
	padding:0px 6px 0px 0px;
	clear:both;
}
p.bildergaleriefooter img {
	cursor:pointer;
}

/*Bildquellennachweis*/
p.bildquellen {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	margin:8px 6px 8px 8px;
}

p.mehrlink {
	text-align:right;
	margin:0px 6px 0px 0px;
}
p.mehrlink a {
	color:#333333;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	padding-left:17px;
	line-height:15px;
	background-image:url(bilder/kringel_gelb.gif);
	background-position:left;
	background-repeat:no-repeat;
}
p.mehrlink a:hover{
	color:#4183a7;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	padding-left:17px;
	line-height:15px;
	background-image:url(bilder/kringel_blau.gif);
	background-position:left;
	background-repeat:no-repeat;
}
/*HR für Startseite ohne margin*/
div.startseitehr {
	clear:both;
	background-image:url(bilder/hr_streifen_gelb.gif);
	background-repeat:repeat-x;
	height:5px;
	border:none;
	margin:0px;
}
div.startseitehr hr {
  display: none;
  clear:both;
}
/*standard HR*/
div.hr {
	clear:both;
	background-image:url(bilder/hr_streifen_gelb.gif);
	background-repeat:repeat-x;
	height:5px;
	border:none;
	margin:8px 0px 16px 0px;
}
div.hr hr {
  display: none;
  clear:both;
}
p.zurucklink {
	text-align:left;
	margin:0px;
	padding:0px;
}
p.zurucklink a {
	color:#333333;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	padding-left:17px;
	line-height:15px;
	background-image:url(bilder/kringel_gelb.gif);
	background-position:left;
	background-repeat:no-repeat;
}

/* Termintabelle */
#termine {
	margin:8px 0px 8px 0px;
	padding:3px;
	width:100%;
}
#termine tr th {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#8dcbd1;
	text-transform:uppercase;
	line-height:14px;
	padding:1px 0px 7px 6px;
	background-image:url(bilder/h1_streifen_blau.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
}
#termine tr td {
	vertical-align:top;
}
#termine tr.jahr td {
	font-size:14px;
	font-weight:bold;
	color:#8dcbd1;
	line-height:14px;
	padding:3px 0px 3px 6px;
}
#termine tr.monat td {
	text-transform:uppercase;
	font-weight:bold;
}
#termine td.leer {
	width:10px;
}
#termine td.leer img {
	width:10px;
}
#termine tr.bg1 {
	background-color:#fdeede;
}
#termine tr.bg2 {
	/*background-color:#FFFFFF;*/
}
#termine td.datum {
	text-align:right;
	padding-right:6px;
	white-space:nowrap;
	width:80px;
}
#termine td.datum p {
	white-space:nowrap;
}
#termine td.uhrzeit {
	text-align:right;
	padding-right:6px;
	white-space:nowrap;
	width:45px;
}
#termine p {
	padding:3px 0px;
	margin:0px;
}
#termine p.titel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-transform:uppercase;
	line-height:12px;
	padding-top:3px;
}
#termine td.ort {
	text-align:right;
	width:100px;
	padding:0 6px;
}

/* AktionenArchivTabelle */
table.aktionen {
	margin:8px 0px 8px 0px;
	padding:3px;
	width:100%;
}
table.aktionen tr td {
	vertical-align:top;
}
table.aktionen tr.jahr td {
	font-size:14px;
	font-weight:bold;
	color:#8dcbd1;
	line-height:14px;
	padding:3px 0px 3px 6px;
}
table.aktionen td.leer {
	width:10px;
}
table.aktionen td.leer img {
	width:10px;
}
table.aktionen tr.bg1 {
	background-color:#fdeede;
}
table.aktionen tr.bg2 {
	/*background-color:#FFFFFF;*/
}
table.aktionen td.datum {
	text-align:right;
	padding-right:6px;
	white-space:nowrap;
	width:60px;
}
table.aktionen p {
	padding:3px 0px;
	margin:0px;
}
table.aktionen p.titel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-transform:uppercase;
	line-height:12px;
	padding-top:3px;
}
table.aktionen p.aktionstyp {
	float:right;
	padding:3px 6px;
	background-color:#ffa54b;	/*Orannge*/
	color:#FFFFFF;
	font-weight:bold;
	white-space:nowrap;
	margin:0px;
}

/* Termine rechts */
div.terminfocus {
	padding:8px 9px 0px 0px;
	margin:0px -9px 0px 0px;
	cursor:default;
	background-image:url(bilder/weiss20.png);
	background-repeat:repeat;
	/*background-color:#fdeede;*/		/*Rosa*/
}
div.terminfocus div.termindetails div.hr{
	margin:8px 8px 0px 0px;
}
div.terminblur {
	padding:8px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
div.terminblur div.termindetails {
	display:none;
}
p.terminmehrlink {
	text-align:left;
	margin:8px 6px 8px 8px;
	padding:0px;
}
p.terminmehrlink a {
	color:#333333;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	padding-left:17px;
	line-height:15px;
	background-image:url(bilder/kringel_gelb.gif);
	background-position:left;
	background-repeat:no-repeat;
}
p.terminmehrlink a:hover {
	color:#4183a7;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	padding-left:17px;
	line-height:15px;
	background-image:url(bilder/kringel_blau.gif);
	background-position:left;
	background-repeat:no-repeat;
}

/* Menü */
#hauptmenu ul.menu{
	color:#333333;
	font-style:normal;
	font-size:12px;
	text-transform:uppercase;
	cursor:pointer;
	background-color:#e8f5f6;
}
#hauptmenu ul.menu, #hauptmenu li ul.menu{
    margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/*Untermenü verstecken*/
#hauptmenu ul.menu li ul{
    position: absolute;
    left: -999px;
	padding:10px 0px 15px 8px;
	background-color:#e8f5f6;
	background-image:url(bilder/menu_8pxweis.gif);
	background-position:left;
	background-repeat:repeat-y;
}

#hauptmenu ul.menu li:hover ul ul, #hauptmenu ul.menu li.sfhover ul ul {
	left: -999px;
}
/*---*/
#hauptmenu ul.menu li:hover ul, #hauptmenu ul.menu li li:hover ul{
	top: -10px;
	left: 0px;
	margin-left: 100%;
	z-index:1;
}

/*ie6 only*/
#hauptmenu ul.menu li.sfhover ul, #hauptmenu ul.menu li li li:sfhover ul {
	top: -10px;
	left: 0px;
	margin-left: 100%;
	z-index:1;
}

#hauptmenu ul.menu li{
	position: relative;
    float: left;
    width: 156px;
}

#hauptmenu ul.menu li li{
    float: none;
	width:auto;
	min-width: 156px;
}

#hauptmenu ul.menu a{
	display: block;
	padding: 3px 0px 3px 25px;
	margin-right:15px;
	text-decoration: none;
	border-bottom:1px solid white;
	font-style:normal;
	color:#464646;
}

#hauptmenu ul.menu li ul a{
	padding: 3px 0px 3px 10px;
}

#hauptmenu ul.menu a:hover{
	color:#8dcbd1;
	font-style:normal;
}


#hauptmenu li:hover ul.menu, #hauptmenu li.over ul.menu {
	display: block;
}

	



/********************************************************************************************/
/* LIGHTBOX 2 */
#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(bilder/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(bilder/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;
}

/*Buttons*/
a.button {
    background: transparent url('bilder/bg_button_rechts.png') no-repeat scroll 100% 0%;
	background-color:inherit;
    color: #444;
    display: inline-block;
    float: left;
    font: normal 12px arial, sans-serif;
	font-style:normal;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bilder/bg_button_links.png') no-repeat 0% 0%;
	background-color:inherit;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover, a.button:focus {
    background-position: 100% 50%;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span, a.button:focus span {
    background-position: 0% 50%;
} 

a.button:active {
    background-position: 100% 100%;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: 0% 100%;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/*Soziae Netzwerke*/
a.kjrbeifacebook img {
	margin-top:45px;
}
a.kjrbeilokalisten img{
	margin-top:5px;
}