* {
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

input, select {
	vertical-align: middle;
	font-weight: normal;
}

img {
	border: 0;
	vertical-align: top;
	text-align: left;
}

ul, ol {
	list-style: none;
}

object {
	vertical-align: top;
	outline: none;
}

a {
	outline: none;
	color: #fff;
}

	a:hover {
		text-decoration: none;
	}

html {
	min-width: 980px;
}

body {
	background: #000002;
	font-family: Verdana, Verdana;
	font-size: 100%;
	line-height: 0.5em;
	color: #393939;
}

h2 {
	background: url(images/title-tail.gif) repeat-x 0% 100%;
	margin: 0 0 27px 0;
	padding: 0 0 4px 0;
	text-transform: uppercase;
	line-height: 1.222em;
	font-size: 1.0em;
	color: #f7e9c7;
	font-family: Verdana;
	font-weight: lighter;
}

	h2.extra {
		margin: 0 0 31px 0;
	}

h3 {
	padding: 0 0 10px 0;
	text-transform: uppercase;
	line-height: 1.25em;
	font-size: 1.917em;
	font-weight: 200;
	color: #fed79d;
}

h6 {
	padding: 0 0 1px 0;
	text-transform: uppercase;
	line-height: 1.133;
	font-size: 1.25em;
	font-weight: bold;
	color: #c6ad73;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

#main-bg-top {
	position: relative;
}

#main-bg-bot {
	background: url(images/main-bg-bot.jpg) no-repeat 50% 100%;
	width: 100%;
	font-size: 100%;
}

#main {
	position: relative;
	width: 926px;
	margin: 0 auto;
	font-size: 0.75em;
}

#header {
	position: relative;
	height: 350px;
	width: 100%;
}

#logo {
	position: absolute;
	top: 62px;
	left: 0;
}

#menu {
	overflow: hidden;
	position: absolute;
	top: 194px;
	left: -40px;
}

	#menu li {
		background: url(images/menu-divider.gif) no-repeat 0% 0%;
		float: left;
		margin: 0 0 0 -1px;
		padding: 3px 43px 0 44px;
		text-transform: uppercase;
		font-size: 1.417em;
		font-weight: 700;
		color: #fed77d;
	}
	
		#menu li a {
			text-decoration: none;
			color: #fed77d;
		}
		
			#menu li a span {
				text-transform: none;
			}

#content {
	position: relative;
	padding: 53px 0 64px 0;
}

	#page1 #content {
		padding: 47px 0 64px 0;
	}

	#content .indent {
		background: url(images/content.gif) repeat-y 0% 0%;
		padding: 0 25px 0 27px;
	}
	
	#content p {
	padding: 0 0 20px 0;
	line-height: 1.133em;
	font-size: 1.0em;
	color: #CDC28B;
	}
	
		#content p.extra {
			padding: 0 0 48px 0;
		}
		
		#content p.extra1 {
			padding: 0 0 33px 0;
		}
		
		#content p.extra2 {
			padding: 0 0 43px 0;
		}
		
		#content p.extra3 {
			padding: 0 0 16px 0;
		}
	
		#content p.extra-ind {
			padding: 0 0 63px 0;
		}
		
		#content p small {
			float: right;
			padding: 0 26% 0 0;
			font-size: 1em;
		}

.line-ver-1 {
	background: url(images/line-ver.gif) repeat-y;
	width: 100%;
}

.line-ver-2 {
	background: url(images/line-ver.gif) repeat-y;
	width: 100%;
}

.list {
	padding: 0 0 40px 0;
	overflow: hidden;
}

	.list li {
		background: url(images/marker.gif) no-repeat 0% 5px;
		padding: 0 0 0 27px;
		line-height: 1.467em;
		font-size: 1.05em;
		color: #c6ad73;
	}
	
		.list li a {
			text-decoration: none;
			color: #c6ad73;
		}
		
		.list li a:hover {
			text-decoration: underline;
		}

.list-1 {
	overflow: hidden;
	margin: 0 0 -9px 0;
}

	.list-1 dt {
	padding: 0 0 1px 0;
	text-transform: uppercase;
	line-height: 1.133;
	font-size: 1.1em;
	font-weight: bold;
	color: #c6ad73;
	}
	
		.list-1 dt a {
			text-decoration: none;
			color: #c6ad73;
		}
		
		.list-1 dt a:hover {
			text-decoration: underline;
		}
		
	.list-1 dd {
	padding: 0 0 45px 0;
	line-height: 10px;
	color: #fff;
	}

.list-2 {
	width: 100%;
	margin: -7px 0 0 0;
	padding: 0 0 5px 0;
	overflow: hidden;
}
	
	.list-2 dt {
		padding: 0 0 9px 0;
	}
	
		.list-2 dt strong {
			display: block;
			text-transform: uppercase;
			letter-spacing: -1px;
			line-height: 1.25em;
			font-size: 1.833em;
			font-weight: 400;
			color: #fff;
		}
		
		.list-2 dt b {
			display: block;
			margin: 3px 0 0 0;
			text-transform: uppercase;
			line-height: 1.400em;
			font-size: 1.05em;
			color: #fff;
		}
		
	.list-2 dd {
		width: 100%;
		padding: 0 0 23px 0;
		overflow: hidden;
	}
	
		.list-2 dd a {
			background: url(images/marker.gif) no-repeat 0% 5px;
			margin: 0 0 0 4px;
			padding: 0 0 0 27px;
			float: left;
			line-height: 1.467em;
			font-size: 1.05em;
			text-decoration: none;
			color: #c6ad73;
		}
		
		.list-2 dd a:hover {
			text-decoration: underline;
		}

.list-3 {
	padding: 0 0 41px 0;
	overflow: hidden;
}

	.list-3 li {
		width: 100%;
		vertical-align: top;
		line-height: 1.133em;
		font-size: 1.25em;
		font-weight: bold;
		color: #fff;
	}
	
		.list-3 li span {
			float: right;
			font-weight: normal;
		}

		.list-3 li a {
			float: left;
			text-transform: uppercase;
			text-decoration: none;
			color: #c6ad73;
		}
		
		.list-3 li a:hover {
			color: #fff;
		}
		
		.list-3 li strong {
			background: url(images/line-hor.gif) repeat-x 0% 13px;
			display: block;
			overflow: hidden;
		}

.list-4 {
	float: right;
	margin: 0 0 23px 10px;
}

	.list-4 li {
		padding: 0 0 13px 0;
	}

.list-5 {
	overflow: hidden;
	padding: 0 0 36px 0;
}

	.list-5 dt {
		padding: 0 0 1px 0;
		text-transform: uppercase;
		line-height: 1.133;
		font-size: 1.25em;
		font-weight: bold;
		color: #c6ad73;
	}
	
		.list-5 dt a {
			text-decoration: none;
			color: #c6ad73;
		}
		
		.list-5 dt a:hover {
			text-decoration: underline;
		}
		
	.list-5 dd {
		padding: 0 0 16px 0;
		line-height: 1.133em;
		font-size: 1.25em;
		color: #fff;
	}

.list-indent {
	margin: 0 0 -12px 0 !important;
}

.list-indent1 {
	padding: 0 0 34px 0 !important;
}

.list-indent2 {
	margin: -7px 0 7px 0 !important;
}

.link {
	background: #c3b675 url(images/link.gif) no-repeat 100% 0%;
	display: block;
	height: 24px;
	padding: 0 0 0 10px;
	overflow: hidden;
	line-height: 24px;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: lighter;
	color: #000;
}

	.link:hover {
		text-decoration: underline;
	}

.next {
	background: url(images/next.gif) no-repeat 100% 0%;
	display: block;
	width: 82px;
	height: 25px;
	float: right;
	padding: 0 0 0 10px;
	overflow: hidden;
	line-height: 22px;
	text-decoration: none;
	font-size: 1.25em;
	font-weight: bold;
	color: #000;
}

	.next:hover {
		text-decoration: underline;
	}

.prev {
	background: url(images/prev.gif) no-repeat 100% 0%;
	display: block;
	width: 102px;
	height: 25px;
	float: left;
	padding: 0 0 0 10px;
	overflow: hidden;
	line-height: 22px;
	text-decoration: none;
	font-size: 1.25em;
	font-weight: bold;
	color: #000;
}

	.prev:hover {
		text-decoration: underline;
	}

.phone {
	margin: 15px 0 0 24px;
}

.indent-bot {
	margin: 0 0 49px 0;
}

#contact-form {
	width: 253px;
}

	#contact-form label {
		display: block;
		width: 100%;
		height: 40px;
		overflow: hidden;
	}
	
	#contact-form span {
		display: block;
		line-height: 1.2em;
		font-size: 1.25em;
		color: #fff;
	}
	
	#contact-form input {
		background: #fff;
		width: 243px;
		height: 14px;
		padding: 0 3px 0 3px;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.917em;
		color: #000;
	}
	
	#contact-form textarea {
		background: #fff;
		width: 243px;
		height: 202px;
		padding: 0 3px 0 3px;
		float: left;
		overflow: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.917em;
		color: #000;
	}
	
	#contact-form a {
		background: url(images/contact-link.gif) no-repeat 100% 0%;
		display: block;
		width: 102px;
		height: 25px;
		float: right;
		margin: 37px 0 0 0;
		padding: 0 0 0 10px;
		overflow: hidden;
		line-height: 22px;
		text-decoration: none;
		font-size: 1.25em;
		font-weight: bold;
		color: #000;
	}
	
		#contact-form a:hover {
			text-decoration: underline;
		}
		
	#contact-form strong a {
		float: left !important;
	}

.no-indent {
	margin: 0 !important;
	padding: 0 !important;
}

#footer {
	height: 90px;
	overflow: hidden;
}

	#footer p {
	padding: 20px 1px 0 0;
	text-align: right;
	font-size: 1.0em;
	color: #a28a5d;
	}
	
		#footer p span {
			padding: 0 2px 0 0;
		}
	
		#footer p a {
			margin: 0 0 0 2px;
			color: #a28a5d;
		}
		
		
		
























/* Ä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:#FFF;
	text-align:left;
	}

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

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

/* Formatierung der Bilderalben "Breadcrumps" */











/* 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-size: 1.2em;
	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;
}

/* Bildergalerien auflisten (nebeneinander), DIV-Box */
div.gallistbox {
	height: 130px;
	float:left;
	margin:2px;
	padding:3px;
	width:160px;
	text-align:center;
	}







/* 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: #000;				/* 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 */
	border:0;
	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: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 0;
	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;
	}










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









/* Jedes Element (headline,text,footline) hat zusätzlich diese Klasse */
div.inner_box {
	width:100%;
	display:block;
	}

/* Klasse für den Headline-Bereich */
.artikel_headline {

	}

/* Artikel-Titel (innerhalb von artikel_headline) */
h2.titel{
	font-weight:bold;
	font-family: Verdana, Arial,;
	font-size:1.2em;
	margin-bottom:5px;
	padding-bottom:10px;
	text-decoration:none;
	}

/* Link-Definitionen (titel) */
.titel a:link, .titel a:visited {
	text-decoration:none;
	border:0;
	}

/* Informationen zum Artikel unterhalb des Titels */
.headline_small, .footline_small {
	font-size:0.1em;
	text-decoration:none;
	text-transform: uppercase;
	}

div.footline_small {
	clear: both;
	}

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












/* Aussehen der Artikel-DIV-Box */
.artikel_textbox {

	}

/* Aussehen der Artikel-Texte / der Artikel-DIV-Box */
.artikel_text, body.mceContentBody {

	}

/* Link-Definitionen (artikel_text) */
.artikel_text a:link, .artikel_text a:visited, .mceContentBody a  {
	text-decoration: underline;
}
.artikel_text a:hover  {
	text-decoration: none;
}

/* CSS-Eigenschaten für das Kategorie-Bild */

.artikel_catimg img {
	text-align:left;
	float:left;
	padding:5px;
	padding-top:15px;
	}












/* Definition für TABELLE mit der Seiten-Navigation */
.table_page {
	padding-top:15px;
	width:100%;
	border:0;
	}

/* Textdefinition für Seiten-Navigation (Vor, Zurück etc.) */
.page_text {

	text-decoration:none;
	}

/* Definition für Tabellenabschnitt mit weiteren Feldern (Suchbox, RSS, Archiv, Seiten etc.) */
.table_page_fields {
	padding-top:15px;
	width:auto;
	border:0;
	}

.table_page_fields td {
	padding:5px;
	}






/* Tabelle für Archiv-Ansicht */
.table_archiv {
	width:100%;
	border:0;
	}

.table_archiv td {
	padding:5px;
	}

.table_archiv_headline {
	font-weight:bold;
	}





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

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

/* Definition für "Kommentar-Hinzufügen"-Tabelle */
.commentaddbox {
	width:102%;
	text-align:left;
	border: 1px dotted #999;
	padding:8px;
	}





/* Aussehen von kleinem Text */
.small01acp, .small01acp a:link,.small01acp a:visited {
	font-size:1em;
	text-decoration:none;
	text-transform: uppercase;
	}
.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;
	}








/* Rahmen bei Bildern mit Link entfernen */
img {
	border: 0;
	}

.float_left {
	text-align:left;
	float:left;
	}
.float_right {
	text-align:right;
	float:right;
	}

/* Copyright-Hinweis */
/* Sichtbare Hinweis darf ohne eine entsprechende Lizenz NICHT entfernt werden! */
.copyright {
	padding-top:15px;
	font-size:11px;
	text-decoration:none;
	}

.lightbox {

}









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







/* Definition für "Eintrag-Hinzufügen"-Tabelle */
.addentrybox {
	width:95%;
	text-align:left;
	margin-left:10px;
	padding:8px;
	margin-bottom:5px;
	}

	
/* Textdefinition für "Eintrag-Hinzufügen"-Tabelle */
.page_text {
	font-size:12px;
	text-decoration:none;
	}
	
/* Textdefinition für Feldnamen in "Eintrag-Hinzufügen"-Tabelle */
td.fieldname, span.fieldname {
	font-weight:bold;
}
td.fieldname {
	width:155px;
	}
	
.input_field, .textareafeld {
	background-color:#D6AF5B;
	}

.textareafeld {
	margin-top:5px;
	}

/* CSS-Definition für Tabellenzeilen der "Eintrag-Hinzufügen"-Tabelle */
tr.fieldrow {

}









/* CSS-Klasse für Statusmeldungen nach dem Absenden eines neuen Eintrags */
div.gbuchmessages {
	font-weight:bold;
}

/* CSS-Klasse für Erfolgsmeldungen innerhalb von .gbuchmessages{} */
.g_erfolg {
	color:green;
}

/* CSS-Klasse für Fehlermeldungen innerhalb von .gbuchmessages{} */
.g_error {
	color:red;
}








/* CSS-Klasse für DIV-Box um die einzelnen GB-Einträge (templates/entrybit.html) */
div.gbentries {
	width:95%;
	border: 1px dotted #999;
	padding:8px;
	margin: 0 auto;
	margin-bottom:5px;
	
	text-align:left;
	font-size:11px;
}

/* Die einzelnen im ACP angelegten Eingabefelder werden bei der Ausgabe jeweils in einem
   einzelnen <p>-Block ausgegeben <p class="gbfrontend_zeile">. Die Klasse dieser Blöcke kann
   hier verändert werden */
.gbfrontend_zeile,
#content p.gbfrontend_zeile {
	margin:0;
	margin-bottom:4px;
	padding:0;
	line-height:1em;
}

/* Zusätzlich zu .gbfrontend_zeile CSS-Definition für die 1. Zeile bei der Ausgabe von Einträgen (Name + Datum) */
.gbtitlezeile {
	margin-bottom:6px;
}

/* Die Feldbezeichnungen werden bei der Ausgabe in einem SPAN-Tag der Klasse gbfrontend_fieldname ausgegeben */
.gbfrontend_fieldname {
	font-weight:bold;
}

	
	
	
	
	
	









.body.mceContentBody {
color:#FFF;
}