html {
  height: 100%;
}

body {
	margin: 0px 0px 0px 0px;
	height: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
}

table {font-size: 12px;}

a:link, a:visited {
	color: #9b9f54;
	text-decoration: underline;
	font-weight: normal;
}

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

a.active:link, a.active:visited{
	color: #9b9f54;
	text-decoration: underline;
	font-weight: normal;
	font-style: italic;
}

a.active:hover {
	color: #000000;
	text-decoration: underline;
	font-style: italic;
}
/**********************************************************/
/*** Template spezifisch								***/
/**********************************************************/

div#oben_bgr {
	margin-left: auto;
	margin-right: auto;
	height: 85px;
	width: 100%;
	background: #ebebeb;
}

div#oben {
	margin-left: auto;
	margin-right: auto;
	height: 85px;
	width: 1200px;
	background: #ebebeb;
}

div#oben_spacer_links {
	float: left;
	height: 85px;
	width: 319px;
	background: #ebebeb;
}

div#oben_logo {
	float: left;
	height: 85px;
	width: 166px;
	background: #ebebeb;
}

div#oben_spacer_rechts {
	float: left;
	height: 40px;
	width: 715px;
	background: #ebebeb;
}

div#oben_language {
	float: left;
	height: 45px;
	width: 190px;
	background: #ebebeb; 
}

div#oben_mainmenue {
	float: left;
	height: 45px;
	width: 525px;
	background: #ebebeb;
}

div#line_bgr {
	margin-left: auto;
	margin-right: auto;
	_margin-bottom: -11px;
	_margin-top: -4px;
	height: 5px;
	width: 100%;
	background: #9b9f54;
}


div#header_bgr {
	margin-left: auto;
	margin-right: auto;
	height: 162px;
	width: 100%;
	background: #ebecdd;
}

div#header {
	margin-left: auto;
	margin-right: auto;
	height: 162px;
	width: 1200px;
	background: #ebecdd;
}

div#header_img {
	float: left;
	height: 162px;
	width: 675px;
	background: #ebecdd;
}

div#header_img img {_margin-bottom: -3px;}

div#header_content {
	float: left;
	height: 122px;
	width: 470px;
	_width: 515px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	color: #9b9f54;
	font-style: italic;
	font-weight: normal;
	padding: 15px 20px 20px 35px;
	
}



div#header_content h1 {margin: 0 0 16px 0;_margin: 0 0 16px 0;}

div#header_content p {color: #9b9f54; margin: 12px 0 0 0;}

div#spacer_header_content {
	margin-left: auto;
	margin-right: auto;
	height: 43px;
	width: 100%;
	background: #ffffff;
}

div#content_bgr {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: #ffffff;
}

div#content {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	background: #ffffff;
}

table.contents p {color: #000; font-style: normal;}

table.contentpaneopen {margin: 0 0 0 50px;}

td.contentheading {padding-bottom: 10px;}

div#content_spacer_links {
	float: left;
	width: 77px;
}

div#content_beschreibung_bild {
	float: left;
	width: 199px;	
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 13px;
}

div#content_spacer_rechts {
	float: left;
	width: 25px;
}

div#content_main {
	float: left;
	width: 849px;
	background: #ffffff;
	padding: 0px 20px 0px 25px;
	text-align: left;
}

div#footer_bgr {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 20px;
	background: #9b9f54;
}

div#footer {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	height: 20px;
	background: #9b9f54;
	text-align: center;
}

div#footer_menu_bgr {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 35px;
	background: #fff;
}

div#footer_menu {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	height: 35px;
	background: #fff;
	text-align: center;
	color: #9B9F54;
	font-size: 13px;
}

div.mainnewsletter {
	text-align: left;
}

div.mainnewsletter p {
	text-align: left;
}

/*******************************************/
/*** Joomla! spezifisch					 ***/
/*******************************************/

div.offline {
	background: #b2cb00;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

div.componentheading {
  margin-right: 8px;
  font-size: 16px;
  color: #9b9f54;
}

p {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	vertical-align: bottom;
	text-align: left;
	color: #000000;
	width: 100%;	
}

h1 {
	padding: 0;
	font-family: Georgia, serif;
	font-stretch: narrower;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	vertical-align: bottom;
	color: #64605a;
	text-align: left;
	width: 100%;	
}

h2, .contentheading {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	font-style: normal;
	vertical-align: bottom;
	color: #9b9f54;
	text-align: left;
	width: 100%;
}
.contentheading a {
	color: #9b9f54;
	text-decoration: none;
}

.contentheading a:hover {
	color: #000000;
	text-decoration: none;
}

.contentpaneopen h3 {
	padding: 0;
	font-family: Georgia, serif;
	font-stretch: narrower;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	vertical-align: top;
	color: #64605a;
	text-align: left;
	width: 100%;
}

h4 {
	padding: 0;
	font-family: Georgia, serif;
	font-stretch: narrower;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	vertical-align: bottom;
	color: #64605a;
	text-align: left;
	width: 100%;	
}

h3, .componentheading, table.moduletable th {
	padding: 0;
	font-family: Georgia, serif;
	font-stretch: narrower;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	vertical-align: top;
	color: #64605a;
	text-align: left;
	width: 100%;
}

.small {
	font-size: 10px;
	color: #afaba6;
	font-weight: normal;
	text-align: left;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 10px;
	color: #afaba6;
	font-weight: normal;
	text-align: left;
}

.createdate {	
	vertical-align: top;
	font-size: 10px;
	color: #afaba6;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 0px;
}

a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	padding-right: 5px;
	line-height: 14px;
	height: 16px;
	color: #9b9f54;
	text-decoration: underline;
}

a.readon:hover {
	margin-top: 10px;
	display: block;
	float: left;
	padding-right: 5px;
	line-height: 14px;
	height: 16px;
	color: #000000;
	text-decoration: underline;
}

span.article_seperator {
	display: block;
	height: 20px;
}

.article_column {
	padding-right: 5px;
}

.column_seperator {
	border-left: 1px dashed #b2cb00;
	padding-left: 10px;
} 

td.buttonheading { }

.clr {
	clear: both;
}
	#leftcolumn fieldset {
		border: 0;
		border-top: 1px solid #b2cb00;
		padding: 0;margin: 0;
		margin-right: 15px;
		
	}


div#maindivider {
	border-top: 1px solid #b2cb00;
	margin-left: 5px;
	margin-right: 15px;
	overflow: hidden;
	height: 1px;  
	text-align: center;
}

table.blog {
	padding: 0;
	margin: 0;
}

table.blog span.article_seperator {
	display: block;
	height: 20px;
}

table.contenttoc {
	margin: 5px;
	border: 1px solid #b2cb00;
	padding: 5px;
}

	table.contenttoc td {
		padding: 0 5px;
	}
	

td.sectiontableheader {
	background: #b2cb00;
	color: #333;
	font-weight: bold;
	padding: 4px;
	border-right: 1px solid #fff;
}

	tr.sectiontableentry td {
		padding: 4px;
	}
	
	td.sectiontableentry{
		padding: 3px;
	}
	

.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

	.contentpaneopen li {
		margin-bottom: 5px;
	}
	
.contentpaneopen h1 {
		margin-top: 0px;
		font-style: italic;
	}
	
.contentpaneopen h3 {
		margin-top: 0px;
	}
	
.contentpaneopen h4 {
		font-family: Arial, Helvetica, sans-serif;
		color: #b2cb00;
	}
.contentpaneopen p {
		font-size: 12px;
		line-height: 20px;
		font-style: italic;
		color: #9B9F54;
		margin-bottom: 0px;
	}
	
	
div.moduletable {
	margin-bottom: 0px;
}

	div.moduletable, div.module {
		margin-bottom: 25px;
	}


#leftcolumn .moduletable_menu {
	margin-bottom: 50px;
	width: 200px;
	margin-left: -15px;
}

/**********************************************************/
/*** Content Pagenav 									***/
/**********************************************************/

table.pagenav {
	text-align: left;
}

th.pagenav_prev {
	text-align: left;
}

th.pagenav_next {
	text-align: left;
}

/**********************************************************/
/*** Mainnavi		 									***/
/**********************************************************/

#mainmenu {
  white-space: nowrap;
  height: 45px;
  float: left;
  text-align: center;
  vertical-align: text-bottom;
}

#mainmenu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}

#mainmenu li {
	float: left;
	margin: 0;
	padding: 0;
}

#mainmenu a {
  font-family: Georgia, serif;
  font-size: 16px;
  font-style: italic;
  font-stretch: condensed;
	float:left;
  display:block;
  height: 25px;
  line-height: 24px;
  padding: 9px 10px;
  color: #74756b;
  text-decoration: none;
}

#mainmenu a:hover {
  font-family: Georgia, serif;
  font-size: 16px;
  font-style: italic;
  font-stretch: condensed;
	float:left;
  display:block;
  height: 25px;
  line-height: 24px;
  padding: 9px 10px;
  color: #000000;
  text-decoration: none;
  background: url(/templates/default/images/img_mainnav_hover.jpg) no-repeat bottom center;
	}	

#mainmenu a#active_menu-nav {
  font-family: Georgia, serif;
  font-size: 16px;
  font-style: italic;
  font-stretch: condensed;
	float:left;
  display:block;
  height: 25px;
  line-height: 24px;
  padding: 9px 10px;
  color: #9b9f54;
  text-decoration: none;
  background: url(/templates/default/images/img_mainnav_active.jpg) no-repeat bottom center;
}

#mainmenu a#active_menu-nav:hover {
  font-family: Georgia, serif;
  font-size: 16px;
  font-style: italic;
  font-stretch: condensed;
	float:left;
  display:block;
  height: 25px;
  line-height: 24px;
  padding: 9px 10px;
  color: #9b9f54;
  text-decoration: none;
  background: url(/templates/default/images/img_mainnav_active.jpg) no-repeat bottom center;
}


/**********************************************************/
/*** Weinmenu		 									***/
/**********************************************************/

#weinmenu ul {
	  text-align: left;
	  width: 445px;
	}
		
	#weinmenu li {
		text-align: left;
	}
	

	#weinmenu a {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;
	  font-style: italic;
	  line-height: 20px;
	  color: #74756b;
	  text-decoration: none;
	}

	
	#weinmenu a:hover {
	  color: #000000;
	  text-decoration: underline;
	}
	
	#weinmenu a#active_menu-weinnav {
	  color: #9b9f54;
	  text-decoration: underline;
	}
	
	#weinmenu a#active_menu-weinnav:hover {
	  color: #9b9f54;
	  text-decoration: underline;
	}
	
/** 
* Main CSS file for the "default" theme for VirtueMart
* @copyright 2006-2008 soeren
* @license GNU/GPL
*
*/

/* General Shop Styles here please */
.addtocart_button, .notify_button {
	text-align:center;
	background-position:bottom left;
	width:160px;height:30px;
	cursor:pointer;
	border: none;
	font-weight:bold;
	font-family:inherit;
	vertical-align: middle;
	overflow:hidden;
}
.addtocart_button {
	background: url( "/templates/default/images/add-to-cart_blue.gif" ) no-repeat  center transparent;
}
.notify_button {
	background: url( "/templates/default/images/notify_blue.gif" ) no-repeat  center transparent;
}
.addtocart_button_module {
	text-align:center;
	background-position:bottom left;
	width:160px;height:30px;
	cursor:pointer;
	color: #000000;
	border: none;
	font-weight:bold;
	font-family:inherit;
	background: url( "/templates/default/images/transparent.gif" ) no-repeat  center transparent;
	vertical-align: middle;
	overflow:hidden;
	
}

input.addtocart_button_module:hover  {
	color: #333333;	
}

.addtocart_form {
	width: 100%;
	display: inline;
	white-space: nowrap;
}

/* The quantity box beneath the "add to cart" button  */
.quantity_box {	
	vertical-align: middle;
}
.quantity_box_button {
	width:10px;
	vertical-align:middle;
	height:10px;
	background-repeat: no-repeat;
	background-position: center;
   border:1px solid #000;
}
.quantity_box_button_down {
	background-image: url( "/templates/default/images/down_small.gif" );
}
.quantity_box_button_up {
	background-image: url( "/templates/default/images/up_small.gif" );
}
.continue_link, .checkout_link {
	margin: 2px;
	padding: 2px 0px 2px 40px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.4em;
	width: 40%;
}
.checkout_link {
	margin-left: 40px;
	background: url( "/templates/default/images/forward.png" ) no-repeat left;
}
.continue_link {
	background: url( "/templates/default/images/back.png" ) no-repeat left;
}
.next_page {
	background: url( "/templates/default/images/next_16x16.png" ) no-repeat right;
	padding-right: 30px;
	line-height: 20px;
	float: right;
	width: auto;
}
.previous_page {
	background: url( "/templates/default/images/previous_16x16.png" ) no-repeat left;
	padding-left: 30px;
	line-height: 20px;
	float: left;
	width: auto;
}

/* This is the text box informing customers about your returns policy */
.legalinfo {
	background: #d3d3d3;
	border: 2px solid gray;
	margin: 10px;
	padding: 0px 0px 10px 10px;
}

div.pathway {
	margin-bottom: 1em;
}

div.pathway img {
	padding: 0 2px;
}

/* The PDF, Email and Print buttons */
div.buttons_heading {
	margin:10px;
	width:10%;
	float:right;
}

.productPrice {
	font-weight:bold;
	white-space: nowrap;
	clear: both;
}
.product-Old-Price {
	color:red;
	text-decoration:line-through;
}
/** BROWSE PRODUCTS STYLES **/
.browseProductContainer {
	width:100%;
	padding: 3px 3px 3px 3px;
	vertical-align: top;
}

.browseProduktContainerHeader {
	width:100%;
	padding: 3px 3px 3px 3px;
	vertical-align: top;
}

.browseProductTitle {
	font-size: 16px; 
	font-weight: bold;
	padding: 0px;
	margin-top: 15px;
}

.browseProductTitle a {
	font-family: Verdana, Arial;
	font-stretch: narrower;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	vertical-align: bottom;
	text-align: left;
}

.browsePriceContainer {
	margin: 5px;
}

.browseProductImageContainer {
	float: left;
	width: auto;
	margin: 3px;
}
.browseProductDetailsContainer {
	float: left;
	width: 70%;
}
.browseProductDescription {
	margin-top: 40px;
	width:50%;
}

.browseAddToCartContainer {
	text-align:center
}
.browseRatingContainer {
	float: left;
	width:25%;
	margin: 3px;
	white-space: nowrap;
}

/** Flypage Styles **/
.thumbnailListContainer {
	text-align: center;
	width: 200px;
	height: 200px;
	overflow: auto;
}

/*
General Form Styling
*/
.formLabel {
	float:left;
	width:30%;
	text-align:right;
	font-weight: bold;
	margin: 2px;
	white-space: nowrap;
	clear: left;
	vertical-align: middle;
	margin-top: 8px;
}

#agreed_div {
	white-space: normal;
}

.formField {
	float:left;
	width:60%;
	margin: 2px;
	vertical-align: middle;
	margin-top: 8px;
	
}
.missing {
	color:red;
	font-weight:bold;
}

/**
* Administration Styles
*/
.adminListHeader {
	float:left; height: 48px; background-repeat: no-repeat;
	text-align: left; font-size: 18px; font-weight: bold;
	padding-left: 80px;	
}

.labelcell {
	margin-left: auto;
	font-weight: bold;
	vertical-align: top;
	width: 30%;
}
table.adminform td.labelcell {
	text-align: right;
}
.iconcell {
	vertical-align: top;
	width: 5%;
}
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip {
	background-color:#FAFAD2;
	background-position:left 5px;
	background-repeat:no-repeat;
	border-color:#AACCAA;
	border-style:dotted none;
	border-width:1px 0pt;
	font-weight: 900;
	margin:1pt 1pt 1em 1em;
	padding:0.5em 1em 1.5em 48px;
}
.shop_error {
	background-image: url( "/templates/default/images/error.gif" );
}
.shop_warning {
	background-image: url( "/templates/default/images/warning.png" );
}
.shop_info, .shop_tip {
  	background-image: url( "/templates/default/images/info.png" );
}

.shop_debug {
	background-image: url( "/templates/default/images/log_debug.png" );

}
.shop_critical {
	font-weight: bold;
	background-image: url( "/templates/default/images/log_critical.png" );
}
/**
* Addtocart detail Styles
*/
.vmCartContainer { /* Cart Container */
	width: auto;
	float: left;
	background: #ADD8E6;
	border: 1px solid #000;
	padding: 3px;
}

.vmCartChildHeading { /* Header for the cart */
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: left;
}

.vmCartChild { /* Container for the Child Product */
	
	vertical-align: middle;
	border: 1px solid #000;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 2px;
	float:left;	
}

.vmChildDetail { /* Child Detail, description , attributes ,price, quantity etc */
	vertical-align: middle;
	margin-top: 6px;
}

.vmCartChildElement { /* Individual element styling */
	width: 100%;
	vertical-align: middle ;
	height: 25px;
	text-align: left;
	
}

.vmCartAttributes { /* Attributes Div*/
	
	margin-top:8px;
	width:100%;
}

.vmAttribChildDetail {  /* Product Attributes Styling */
	
}
	
#vmMainPage {width: 594px;}


.vmMultiple {
	height:35px;
}



.vmChildType { /* Product type div*/

width: 100%;
}

.vmClearDetail { /*Clear the divs afer child types*/
	clear: both;
}

.vmClearAttribs { /*Clear the divs before the attributes*/
	clear:both;
}
.vmRowOne { /* Odd Row One styling */
	background: #d3d3d3;	
}

.vmRowTwo { /* Even Row Styling */
	background: white;
}

/* Link Details for link to child*/
.vmChildDetail a, .vmChildDetail a:link {
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : bold;
}
.vmChildDetail a:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}
/* Styling for the form elements to enable correct Line Up  */
.inputboxquantity {
	margin-top: 3px;
	vertical-align: middle;
}
.availabilityHeader {
	text-decoration:underline;
	font-weight:bold;
}
.inputboxattrib {
	float: left;
	margin-top: 0px;
	vertical-align: middle;
	margin-bottom: 2px;
}

.quantitycheckbox {
	margin-top: 6px;
	vertical-align: middle;
}	

/**
* Addtocart detail Styles for placing attributes beside product_types
*/
.vmCartContainer_2up { /* Cart Container */
	width: 100%;
	float: left;
	background: #ADD8E6;
	border: 1px solid #000;
	padding: 3px;
}

.vmCartChildHeading_2up { /* Header for the cart */
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: left;
}

.vmCartChild_2up { /* Container for the Child Product */
	
	vertical-align: middle;
	border: 1px solid #000;
	padding-left: 2px;
	padding-right: 2px;
	
	margin-bottom: 2px;
	float:left;	
}

.vmChildDetail_2up { /* Child Detail, description , attributes ,price, quantity etc */
	vertical-align: middle;
	margin-top: 6px;
}

.vmCartChildElement_2up { /* Individual element styling */
	width: 100%;
	vertical-align: middle ;
	height: 25px;
	text-align: left;
	
}

.vmCartAttributes_2up { /* Attributes Div*/
	float: left;
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 5px 5px;
	width:50%;
}

.vmAttribChildDetail_2up {  /* Product Attributes Styling */
	
}
	
.vmMultiple {
	height:35px;
}

.vmChildType_2up { /* Product type div*/
	background: #ADD8E6;
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 5px 5px;
	float: left;
	width: 40%;
	border: 1px solid #000;
}

.vmClearDetail_2up { /*Clear the divs afer child types*/
	
}

.vmClearAttribs_2up { /*Clear the divs before the attributes*/
	clear:both;
}
.vmRowOne_2up { /* Odd Row One styling */
	background: #d3d3d3;	
}

.vmRowTwo_2up { /* Even Row Styling */
	background: white;
}

/* Link Details for link to child*/
.vmChildDetail_2up a, .vmChildDetail_2up a:link {
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : bold;
}
.vmChildDetail_2up a:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}

.vmCartModuleList  {
  cursor : pointer;
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : bold;
}
.vmCartModuleList:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}
.vmquote {
	margin: 4px;
	border: 1px solid #cccccc;
	background-color: #E9ECEF;
	padding: 10px;
	font-size: 12px;
	color: #254D78;
}
.editable {
	background: #ffff33;
	cursor: pointer;
}
ul.pagination li {
	padding: 2px 1px;
	display: inline;
	background: none;
}
.clr { clear: both; overflow:hidden; }.cbOverlay {
	background-color: #000;
}

.cbContainer {
	padding:5px;
	background-color:white;
	border: 2px solid gray;
}
.cbBox h3 {
	font-size:1.4em;
	margin-top:0px;
	padding-top: 3px;
	vertical-align: middle;
	text-align:center;
	background-color:#ccc;
	background-image: url( "js/mootools/header-background.png" );
}
.cbBox p {
	margin:3px;
}
.cbBox, .cbButtons {
	text-align:center;
}
.cbButton {
	margin: 3px;
}
.cbCloseButton {
	background: url( "js/mootools/close.gif" ) no-repeat;
	width: 16px; height: 16px;
	position:absolute;
	top: 9px;
	right:5px;
	cursor: pointer;
}

/**
 * Joom!Fish - Multi Lingual extention and translation manager for Joomla!
 * Copyright (C) 2003-2009 Think Network GmbH, Munich
 *
 * All rights reserved.  The Joom!Fish project is a set of extentions for
 * the content management system Joomla!. It enables Joomla!
 * to manage multi lingual sites especially in all dynamic information
 * which are stored in the database.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307,USA.
 *
 * The "GNU General Public License" (GPL) is available at
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 * -----------------------------------------------------------------------------
 * $Id: mod_jflanguageselection.css 1251 2009-01-07 06:29:53Z apostolov $
 * @package joomfish
 * @subpackage mod_jflanguageselection
 *
*/

/* Joom!Fish CSS definition used by the module or component. You might overwrite it in your
 * template and remove this. Within your module configuration you can switch off the loading of the css*/


#jflanguageselection
{
    float: right;
	margin: 10px 20px 10px 5px;    
}

/* language lists with UL (names & images) */
#jflanguageselection ul.jflanguageselection
{
	list-style: none;
	padding: 0;
	margin-top: 3px;
	font-weight: normal;
}

#jflanguageselection ul.jflanguageselection li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 1px 1px 1px 1px;
	white-space: nowrap;
	border: none;
	font-size: 0.9em;
}

#jflanguageselection ul.jflanguageselection li#active_language
{
 	font-weight: bold;
	font-size: 1.0em;
}

#jflanguageselection ul.jflanguageselection li a
{
	display: block;
}

#jflanguageselection ul.jflanguageselection img
{
	border: none;
}

div#jflanguageselection img.langImg {
	float: left;
	border: none;
	margin-top: 3px;
}
div#jflanguageselection li img.langImg {
	float: left;
	border: none;
	margin: 0px 1px 0px 1px;
}

/** Styles for the drop down list */

#jflanguageselection select.jflanguageselection
{
	border: 1px solid #cccccc;
}

#jflanguageselection label.jflanguageselection
{
	position:absolute;
	left:-1000px;
}

/** Controls Raw Display of Images **/

.rawimages {
	text-align: center;
	margin-top: 3px;
}
.rawimages img {
	border: none;
	margin:2px;
}
.rawimages span#active_language img
{
	margin:2px;
	border: none;
}

div#jflanguageselection img.langImg{ float: left; border: none; margin-top: 3px; }
div#jflanguageselection li img.langImg{ float: left; border: none; margin: 1px 3px 0px 0px; }

#jflanguageselection .opaque{
	filter:alpha(opacity=30);
}
#jflanguageselection option.opaque{
	color:graytext;
}