/* STYLES fuer frankfrewer.de 
- fr_portfolio template styles
*/
/* 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		1. generelles layout  - default styles
		2. uebergreifende definitionen
		3. modul list
		4. modul simplelist
		5. modul thumblist
		6. modul single
		7. module clientlist & catlist
		8. modul urlList

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		1. generelles layout (defaults)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#news 
{
	display: none;
}
#portfolioFilter 
{
	position: relative;
	z-index:91;
	float:right;
	margin: 0 20px 22px 0;
	margin: -14px 17px 225px 0;
	padding: 24px 3px 12px 12px;
	padding: 0;
border: 0px solid red;
}
/* -IE6 */
* html #portfolioFilter 
{
	margin: -14px 10px 225px 0;
}
/* IE7 */
* html #portfolioFilter 
{
	margin: -14px 10px 225px 0;
}
/* opera 8/9 & sa3: http://www.lipfert-malik.de/webdesign/tutorial/bsp/css-weiche-filter.html */
@media screen and (min-width: 0px){ #portfolioFilter { margin: 0px 17px 225px 0; }}	

.tx-frportfolio-pi1
{
	position: relative;
	margin: 0;
	padding: 0;
}

.tx-frportfolio-pi1 a,
.tx-frportfolio-pi1 a:hover 
{
	border-bottom: none;
}

.tx-frportfolio-pi1 ul 
{
	list-style-type: none;
/*
	padding-left: 25px;
*/
}

.tx-frportfolio-pi1 li 
{
	display: inline;
}

#headLine 
{
	margin: 30px 0 14px 17px;
}
/* -IE6 */
* html #headLine 
{
/*
	width:auto;
	margin: 30px 0 14px 17px;
*/
}
/* IE7 */
*+html #headLine 
{
/*
	width:auto;
	margin: 30px 0 14px 17px;
*/
}


/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		2. uebergreifende definitionen
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.tx-frportfolio-pi1 .title 
{

}

.tx-frportfolio-pi1 .thumbList .screenshot,
.tx-frportfolio-pi1 .list .screenshot
{
	text-align: center;
	border: 0;
	background-color: white;
	padding: 0;
  	display: table-cell;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: -8px;
	line-height: 1.3em;

}

.tx-frportfolio-pi1 .thumbList .screenshot:hover,
.tx-frportfolio-pi1 .list .screenshot:hover,
.tx-frportfolio-pi1 .entry .screenshot .thumbnails ul li a:hover,
.tx-frportfolio-pi1 .screenshot:hover 
{
	background-color: #f0f0f0;
}

.tx-frportfolio-pi1 .thumbList .screenshot img,
.tx-frportfolio-pi1 .list .screenshot img 
.tx-frportfolio-pi1 .screenshot img 
{
	border: 1px solid #bbb;
}

.tx-frportfolio-pi1 .sreenshotsNumberLinkList {
	display:none;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		3. modul list
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.tx-frportfolio-pi1 .list 
{
	width: 500px;	
	width: auto;	
	margin: 0;
}

.tx-frportfolio-pi1 .list .item 
{
	margin: 0 0 20px 0;
	min-height: 164px;
}

/* -IE6*/
* html .tx-frportfolio-pi1 .list .item 
{
	margin: 0 0 20px 0;
	height: 164px;
}

.tx-frportfolio-pi1 .list .item .data_wrapper
{
	width: 500px;	
	float:left;
}

.tx-frportfolio-pi1 .list .item .screenshot
{
/*
	position: absolute;
	right: 0;
*/
       padding: 2px 4px 0 4px;
}
/* -IE6 */
* html .tx-frportfolio-pi1 .list .item .screenshot
{
	position: absolute;
	right: 15px;
	/* float ermoeglichen: statt width margin-right abhaengig von fenstergroesse definieren */
 	margin-right: expression( document.body.offsetWidth > 1020 ? document.body.offsetWidth-860+"px" : "160px");
}

.tx-frportfolio-pi1 .list .item .screenshot img 
{
     margin: 0;
     border: 1px solid #bbb;
}

.tx-frportfolio-pi1 .list .item .title a 
{
	color: #26A4B3;
}

.tx-frportfolio-pi1 .list .item .client 
{
     padding: 13px 0 0 0;
}

.tx-frportfolio-pi1 .list .item .agencyclient 
{
     padding: 0;
}

.tx-frportfolio-pi1 .list .item .category 
{
     padding: 0;
}

.tx-frportfolio-pi1 .list .item .url 
{
     padding: 0;
}

.tx-frportfolio-pi1 .list .item .teaser 
{
/*
	width: 300px;
*/
	padding: 13px 0 13px 0;

}

.tx-frportfolio-pi1 .list .item .url 
{
}

.tx-frportfolio-pi1 .list .item .url a
{
	color: red;
}


/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		4. modul simplelist
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.tx-frportfolio-pi1 .simpleList 
{

}

.tx-frportfolio-pi1 .simpleList ul
{
	margin: 30px 0 0 0;
	padding: 0;
	list-style-type: circle;
}

.tx-frportfolio-pi1 .simpleList ul li
{
	margin: 0;
	padding: 4px 0 0 0;
	display: block;
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		5. modul thumblist
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.tx-frportfolio-pi1 .thumbList 
{
	clear: both;
	padding-top: 10px;
}

.tx-frportfolio-pi1 .thumbList .screenshot 
{
	float: left;
	padding: 2px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 6px;
}

.tx-frportfolio-pi1 .thumbList .title 
{

}
.tx-frportfolio-pi1 .thumbList .random 
{
	float: right;
}

.tx-frportfolio-pi1 .thumbList .nearest,
.tx-frportfolio-pi1 .thumbList .latest 
{
	clear: both;
	float: left;
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		6. modul single
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


.tx-frportfolio-pi1 .entry 
{
	line-height: 1.3em;
}

.tx-frportfolio-pi1 .entry .title a
{
	color: #26A4B3;
}

.tx-frportfolio-pi1 .entry .client 
{
     padding: 13px 0 0 0;
}

.tx-frportfolio-pi1 .entry .agencyclient 
{
     padding: 0px 0 0 0;
}

.tx-frportfolio-pi1 .entry .category 
{
     padding: 0px 0 0 0;
}

.tx-frportfolio-pi1 .entry .screenshot 
{
	text-align: center;
	border: 0;
	background-color: white;
	margin: 25px 0 25px 0;
	padding: 0;
	width: 100%;
	min-height: 107px;
}


.tx-frportfolio-pi1 .entry .screenshot .thumbnails 
{
	padding: 0;
	width: 100%;
       min-height: 107px;
	height: auto;
	text-align: left;
	clear: left;
}

/* IE7*/
*+html .tx-frportfolio-pi1 .entry .screenshot .thumbnails 
{

}

.tx-frportfolio-pi1 .entry .screenshot .thumbnails ul  
{
	list-style: none;
}

#main .tx-frportfolio-pi1 .entry .screenshot .thumbnails ul  
{
	margin: 0;
}

.tx-frportfolio-pi1 .entry .screenshot .thumbnails ul li  
{
	margin: 0 25px 0 0;
	float:left;
	display: inline;
}
.tx-frportfolio-pi1 .entry .screenshot .thumbnails ul li a 
{
	width: 140px;
	margin: 0;
	padding: 0;
}

/* -IE6*/
* html .tx-frportfolio-pi1 .entry .screenshot .thumbnails ul li a 
{
	width: 140px;
	padding: 3px 0 3px 0;
}
/* IE7*/
*+html .tx-frportfolio-pi1 .entry .screenshot .thumbnails ul li a 
{
	width: 142px;
	padding: 3px;
}

.tx-frportfolio-pi1 .entry .screenshot .thumbnails ul li a img
{
	border: 1px solid #bbb;
	margin: 0;
}

.tx-frportfolio-pi1 .entry .teaser 
{
	padding: 5px 0 0 0;
	clear:both;
}

.tx-frportfolio-pi1 .entry .description 
{
     padding: 0;
}

.tx-frportfolio-pi1 .entry .particulars 
{
     padding: 0;
}

.tx-frportfolio-pi1 .entry .particularsLabel 
{
	margin: 0 0 26px 0;
}

.tx-frportfolio-pi1 .entry .url 
{
     padding: 0;
}

.tx-frportfolio-pi1 .entry .url a
{
	color: red;

}
.tx-frportfolio-pi1 .entry .launchdate 
{
	color: #555;
	font-size: smaller;
	display: table-cell;
}

.tx-frportfolio-pi1 .entry .navigation 
{
	float: right;
	clear: right;
	font-weight: normal;
	text-align: right;
}

.tx-frportfolio-pi1 .entry .navigation .next,
.tx-frportfolio-pi1 .entry .navigation .previous,
.tx-frportfolio-pi1 .entry .navigation .list 
{
	padding-left: 4px;
	float: left;
}

.tx-frportfolio-pi1 .archive .title 
{
	float: left;
	padding-right: 6px;
}

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		7. module clientlist & catlist
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* variante dropdown */
.tx-frportfolio-pi1 .clientlist .filter select
{
	background: red;
	width: 240px;
	height: 20px;
	margin: 0 0 10px 0; 
}

.tx-frportfolio-pi1 .catlist .filter select
{
	background: #f26522;
	width: 240px;
	height: 20px;
}

/* IE7*/
*+html .tx-frportfolio-pi1 .clientlist .filter select,
*+html .tx-frportfolio-pi1 .catlist .filter select
{
	height: 25px;
}

/* variante liste */
/* not implemented on this side 

.tx-frportfolio-pi1 .clientlist ul, 
.tx-frportfolio-pi1 .catlist ul 
{
	list-style-type: none;
	padding-left: 0px;
}

.tx-frportfolio-pi1 .clientlist li, 
.tx-frportfolio-pi1 .catlist li 
{
	display: block;
	padding: 4px 0 0 0;
}

.tx-frportfolio-pi1 .clientlist li.active a {
	color: red;
}

.tx-frportfolio-pi1 .clientlist li.not_active a {
	color: green;
}
.tx-frportfolio-pi1 .catlist li.active a {
	color: red;
}

.tx-frportfolio-pi1 .catlist li.not_active a {
	color: green;
}
.tx-frportfolio-pi1 .clientlist li.inList a {
	color: black;
}
.tx-frportfolio-pi1 .clientlist li.notInList a {
	color: grey;
}
.tx-frportfolio-pi1 .catlist li.inList a {
	color: black;
}

.tx-frportfolio-pi1 .catlist li.notInList a {
	color: grey;
}
*/
/*
#main .tx-frportfolio-pi1 .catlist {
	float: left;
	margin-right: 20px;
}
*/
/* -IE6 */
/*
* html #main .tx-frportfolio-pi1 .catlist {
	float: left;
	margin-right: 0px;
}
*/
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		8. modul urlList
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

.tx-frportfolio-pi1 .urlList 
{
	text-align: justify;
	border: 0px solid red;
	width: 100%;
	letter-spacing: -9.5px;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	word-spacing: -1.57em;
}
/* IE6*/
* html .tx-frportfolio-pi1 .urlList 
{
}
/* IE7*/
*+html .tx-frportfolio-pi1 .urlList 
{
}
/* opera 8/9 & sa3: http://www.lipfert-malik.de/webdesign/tutorial/bsp/css-weiche-filter.html */
/* bug with text-align:justify; */
@media screen and (min-width: 0px){ .tx-frportfolio-pi1 .urlList { text-align:left; }}	

.tx-frportfolio-pi1 .urlList .slashes 
{
	letter-spacing:-8px;
	word-spacing: 0;
	margin: 0 2px 0 0;
}

.tx-frportfolio-pi1 .urlList a 
{
	padding: 0 25px 0 0;
	font-size: 48px;
	color: #DD2D30;
	font-weight: normal;
}

.tx-frportfolio-pi1 .urlList a:hover
{
	color: #DD2D30;
	color: black;
}