/**
	 *
	 *	Stylesheet for lederfabrik.at
	 *
	 *	2007-09-26	initial version
	 *
	 */

	
	
	/*-----------------------------------------------

		general settings

	-----------------------------------------------*/
	 
	/* reset font size for all elements to standard (16 Pixel) */
	html * { font-size: 100.01% } 
	
	body {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #333;
		margin: 0;
		padding: 0;
		/* alternative bg color #412924 */
		background: #382522 url(images/bg.jpg) center top no-repeat;
	}
	.hidden {
		position: absolute;
		left: -3000px;
		width: 1px;
		height: 1px;
		overflow: hidden;
	}
	
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	
	
	
	
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	
	
	.clearfix { display:inline-block; }
	/* Hide from IE Mac \*/
	.clearfix { display:block; }
	
	
	/* End hide from IE Mac */
	/* And to keep IE6 and earlier happy, use your favourite method (Conditional Comments or a CSS filter) to send them the following: */
	* html .clearfix {height:1px;}

	
	
	
	/*-----------------------------------------------

		html elements

	-----------------------------------------------*/
	
	a {
		color: #333;
		text-decoration: underline;
	}
	a:hover {
		text-decoration: none;
	}
	
	label {}
	input {}
	h1, h2, h3, h4, h5 {
		color: #32120c;
	}
	h1 {
		margin-bottom: 20px;
		font-size: 23px;
		font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	/*	text-transform: lowercase; */
		font-weight: lighter;
		border-bottom: 1px solid #32120c;
		padding: 0 0 10px 7px; 
	}
	h2 {
		margin-top: 0;
		margin-bottom: 5px;
		padding-top: 0;
		font-size: 13px;
	}
	h3 {
		font-size: 12px;
	}
	p {}
	strong {}
	pre {}
	code {}
	em {}
	blockquote {}
	.csc-header h1 {
		border-bottom: 1px solid #32120c;
		padding: 0 0 10px 7px; 
	}
	*+html .csc-header h1 { /* stoopid IE7 */
		padding: 0 0 0px 7px;
	}
	#content img {
		text-decoration: none;
		border: 0px solid #a39478;
		padding: 1px;
		margin: 0 5px 5px 0;
	}
	h1 img {
		border: none !important;
		padding: 0;
	}
	dl, dt, dd {
		margin: 0;
		padding: 0;
	}
	
	#container {
		/*position: relative;*/
		margin: 0 auto;
		width: 998px;
		font-size: 11px;
	}


	
	/*-----------------------------------------------

		page header (logo, topnav, searchbar)

	-----------------------------------------------*/
  
  #pageHeaderImages img {
    left:0;
    position:absolute;
    top:0;
  }	
  
  #pageHeader {
		position: relative;
	/*	height: 122px; */
	  height:320px;
	/*	background: #f5edca url(images/pageHeaderBg.jpg) top right no-repeat; */
	}
	#logo {
		/*position: absolute; 
		top: 0px;
		left: 0px; */
		display: block;
		width: 280px;
		height: 122px;
		text-decoration: none;
		z-index: 20;
		background-image: url(../../clear.gif);
	}
	
	#logo_wrap {
    height:122px;
    left:0;
    position:absolute;
    text-decoration:none;
    top:0;
    width:280px;
    z-index:9;
  }	

  
	#logo span { display: none; }
	
	#searchbar {
		position: absolute;
		right: 19px;
		bottom: 56px;	
		z-index:999;
	}
	#searchbar form {
		margin: 0;
		padding: 0;		
	} 
	#searchbar input#searchField {
		position: absolute;
		width: 100px;
		height: 16px;
		border: 1px solid  #31100b;
		bottom: 9px;
		right: 3px;
		font-size: 11px;
		color: #31100b;
		margin: 0 !important;
		padding:  0 !important;		
		right: 80px;
		top: 0px;
	}
	#searchSubmit {
		position: absolute;
		height: 17px;
		border: none;
		top: 0px;
		right: 0px;
		color: #31100b;
		margin: 0;
		padding: 0;	
	}
	#topNav {
		position: absolute;
		bottom: 6px;
		right: 19px;
		font-size: 11px;	
    z-index:9;	
	}
	#topNav ul {
		list-style-type: none;
	}
	#topNav ul li {
		float: left;		
	}
	#topNav  a,
	#topNav  span {
		color: #363636;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 10px;
		font-family: Verdana, sans-serif;
	}
	#topNav a:hover {
		text-decoration: underline;
	}
	
	
	
	#content ul li {    
    background:transparent url(images/kreis.jpg) no-repeat scroll left 4px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:2px 0px 1px 20px;    
  }
	
	
	
		
	/*-----------------------------------------------

		main navigation (typo3 GMENU)

	-----------------------------------------------*/
	
	#mainNavWrapper {
		background: #d5bf83;
		margin: 0;
		padding: 0;
		height: 63px;
	}
	/*	implemented as unordered list (not in use because of a rendering bug in IE)
	#mainNav img, #mainNav a {
		text-decoration: none;
		border: none;
	}
	#mainNav {
		height: 21px;
		margin: 0 0 0 0;
		padding: 14px 0 0 0;
		list-style-type: none;	
	}
	#mainNav li {
		padding: 0;
		margin: 0;
		float: left;
		height: 21px;
		border-right: 2px solid #f4ecc6;	
	}
	#mainNav div {
		display: inline;
		height: 21px;
		margin: 0;
		padding: 0;
	}
	#mainNav a {
		background: #c3a550;
		color: #fff;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		display: block;
		padding: 0 18px 0 18px;
		height: 21px;	
	}
	#mainNav .active a,
	#mainNav a:hover {
		background: url(images/mainNavBgHover.jpg) center repeat-x;
		color: #fff;	
	}
	*/
	
	/* implemented as table-menu */
	#mainNav {
		border: none;
		margin: 0;
		padding: 0;
		height: 62px;
		margin-top: 0px;
		border-collapse: collapse;
	}
	#mainNav td { 
		border: none;
		/*border-right: 2px solid #f4ecc6;*/
		height: 62px;
		padding: 0;
		margin: 0;
	}
	#mainNav tr {
		height: 62px;
		border: none;
	}
	#mainNav a {
		background: url(images/hmenue.png);
		background-position: top left;
		color: #310d07;
		font-family: Helvetica, Arial, Verdana, sans-serif;
/*		text-transform: uppercase; */
    text-align:right;
    font-weight: bold;
		font-size: 14px;
		line-height:20px;
		display: block;
		margin: 0;
		width: 180px;
		height: 62px;
		border-top: 1px solid #fff;
		border-right: 1px solid #ffffff;		
		border-bottom: 0px solid #fff;
		padding: 0px 0px 0px 0px;
		text-decoration: none; 
	}
	#mainNav .active a,
	#mainNav a:hover {
		background-position: top right;
		color: #fff;	
		text-decoration: none;
	}
	
	.mainNav_innerwrap {
    padding-right: 13px;    
    padding-top: 10px;
    position: relative;
  }	


	/* subnav layers */
	.subNav {
		background: #fff;
		border: none;
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 180px;
	}
	.subNav li {}
	.subNav li div {
		display: block;
	}
	.subNav li a {
		width: 170px;
		display: block;
		border-top: 1px solid #fff;
		padding: 4px 0 4px 11px;
		font-size: 12px;
		text-decoration: none;
		font-weight: normal;
		font-family: Verdana, sans-serif;
		background: #EADC9C;
		color: #310d07;
	}
	.subNav li a:hover {
		background: #fff;
		color: #c3a550;
		display: block;
		background: #32120C;
		color: #fff;
	}


	
	/*-----------------------------------------------

		the imagebar

	-----------------------------------------------*/	
	
	#imageBar {
		background: #fff url(images/imageBarBg.jpg) top repeat-x;
		height: 145px; /* 151 */
		padding: 6px 0 0 0;
		margin: 0;
	}
	#imageBar img {
		margin: 0;
		padding: 0;	
		border-right: 2px solid #fff;
	}
	#imageBar img.noBorder {
		border: none;	
	}
	

	
	/*-----------------------------------------------

		the rootline

	-----------------------------------------------*/	

	#rootline {
		padding: 3px 0 0 23px;
	}
	#rootline a, #rootline  {
		text-decoration: none;
		color: #93866d;
	}
	#rootline a:hover {
		text-decoration: none;
		color: #222;
	}
	
	

	/*-----------------------------------------------

		the contentblock (leftCol, rightCol)

	-----------------------------------------------*/	
	
	#content {
		line-height: 130%;
		color: #333;
 		background: #fff url(images/contentBg.jpg) top center no-repeat;  
		background-position: 0px -90;
	}
	#leftCol {
/*		background: #fff url(images/leftColBg.jpg) top repeat-x;  */
		width: 680px; /* 730 */
		float: left;
		padding: 32px 4px 0 15px;
	}
	#rightCol {
		background: #fffdf6 url(images/rightColBg.jpg) top repeat-x;
		width: 224px; /* 268 */
		float: right;
		padding: 18px 17px 0 17px;
		margin-left: 10px;
	}
	
	
	
	
	/*-----------------------------------------------

		footer

	-----------------------------------------------*/
	
	#footer {
		padding: 20px 0 24px 20px;
		margin: 0;
		background: #fff;
		color: #a39478;	
		font-size: 11px;
		line-height: 150%;
	}
	#footer a {
		color: #a39478;	
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#topLink {
		margin: 32px 0 15px 0;
		position: relative;
		display: block;
		width: 706px;
		height: 13px;
		background: #fff url(images/topLink.jpg) left no-repeat;	
	}
	#topLink span {
		display: none;
	}
	
	
	

	/*-----------------------------------------------

		css-styled-content elements

	-----------------------------------------------*/

	/* mailform */
	.csc-mailform-field {
		margin: 5px 0 5px 0;
	}
	fieldset.csc-mailform {
		border: none;
	}
	.csc-mailform-field label {
		display: block;
		width: 120px;
		float: left;
	}
	.csc-mailform-field input, .csc-mailform-field textarea {
		border: 1px solid #d8c063;
		background: #fff;
		color: #666;
		font-size: 11px;
		width: 200px;
		font-family: Verdana, Helvetica, Arial, sans-serif; 
	}
	.csc-mailform-submit {
		margin-left: 120px;
	}
	.csc-mailform-field span.required {
		color: #d8c063;
	}

	/* sitemap */
	.csc-sitemap a {
		color: #A39478;
		font-weight: bold;
		padding: 2px 0 2px 0;
		font-size: 10px;
	}

	
	
	/*-----------------------------------------------

		tv content elements

	-----------------------------------------------*/
	
	/* 2col layout (eg. on startpage) */
	.ce2col {
		float: left; /* IE needs that floating */
		padding-bottom: 20px;
	}
	.ce2col-leftCol .csc-header h3 {
		margin: 0;
		padding: 0 0 10px 0;
	}
	.ce2col-leftCol dd {}
	.ce2col-leftCol p {
		padding-top: 0;
		margin-top: 0;
	}
	.ce2col-leftCol {
		float: left;
		width: 219px;
		padding: 0 0 0 5px;
	}
	.ce2col-rightCol {
		float: right;
		width: 482px;
	}
	
	/* 2 col layout, text on right col wraps around left col */
	.ce2col-wrap {}
	.ce2col-wrap .ce2col-rightCol {
		width: auto;
	}
	
	
	
	/* image */
	.ce-image-container {
		width: 234px;
		float: left;
		padding: 10px 0 15px 0;
	}
	.ce-image {
		float: left;
	}
	.ce-image-caption {}
	.ce-image-caption strong {
		font-size: 11px;
		margin: 0;
		padding: 0;
	}
	.ce-image-caption p {
		font-size: 11px;
		margin: 0;
		padding: 0;
	}
	
	
	/*-----------------------------------------------

		plugin tt_news

	-----------------------------------------------*/
	
	/* lates news */
	.news-latest-container {margin: 35px 5px 0px 7px;}
	.news-latest-container h2 {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		color: #32120C;
		text-decoration: none;
		text-align: center;
		border-bottom: 0px solid #d8Cc63;
		font-size: 12px;
	}
	.news-latest-container h3 a {
		text-decoration: none;
	}
	.news-latest-item {
		padding: 0 0 12px 0;
		margin: 0 0 12px 0;
		border-bottom: 1px dashed #dad3c5;
	}
	.news-latest-image {
		float: left;
	}
	.news-latest-image img {
		text-decoration: none;
		border: 1px solid #a39478;
		padding: 1px;
		margin: 5px 0px 2px 0;
	}
	.news-latest-image a {
		border: none;
		text-decoration: none;
	}
	.news-latest-item h3 {
		margin: 0;
		padding: 0;
	}
	.news-latest-item h3 a {
		font-weight: bold;
	}
	.news-latest-item h3 a,
	.news-latest-date a {
		color: #333;
		text-decoration: none;
		font-size: 11px;
	}
	.news-latest-subheader {
		color: #333;
		line-height: 130%;
		font-size: 10px;
		margin: 0px 0px 5px 0px;
	}
	.news-latest-morelink a {
		text-decoration: underline;
		font-weight: bold;
		color: #999;
		color: #a39478;
		font-size: 10px;
	}
	.news-latest-morelink a:hover {
		text-decoration: none;
	}

	
	/* single news */
	.news-single-item {
		font-size: 11px;
	}
	.news-single-timedata {
		color: #999;
		margin: 0;
		padding: 0;
	}
	.news-single-image {
		float: left;
	}
	.news-single-imgcaption {
		display: none;
	}
	.news-single-item h2 {
		font-size: 13px;
		margin-top: 0;
		padding-top: 0;
	}
	.news-single-item h3 {
		font-size: 12px;
	}
	.news-single-subheader {
		
	}
	.news-single-content {}
	.news-single-backlink a {
		font-weight: bold;
		color: #a39478;
		text-decoration: underline;
	}
	.news-single-backlink a:hover {
		text-decoration: none;
	}
	
	
	
	/*-----------------------------------------------

		plugin photogallery

	-----------------------------------------------*/	
	
	.tx-indexedsearch-icon img {
		border: none !important;
	}
	.tx-indexedsearch-redMarkup {}
	.tx-indexedsearch-percent {
		font-weight: bold !important;
		color: #a39478;
	}
	
	
	
	
	/*-----------------------------------------------

		plugin photogallery

	-----------------------------------------------*/


	/* the list galleries view */
	body {}
	.tx-photogallery-pi1-displaygalleries {
		padding: 0 0 0 7px;
	}
	.tx-photogallery-pi1-displaygalleries-date {
		font-size: 10px;
	}
	.tx-photogallery-pi1-displaygalleries h3 a { 
		text-decoration: none;
	}
	.tx-photogallery-pi1-displaygalleries h3 {
		font-size: 12px;
		margin: 0;
		padding: 0;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		color: #32120C;
		text-decoration: none;
		border-bottom: 1px solid #d8Cc63;
		border: none;
	}
	.tx-photogallery-pi1-displaygalleries-image {
		float: left;
	}

	.tx-photogallery-pi1-displaygalleries-image img {} 
	.tx-photogallery-pi1-displaygalleries-description {
		font-size: 11px;
	}
	.tx-photogallery-pi1-displaygallery-backlink a,
	.tx-photogallery-pi1-displaygalleries-link a {
		text-decoration: underline;
		color: #999;
		color: #a39478;
		font-weight: bold;
		font-size: 11px;
	}
	.tx-photogallery-pi1-displaygalleries-link a:hover {
		text-decoration: none;
		font-size: 11px;
	}
	/*.tx-photogallery-pi1-displaygalleries:after {
		clear: both;
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}*/








	/*---------------------------------------	

		the gallery detail view

	---------------------------------------*/
	.clear { clear:both;}
	.thumbsPhoto { float:left; width:110px; height:110px; text-align:center;}
	
	.tx-photogallery-pi1-displaygallery {}
	.tx-photogallery-pi1-displaygallery-description {
		font-family: Courier;
		margin: 5px 0 10px 5px;
	}
	.tx-photogallery-pi1-displaygallery-thumbnails {}
	.tx-photogallery-pi1-displaygallery a:hover {
		text-decoration: none;
		font-size: 10px;
	}
	.tx-photogallery-pi1-displaygallery img {
		padding: 1px;
		border: 1px solid #ddd;
		margin: 2px;
		font-size: 10px;
	}
	.tx-photogallery-pi1-displaygallery-pagebrowser {}
	.tx-photogallery-pi1-displaygallery-backlink {
		clear: both;
	}
	.tx-photogallery-pi1-displaygallery a {
		font-size: 10px;
	}









	/*---------------------------------------	

		the single - image view (on a page - not the popup thing)

	---------------------------------------*/


	.tx-photogallery-pi1-displaysingle {
		clear: both;
	}
	.tx-photogallery-pi1-displaysingle-pagebrowser {}
	.tx-photogallery-pi1-displaysingle-image { text-decoration: none; }
	.tx-photogallery-pi1-displaysingle-pagebrowser a,
	.tx-photogallery-pi1-displaysingle-backlink a {
		text-decoration: underline;
		color: #a39478;
		font-weight: bold;
	}
	.tx-photogallery-pi1-displaysingle-pagebrowser a {
		padding: 2px 4px 2px 4px;
		font-size: 10px;
		color: #a39478;
	}
	.tx-photogallery-pi1-displaysingle-backlink {
		font-size: 10px;
		color: #a39478;
	}
	.tx-photogallery-pi1-displaysingle-pagebrowser a:hover,
	.tx-photogallery-pi1-displaysingle-backlink a:hover {
		text-decoration: none;
	}
	.tx-photogallery-pi1-displaysingle-image img {
		border: 1px solid #ddd;
		padding: 1px;
	}
	.tx-photogallery-pi1-displaysingle-downloadlink {}











	/*---------------------------------------	

		the whole flicker

	---------------------------------------*/

	.tx-photogallery-pi1-flicker {
		font-family: "Lucida Grande", Verdana, sans-serif;
		font-size: 0.8em;
		display: block;
		width: 350px;
		border: 1px solid #efefef;
		margin: 0 0 20px 0;
	}





	/*---------------------------------------	

		the header

	---------------------------------------*/

	.tx-photogallery-pi1-flicker-header {
		background: #efefef;
		display: block;
		height: 22px;
		border: 1px solid #ddd;
	}
	.tx-photogallery-pi1-flicker-header strong {
		font-size: 13px;
		color: #aaa;
		margin: 2px 0 0 4px;
		display: block;
	}
	.tx-photogallery-pi1-flicker-header-toggle {
		display: block;
		width: 20px;
		height: 20px;
		border: 1px solid #ddd;
		background: #fff;
		float: left;
		cursor: pointer;
	}
	.tx-photogallery-pi1-flicker-header-toggle-closed {
		display: block;
		width: 20px;
		height: 20px;
		border: 1px solid #222;
		background: #fff;
		float: left;
		background: #000;
		cursor: pointer;
	}
	.tx-photogallery-pi1-flicker-header-toggle-closed span,
	.tx-photogallery-pi1-flicker-header-toggle span { display: none; }






	/*---------------------------------------	

		the body and elements inside

	---------------------------------------*/

	.tx-photogallery-pi1-flicker-body {
		display: block;
		height: 106px;
	}
	.tx-photogallery-pi1-flicker-body-albuminfo {
		display: block;
		width: 50px;
		float: left;
		font-weight: bold;
		font-size: 20px;
		color: #999;
	}
	.tx-photogallery-pi1-flicker-body-thumbnails {
		display: block;
		position: relative;
		width: 210px;
		height: 80px;
		float: left;
		border: none;
		margin: 5px 5px 5px 5px;
		overflow: hidden;
	}
	.tx-photogallery-pi1-flicker-body-thumbnails-slider {
		position: absolute;
		width: 200px;
	}
	.tx-photogallery-pi1-flicker-body-thumbnails-slider a {
		text-decoration: none;
	}
	.tx-photogallery-pi1-flicker-body-thumbnails-slider img {
		padding: 1px;
		border: 1px solid #efefef;
	}
	.tx-photogallery-pi1-slider-nomoreimages-head,
	.tx-photogallery-pi1-flicker-body-thumbnails-slider div { /* set only margin-right for a distance style because anything else will be ignored in the script */
		margin: 0 2px 0 0;
		float: left;
	}
	.tx-photogallery-pi1-slider-nomoreimages-head,
	.tx-photogallery-pi1-slider-nomoreimages-tail {
		font-size: 11px;
		display: block;
		width: 100px;
		height: 75px;
		padding: 1px;
		border: 1px solid #efefef;
		background: #fff;
	}
	.tx-photogallery-pi1-slider-nomoreimages-head span,
	.tx-photogallery-pi1-slider-nomoreimages-tail span {
		display: block;
		color: #ddd;
	}
	.tx-photogallery-pi1-flicker-body-slider-browser {
		margin: 0 0 0 5px;
		clear: both;
	}
	.tx-photogallery-pi1-flicker-body-slider-browser-prev,
	.tx-photogallery-pi1-flicker-body-slider-browser-more,
	.tx-photogallery-pi1-flicker-body-slider-browser-next {
		display: block;
		width: 50px;
		height: 12px;
		background: #efefef;
		border: 1px solid #ddd;
		float: left;
		text-align: center;
		font-size: 10px;
		text-decoration: none;
		color: #aaa;
	}
	.tx-photogallery-pi1-flicker-body-slider-browser-prev:hover,
	.tx-photogallery-pi1-flicker-body-slider-browser-more:hover,
	.tx-photogallery-pi1-flicker-body-slider-browser-next:hover {
		background: #222;
		border: 1px solid #222;
		color: #efefef;
		cursor: pointer;
	}
	.tx-photogallery-pi1-flicker-body-slider-browser-prev:active,
	.tx-photogallery-pi1-flicker-body-slider-browser-more:active,
	.tx-photogallery-pi1-flicker-body-slider-browser-next:active {
		background: #aaa;
		border: 1px solid #efefef;
	}
/* .contenttable p{ padding: 0 0 10px 0; margin: 0 0 0 0; font-size:12px; line-height:12px;} */

.news-single-content h1 {
		margin: 0 0 10px 0;
		font-size: 17px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		text-transform: none;
		font-weight: lighter;
		padding: 0 0 0 0; 
}






/*   Newsslider   */
#newsslider_box, #newsslider_box_veranstaltungen {
  width: 670px;
  height: 300px;
	background:url(images/newsslider_hintergrund.jpg) no-repeat;  
	text-align: left;
	margin-left:15px;
}

.produkte_ueberschrift {
  float: left;
}

.thumbs img {border: 0px; margin:0px; padding:0px;}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:24px;
	height:23px;
	background:url(images/newsslider-buttons.png) no-repeat;
	margin:0px 0px 0px 0px; 
	cursor:pointer;
	float:right;
	margin-bottom: 5px; 
	margin-top: 7px;
}

a.next, a.nextPage {  
	background-position:0px -23px;	
  margin-right: 0px;	
  margin-left:2px;
}

/* mouseover state */
a.prev:hover, a.prevPage:hover {
	background-position:-24px 0px;		
}

a.next:hover, a.nextPage:hover {
	background-position:-24px -23px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

.newssliderbutton_abstandrechts {
  height: 23px;
  float: right;
  width: 9px;
}


/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(images/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	


/* root element for the whole scrollable setup */
div.scrollable, div.scrollable_veranstaltungen {  
	position:relative;
	overflow:hidden;
	width: 650px;	 
	height: 270px;	
	margin-left: 7px;
}
 
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {	
	position:absolute;
	width:2000em;	
	border:0px solid #222;
	margin-top:0px;
	clear: both;
}
 
 
 
/* single item */
#thumbs div {
	float:left;
	width:194px;
	height:260px;
	color:#454545;
	border:0px solid #999999;
	cursor:pointer;
	margin:3px;
	margin-right:30px;  	
}
 
/* style when mouse is over the item */
#thumbs div.hover {
 /*	background-color:#444; */	
}
 
/* style when element is active (clicked) */
#thumbs div.active {
/*	background-color:#066; 
	cursor:default;*/
}
 
#thumbs p {
	font-family: "Trebuchet MS";
	font-size:11px;
	line-height:135%;
	margin: 5px;
	margin-top: 3px;
	margin-left: 0px;
}

#thumbs h3 {
  margin: 4px 0 1px 0px; 
}


  /* --- Formulare -------------------------------*/
  
.hinweis {
  margin-top: 10px;
}

form.produktanfrage {
  width: 100%;  
  padding: 10px;
  font-size: 11px;
  border: 0px;
}

form.produktanfrage p{
  padding: 5px;
}

.inputfeld{
  border: 1px #d3dee7 solid;
  height: 18px;
  width: 250px;
}

.selectfeld{
  border: 1px #d3dee7 solid;
  height: 20px;
  width: 125px;
}

form.produktanfrage fieldset {
    margin-bottom: 10px;
    border: 0px;
    }
form.produktanfrage legend {
    padding: 0 2px;
    font-weight: bold;
    }
form.produktanfrage label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    }
form.produktanfrage fieldset ol {
    margin: 0;
    padding: 0;
    }
form.produktanfrage fieldset li {
    list-style: none;
    padding: 3px;
    margin: 0;
    }
form.produktanfrage fieldset fieldset {
    border: none;
    margin: 3px 0 0;
    }
form.produktanfrage fieldset fieldset legend {
    padding: 0 0 5px;
    font-weight: normal;
    }
form.produktanfrage fieldset fieldset label {
    display: block;
    width: auto;
    }
form.produktanfrage em {
    font-weight: bold;
    font-style: normal;
    color: #1f476c;
    }
form.produktanfrage label {
    width: 120px; /* Width of labels */
    }
form.produktanfrage fieldset fieldset label {
    margin-left: 123px; /* Width plus 3 (html space) */
    }
    
    
#buttons img {
  padding: 0px;
  margin: 0px;  
}    

#buttons {
  text-align:center;
  margin-bottom:25px;
}

#content .dynaGalleryThumbnail img {
border:0 solid #A39478;
margin:2px 2px 2px 2px;
padding:1px;
text-decoration:none;
}