/**
* AkoGreenFire - A Mambo and Joomla! cms template
* @version 1.02
* @package AkoGreenFire
* @copyright (C) 2006 by Arthur Konze
* @license http://www.konze.de/ Copyrighted Commercial Software
**/

/* ##################### OVERALL SETTINGS ##################### QM: */
body {
  background       : url('../images/back_l.png') #314760;
  margin           : 0px;
  padding          : 0px;
  text-align       : center;
}

td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  line-height      : 20px;
  color            : #00000;
  text-align       : left;  /* AM: */
}


/* ############## MAIN TABLE CONTAINER SETTINGS ############### QM:  */
.rahmen_lb {
  vertical-align   : top;
  width            : auto;
  background       : url('../images/back_l.png') top right transparent;
}
.rahmen_rb {
  vertical-align   : top;
  width            : auto;
  background       : url('../images/back_r.png') top left transparent;
}
.rahmen_ls {
  vertical-align   : top;
  width            : 12px;
  background       : url('../images/schatten_l.png') top right transparent;
}
.rahmen_rs {
  vertical-align   : top;
  width            : 12px;
  background       : url('../images/schatten_r.png') top left transparent;
}
.rahmen_m {
  width            : 750px;
  height           : 100%;
  background       : #ffffff;;
  vertical-align   : top;
  border-left      : 1px solid #000000;
  border-right     : 1px solid #000000;
  border-bottom    : 1px solid #000000;
}
.rahmen_ol {
  width            : auto;
  height           : 500px;
  background       : url('../images/back_ol.png') top right repeat-x transparent;
}
.rahmen_or {
  width            : auto;
  height           : 500px;
  background       : url('../images/back_or.png') top left repeat-x transparent;
}

/* ############## MAIN TABLE CONTAINER SETTINGS ############### QM:  */
.contenttable {
  width            : 100%;
}
.upper_bar {
  height           : 150px;
}

.logotable {
  width            : 100%;
}

.content_logo {
  width            : 215px;
  background       : #000000;
  vertical-align   : middle;
  text-align       : center;
}

.content_left {
  width            : 215px !important;
  width            : 215px;
  background       : url('../images/sidemenu_back.png') bottom left no-repeat #000000;
  vertical-align   : top;
}
.content_main {
  background       : #FFFFFF;
  vertical-align   : top;
  padding          : 10px;
}

.user3menu {
  background       : #ffffff;
}

#actie
{
    width    : 150px;
    height   : auto;
    clear    : left;
    float    : right;
}

.breadcrumbcontainer {
  height           : 25px;
  border-bottom    : 1px solid #999999;
}

.imprintcontainer {
  height           : 25px;
  border-top       : 1px solid #999999;
  font-size        : 10px;
  line-height      : 14px;
  color            : #666666;
  text-align       : center;
}

/* ########################### LINKS ########################## QM:  */
a:link, a:visited {
  color            : #669900;
  text-decoration  : underline;
}

a:hover {
  color            : #669900;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  font-weight      : bold;
}

.readon {
  font-weight      : bold;
}

/* ##################### MODULE SETTINGS ###################### QM:  */
table.moduletable, table.moduletable-mainmenu {
  width            : 100%;
  table-layout     : auto;
}

table.moduletable th, table.moduletable-mainmenu th {
  background       : #cccccc;
  color            : #000000;
  margin           : 0px;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  letter-spacing   : 1px;
  text-align       : center;
  text-transform   : uppercase;
  font-weight      : normal;
  font-size        : 10px;
}

table.moduletable td {
  color            : #cccccc;
  padding          : 5px;
}

table.moduletable-mainmenu td {
  padding          : 0px;
}

div.moduletable h3 {
  font-weight      : bold;
  font-size        : 12px;
  padding          : 0px;
  margin           : 0px;
  line-height      : 14px;
}

/* ##################### FORMULAR SETTINGS #################### QM:  */
fieldset {
  margin-top       : 10px;
  margin-bottom    : 10px;
  padding          : 5px;
  background       : #f0f0f0;
}

/* ################# SECTION LISTING SETTINGS ################# QM:  */
.sectiontableheader {
  background       : #000000;
  color            : #cccccc;
  margin           : 0px;
  padding          : 3px;
  border-bottom    : 1px solid #ffffff;
  letter-spacing   : 1px;
  text-transform   : uppercase;
  font-weight      : normal;
  font-size        : 10px;
  vertical-align   : middle;
  padding          : 2px 5px;
}

.sectiontableentry1 {
  background       : #f0f0f0;
  padding          : 5px;
}

.sectiontableentry2 {
  background       : #e0e0e0;
  padding          : 5px;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# QM:  */
a.mainlevel {
  margin           : 0px;
  display          : block;
  padding          : 3px 0px 3px 10px;
  font-family      : Arial, Helvetica, sans-serif;
  width            : 205px;
  background-color : #333333;
  border-bottom    : 1px solid #000;
}

a:link.mainlevel, a:visited.mainlevel {
  color            : #ffffff;
  text-decoration  : none;
}

a:hover.mainlevel {
  color            : #000000;
  background-color : #99cc00;
  text-decoration  : none;
}

a#active_menu {
  font-weight      : bold;
  color            : #ffffff;
}

.sublevel {
  font-size        : 12px;
}

a.sublevel {
  margin           : 0px;
  padding          : 0px;
  font-family      : Arial, Helvetica, sans-serif;
}

a:link.sublevel, a:visited.sublevel {
  color            : #999999;
  text-decoration  : none;
}

a:hover.sublevel {
  color            : #99cc00;
  text-decoration  : none;
}

a#active_menu {
  font-weight      : bold;
  color            : #ffffff;
}

ul#mainlevel-topmenu {
  list-style       : none;
  padding          : 0px;
  margin           : 0px;
}

ul#mainlevel-topmenu li {
  filter           : Alpha(opacity=50);
  -moz-opacity     : 0.50;
  background       : #ffffff;
  float            : right;
  font-size        : 10px;
  text-transform   : uppercase;
  letter-spacing   : 1px;
}

ul#mainlevel-topmenu li a {
  display          : block;
  padding          : 0px 10px;
  color            : #333333;
  text-align       : center;
  text-decoration  : none;
}

ul#mainlevel-topmenu li a:hover {
  color            : #669900;
  background       : #000000;
  text-decoration  : none;
}

/* ##################### PAGE NAVIGATION ###################### QM:  */
div.pagenavbar {
  background       : #f0f0f0;
  border-top       : 1px solid #808080;
  border-left      : 1px solid #808080;
  border-bottom    : 1px solid #ffffff;
  border-right     : 1px solid #ffffff;
}

div.pagenavbar div {
  border-top       : 1px solid #ffffff;
  border-left      : 1px solid #ffffff;
  border-bottom    : 1px solid #808080;
  border-right     : 1px solid #808080;
  text-align       : center;
}

.contenttoc {
  width            : 150px;
  padding          : 2px 5px;
  background       : #f0f0f0;
  border-top       : 1px solid #808080;
  border-left      : 1px solid #808080;
  border-bottom    : 1px solid #808080;
  border-right     : 1px solid #ffffff;
}
.contenttoc th {
  font-weight      : bold;
  text-align       : left;
  letter-spacing   : 1px;
  border-top       : 1px solid #ffffff;
  border-left      : 1px solid #ffffff;
  border-right     : 1px solid #808080;
}

.contenttoc td {
  border-left      : 1px solid #ffffff;
  border-right     : 1px solid #808080;
}

/* ################### SMALL FONT SETTINGS #################### QM:  */
.small {
  font-size        : 10px;
  color            : #99cc00;
}

.smalldark {
  font-size        : 10px;
  color            : #000000;
}

.createdate, .modifydate {
  font-size        : 10px;
  color            : #999999;
}

/* ##################### VOTING SETTINGS ###################### QM:  */
.content_rating {
  font-size        : 10px;
  color            : #FEC56A;
}

.content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  padding-left     : 10px;
  padding-right    : 10px;
  background-color : #F0F0F0;
  border           : 1px solid #e0e0e0;
}

/* ##################### PATHWAY SETTINGS ##################### QM:  */
.pathwaycontainer {
  width            : 100%;
  border-bottom    : 1px solid #666666;
  padding          : 4px;
  height           : 20px;
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  line-height      : 16px;
  letter-spacing   : 1px;
}

.pathway {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  line-height      : 16px;
  letter-spacing   : 1px;
}

a.pathway:link, a.pathway:visited {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  line-height      : 16px;
  letter-spacing   : 1px;
}

a.pathway:hover {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  line-height      : 16px;
  letter-spacing   : 1px;
}

/* ################### CONTENT PAGE SETTINGS ################## QM:  */
.contentpane {
  padding          : 0px;
}

.contentpaneopen {
  padding          : 0px;
}

.contentheading, .componentheading {
  padding          : 0px;
  font-size        : 14px;
  font-weight      : bold;
  text-transform   : uppercase;
  text-align       : left;
  letter-spacing   : 1px;
  color            : #000000;
  background       : #ffffff;
}

.contentpane {
  color            : #000000;
  background       : #ffffff;
}

.contentpagetitle {
  font-weight      : bold;
  color            : #000;
}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
  text-decoration  : none;
}

/* ###################### BUTTON SETTINGS ##################### QM:  */
a.readon:link, a.readon:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

a.readon:hover {
  color            : #99cc00;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/readon_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:link, .back_button a:visited {
  color            : #999999;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_normal.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.back_button a:hover {
  color            : #99cc00;
  font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  background       : url(../images/back_hover.png) #F0F0F0 no-repeat;
  border           : 1px solid #E0E0E0;
  padding          : 2px 4px 2px 20px;
  white-space      : nowrap;
  float            : left;
  line-height      : 10px;
  text-decoration  : none;
}

.breadcrumbcontainer a:link, .breadcrumbcontainer a:visited {
  white-space      : nowrap;
  text-decoration  : none;
}

.breadcrumbcontainer a:hover {
  white-space      : nowrap;
  text-decoration  : underline;
}

.buttonheading a:link, .buttonheading a:visited {
  padding          : 2px 10px;
}

.buttonheading a:hover {
  padding          : 2px 10px;
}

.mosimage {
  margin           : 2px;
  text-align       : center;
}

.mosimage img {
  margin           : 3px;
}

.mosimage_caption {
  padding          : 1px 2px;
  margin-top       : 2px;
  font-size        : 10px;
  color            : #99cc00;
}

/* ###################### flex_brwose SETTINGS ##################### QM:  */


.product, .product a 
{
	FONT: bold 10px Arial, Helvetica, sans-serif;
	font-style:normal;		
	TEXT-TRANSFORM: lowercase;
	text-decoration: none;
	text-justify:distribute-all-lines;	
}

.artist, .artist a 
{
	FONT: bold 12px Arial, Helvetica, sans-serif;
	font-style:normal;		
	TEXT-TRANSFORM: lowercase;
	text-decoration: none;
	text-justify:distribute-all-lines;	
}

#new, #new a
{
	FONT: bold 14px Helvetica, Arial, sans-serif;
	font-style:normal;		
	text-decoration: none;
	text-justify:distribute-all-lines;	
}

#mod_flex_sales, #mod_flex_sales a
{
	FONT: bold 14px Helvetica, Arial, sans-serif;
	font-style:normal;		
	border: 1px;
	text-justify:distribute-all-lines;		
}

/* ########################## scrollable menu ######################## */
/* root element for scrollable */
div.scrollable 
{  
	/* required settings */
    
	position	:relative; 
	overflow	:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height		: 525px;	 
	width		: 190px;	
	
	/* decoration */
	padding		:0px 0px;	
	
}

/* root element for scrollable items */
div.scrollable div.items 
{	
    position:absolute;
	
	/* this time we have very large space for height */	
	height:auto;	
	
}

/* 
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable div.items div
{
	text-align			: left;
	text-decoration		: none;
	margin-left 		: 5px;
	font-weight	        : bold;
	-moz-border-radius	: 5px;

}

div.item_link a
{
	text-decoration : none;
	font-size		: 12px;
	
}

div.item_link a:hover
{
	text-decoration : none;
	font-size		: 12px;
	color			: white;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next 
{
	display				: table-row;
	width				: 180px;
	height				: 16px;
	background			: url(../images/up.jpg) no-repeat ;
	float				: left;
	margin				: 0px px;
	cursor				: pointer;
	background-color	: black;
	background-position	: center;

}


a.prev:hover, a.next:hover 
{
	background-position: center;		
}


a.disabled 
{
	visibility:hidden !important;		
}


a.next
{
	background-image:url(../images/down.jpg);
	clear:right;	
}


/* ########################## for category related browsetr ######################## */        

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/
div.scrollable_cat 
{
    
    /* required settings */
    position:relative;
    overflow:hidden;         
    width: 400px;    
    height: 150px;    
    
}

/* 
    root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable_cat div.cat_items {    
    /* this cannot be too large */
    width:20000em;    
    position:absolute;
    clear:both;          
   
}

/* single scrollable item */
div.scrollable_cat div.cat_items div 
{
    float:left;
    
    /* custom decoration */
    text-align:left;
    width:105px;
    padding:0px 0px;
}

div.scrollable_cat div.cat_items div  a
{
	text-decoration		: none;
	font-weight      : bold;
}


/* active item */
div.scrollable_cat div.cat_items div.active 
{
    background-color:#fff;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable_cat 
{
    float:left;    
}

/* prev, next, prevPage and nextPage buttons */
a.cat_prevPage, a.cat_nextPage 
{
    display:block;
    width:18px;
    height:18px;
    background:url(../images/scrollable/arrow/left.png) no-repeat;
    float:left;
    margin:10px 10px;
    cursor:pointer;
    font-size:1px;
}

/* mouseover state */
 a.cat_prevPage:hover, a.cat_nextPage:hover 
 {
    background-position:0px -18px;        
}

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

/* next button uses another background image */
a.cat_nextPage 
{
    background-image:url(../images/scrollable/arrow/right.png);
    clear:right;    
}

a:active {
  outline:none;
}

/*********** navigator *********** don't use/