/*

Styles by outline4.ch

link 81a4c1
hintergrund f8f8f8 oder fbfdef
schrift 6c6b6b
schrift a7a6a6 mit 60% transparenz 
fläche e7ecef mit 60% transparenz
fläche f1f4f5 mit 100% transparenz
schwarz 252525

margin-bottom 21px!
-------------------------------------------------------------------------------------------------------*/

html,body { height: 100%; margin: 0; padding: 0; }
body {min-width: 960px;} /*** Content Minmum Width, not used by IE5/6, or early versions of Safari ***/

body { color: #6c6b6b; text-align: center; }

a, a:visited {color: #81a4c1; text-decoration: none; font-weight: normal; }
a:hover { color: #6c6b6b; font-style: italic;}

.ethik {text-align: left; padding: 30px; width: 500px;}

#wrapper, #wrapper_home { position: relative; /* display: table; */ width: 960px; height: 100%; margin: 0 auto; background: transparent url(/images/layout/wrapper_background_2.gif) no-repeat 0 147px; text-align: left;  z-index: 1;  /* border: 1px solid black;  */ /* overflow: hidden; */ /* background: transparent url(/images/layout/vertical-grid-21px.png) repeat-y top left; *//*  background: transparent url(/images/layout/test-home.jpg) no-repeat 50% 0; */}
#wrapper_home { background: transparent; }
	.left_fade {position: absolute; left: 0; top:0;  width: 42px; height: 100%; background: transparent url(/images/layout/left_fade.png) repeat-y 0 0; z-index: 2;}
	.right_fade {position: absolute; right: 0; top:0;  width: 42px; height: 100%; background: transparent url(/images/layout/right_fade.png) repeat-y 0 0; z-index: 2;}

	#edit_home {position: fixed; top: 0; left: 0; min-width: 100px;  text-align: left; z-index: 5; padding: 21px; background: #f2f6fc url(/images/layout/stripe.png) repeat 0 0;}
	#edit_home li {list-style: none;}
	
	#header {position: relative; width: 100%; height: 105px; }
		#logo_container, #logo_container_home { position: relative;  margin: 0 auto; padding: 21px; height: 63px; width: 328px; /* border: 1px solid red; */ margin-top: 0px; background: #e7ecef; /* opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.60; */}
		#logo_container_home {opacity:.60; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity=60); -moz-opacity: 0.60;}
		#logo_container_home:hover {opacity:.99; opacity:.99; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=99); filter: alpha(opacity=99); -moz-opacity: 0.99;}
		
			#logo { position: absolute; left: 38px; top: 40px; }
			
	#content_container {position: relative; width: 100%; z-index: 0; height: auto;}
		
		.content_item, .last_content_item { margin: 0 auto; padding: 21px 21px 2px 21px; margin-bottom: 21px; width: 328px; z-index: 1; background: #e7ecef; /* opacity:.60; filter: alpha(opacity=60); -moz-opacity: 0.60; */}
		.last_content_item { margin-bottom: 42px; }
		.white_space {margin: 0 auto; text-align: center; height: 21px; padding: 0px; width: 370px; background: #fff;}

		.intro_text { height: 63px; margin-bottom: 0px; padding-bottom: 0px; background: #fff;}
		.intro_no_nav {height: 42px; margin: 0; padding: 0;}
		.intro_image { height: 42px; margin-bottom: 0px; padding: 0px; padding-bottom: 0px; background: transparent;}
		
		.sold {padding-right: 20px; background: transparent url(/images/layout/bullet-green.png) no-repeat right 50%;}
		
		.image_item, #main_image { position: relative; margin: 0 auto; /* margin-bottom: 21px; */ padding:0; width: 690px; /* height: 441px; */ background: #fff; z-index: 1;}
		.thumbnails_item { /* height: 65px; */ margin-bottom: 0px; padding-bottom: 0px; background: transparent; text-align: center; z-index: 2;}
			
			#photos li { padding: 0px;} 
			#photos, #single_photo { /* margin-bottom: 10px; */ }
			
			#single_photo li { list-style: none;}

		td.news_schmuck {padding-bottom: 21px;}
		td.last_news_schmuck {padding-bottom: 0;}
		.news_kat { font-size: 0.9em; font-style: italic;}
		.nomarginbottom { margin-bottom: 0px; padding-bottom: 0px;}
		.margin_btm { margin-bottom: 21px;}
		
		span.caption { position: absolute; padding: 11px 21px 0 21px; bottom: 0px; left: 0px; width: 526px; height: 33px; background: #fff; z-index: 4; opacity:.60; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity=60); -moz-opacity: 0.60; }

		#desc_toggler { position: absolute; top: 348px; left: 30px; z-index: 3; }
		
		#prev_link { position: absolute; top: 168px; left: 0px; z-index: 3; display: none;}
		#next_link { position: absolute; top: 168px; right: 0px; z-index: 3; display: none;}
		
		#navigation, #navigation_home {position: absolute; width: 960px; left:0; top:0; height: 63px; z-index: 2; background: transparent; }
		
			#mainnavigation, #mainnavigation_home { position: relative; display: table; margin: 0 auto; padding: 10px; height: 21px; text-align: center; white-space: nowrap; /* background: #fff; */ } 
			
			#navigation_home, #mainnavigation_home {background: transparent;}	

			#subnavigation { position: relative; display: table; margin: 0 auto; text-align: center; white-space: nowrap; height: 21px; }

				.mainnav { display: inline; overflow: hidden; float: left; }
				.subnav  { display: inline; overflow: hidden; float: left; }
				
				.subnav a, .subnav a:link, .subnav a:visited  {padding: 2px 10px; font-size: 12px; /* display: table-cell; */ color:#6c6b6b; background-color: #fff; opacity:.60; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity=60); -moz-opacity: 0.60; }

				.mainnav a, .mainnav a:link, .mainnav a:visited {padding: 9px 10px; font-size: 14px; text-transform: uppercase; color:#6c6b6b; background-color: #fff; opacity:.60; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter: alpha(opacity=60); -moz-opacity: 0.60; }				
				.mainnav a:hover, .subnav a:hover, .subnav a.here { color:#6c6b6b; background-color: #fff; opacity:.99; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=99); filter: alpha(opacity=99); -moz-opacity: 0.99; font-style: normal; }
				
				.first_nav {padding-left: 0px!important;}
				.last_nav {padding-right: 0px!important;}
	
	#footer_container {position: fixed; bottom: 0px; left: 0px; width: 100%; height: 42px; background: transparent url(/images/layout/footer_fade.png) repeat-x 0 0; z-index: 2; /* border: 1px solid green; */}
		#footer {position: relative; width: 960px; margin: 0 auto; padding-top: 11px; text-align: center;}


.small {font-style: italic; font-size: 0.9em;}


/*  Gallerific Styles
--------------------------------------------------------------------------------------------*/

div.slideshow-container {
	position: relative;
	clear: both;
	height: 444px;
	width: 690px; 
}

div.loader {
	position: relative; background-image: url('/js/galleriffic-2.0/loader.gif'); background-repeat: no-repeat; background-position: center; background-color: transparent; width: 690px; height: 441px; 
	/* display: none; */
}

	.caption-container { position:absolute; bottom:0; left:0; clear:left;  z-index:99; }
		span.image-caption { display: block; position: absolute; width: 690px; bottom: 0; left: 0; background: white; }
		div.caption { padding: 10px 20px; text-align: center; }
	
	
	div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; padding: 0; margin: 0; }
	div.slideshow a.advance-link { position: relative; display: block; width: 690px; height: 411px; }
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; border: none; }
	div.slideshow img { }

.nav_elements {position: relative; width: 20px; float: left; /* border: 1px solid blue; */ height: 30px;}

.prev_container {position: absolute; top: 20px; left: 10px; width: 20px; z-index: 99;}
.next_container {position: absolute; top: 20px; right: 10px; width: 20px; z-index: 99;}

.navigation-container {position: relative; float: left;  width: 690px; height: 61px; /* border: 1px solid green; */ overflow: hidden; margin: 0;  }
		
	.thumbs_container {position: relative; float: right; left: -50%; text-align:left; /* width: 640px; border: 1px solid blue; text-align: center; */}
		
		ul.thumbs { /* clear: both; */ position: relative; left: 50%; list-style: none; /* border: 1px solid maroon; */}
		ul.thumbs li { position: relative; float: left; margin: 0px 5px 0 0; /* padding: 0; margin: 0px 5px 0 0; list-style: none; */ }

		a.thumb { float: left; text-align: center; white-space: nowrap; padding: 2px; /* display: block; */ /* border: 1px solid #ccc;  , ul.thumbs li.selected a.thumb */ }
		ul.thumbs li.selected a.thumb { background: #e7ecef;}
		a.thumb:focus { outline: none; }
		ul.thumbs img { border: none; /* display: block; */ }

		
		ul.thumbs.noscript li {padding-bottom: 30px;}
		
div.navigation a.prev { z-index: 99; }
div.navigation a.next { z-index: 99; }

.controls { position: relative; /* float: left; */ margin: 0 auto; width: 275px; height: 21px; padding-bottom: 5px; white-space: nowrap; overflow: visible; /* display: none; */}
	.controls a {color: #c2c0c0;}
	.controls a:hover {color:#6c6b6b;}
	.ss-controls,
	.nav-controls { float: left; margin-right: 5px; padding-bottom: 5px;}
	 	.nav-controls a.prev, .nav-controls a.prev 	 { margin-right: 5px; }