/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
    margin: 50px 0 0 0;
    padding: 0;
    background: #636363 url(images/img01.gif) repeat-x;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #cccccc;
}

h1, h2, h3 {
    margin: 0;
    font-weight: normal;
    color: #cccccc;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 23px;
}

p, ul, ol {
    margin: 0 0 1,5em 0;
    text-align: justify;
    line-height: 20px;
    font-size: 11px;
}

a:link {
    color: #cccccc;
}

a:hover, a:active {
    text-decoration: none;
    color: #cccccc;
}

a:visited {
    color: #cccccc;
}

img.left {
    float: left;
    margin-right: 15px;
}

img.right {
    float: right;
    margin-left: 15px;
}

img {border: none;} 

/* Form */

form {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

legend {
    display: none;
}

input, textarea, select {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #cccccc;
}

/* Header */

#header {
    width: 900px;
    height: 45px;
    margin: 0 auto 40px auto;
    background: url(images/img03.gif) repeat-x left bottom;
}

#logo {
    float: left;
}

#logo h1 {
    font-size: 30px;
    color: #cccccc;
}

#logo h1 sup {
    vertical-align: text-top;
    font-size: 24px;
}

#logo h1 a {
    color: #cccccc;
}

#logo h2 {
    margin-top: -10px;
    font-size: 12px;
    color: #cccccc;
}

#logo a {
    text-decoration: none;
}

/* Page */

#page {
    width: 900px;
    margin: 0 auto;
}

/* Content */

#content {
    float: left;
    width: 100%;
}

/* Post */

.post {
}

.post .title {
    margin-bottom: 20px;
    padding-bottom: 5px;
    background: url(images/img03.gif) repeat-x left bottom;
}

.post .entry {
}

.post .meta {
    padding: 15px 0 0 0;
    background: url(images/img03.gif) repeat-x;
}

.post .meta p {
    margin: 0;
    line-height: normal;
    color: #999999;
}

.post .meta .byline {
    float: left;
}

.post .meta .links {
    float: right;
}

.post .meta .more {
    padding: 0 20px 0 18px;
    background: url(images/img06.gif) no-repeat left center;
}

.post .meta .comments {
    padding-left: 22px;
    background: url(images/img07.gif) no-repeat left center;
}

.post .meta b {
    display: none;
}

/* Boxes */

.box1 {
    padding: 20px;
    background: url(images/img05.gif) no-repeat;
}

.box2 {
    color: #BABABA;
}

.box2 h2 {
    margin-bottom: 15px;
    background: url(images/img10.gif) repeat-x left bottom;
    font-size: 16px;
    color: #FFFFFF;
}

.box2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
    color: #EDEDED;
}

/* Footer */

#footer {
    height: 55px;
    min-height: 55px;
    padding: 50px 0 0 0;
    background: #003448 url(images/img09.gif) repeat-x;
    color: #cccccc;
}

html>body #footer {
    height: auto;
}

#legal {
    clear: both;
    padding-top:25px;
    text-align: center;
    color: #cccccc;
}

#legal a {
    color: #cccccc;
}

#fbox1, #fbox2, #fbox3 {
    float: left;
}

#fbox1 {
    width: 180px;
}

#fbox2 {
    width: 180px;
    padding-left: 15px;
}

#fbox3 {
    width: 180px;
    padding-left: 15px;
}









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

.box_out{
	width: 100%;
	margin: 0 auto;
	color:#cccccc;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	}

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

/* 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 {
	color:#999
	}

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

/* Formular-Buttons */
.input_button {
	color:#999;
	}

/* 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-Hinweis */
/* Sichtbare Hinweis darf ohne eine entsprechende Lizenz NICHT entfernt werden! */
.copyright {
	padding-top:15px;
	font-size:11px;
	text-decoration:none;
	}