/* Grapes, web template for business or for fun */
/* By Dave Reeder, www.davereederdesign.com */

body {margin: 0; padding: 0; background: #ffffff; 
  text-align:center;
  }
body, html{
	min-height:101%; /*Scrollbar immer anzeigen*/
}
* {margin: 0; padding: 0; border: 0; font-family:  Arial, Helvetica, sans-serif}


/*----------------------------------------------Basic styles------------------------------------------------*/


 h1 {font-family:  Arial, Helvetica, sans-serif; margin: 0px 0 0 0px; font-size: 14px; color: #000;  line-height: 1.60em;letter-spacing: 0.05em; font-weight: normal;   } 


 h2, h3, h4 {font-family:  Arial, Helvetica, sans-serif; margin: 0px 0 0 0px; font-size: 14px; color: #000;  line-height: 1.60em;letter-spacing: 0.05em; font-weight: normal; text-decoration: none;  } 
 h2 em, h3 em, h4 em {font-famil+y: Arial, Helvetica, sans-serif; font-weight: normal}  /* italic words in titles */

/*h1 {position: absolute; right: 0px; top: 30px; font-size: 2.25em; letter-spacing: 0.1em; line-height: 1.00em; padding-right: 10px; border-right: 15px solid #fff}
h1:first-letter {font-family: Georgia, Georgia, serif; font-size: 2.25em} /* styles the first letter of the main title to make it large */

p#tagline {position: absolute; right: 0px; top: 125px; font-style: italic; color: #648D20; font-size: 15px}  /* sits under main title */

h2 { letter-spacing: 0.05em; color:#000;}

p, ul, ol { margin: 0px 10px 0 0px; font-size: 14px; line-height: 1.60em; color: #666; letter-spacing: 0.05em}

p.p {margin: 0px 10px 0 0px; font-size: 10px; line-height: 1.60em; color: #000; letter-spacing: 0.05em}

code {font-family: monospace; font-size: 1.20em; color: #E20000}


a.download {
color:#000000;
font-size: 11px;
font-weight:normal;
text-decoration:none;
}


input  { background-color:#CCC;}

ul {list-style: inside square} /* general lists */

acronym {font-weight: bold; border-bottom: 1px dashed #000; cursor: help}

td  { font-family:  Arial, Helvetica, sans-serif; margin: 0px 0 0 0px; font-size: 10px;line-height: 1.80em; color: #666;   text-align:left; }


/*-----------------------------------------------Layout DIVS------------------------------------------------*/

#container {  /* keeps everything together */

position: relative;
margin: 0 auto;
width: 870px;
top: 30px;
bottom: 140px;
margin-bottom: 80px;
padding-bottom: 80px; 
overflow: hidden;


}

#hdr {  /* div containing h1, nav and grapes image */
float: left;
width: 870px;
height: 170px;
background: url(http://www.galerie-frenhofer.eu/fileadmin/templates/grapes/images/logo_bg_870.jpg) 0 0 no-repeat #ffffff  /* Image of Grapes */ 
  /* Image of Grapes */
  /* Image of Grapes */
}

#lftcol {   /* left column */
text-align:left;
position: absolute;
left: 0px;
top: 142px;
margin-left: 30px;  /* leave this so that background image lines up with edge of this div */
width: 100px;
background: #fff;
overflow: hidden;
display: inline;
}

#sprachnavii{   /* sprachnavi */
text-align:left;
position: absolute;
left: 0px;
top: 335px;
margin-left: 30px;  /* leave this so that background image lines up with edge of this div */
width: 100px;
background: #fff;
overflow: hidden;

}

#rgtcol {float: left; width: 710px;margin-top: -20px; margin-left: 160px;  background: #fff; overflow:hidden;display: inline;
text-align:left;}  /* right column */




/* Hintergrundbild verlinken */
#eworx2 span {
display: none;


}

#eworx2 a {

display: block;
background-image: url(http://www.galerie-frenhofer.eu/fileadmin/templates/grapes/images/berlingd.jpg);
background-repeat: no-repeat;
width: 80px;
height: 21px;
position: absolute;
left: 30px;
top: 365px;

color: #000;
}

#bttmbar {float: left; text-align: left; font-size: 0.70em; height: 4em; margin-left: 156px; line-height: 4em; width: 710px; background: #ffffff; border-top: 0px solid #D9D93C}

#quote {    /* Quote box in left column */
        float: left;
        margin: 0px 0 20px 0px;
        padding: 0px 0;
        width: 170px;
        text-align: left;
        background: url(../../../../../Quickstart/fileadmin/templates/grapes/images/quote.gif) no-repeat 0 0


}

#quote p {color: #444; font-size: 0.80em; font-weight: bold; line-height: 2.00em}  /* Quote box text */


/*---------------------------------------------Main Navigation-----------------------------------------------*/

ul#nav {   /* navigation list */
        margin: 0px 0 20px 0; /* the 53px is where the nav begins (margin top) */
        padding: 0;
        list-style: none inside;
		
}

ul#nav li {float: left;        display:block;}

ul#nav li a {
        width: 150px;
        margin: 10px 0 0 0;  /* a little top margin */
        border: 0;
       font-weight: bold;
        
       font-size: 10px; line-height: 1.60em; color: #000; letter-spacing: 0.05em
        
        text-decoration: none;
        display: block;
        
        background: #ffffff;
}




ul#nav li a#current {border-color: #fff;}   /* current page, move id in the xhtml when creating a new page */







































.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:0px;
	border:0px  #ffff00;

}
.news-latest-container HR.clearer {
	clear:left;
}









/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
 	border:1px solid #333;
	background-color:#BBE53A;
}

.news-latest-container H2,.news-latest-gotoarchive {
	color:#fff;
	padding:0px;	
	margin:3px;
	border:1px solid #666;
	/*background-color:#D8FA70;*/
	background-color:#769024;
}

.news-latest-gotoarchive {
 	font-weight:bold;
	margin-top:5px;
}
.news-latest-gotoarchive A:LINK, .news-latest-gotoarchive A:VISITED, .news-latest-gotoarchive A:HOVER, {
	color:#fff;
}
.news-latest-gotoarchive A {
	color:#fff;
}
.news-latest-item {
	/* IE hack */
	height: 0%;
	line-height: 0.0;
	/* IE hack end */

	padding:3px;	
	margin:3px;
	border:0px solid #666;
	background-color:#F9FFE5;
}

.news-latest-item IMG {
	
	margin-bottom:5px;
	margin-right:5px;
 	border:1px solid #666;
	float:left;
}
.news-latest-category IMG {
	float: none;
border:none;
margin:0px;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
	font-size:9px;
}

.news-latest-morelink {
	height:12px;
}

.news-latest-morelink A {
	float:right;
}


























/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {

 	border:0px solid #000;
	background-color:#fff;
text-align:left;

	
}	


.news-list-item {
		text-align:left;
	
	
	border:0px solid #666;
	background-color:#fff;
		padding-bottom:30px;
		
	
	

	} 
.news-search-form {	
padding:0px;	
	margin-bottom:5px;
	border:0px solid #666;
	background-color:#F9FFE5;

}
.news-search-emptyMsg{

margin:0px;
}
.news-search-form FORM {
	margin:0px;	
}
.news-list-container H3 

 {
	font-size: 15px;
	font-weight:bold;
	color: #000;
	margin-bottom: 0px;
	line-height: 1.60em;letter-spacing: 0.05em;
}


.news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER, {
	font-size: 10px;
	font-weight:normal;
	color: #000;
	margin-bottom: 0px;
	line-height: 1.60em;letter-spacing: 0.05em;
}
.news-list-container H3 A {
	font-size: 15px;
	font-weight:normal;
	color: #000;
	margin-bottom: 0px;
	line-height: 1.60em;letter-spacing: 0.05em;

}
.news-list-container H4 {
	
}
.news-list-date {
	float: right;
	color: #000;
	width: 180px;
	text-align: right;
	
	margin-top: 0px;
	margin-right: 0px;
	font-size: 9px;
	font-weight: normal;
	
	}

.news-list-imgcaption {
		float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 9px;

	}

.news-list-container IMG {
		float: right;
	border:0px solid #666;
margin-bottom:5px;
margin-right:0px;
margin-left:10px;

}
.news-list-category IMG {
	float: none;
border:none;
margin:0px;
}





.news-list-morelink,.news-list-category {
	
	font-size:10px;
margin-left:0px;
text-align: left;
}
.news-list-morelink  {

margin-top:15px;
margin-bottom:15px;
text-align: left;
}
.news-list-browse {
	text-align: left;
}
	


















	/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {
	margin:0px;
	border:0px solid #666;
	margin-top:50px;
	background-color:#ffffff;
	font-size: 10px; 
	color: #666;
}
.tx-ttnews-browsebox TD { text-align: left;
	font-size: 10px; 
	color: #000;
	
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { 
	font-weight: normal; 
	font-size: 10px; 
	color: #000;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin:0px;
	color: #000;
	font-size: 10px;
	
	
}

.tx-ttnews-browsebox-SCell {
	background-color: #fff;
	border:0px solid #ccc;
	
	
	
}
.news-search-emptyMsg { 
	
	margin-left: 0px; 
	color: #666;
}
	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
	
	
	
	
	
	
	
.news-single-item {
	
	padding:0px;	
	margin-bottom:5px;
	border:0px solid #666;
	background-color:#ffffff;

}
.news-single-item H2 {
	text-align:left;
	font-size: 15px;
	font-weight:bold;
	color: #000;
	margin-bottom: 0px;
	line-height: 1.60em;letter-spacing: 0.05em;
}
.news-single-item H3 {
	margin-bottom: 15px;
	text-align:left;
}

	

/**/

		

.news-single-img {
	text-align:left;



}



.news-single-imgcaption {

	clear:both;
	
	font-weight: normal;
	color: #000000;
	padding-bottom:20px;
	
	

}














.news-single-category {

	float: right;
}



.news-single-backlink, .news-single-backlink a {
	font-weight: normal;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align:left;
}




.news-single-timedata {
	float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-size: 10px;
	
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	background-color: #fff;
	clear: both;
	margin-top: 15px;
	border: 0px solid #666;
padding:0px;
padding-bottom:0px;

}
.news-single-related,.news-single-files,.news-single-links  {
	border: 0px solid #666;
margin:0px;
	margin-bottom: 3px;
padding:0px;
	background-color:#fff;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
margin-left:0px;

}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: normal;
	font-size: 10px;
margin-left:0px;
width:90%;
}
	
/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	padding:0px;	
 	border:0px solid #333;
	background-color:#fff;
}
.news-amenu-container LI {
	padding-bottom:0px;
}

.news-amenu-container ul { list-style-type: none; }
li.news-amenu-item-year { display: none; }

.news-amenu-container UL {
	padding:0px;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:0px;
	border:0px solid #666;
	background-color:#fff;
	list-style-type: none;
}
.news-amenu-container H2 {
	color:#fff;
	padding:3px;	
	border:0px solid #666;
	background-color:#fff;
}
.news-amenu-item-year {
	font-weight: bold;
	border: 0px solid #666;
	padding: 2px;
	background-color: #fff;
	color:#fff;
}
/*----------------------------------------------------------------------------------*/


/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; color:#999;font-size:9px;}
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; color:#999;font-size:9px;}
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left;color:#999;font-size:9px; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0;padding-top:4px;color:#999;font-size:10px; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; padding-top:4px;color:#999;font-size:10px;}

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: center; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
	
	/* Browser fixes: */
	
	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; height: 1%; }
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }









	/* Sprachwahl" */

.tx-srlanguagemenu-pi1 { font-weight: bold;}

 .tx-srlanguagemenu-pi1 p, .tx-srlanguagemenu-pi1 .links-list-header { font-family: Verdana, sans-serif; font-size: 10px; line-height:100%; color: #000; margin-top: 20px; padding: 0; text-indent: 0;  font-weight: bold;}
   .tx-srlanguagemenu-pi1 img { margin: 0 5px; padding: 0; border-style: none; }
   

   .tx-srlanguagemenu-pi1 .CUR { float: left; font-size: 10px;  letter-spacing: 0.05em; font-weight: bold;}
   .tx-srlanguagemenu-pi1 .CUR a { background-color: transparent; color: #000000;  font-weight: bold; }
   .tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#000; font-weight: bold;}
  
  
  .tx-srlanguagemenu-pi1 .NO { float: left; font-size:  10px; font-weight: normal;}
   .tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color: #999; font-weight:normal; }
   .tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#999;font-weight: normal; }
  
  
  .tx-srlanguagemenu-pi1 .INACT { float: left; font-size: 10px; font-weight: bold;}
   .tx-srlanguagemenu-pi1 .INACT a { background-color:transparent; color: #000;  font-weight: bold; }
   .tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #000; font-weight: bold; }
   
   
   .tx-srlanguagemenu-pi1 .SPC {  float: left; font-size: 10px;  letter-spacing: 0.05em; font-weight: bold;}
   
   
   
   
   
   .tx-srlanguagemenu-pi1 fieldset { }
   .tx-srlanguagemenu-pi1 fieldset legend { }
   .tx-srlanguagemenu-pi1 fieldset label { display: none; }
   .tx-srlanguagemenu-pi1 fieldset select { font-size: 10px; font-family: Verdana, sans-serif; background-color: #000; color: white; font-weight: bold; }
   .tx-srlanguagemenu-pi1 fieldset option.tx-srlanguagemenu-pi1-option-0 { }
   
   
     
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
    /***************************
 *   Default CSS for
 *   EXT chgallery
 *    Georg Ringer
 * http://www.cyberhouse.at/
 ***************************/ 
 
 /************************
 * SINGLE view 
 ************************/  


#100 {margin-top:100px;
  }

 
 
.tx-chgallery-pi1 .bigimg {
	text-align:center;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000;
}
 
 
 
 
 
 
 
 
 
 
/************************
 * CATEGORY view 
 ************************/  
.tx-chgallery-pi1 .chgallery-list {
 	padding:0;
	margin:5px 10px;
 	list-style:none;
 	border:1px solid #D2DCE4;
 	border-bottom:0;
}

/* LIST element */
.tx-chgallery-pi1 .chgallery-list li {
	padding:5px;
	border-bottom:1px solid #D2DCE4;	
}

.tx-chgallery-pi1 .chgallery-list .itemodd { background:#E7EDF1; }
.tx-chgallery-pi1 .chgallery-list .itemodd .img img { border:1px solid #ececec; }
.tx-chgallery-pi1 .chgallery-list .itemeven { background:#f4f4f4; }
.tx-chgallery-pi1 .chgallery-list .itemeven .img img { border:1px solid #E7EDF1; }

.tx-chgallery-pi1 .chgallery-list .title a {
	font-weight:bold;
}
 
.tx-chgallery-pi1 .chgallery-list .img {
	float:left;
	width:120px;
	padding-left:2px;
}


.tx-chgallery-pi1 .chgallery-list .text {
	float:left;
	width:400px;
}

.tx-chgallery-pi1 .chgallery-list .clr { clear:both; }
 
/************************
 * GALLERY view 
 ************************/  

/* Directory browser */
.tx-chgallery-pi1 .info {
	margin:5px 10px 15px 10px;
	padding:3px 6px;
 	border:1px solid #D2DCE4;
 	background:#E7EDF1;
}

.tx-chgallery-pi1 .info .position {
	float:right;
	font-size:35px;
	font-style: italic;
	font-family:Georgia;
	color:#b8c9d6;
	margin-right:5px;
}

.tx-chgallery-pi1 .info .position span {
	font-size:20px;
}

.tx-chgallery-pi1 .info span {
	font-weight:bold;
}








 a:link, a:visited {color: #000000; font-weight: normal; text-decoration: none; }
a:hover, a:active {color: #000000; border-color: #fff; font-weight: normal; }

/* Pagebrowser */
.tx-chgallery-pi1 .pagebrowser {

 
	padding:3px 0;
	
	margin:2px 0;
	text-align:center;
 position:absolute;
 top: 650px; left: 10px;
  z-index:2;
 width:99%;
 

	
}

.tx-chgallery-pi1 .pagebrowser .prev {
	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	
	

}

.tx-chgallery-pi1 .pagebrowser .text {
	
	
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	padding-bottom: 10px;
	


}

.tx-chgallery-pi1 .pagebrowser .next {
	
	
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	padding-bottom: 10px;
	

}

.tx-chgallery-pi1 .clr { clear:both; }












/* GALLERY single element */
.tx-chgallery-pi1 .single {
	background:#f3f4f6;
	float:left; 
	padding:3px 1px 2px 1px;
	margin:5px ;
}

.tx-chgallery-pi1 .single .img {
	width:160px;
	height:126px;
	background:url(gfx/bg.gif) no-repeat;
	line-height:126px;
	position:relative;
}

.tx-chgallery-pi1 .act .img {
	background:url(gfx/bgact.gif) no-repeat;
}

.tx-chgallery-pi1 .single .img .align {
	width:160px;
	height:126px;
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	display:block;
	margin-top:-53px;
	margin-left:-80px;
}

.tx-chgallery-pi1 .single .img img {

}

.tx-chgallery-pi1 .single span {
	display:block;
	margin:1px 5px;
	width:148px;
	min-height:20px;
	border:1px solid #f3f4f6;
	text-align:center;
}

.tx-chgallery-pi1 .single span  small {
	font-size:10px;
}

* html .tx-chgallery-pi1 .single span {
	height:20px; 
}














/* small version */
.tx-chgallery-pi1 .singlesmall img{
	float:left; 
	padding:0 1px 2px 1px;
	margin:0 5px ;
}








/* Settings for ajax mode */
.tx-chgallery-pi1 .hide {
	display:none;
}

.tx-chgallery-pi1 #chgalleryimg {
	padding:0 20px;
}

/* Ajax loading icon  */
.tx-chgallery-pi1 #chajax {
	background:#fff url(gfx/ajaxloading.gif) no-repeat center center;
	position:absolute;
	height:490px;
	width:550px;
	z-index:999;
	margin:10px 0 0 10px
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}


/*
 * accord */
#chgallery-list {
	border:1px solid #D2DCE4;
	border-top:0;
}

.tx-chgallery-pi1 .chgallery-title {
	padding:5px 10px;
	cursor:pointer;
	font-weight:bold;
	border-top:1px solid #D2DCE4;
}
.tx-chgallery-pi1 .chgallery-content {

}
.tx-chgallery-pi1 .chgallery-content2 {
	border-top:1px solid #eee;
	padding:10px 5px;
}