body{
	background:#000;
	font-family:Arial;
}

#bilderlinks{
	position: fixed;
	top:0px;
	left:0px;
	width:200px;
	height:100%;
	padding-left:5px;
	padding-top:5px;
}


a {
	color: #aaa;
	text-decoration:none;
}

.colboxmiddle_BDA56740{
	margin-left:200px;
	position:fixed;
	overflow-y:scroll;
	left:20px;
	top:80px;
	width:inherit;
	min-width:800px;
	height:90%;
}

#menu{
	position:absolute;left:240px;top:0px;
	height: 50px;
}
	
a:hover{ color: black; background-color: #aaa; text-decoration:none
  }

a img {
	border: none
	}

h1 {
	color: white;
	font-size: 400%;
	font-weight: 300;
	margin: 0;
	padding: 50px 0 0
	}

h2.header {
	color: white;
	font-size: x-large;
	font-weight: lighter;
	line-height: 80%;
	white-space: nowrap;
	margin: 0;
	padding: 12px 0 0
	}

.bodycopy { 
	color: #fff; font-size: small;
 }

.price {
	color: #fff;
	display: inline;
	padding: 2px
	}

.subhead {
	color:#fff;
	font-size: small;
	font-weight: bold;

	}

#banner{
	margin:20px 0 0 0;
	text-align:center
}

#leftImage {
	margin-top: 90px
	}

#rightcolimgs {
	margin-top: 15px
	}

#rightcolimgs img {
	margin-bottom: 15px
	}

#menu a{ border:solid 1px #d5dbdc; padding:2px 4px; float:right; margin-top:5px; margin-left:1px;}

#menu a:hover{ color:#000; background-color: #aaa; border: solid 1px; }


/* Äußere Box für den gesamten Bildergalerie-Bereich - DIV selber (id = _01gallery) */
#_01gallery{
	text-align:left;
	}

.box_out{  color:#fff; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; position: absolute; left: 20px; max-width: 900px; }

/* Link-Definitionen (box_out) */
.box_out a:link,.box_out a:visited  {
	text-decoration: underline;
	color: #aaa;
}
.box_out a:hover  {
	text-decoration: none;
	color: #000;
}

/* Textattribute für Fehlermeldungen */
p.errormsg {
	color:red;
}


/* Formatierung der Bilderalben "Breadcrumps" */
h2.breadcrumps {
	font-size:21px;
}










/* Galerie-Auflistung */
/* Allgemeine Formatierung des Beschreibungstextes */
.gallist_u_beschreibung p {
	margin:0;
	margin-top:5px;
}

/* Aussehen der Passwort-Box, die angezeigt wird, wenn eine Galerie mit einem Passwort geschützt ist */
.galpwbox {
	width:400px;
	height:125px;
	margin: 0 auto;

	padding:5px;
	border:1px solid #eee;

	text-align:center;
}


/* Auflistung untereinander */
/* Formatierung des Galerienamens */
h3.gal_title {
	margin-top:0;
	margin-bottom:5px;
	font-weight:normal;
}

/* Formatierung des Hinweistextes, wenn ein Bilderalbum mit einem Passwort geschützt wrde */
.gallist_u_beschreibung p.gal_password {
	font-size:8pt;
}

/* Rahmen für die Tabellenzellen */
td.gallist_u_beschreibung {
	border-bottom:0px solid #000;
}

/* Rahmen für Galerie-Thubnails */
td.gallist_u_thumbnail img {
	border:1px solid #000;
	padding:5px;
}







/* CSS-Definitionen für die Thumbnail-Auflistung */
/* CSS-Gallery by dnevnikeklektika.com
-	http://web.archive.org/web/20070410114605/http://dnevnikeklektika.com/en/css-gallery-layout-en
-	http://dnevnikeklektika.com/en/css-gallery-layout-en
*/
.cssgallery{
	margin:0; padding:0;					/* NICHT VERÄNDERN!!! */
	overflow:hidden; 						/* NICHT VERÄNDERN!!! - Clears the floats */
	width:100%; 							/* NICHT VERÄNDERN!!! - IE and older Opera fix for clearing, they need a dimension */
	list-style:none;						/* NICHT VERÄNDERN!!! */
}

.cssgallery li{
	float:left;								/* NICHT VERÄNDERN!!! */
	display:inline; 						/* NICHT VERÄNDERN!!! - For IE so it doesn't double the 1% left margin */
	margin:0 0 0 1%; padding:0 0;	/* Bestimmt den Abstand der einzelnen Bilder zueinander */
	position:relative; 						/* NICHT VERÄNDERN!!! - This is the key */
	text-align:center;
}

.cssgallery a{
	display:block;
	margin:0 auto;
}

.cssgallery img{					/* Hier kann ein Rahmen um die Thumbnails angelegt werden */
	padding:3px;
	border:1px solid #000;
}

a img{ border:none; } 						/* NICHT VERÄNDERN!!! - A small fix */









/* DIV für die Detailansicht eines einzelnen Bildes */
div.picdetailview {
	width:95%;
	margin:0 auto;
	padding:10px;

	text-align:center;
}

/* CSS-Classe des Detailbildes */
img.picdetailimg {
	width:auto !important;
	width:100%;
	max-width:100%;
	border:0;
}

/* CSS-Classe für Bildtitel in der Detailansicht */
h3.picdetailh3 {
	margin-top:5px;
	margin-bottom:10px;
}

/* Beschreibungstext in der Detailansicht */
div.picdetailview p {

}

/* DIV-Box für die Thumbnails unterhalb der Detailansicht */
div.picstream {

}







/* Definition für Kommentar-Box (Anzeige von Kommentaren) */
.commentbitbox {
	width:80%;
	text-align:left;
	border: 1px dotted #999;
	padding:8px;
	margin:0 auto;
	}

.comment_text {
	font-size:12px;
	text-decoration:none;
	}

/* Definition für "Kommentar-Hinzufügen"-Tabelle */
.commentaddbox {
	width:82%;					/* 2% größer als width von .commentbitbox wählen */
	text-align:left;
	border: 1px dotted #999;
	padding:8px;
	}










/* Formatierung der Tabelle mit Weiter- und Zurück-Links bei mehrseitigen Auflistungen */
.galpagestable,
.picpagestable {
	width:100%;
	margin-top:25px;
}





/* Aussehen von kleinem Text */
.small01acp, .small01acp a:link,.small01acp a:visited {
	font-size:10px;
	text-decoration:none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	}
.small01acp a:link,.small01acp a:visited {
	text-decoration:underline;
	}
.box_out a:hover  {
	text-decoration: none;
}

/* Hervorgehobener, wichtiger Text */
.highlight {
	font-weight:bold;
	color:red;
	}







/* Formular-Elemente */
/* Normales Textfeld */
.input_field {

	}

/* CSS-Klasse für Mehrzeilige Eingabefelder (textareas) */
.textareafeld {
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Formular-Buttons */
.input_button {

	}

/* Dropdown-Boxen */
.input_selectfield {

	}








/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;				/* Overlay-Hintergrundfarbe der Lightbox-Abdunklung */
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;				/* Hintergrundfarbe des Untertitel-Bereichs */
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;			/* Bildrahmenfarbe um das in der Lightbox geöffnete Bild herum */
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}
#lbNextLink {
	right: 0;
}

/* Untertitel-Textdefinition */
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}



/* Rahmen um Bilder standardmäßig entfernen */
img *,
img.noborder,
td.gallist_u_thumbnail img.noborder {
	border:0;
}

.copyright {
	padding-top:15px;
	font-size:11px;
	text-decoration:none;
	}

</style>
<style type="text/css">
.cssgallery li{
	width:auto;
	height:145px;
}

.cssgallery li.stream{
	width:130px;
	height:145px;
}

.cssgallery li.smallstream{
	width:50px;
	height:67px;
}

.cssgallery a:link,
.cssgallery a:visited,
.cssgallery a:focus,
.cssgallery a:hover,
.cssgallery a:active{
	width:120px;
	height:120px;
	position:absolute; top:50%; left:50%; 	/* NICHT VER?NDERN!!! - position it so that image's top left corner is in the center of the list item */
	margin:-60px 0 0 -60px; 				/* NICHT VER?NDERN!!! - Pull the image into position with negative margins (margins value is half of the width of the image) */
}

.cssgallery li.smallstream a:link,
.cssgallery li.smallstream a:visited,
.cssgallery li.smallstream a:focus,
.cssgallery li.smallstream a:hover,
.cssgallery li.smallstream a:active{
	width:40px;
	height:40px;
	position:absolute; top:50%; left:50%; 	/* NICHT VER?NDERN!!! - position it so that image's top left corner is in the center of the list item */
	margin:-30px 0 0 -20px; 				/* NICHT VER?NDERN!!! - Pull the image into position with negative margins (margins value is half of the width of the image) */
}