@charset "utf-8";
/* CSS Document for Maislinger-Snoli TYPO3 Template */
/*
	created by: Klaus Hoermann <klaus@3b-solutions.net>
	created for: Brandlab - Werbeagentur
	Client: Maislinger Snoli
	Description: tt_news css file
	Copyright: (C) 3B-Solutions Klaus Hoermann 2010
*/

/********************************************************************/
/* CATEGORY HEADER */

/* class for the complete category menu 
.news-catmenu {
	padding:0px;
	margin:0px;
	margin-left:30px;
	margin-right:30px;
	padding-top:5px;
	border-bottom:5px solid white;
}*/

/* the menu header, which is NOT displayed 
.news-catmenu-header {
	padding:0px;
	margin:0px;
	display:none;
}*/

/* the menu item on the first level 
.level1 {
	padding:0px;
	margin:0px;
	margin-left:5px;
	margin-right:5px;
	width:132px;
	float:left;
	border:0px;
	background-color:white;
	height:15px;
	text-align:center;	
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	padding-top:8px;
}*/

/* link style for NORMAL items 
.news-catmenu-NO a{
	padding:0px;
	margin:0px;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-decoration:none;
}*/

/* hover link style for NORMAL items 
.news-catmenu-NO a:hover {
	color:#E31619;
	font-weight:bold;	
}*/

/* link style for ACTIVE items 
.news-catmenu-ACT a{
	padding:0px;
	margin:0px;
	color:#E31619;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
}*/


.news-catmenu {
	margin-left:30px;
	margin-right:30px;
	padding:6px;
	padding-top:0px;
	padding-bottom:15px;
}
.news-catmenu-header {
	display:none;
}
.level1 {
	float:left;
	padding:4px;
	background-color:white;	
	margin-top:5px;
	margin-right:5px;
	width:127px;
	height:15px;
	text-align:center;
	
}
.news-catmenu-NO a {
	padding:0px;
	margin:0px;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-decoration:none;
}
.news-catmenu-NO a:hover {
	color:#E31619;
	font-weight:bold;	
}
.news-catmenu-ACT a {
	padding:0px;
	margin:0px;
	color:#E31619;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
}



/********************************************************************/
/* LIST VIEW */

/* the complete container */
.news-list-container {
	margin-left:30px;
	margin-right:30px;
	border-top:0px;
	border-bottom:0px;
	min-height:430px;
}

/* a single news list item */
.news-list-item {
	width:260px;	
	height:70px;
	margin:5px;
	padding:5px;
	margin-right:10px;
	float:left;
	background-color:#CDCDCD;
	-moz-border-radius-topright:25px;
	-moz-border-radius-bottomright:25px;
	-webkit-border-top-right-radius:25px;
	-webkit-border-bottom-right-radius:25px;
}

/* wrap for the image in the list view */
.news-list-item-image {
	width:100px;
	float:left;
	height:70px;
}

/* the list view image itself */
.news-list-item-image img {
	border:1px groove white;
}

/* the wrap for the title */
.news-list-item-title {
	float:left;
	padding-left:5px;
	width:140px;
}

/* heading3 in the title*/
.news-list-item-title h3 {
	font-size:17px;
	font-weight:bold;	
}

/* the wrap for the subheader */
.news-list-item-subheader  {
	float:left;
	width:155px;
	font-size:9px;
	text-align:left;
}

/* paragraph in the subheader */
.news-list-item-subheader p {
	text-align:left;
	position:relative;
	left:-22px;
	width:152px;
	font-size:15px;
}

/* the morelink, and the spacer gif, both hidden*/
.news-list-morelink, .spacer-gif {
	display:none;
}


/********************************************************************/
/* BROWSE BOX */

.news-list-browse {
	font-size:11px;
	height:30px;
	padding-bottom:3px;
}

.showResultsWrap, .browseLinksWrap {
	text-align:center;
	height:10px;
	padding-top:3px;
}

.browseLinksWrap a {
	text-decoration:underline;
	padding-left:5px;
	padding-right:5px;
	color:#666;
}

.browseLinksWrap a:hover {
	color:#E31619;
}

.disabledLinkWrap {
	
}

.activeLinkWrap {
	color:#E31619;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}

/********************************************************************/
/* SINGLE VIEW */

/* the surrounding container for a single news item */
.news-single-item {
	padding-top:20px;
	margin-left:30px;
	margin-right:30px;
	overflow:visible;
}

/* container for the title */
.news-single-item-title {
	padding-top:30px;
	width:370px;
	float:left;
}

.news-single-item-title h1 {
	color:#666;
}

/* container for the subheader */
.news-single-item-subheader {
	width:340px;
	float:left;
	padding-top:10px;
	padding-left:30px;
}

/* container for the content */
.news-single-item-content {
	float:left;
	width:370px;
	padding-top:10px;
	padding-left:0px;
}

.news-single-item-content p {
	padding-left:0px;
}

/* the go back link */
.news-single-backlink {
	padding-left:30px;
}


/* PIKA CHOOSE GALLERY*/

/* container for the pika choose gallery */
.pikachoose {
	width:485px;
	float:left;
}

/* thumbnail list, also list containing images */
.pikachoose ul {
	padding-left:0px;
	width:510px;
	height:70px;
	margin:0;
	overflow:hidden;
}

/* item in the list */
.pikachoose ul li{
	float:left;
	padding-top:5px;
	padding-right:22px;
	position:relative;
	overflow:hidden;	
}

/* thumbnail image*/
.pikachoose ul li div img {
	position:relative;
	cursor:pointer;
}

/* container for the large images */
.pika_main {
	width:485px;
	display:block;
	position:relative;
}

/* main image */
.pika_main_img {
	position:absolute;
	top:0px;
	left:0px;
}

/* images in the back */
.pika_back_img { 
	position:relative;
	top:0px;
}

/* */
.pika_subdiv {
	position:relative;
	border:0px;
	padding:0px;
}

/* */
.pika_subdiv img, .pika_subdiv a img {
	border:none;
}

/* previous image over the main image, to hide give w/h 1px */
.pika_prev_hover {
	position:absolute;
	top:5px;
	left:5px;
	height:1px;
	width:1px;
	background:url('../../img/gallery/rewind.png') top left no-repeat;
}

/* next image over the main image, to hide give w/h 1px */
.pika_next_hover {
	position:absolute;
	top:5px;
	right:5px;
	height:1px;
	width:1px;
	background:url('../../img/gallery/fastf.png') top right no-repeat;
}