@CHARSET "UTF-8";
/*--------------------------GRUNDLEGENDES ANFANG--------------------------*/
body {
	font-family: helvetica;
	font-size: 14px;
	line-height: 20px;
	background: #20201d url('../img/backg.jpg');
}

fieldset, label, input {border: none;}

.ajaxSearch_intro, {display: none;}

img { border: 0; }

p {	margin: 0; padding: 0;}

p.clr{
    padding:0;
    margin:0;
    clear:both;
    font-size:0;
    line-height:0;
    height: 0;
}


ul { list-style-type: none; }

h1 { font-size: 130%; font-weight: bold; color: #ce8019; }

h2 { font-size: 120%; font-weight: bold; color: #ce8019; letter-spacing: 2px;}

h3 { font-size: 110%; font-weight: bold; color: #ce8019; }

a, a:link, a:visited { text-decoration: none; color: #CE8019; font-weight: 800; }

a:hover, a:active { text-decoration: underline;	color: #ce8019; }

/*--------------------------GRUNDLEGENDES ENDE--------------------------*/
.inhalt_links {
	position: relative;
	display: inline;
	padding: 0 20px 0 0px;
	width: 620px;
	float: left;
}

.inhalt_rechts {
	position: relative;
	display: inline;
	padding: 0 20px 0 0px;
	width: 250px;
	float: right;
}
/*--------------------------CONTAINER ANFANG--------------------------*/
#seiten_container {
	margin: 0 0 0 40px;
}

#seite {
	margin: 0em auto;	
	width: 980px;
	opacity: 0.7;
}

#header {
	position: relative;
}

#header_top {
	position: relative;
	background: url('../img/header_top.jpg') no-repeat;
	height: 51px;
}

#header_content {
	position: relative;
	background: url('../img/content_spacer.jpg') repeat-y;
	width: 980px;
}

#header_content .inhalt_rechts ul {margin: 0 0 0 -20px;}
#header_content .inhalt_rechts li {display: inline; float: left; padding: 4px; height: 35px;}
#header_content .inhalt_rechts li div {float: left;}

.header_image {margin-left: 45px; height: 229px}
#slide {
	position: relative;
	width: 650px;
	height: 229px;
	overflow: hidden;
	z-index: 1;	
}


#top_navigation {height: 40px; margin: 0 0 0 10px; }

#top_navigation ul { margin: 0;}

#top_navigation li {display: inline; float: left; padding: 4px; height: 35px;}
#top_navigation li a,#top_navigation li a:visited {color: #fff;}
#top_navigation li a:hover {text-decoration: none;}
#top_navigation li div {float: left;}

#top_navigation li:hover .button_left {height: 35px; width: 10px; background: url('../img/active_button_left.png') no-repeat;}
#top_navigation li:hover .button_content {height: 35px; background: url('../img/active_button_spacer.png') repeat-x;}
#top_navigation li:hover .button_right {height: 35px; width: 10px; background: url('../img/active_button_right.png') no-repeat;}

.button_left {height: 35px; width: 10px; background: url('../img/button_left.png') no-repeat;}
.button_content {height: 35px; background: url('../img/button_spacer.png') repeat-x; margin-left: -8px; padding: 7px 10px 0 10px;}
.button_right {height: 35px; width: 10px; background: url('../img/button_right.png') no-repeat;}

#suchfunktion {position: absolute; left: 20px; padding: 3px 0 0 32px; margin-top: 10px; background: url('../img/suche.png') no-repeat; width: 190px; height: 37px; border: none}
#suchfunktion span {padding-left: 30px;}
div #suchfunktion {}

.message {color: #CE8019;}
.login li, .login p {color: #CE8019;}
.login legend {font-weight: bold; color: #CE8019;}
.login .small_links li a, .login .small_links li a:visited{font-size: 10px;}

.footer_links {padding-top: 4px;}

#header_footer {
	position: relative;
	background: url('../img/header_bottom.jpg') no-repeat;
	width: 980px;
	height: 11px;	
}

/* has to have dynamic height */
#content {
	margin: 20px 0 20px 0;
}

#content_top {
	background: url('../img/content_top.jpg') no-repeat;
	height: 17px;
}

#content_content {
	background: url('../img/content_spacer.jpg') repeat-y;
}

#content_content .inhalt_links {
	color: #fff;	
	position: relative;
	display: box;
	margin: 5px 0 0 60px;
}

#content_content .inhalt_rechts {
	color: #fff;	
	position: relative;
	display: box;
	margin: 5px 0 0 0px;
}

#content_footer {
	background: url('../img/content_bottom.jpg') no-repeat;
	width: 980px;
	height: 18px;
}

#footer {
	height: 25px;
}

#footer_top {
	background: url('../img/footer_top.jpg') no-repeat;
	width: 980px;
	height: 8px;
}

#footer_content {
	height: 100%;
	background: url('../img/content_spacer.jpg') repeat-y;
	width: 980px;
}

#footer_content .inhalt_links { margin: 6px 0 0 60px; color: #fff;}

#footer_footer {
	background: url('../img/footer_bottom.jpg') no-repeat;
	width: 980px;
	height: 8px;
}

/*--------------------------CONTAINER ENDE--------------------------*/

/*----------------Galerie-------------------*/
.gallery {margin: 0 0 0 20px;}
.gallery p {color: #000; width: 160px;}

.galerie_vorschau {
	padding: 4px 10px 10px 10px;
	margin-bottom: 10px;
	border-right:none;
	border-bottom:none;	
	color: #000;
	background: #fff;
}

/*Schatten um die Vorschaubilder*/
DIV.shadow {
   float: left;
   background-color: #bbb;
   padding: 0;
   margin: 0.7em 1em;
}

DIV.shadow IMG {
   display:block;
   border: 1px solid #666;
   position: relative;
   top: -3px;
   left: -3px;
}

.galerie_vorschau .galerie_datum {color: #ce8019;}
.galerie_vorschau_on .galerie_datum, .galerie_vorschau_on h3 {color: #fff;}

.galerie_vorschau_on{
	padding: 4px 10px 10px 10px;
	margin-bottom: 10px;
	border-right:none;
	border-bottom:none;	
	background: #aaa;
}

.galerie_vorschau_bild {float: left; margin-top: 10px;}
.galerie_vorschau_bild img {border: 1px dashed #AAA}
.galerie_detail {float: left; padding: 4px; margin: 0 0 0 8px;}
.galerie_detail p {width: 400px;}

.galerie_datum {color: #ce8019;}


.foto_border {
	padding: 4px 10px 10px 10px;
	border-right:none;
	border-bottom:none;	
	background: #fff;
}

.foto_border img, .foto_border, .foto_border_on {text-align: center;}

.foto_border .filename a, .foto_border_on .filename a {clear: left; display: block; width: 178px; font-size: 10px;}

.foto_border_on a {color: #fff;}

.foto_border_on {
	padding: 4px 10px 10px 10px;
	border-right:none;
	border-bottom:none;	
	background: #aaa;
}

div .blaetterfunktion {position: relative; width: 600px; font-size: 11px;}
div .seitenwaehler a {padding-right: 4px;}

.seitenwaehler .ditto_currentpage {color: #FFFFFF;}

div .blaetterfunktion a.active_link {color: #FF8787;}

div .gallery_preview {margin: 4px 0 0 0; padding: 4px;}
div .gallery_detail, div .gallery_tplpreview {float: left;}

.blaetterfunktion .pages {position: relative; margin-left: 23px;}

.pages a {padding: 4px;}

/*----------------Galerie Ende-------------------*/

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

.latest_galleries {margin-top: 60px;}
.latest_galleries p {padding: 0 0 20px 0}