/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* 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; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* 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: left; /* 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 */



/* 19.04.2007 - fschneider@magix.net */
/* Layout home */

/* @import "mainmenu.css";*/
 /* ##############################################################
   MAINMENU 
   ############################################################## */

#mainmenu a, #mainmenu a:link, #mainmenu a:hover, #mainmenu a:visited	{
	text-decoration:none;
	color: #564F45;
	display:block;
}
   
#mainmenu {
	margin:0px;
	padding:0px; 
	height:38px;
	clear:both;
	background:url(/imgs/menu_principal/menu_background_left.gif) no-repeat top left;
}

#mainmenuInner {
	margin:0px;
	padding:0px 12px; 
	height:38px;
	background:url(/imgs/menu_background_right.gif) no-repeat top right;
}

#button1, #button2, #button3, #button4, #button5, #button6, #button7 {
	margin:0px;
	padding:0px; 
	float:left;
}

#mainmenu ul {
	margin:0;
	padding:0; 
	float:left;
	position:relative;
	z-index:95;
	left:0;
	height:38px;
	width:840px;
	list-style-type:none;
  	background:url(/imgs/menu_principal/menu_background.gif) repeat-x top left;
}

#mainmenuInner ul li ul {
	position:absolute;
	visibility:hidden;
	padding:0;
	margin:0;
	height:auto;
	background:url(/imgs/menu_sub_bg_silver.jpg) top repeat-x;
	background-color:#DAD9DE;
	border-bottom:solid 1px #AFAFAF;
	border-top:solid 1px #fff;
}

#mainmenuInner ul li ul, #menuSlideBottom, .menuSlideBottomLeft	{
	width:937px;
	z-index:95;
}

#mainmenuInner ul li:hover ul,
#mainmenuInner ul a:hover ul	{
	visibility:visible;
	height:auto;
}

.menuSlideTop {
	float:left;
	padding:0;
	margin:0 3px -10px;
	font-family:"Trebuchet MS", Helvetica;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:-0.015em;
	font-weight:bold;
	display:block;
}

#menuSlideBottom span	{
	font-family:"Trebuchet MS", Helvetica;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-0.015em;
	position:relative;
	top:20px;
	left:10px;
	z-index:96;
}

#mainmenuInner ul li ul li ul {
	margin:0;
	padding:0 0 6px;
	background:none;
	width:195px;
	position:relative;
	border-top:none;
	border-bottom:none;
}

#mainmenuInner ul li ul li ul li {
	padding:0 0 0 9px;
	margin:0;
	display:block;
	list-style:none;
	height:auto;
	font-family:Verdana, Helvetica, sans-serif;
	text-transform:none;
	letter-spacing:0;
	font-size:10px;
	font-weight:bold;
}

.menuSlideTop, #menuSlideBottom ul  {
	border-left:solid 1px transparent;
	border-right:solid 1px  transparent;
}

.menuSlideTop h4{
	background-color: #FFCC66;
	color: #000033;
	font-weight: bold;
	font-size: 12px;
}

#mainmenuInner ul li ul a, #mainmenuInner ul li ul a:link, #mainmenuInner ul li ul a:hover, #mainmenuInner ul li ul a:visited	{
	background:none;
	width:auto;
	height:auto;
	cursor:pointer;	
}

.menuSlideTop div	{
	padding: 22px 0px 9px 9px;
	width:200px;
	font-stretch:ultra-condensed;
}

.menuSlideTop_desc	{
	font-size:10px;
	color:#737574;
	font-weight:normal;
	display:block !important;
}

.menuSlideTop_desc:hover	{/imgs/white.gif
	background:none !important;
}

.menuSlideTop:hover	{
	background:url(/imgs/menu_active_layer.gif) repeat-x top;
}

.menuSlideTop:hover, #menuSlideBottom ul:hover  {
	background-color:#FFFFFF;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
}

#mainmenuInner ul li ul li ul :hover	{
	background:url(/imgs/menu_product_over.jpg) repeat-x top;
	background-color:#FFD27D;
	cursor:pointer;
}

#menuSlideBottom	{
	margin:10px 0 -11px !important;
/*	background:#CDCED2 url(/imgs/menu_sub_head_pro_line.jpg) no-repeat scroll left top;*/
	height:auto;
	border-top:solid 1px #AFAFAF;
	float:left;
}

#menuSlideBottom ul	{
	position:relative !important;
	margin:-17px 3px 0 !important;
	padding:40px 0 10px !important;
}

.menuSlideBottomLine, .menuSlideBottomRight, .menuSlideBottomLeft	{
	height:9px;
	padding:0px !important;
}

.menuSlideBottomLeft  {
	background:url(/imgs/menu_sub_edge_l_pro_line.gif) no-repeat bottom left;
	position:relative;
	float:left;
	bottom:-11px;
	border-top:solid 1px #fff;
}

.menuSlideBottomRight  {
	background:url(/imgs/menu_sub_edge_r_pro_line.gif) no-repeat bottom right;
}
.menuSlideBottomLine  {
	background-color:#CDCED2;
	margin:0px 9px;
}
    
#button1 a, #button1 a:link, #button1 a:active, #button1 a:visited {background:url(/imgs/menu_principal/home.gif) no-repeat top left;display:block;width:82px;height:38px;}	
#button2 a, #button2 a:link, #button2 a:active, #button2 a:visited {background:url(/imgs/menu_principal/foro_off.png) no-repeat top left;display:block;width:78px;height:38px;cursor:default;}	
#button3 a, #button3 a:link, #button3 a:active, #button3 a:visited {background:url(/menu_principal/bitacora_off.png) no-repeat top left;display:block;width:117px;height:38px;cursor:default;}	
#button4 a, #button4 a:link, #button4 a:active, #button4 a:visited {background:url(/imgs/menu_principal/fotos_off.png) no-repeat top left;display:block;width:114px;height:38px;cursor:default;}	
#button5 a, #button5 a:link, #button5 a:active, #button5 a:visited {background:url(/imgs/menu_support.gif) no-repeat top left;display:block;width:72px;height:38px;cursor:default;}	
#button6 a, #button6 a:link, #button6 a:active, #button6 a:visited {background:url(/imgs/menu_synergie.gif) no-repeat top left;display:block;width:68px;height:38px;cursor:default;}
#button7 a, #button7 a:link, #button7 a:active, #button7 a:visited {background:url(/imgs/menu_magix.gif) no-repeat top left;display:block;width:85px;height:38px;cursor:default;}	

#button1 a:hover {background:url(/imgs/menu_principal/home.gif) no-repeat top left;display:block;width:82px;height:38px;}
#button2 a:hover {background:url(/imgs/menu_principal/foro_on.png) no-repeat top left;display:block;width:78px;height:38px;}
#button3 a:hover {background:url(/imgs/menu_services_over.gif) no-repeat top left;display:block;width:117px;height:38px;}
#button4 a:hover {background:url(/imgs/menu_principal/fotos_on.png) no-repeat top left;display:block;width:114px;height:38px;}
#button5 a:hover {background:url(/imgs/menu_support_over.gif) no-repeat top left;display:block;width:72px;height:38px;}
#button6 a:hover {background:url(/imgs/menu_synergie_over.gif) no-repeat top left;display:block;width:68px;height:38px;}
#button7 a:hover {background:url(/imgs/menu_magix_over.gif) no-repeat top left;display:block;width:85px;height:38px;}

#mainmenuInner ul li a span {
	display: none;
}


####################################

/* ##############################################################
   ALL
   ############################################################## */

body {
	margin:0;
	padding:0;
	background:url(/imgs/silver_background.jpg) repeat-x #efefef;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#555045;
}

#main {
	margin:0 auto;
	padding:0; 
	width:961px;
	text-align:left;
}

#content {
	margin:0;
	padding:22px 11px 0 11px; 
	background-color:#f7f7f7;
	border-left:1px solid #9c9c9c;
	border-right:1px solid #9c9c9c;
	background:url(/imgs/white.gif) repeat-x #f7f7f7;
	min-height:500px;
}

#content_Stage {
	margin:0;
	padding:0;
	min-height:500px;
	width:702px;
	float:left;
	overflow:hidden;
}

.clear {
	margin:0;
	padding:0;
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	overflow:hidden;
}

img, table, td, tr, p, span, div, h1, h2, h3, h4, li, ul {
	border:none;
	padding:0;
	margin:0;
}

a, a:link, a:visited, a:hover, a:active {
	color:#2496D5;
}

/* ##############################################################
   HEADER 
   ############################################################## */
   
#header {
	margin:0;
	padding:0; 
	height:128px;
}

#logo {
	margin:13px 0 13px 0;
	padding:0; 
	float:left;
}

#topmenu {
	margin:13px 11px 0 0;
	padding:0; 
	float:right;
}

#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
	margin:0 0 0 10px;
	padding:0;
	color:#555045;
	text-decoration:none;
}

#topmenu a:hover {
	text-decoration:none;
}

#topmenu div	{
	float:left;
	position:relative;
	z-index:96;
	list-style:none;
	padding-bottom:8px;	
}
/* ##############################################################
   LANGUAGES SELECT 
   ############################################################## */

#choosecountry	{
	vertical-align:middle;
	}
	
#choosecountry ul	{
	position:absolute;
	height:0;
	left:-1px;
	top:18px;
	z-index:96;
	visibility:hidden;
	background:#f7f7f7;
	width:140px;
	padding:0;
	margin:0;
	border:solid 1px #9c9c9c;
}

#choosecountry ul li	{
	z-index:96;
	height:18px;
	list-style:none;
	vertical-align:middle;
	margin:0;
	padding:1px 0;
}

#choosecountry ul li a	{
	display:block;
}

#choosecountry:hover ul	{
	visibility:visible;
	height:auto;
}

#choosecountry ul li:hover	{
	background:url(/imgs/bg_choosecountry_active.gif) repeat-x;
}

#choosecountry img	{
	margin-right: 5px;
	vertical-align:middle;
}

/* ##############################################################
   LOGIN - LOGOUT
   ############################################################## */   
   
#login {
	margin:0 0 0 50px;
	padding:0;
}

/* ##############################################################
   LOGIN TYPO3 PLUGIN by PJ
   ############################################################## */   

.login-content form {
width:219px;
margin:0;
}

.login-content label {
padding:0 0 0 10px;
}

.login-content input {
height:20px; 
width:188px;
margin:0 0 10px 10px;
padding:2px 5px 0 5px;
border:1px solid #d2d2d2;
line-height:normal;
}

.border-top {
background:url(mgx_customerLogin/boxlogin_top.gif) no-repeat top left; 
width:221px;
height:9px;
line-height: normal;
font-size: 3px;
}

.border-bottom {
background:url(mgx_customerLogin/boxlogin_bottom.gif) no-repeat bottom left; 
height: 9px;
width:221px;
line-height: normal;
font-size: 3px;
}

.login-content h2 {
color:#555045;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
line-height:normal;
margin:0 0 0 10px;
}

.login-content {
background-color:#f3f2f2;
border-left:  1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
width: 219px;
line-height: normal;
}

.login-content a {
font-size:11px;
color:#3399cc;
padding:10px 0 0 10px;
}

.contentElement .login-content p {
padding:0 0 5px 10px;
}

input.login-button {
background-color:#f3f2f2;
margin:0 5px 10px 0;
height:18px;
width:78px;
border:none;
float:right;
}

.login-error {
width:170px;
margin:0 0 10px 10px;
color:#ff0000;
font-size: 11px;
}

.login-clean {
line-height:normal; 
font-size:3px; 
clear:both;
}
   
/* ##############################################################
   INDEX SEARCH FIELD
   ############################################################## */

#search {
	margin:0;
	padding:0; 
	float:right;
	height:38px;
	width:220px;º
	background:url(/imgs/menu_principal/menu_background.gif) repeat-x top left;
}

#searchinput{
	margin:10px 5px 0 0;
	padding:0;
	float:right;
	width:130px;
	height:16px;
	background-color:#EFF2F7;
	border-top:1px solid #000; 
	border-left:1px solid #000; 
	border-right:1px solid #fff; 
	border-bottom:1px solid #fff; 
}

#searchbutton {
	margin:0;
	padding:0; 
	float:right;
}

/* ##############################################################
   PAGE CONTENT
   ############################################################## */

#pageHeader {
	margin:0; 
	padding:0 0 42px 0;
	text-align:center;
}

#pageContent {
	margin:0 11px;
}

.contentElement {
	padding:0 0 25px 0;
}

.contentElement img, .contentElement p {
	padding:0 0 25px 0;
}

.contentElement h1, h1.mgxAwards	{
	padding:0 0 20px 0;
	font-size:25px;
	font-family:"Trebuchet MS", Helvetica;
	color:#F93D00;
	font-weight:normal;
	line-height:25px;
}

.contentElement h1 span { /* Style after a pipe. The "|" is manually set in TYPO3 BE field within the text. */
	font-weight:bold;
}

.contentElement h1.line { /* Style for specials (plugins) like downloadlist or index search pages. */
	padding:0;
	margin:0 0 40px 0;
	font-size:18px;
	font-weight:bold;
	color:#555045;
	background:url(/imgs/line_divider.gif) bottom left repeat-x;
}

.contentElement h2, .contentElement h2 a {
	padding:0 0 12px 0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#555045;
	font-weight:bold;
	line-height:16px;
}

ul {
	padding:0 0 25px 13px;
}

ol {
	padding:0 0 25px 21px;
}

p.note {
	font-size:10px;
}

/*  #######################################################
	DIVIDER
	######################################################*/
	
.dividerLine	{
	background:url(/imgs/line_divider.gif) center left repeat-x;
	height:2px;
	width:100%;
	padding:0;
	clear:both;
}

.dividerLineBefore{
	background:url(/imgs/line_divider.gif) top left repeat-x;
	height:2px;
	width:100%;
	padding:0 0 25px 0;
	clear:both;
}

.csc-linkToTop {
	text-align:right;
	padding-bottom:3px !important;
	background:url(/imgs/line_divider.gif) bottom left repeat-x;
	width:100%;
	clear:both;	
}

.csc-linkToTop a, .csc-linkToTop a:link, .csc-linkToTop a:visited, .csc-linkToTop a:hover, .csc-linkToTop a:active {
	color:#999;
	text-decoration:none;
}


/* ##############################################################
   LINK BUTTON
   ############################################################## */

.linkButton, .linkButtonInner, .linkButtonContent	{
	float:left;
	height:23px;
	width:auto;
}

.linkButton	{
	background:url(/imgs/bg_link_button_left.gif) left top no-repeat;
	padding-left:8px;
	padding-bottom:25px;
	margin-top:-13px;
}

.linkButtonInner	{
	background:url(/imgs/bg_link_button_right.gif) right top no-repeat;
	padding-right:8px;
}

.linkButtonContent	{
	background:url(/imgs/bg_link_button_middle.gif) left top repeat-x;
}

.linkButtonContent a, .linkButtonContent a:link, .linkButtonContent a:hover, .linkButtonContent a:active, .linkButtonContent a:visited	{
	padding:3px 0 0 12px;
	background:url(/imgs/link_red_arrow_left.gif) 0px 7px no-repeat;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	display:block;
}

.textpic-linkbutton {
	padding:0;
	margin:0;
}

/* ##############################################################
   CONTENT TEASER
   ############################################################## */

#stage {
	margin:0;
	padding:0;
	height:455px;
	overflow:hidden;
}

#teaser {
	margin:0 0 25px 0;
	padding:0; 
	overflow:hidden;
}

/* ######################################################################
   PROMOTION OBJECT ("Stage") + PRODUCT TEASER MODULES, OBJECTS + CONTENT
   ###################################################################### */

.stageObject, #stage_default, #stage_default object, #stage_default .csc-textpic-image {
	height:272px;
	overflow:hidden;
	border:0;
	margin:0;
	padding:0 !important;
}

.stageObject div {
	margin:0;
	padding:0;
	border:0;
}

#stagePointer {
	height: 34px;
	background: url(/imgs/stagearrow.gif) no-repeat -1000px 0;
}

.productTeaserModule {
	overflow:hidden;
}

.productTeaserObject {
	padding:0 0 0 24px; 
	/*height:166px;*/
	width:205px; /* 229px without padding */
	float:left;
	overflow:hidden;
}

.productTeaserObject h1 {
	margin:5px 0 0 0;
	padding:0; 
	font-size:12px;
	line-height:normal;
}

.productTeaserObject img {
	padding:0; 
}
.productTeaserModule .contentElement {
	padding:0;
}

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

#stage-linklayer_default {
	position:absolute;
	top:163px;

}

/**  relative Positionierung der Buehnen-Buttons */
#stage-linklayer_default a {
	position:relative;
	left:780px;
	top:0;
	z-index:6;
}

#stagelink-action_default input, a#stagelink-action_default {
	position:relative;
	top:183px;
	left:107px;
	z-index:6;
}

#stage-linklayer_one, #stage-linklayer_two, #stage-linklayer_thre, #stage-linklayer_four {
	display:none;
}

#stage-linklayer_default, #stagelink-action_default {
	height:0;
}
/**  relative Positionierung der Buehnen-Buttons ENDE **/

/* ##############################################################
   HOME TEASER MODULES, OBJECTS + CONTENT
   ############################################################## */

.homeTeaserModule {
	overflow:hidden;
}

.homeTeaserModule img {
	padding:0; 
}

.homeTeaserModuleFirstRow {
	overflow:hidden;
}

.homeTeaserModuleFirstRow img {
	padding:0; 
}

.homeTeaserDivider {
	width:7px;
	height:7px;
	float:left;
}

.homeTeaserObject_50 {
 	padding:0 5px; 
	/*height:284px;*/ 
	width:455px; /* 465px without padding */
	float:left;
	overflow:hidden;
}

.homeTeaserObject_25 {
 	padding:0 5px; 
	/*height:284px;*/
	width:219px; /* 229px without padding */
	float:left;
	overflow:hidden;
}

.homeTeaserModuleFirstRow h1 {
	margin:0 0 12px 5px;
	padding:0; 
	font-family:"Trebuchet MS", Helvetica;
	font-size:24px;
	line-height:normal;
	color:#F93D00;
}

.homeTeaserModuleFirstRow p {
	margin:0 0 0 7px;
	padding:0; 
	height:80px;
}

.homeTeaserModuleFirstRow p a, .homeTeaserModuleFirstRow p a:link, .homeTeaserModuleFirstRow p a:visited, .homeTeaserModuleFirstRow p a:hover, .homeTeaserModuleFirstRow p a:active {
	margin:0 0 0 10px;
	padding:0 0 0 7px;
	color:#1975D1;
	text-decoration:none;
	background:url(/imgs/link_hometeaser.gif) 0px 5px no-repeat;
}

.homeTeaserModule h2 {
	margin:0 0 12px 5px;
	padding:0; 
	font-size:20px;
	font-family:"Trebuchet MS", Helvetica;
	line-height:normal;
	color:#555045;
}

.homeTeaserModule p {
	margin:0 0 10px 7px;
	padding:0; 
	height:100px;
}

.homeTeaserModule p a, .homeTeaserModule p a:link, .homeTeaserModule p a:visited, .homeTeaserModule p a:hover, .homeTeaserModule p a:active {
	margin:0 0 0 10px;
	padding:0 0 0 7px;
	color:#1975D1;
	text-decoration:none;
	background:url(/imgs/link_hometeaser.gif) 0px 5px no-repeat;
}

/* ##############################################################
   FOOTER
   ############################################################## */

#bottom {
	margin:0;
	padding:0; 
	background-color:#f7f7f7;
}

#border-bottom {
	margin:0;
	padding:0;
	background:url(/imgs/footer_border_2.jpg) repeat-x #e5e5e5;
	text-align:center;
}

#border-bottom-gfx {
	margin:0 auto;
	padding:0;
	height:2px;
	width:961px;
	background:url(/imgs/footer_border.jpg) no-repeat #e5e5e5;
	overflow:hidden;
} 

#footer {
	margin:0 auto;
	padding:8px 11px 30px 11px; 
	width:937px;
	height:300px;
	border-left:1px solid #9c9c9c;
	border-right:1px solid #9c9c9c;
	background:url(/imgs/footer_background.jpg) repeat-x #d0d0d0;
	text-align:left;
}

/* ##############################################################
   FOOTER TEASER MODULE, OBJECT + CONTENT
   ############################################################## */

.footerTeaserModule {
	overflow:hidden;
}

.footerTeaserObject {
	margin:0;
	padding:0 0 0 12px; 
	position:relative;
	top:10px;
	left:0;
	height:118px;
	width:217px; /*229px without padding */
	float:left;
	overflow:hidden;
}

.footerTeaserDivider {
	margin:0;
	padding:0; 
	height:128px;
	width:7px;
	background:url(/imgs/footer_divider.jpg) no-repeat 50% 0%;
	float:left;
}

.footerTeaserObject h2 {
	margin:0 0 18px 0;
	padding:0; 
	font-size:12px;
}

.footerTeaserObject img {
	margin:3px 12px 0 0;
	padding:0;
	float:left;
}

.footerTeaserObject p {
	margin:0;
	padding:0; 
	width:140px;
	float:left;
	height:50px;
	overflow:hidden;
}

#bottom .footerTeaserObject a, #bottom .footerTeaserObject a:link, #bottom .footerTeaserObject a:visited, #bottom .footerTeaserObject a:hover, #bottom .footerTeaserObject a:active {
	color:#555045;
	text-decoration:none;
}

/* ############################################################## */

#footermenu {
	margin:0;
	padding:0; 
	width:700px;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	color:#1975D1;
	text-decoration:none;
}

#footer a:hover {
	color:#1975D1;
	text-decoration:underline;
}

#footerlinks {
	margin:0 0 22px 0;
	padding:0;
	width:700px;
}

#copyright {
	margin:0;
	padding:0;
}

/* ##############################################################
   BOXES RIGHT COLUMN
   ############################################################## */

#boxColumn {
	padding:0 0 0 14px;
	width:221px;
	float:left;
	overflow:hidden;
}

/* ##############################################################
   BOX MENUE (GLOBAL & PRODUCT PAGES)
   ############################################################## */

#boxMenue {
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	width:221px;
	background:url(/imgs/bg_boxmenue_top.gif) top left no-repeat;
}

#boxMenueInner {
	margin:0;
	padding:0 0 10px 0;
	width:221px;
	background:url(/imgs/bg_boxmenue_bottom.gif) bottom left no-repeat;
}

#boxMenueContent {
	margin:0;
	padding:0;
	width:221px;
	background:url(/imgs/bg_boxmenue_middle.gif) top left repeat-y;
}

#boxMenueContent_Stage {
	margin:0;
	padding:0px 5px 0 5px;
	overflow:hidden;
}

/* ##############################################################
   BOX GLOBAL MENUE FIRST LEVEL
   ############################################################## */

#globalMenue {
	margin:0;
	padding:0;
	list-style-type:none;
}

#globalMenue li {
	margin:0;
	padding:5px 0;
	background:url(/imgs/line_boxmenue.gif) top left no-repeat;
}

#globalMenue li.active {
	font-weight:bold;
	color:#7b7b7b;
}

#globalMenue li.active span {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(/imgs/link_boxmenue.gif) 0px 4px no-repeat;
}

#globalMenue .firstRow {
	background-image:none;
}

#globalMenue .firstRowActive {
	font-weight:bold;
	color:#7b7b7b;
	background-image:none;
}

#globalMenue .firstRowActive span {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(/imgs/link_boxmenue.gif) 0px 4px no-repeat;
}

#globalMenue li a, #globalMenue li a:link, #globalMenue li a:visited, #globalMenue li a:active {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(/imgs/link_boxmenue.gif) 0px 4px no-repeat;
	font-size:11px;
	font-weight:normal;
	color:#2496d5;
	text-decoration:none;
	display:block;
}

#globalMenue li a:hover {
	text-decoration:underline;
}

#globalMenue li a strong {
	color:#f00001;
}

/* ##############################################################
   BOX GLOBAL MENUE SECOND LEVEL
   ############################################################## */

#globalMenue li ul {
	margin:0;
	padding:0;
}

#globalMenue li ul li {
	margin:0;
	padding:0 0 0 30px;
	background-image:none;
}

#globalMenue li ul li a, #globalMenue li ul li a:link, #globalMenue li ul li a:visited, #globalMenue li ul li a:active, #globalMenue li ul li a:hover {
	margin:0;
	padding:0;
	color:#999;
	background-image:none;
}

#globalMenue li ul li a strong {
	color:#999;
}

/* ##############################################################
   TEASER BOX (WHITE)
   ############################################################## */

.boxTeaser {
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	width:221px;
	background:url(/imgs/bg_boxwhite_top.gif) top left no-repeat;;
}

.boxTeaserInner {
	margin:0;
	padding:0 0 10px 0;
	width:221px;
	background:url(/imgs/bg_boxwhite_bottom.gif) bottom left no-repeat;
}

.boxTeaserContent {
	margin:0;
	padding:0;
	width:221px;
	background:url(/imgs/bg_boxwhite_middle.gif) top left repeat-y;
	overflow:hidden;
}

.boxTeaserContent p, .boxTeaserContent span, .boxTeaserContent div	{
	margin-top:0;
}

/*	#################################################################
	TEASER
	#################################################################	*/

.boxTeaser_Global {
	margin:0;
	padding:0 5px;
	width:211px;
}

.boxTeaser_Global h2 {
	margin:0 0 20px 0;
	padding:0 7px;
	height:22px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color:#0099C9;
	background:url(/imgs/bg_teaser_header.gif) top left repeat-x;
}

.boxTeaser_Global div a, .boxTeaser_Global div a:link, .boxTeaser_Global div a:visited, .boxTeaser_Global div a:hover, .boxTeaser_Global div a:active {
	margin:0;
	padding:0 7px;
	text-align:center;
	background-image:none;
}

.boxTeaser_Global img {
	margin:0 0 5px 0;
	padding:0;
}

.boxTeaser_Global div {
	margin:0;
	padding:0 7px;
	font-size:11px;
	font-weight:bold;
	color:#666;
}

.boxTeaser_Global p {
	margin:0;
	padding:0 7px;
	font-size:11px;
	color:#999;
}

.boxTeaser_Global p a, .boxTeaser_Global p a:link, .boxTeaser_Global p a:visited, .boxTeaser_Global p a:hover, .boxTeaser_Global p a:active {
	margin:0;
	padding:5px 0 0 12px;
	background:url(/imgs/link_boxmenue.gif) 0px 9px no-repeat;
	font-size:11px;
	font-weight:normal;
	color:#009ACD;
	text-decoration:none;
	display:block;
}

/* ##############################################################
   RE-FORMATTING: TYPO3 PAGECONTENT TEXT/IMAGE!
   ############################################################## */

.csc-textpic-image, .csc-textpic-imagewrap, .csc-textpic img {
	padding:0 !important;
	margin:0 !important;
}

.csc-textpic .imageborder {
	padding:0;
	margin:0 auto;
}

.csc-textpic-image {
	text-align: center;
	padding-bottom:25px !important;
	padding-top:4px !important
}

.csc-textpic-above .imageborder {
   float: left;
}

.csc-textpic img {
	border:0 !important;
}

.csc-textpic-intext-right-nowrap .csc-textpic-text {
	width:327px;
	float:left;
}

.csc-textpic-intext-left-nowrap .csc-textpic-text {
	width:327px;
	float:right; 
}

.csc-textpic-intext-right-nowrap .csc-textpic-image, .csc-textpic-intext-left-nowrap .csc-textpic-image {
	width:327px;
}

.csc-textpic-intext-right .csc-textpicHeader, .csc-textpic-intext-right-nowrap .csc-textpicHeader {
	padding-right:353px;
}

.csc-textpic-intext-left .csc-textpicHeader, .csc-textpic-intext-left-nowrap .csc-textpicHeader {
	padding-left:353px;
}

.csc-textpic-intext-right .csc-textpic-image  {
	width:327px;
	padding-left:26px !important;
}

.csc-textpic-intext-left .csc-textpic-image {
	width:327px;
	padding-right:26px !important;
}

.csc-textpic-left p, .csc-textpic-left ul, .csc-textpic-left ol {
	clear:both;
}

/* ##############################################################
   LINK LISTE
   ############################################################## */

.linkList {
	margin:0;
	padding:0 5px;
	width:211px;
}

.linkList h2 {
	margin:8px 0 10px 0;
	padding:0 7px;
	font-size:16px;
	font-family:"Trebuchet MS",Helvetica;
	font-weight:bold;
	color:#666;
}

.linkList ul {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
}

.linkList ul li {
	margin:0;
	padding:3px 0;
}

.linkList ul li a, .linkList ul li a:link, .linkList ul li a:visited, .linkList ul li a:active {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(/imgs/link_listmenue_.gif) 0px 4px no-repeat;
	font-size:11px;
	font-weight:normal;
	color:#999;
	text-decoration:none;
	display:block;
}

.linkList ul li a:hover {
	text-decoration:underline;
}

/* ###############################################################
	LAYOUT TABLES
	###############################################################*/

.contenttable-0,
.contenttable-1,
.contenttable-2 {
	width:530px;
	margin: 25px auto 25px;
	text-align:left;
	border: 0;
	border-spacing:0;
}


.contenttable-3 {
	width:530px;
	margin:25px 0 50px 25px;
	text-align:center;
	border: 0;
	border-spacing:0;
}

.roundCornerGray_topL	{
	background:url(/imgs/table_greyCornerRound_topLi.gif) top left no-repeat;
	height:8px;
	padding:0 0 0 8px;
}

.contentTable_ObjectTop	{
	border-top:solid 1px #ccc;
	height:8px;
	background-color:#fff;
}

.roundCornerGray_topR	{
	background:url(/imgs/table_greyCornerRound_topRi.gif) top right no-repeat;
	height:8px;
	padding:0 8px 0 0;
}

.roundCornerGray_bottomL	{
	background:url(/imgs/table_greyCornerRound_botLi.gif) top left no-repeat;
	height:8px;
	padding:0 0 0 8px;
}

.contentTable_ObjectBottom	{
	border-bottom:solid 1px #ccc;
	height:7px;
	background-color:#fff;
}

.roundCornerGray_bottomR	{
	background:url(/imgs/table_greyCornerRound_botRi.gif) top right no-repeat;
	height:8px;
	padding:0 8px 0 0;
}

.contentTable_ObjectSpace	{
	padding:0 8px;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	background-color:#fff;
}

.contentTable_ObjectSpace table	{
	width:100%;
	margin:0;
	border-spacing:0;
}

.contenttable-0 table tr.tr-even,
.contenttable-1 table tr.tr-even,
.contenttable-2 table tr.tr-odd,
.contenttable-3 table tr.tr-even	{
	background-color:#eee;
	border-spacing:0;
}

.contenttable-0 table tr.tr-odd,
.contenttable-1 table tr.tr-odd,
.contenttable-2 table tr.tr-even,
.contenttable-3 table tr.tr-odd {
	background-color:#f3f3f3;
	border-spacing:0;
}

.contenttable-0 td.td-0 th,
.contenttable-1 td.td-0 th {
	background:#000000;
	border-spacing:0;
}

.contenttable-0 tr.tr-0 th,
.contenttable-0 .td-0 th,
.contenttable-1 tr.tr-0 th,
.contenttable-1 .td-0 th,
.contenttable-3 .tr-0 th,
.contenttable-3 .td-0 th {
	font-weight:bold;
	padding: 12px 10px;
	background-color:#fbfbfb;
	border-spacing:0;
}

.contenttable-2 th  {
	font-weight:bold;
	padding: 10px 5px;
	text-align:left;
	border-spacing:0;
}

.contenttable-0 td, .contenttable-0 th,
.contenttable-1 td, .contenttable-1 th,
.contenttable-2 td, .contenttable-2 th,
.contenttable-3 td, .contenttable-3 th {
	padding:5px 10px;
	border-left:solid 1px #ccc;
	vertical-align:top;
	border-spacing:0;
}

.contenttable-0 .td-0,
.contenttable-1 .td-0	{
	border:none;
	text-align:left;
	border-spacing:0;
}


.contenttable-2 .td-0 {
	border:none;
	width:33%;
	/*font-weight:bold;*/
	border-spacing:0;
}

.contenttable-3 .td-0 {
	border:none;
	text-align:left;
	width:45%;
	white-space:nowrap;
	border-spacing:0;
}		

/* ###############################################################
	2 COLUMN GRID
	###############################################################*/

/*## ©FabianHornung ##*/
.contentGrid-TwoColumns-left {
   float:left;
   width:327px;
}

/*## ©FabianHornung ##*/
.contentGrid-TwoColumns-right {
   float:right;
   width:327px;
}

/* ###############################################################
	MENU SUBPAGES
	###############################################################*/

.contentElement .menuSubpages {
	list-style-type:none;
	padding:0 0 25px 0;
}

/* ###############################################################
	LIST DEMO DOWNLOADS
	###############################################################*/

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

#downloadList ul li {
	position:relative;
	margin:0;
	padding:16px 0;
	list-style-image:none;
	background:url(/imgs/line_divider.gif) bottom left repeat-x;
}

#downloadList a, #downloadList a:link, #downloadList a:hover, #downloadList a:visited {
	padding:0 0 3px 0;
	text-decoration:none;
	color: #564F45;
	display:block;
}

#downloadList span.downloadTitle {
	padding:3px 0 0 0;
	margin:0 5px 0 0;
	font-family:"Trebuchet MS", Helvetica;
	font-size:18px;
	font-weight:bold;
	color:#666;
}

#downloadList span.downloadTitle span { /* Style after a pipe. The "|" is manually set in TYPO3 BE field within the text. */
	font-weight:normal;
}

#downloadList .downloadDetails {
	padding:7px 0 0 0;
	font-family:"Trebuchet MS", Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#ccc;
}

#downloadList .downloadLink {
	position:absolute;
	right:0px;
	font-family:"Trebuchet MS", Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#666;
}

#downloadList .downloadLink img {
	padding:0;
	margin:0 0 0 20px;
	vertical-align:middle;
}

/* Awards */

.mgxYearMenu {
	float:right;
	margin-right:190px;
	margin-bottom:30px;
	background: #fff url(/imgs/dropdownarrow.gif) no-repeat 127px center;
	border: 1px solid #D3D3D3;
	list-style-type:none;
	z-index:9;
	position:relative;
	padding:0;
	display:block;
}

.mgxYearMenu li ul {
	position:absolute;
	visibility:hidden;
	list-style:none;
	height:auto;
	left:-1px;
	margin:0;
	padding:1px 0 0;
	display:block;
	border:1px solid #D3D3D3;
	border-width:0 1px 0;
}

.mgxYearMenu li:hover ul,
.mgxYearMenu a:hover ul {
	visibility:visible;
	height:auto;
}


.mgxYearMenu li li {
	border-bottom:1px solid #D3D3D3;
	position:relative;
}

.mgxYearMenu a, .mgxYearMenu a:link, .mgxYearMenu a:visited, .mgxYearMenu a:active, .mgxYearMenu a:hover {
	color: #545045;
	text-decoration:none;
	position:relative;
	display:block;
	text-align:center;
	padding:6px 0;
	width:148px;
	margin:0;
}

.mgxYearMenu li li a,
.mgxYearMenu li li {
	background:#fff;	
}
.mgxYearMenu ul li a:hover {
	background: #F3F2F2;
}


/* ###############################################################
	LIST INDEX SEARCH
	###############################################################*/

#indexsearchResult {

}

/* ###############################################################
	LAYOUT POPUPS - sschroederqmagix.net
	###############################################################*/

#popupHeader {
	height:80px;
	background:#f7f7f7 URL('/imgs/line_divider.gif') 0px 45px repeat-x;
	margin:0;
	padding:0;
	text-align: left;	
}


#popupHeader a, #popupHeader a:visited, #popupHeader a:active, #popupHeader a:hover, #popupHeader a:link {
	background:URL('/imgs/close.gif') right no-repeat;
	font-family:'Trebuchet MS',Helvetica;
	font-size:11px;
	color: #999999;
	text-decoration:none;
	float:right;
	padding: 0 17px 0 0;
	margin: 18px 20px 0 0;
	vertical-align: top;
}

#popupHeader h1 {
	padding: 15px 0 0 25px;
	text-align:left;
	font-family:'Trebuchet MS', Helvetica;
	font-size:16px;
	color:#999;
	font-weight:bold;
}

#popupInner {
	background:#f7f7f7;
	padding:10px 40px 0px;
	clear:both;
	text-align: left;
}

/* ###############################################################
	LAYOUT NEWS - LATEST VIEW
	###############################################################*/

.news-latest-container {
	padding:0 12px;
}

.news-latest-container h2 {
	padding:15px 0 0 0;
	font-weight:bold;
}

.news-latest-item {
	padding:10px 0 15px 0;
	background:url(/imgs/line_divider.gif) bottom left repeat-x;
}

.news-latest-item h3 a, .news-latest-item h3 a:visited, .news-latest-item h3 a:active, .news-latest-item h3 a:hover, .news-latest-item h3 a:link {
	padding:0 0 0 9px;
	background:url(/imgs/link_listmenue_.gif) 0px 5px no-repeat;
	text-decoration:none;
	color:#999;
	font-size:11px;
	display:block;
}

.news-latest-item p {
	padding:0 9px;
	color:#999;
	font-size:11px;
}

.news-latest-item p a {
	padding:0 0 0 7px;
	margin:0 0 0 5px;
	background:url(/imgs/link_hometeaser.gif) 0px 5px no-repeat;
	text-decoration:none;
}

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

.news-list-item {
	padding:0 0 15px 0;
}

.news-list-title {
	font-weight:bold;
}

.news-list-date {
	font-size:11px;
}

.news-list-item a, .news-list-item a:visited, .news-list-item a:active, .news-list-item a:hover, .news-list-item a:link {
	text-decoration:none;
	color:#555045;
	font-size:11px;
	font-weight:normal;
	display:block;
}

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

.news-single-item h3 {
	padding:0 0 8px 0;
	font-size:11px;
	color:#555045;
}

.news-single-backlink {
	padding:35px 0 0 0;
}

 .news-single-files a {
         display:block;
         padding-bottom:10px;
 }
 .news-single-files img {
         padding:10px 0 0;
 }
 .news-single-files dd {
         padding:0 30px 40px 0;
         float:left;
 }

.basketsignal {
	background:#FFE373;
}

/* CSS Document */

/* 22.06.2007 - fschneider@magix.net */

/* ##############################################################
   MAINMENU
   ############################################################## */

#button1 a, #button1 a:link, #button1 a:active, #button1 a:visited {background:url(/imgs/menu_principal/home.gif) no-repeat top left;display:block;width:36px;height:38px;}	
#button2 a, #button2 a:link, #button2 a:active, #button2 a:visited {background:url(/imgs/menu_principal/foro_off.png) no-repeat top left;display:block;width:120px;height:38px;}	
#button3 a, #button3 a:link, #button3 a:active, #button3 a:visited {background:url(/imgs/menu_principal/bitacora_off.png) no-repeat top left;display:block;width:120px;height:38px;}	
#button4 a, #button4 a:link, #button4 a:active, #button4 a:visited {background:url(/imgs/menu_principal/fotos_off.png) no-repeat top left;display:block;width:120px;height:38px;}	
#button5 a, #button5 a:link, #button5 a:active, #button5 a:visited {background:url(/imgs/menu_principal/grumete_off.png) no-repeat top left;display:block;width:120px;height:38px;}	
#button6 a, #button6 a:link, #button6 a:active, #button6 a:visited {background:url(/imgs/menu_principal/lonja_off.png) no-repeat top left;display:block;width:120px;height:38px;}
#button7 a, #button7 a:link, #button7 a:active, #button7 a:visited {background:url(/imgs/menu_principal/nudos_off.png) no-repeat top left;display:block;width:120px;height:38px;}	

#button1 a:hover {background:url(/imgs/menu_principal/home.gif) no-repeat top left;display:block;width:36px;height:38px;}
#button2 a:hover {background:url(/imgs/menu_principal/foro_on.png) no-repeat top left;display:block;width:120px;height:38px;}
#button3 a:hover {background:url(/imgs/menu_principal/bitacora_on.png) no-repeat top left;display:block;width:120px;height:38px;}
#button4 a:hover {background:url(/imgs/menu_principal/fotos_on.png) no-repeat top left;display:block;width:120px;height:38px;}
#button5 a:hover {background:url(/imgs/menu_principal/grumete_on.png) no-repeat top left;display:block;width:120px;height:38px;}
#button6 a:hover {background:url(/imgs/menu_principal/lonja_on.png) no-repeat top left;display:block;width:120px;height:38px;}
#button7 a:hover {background:url(/imgs/menu_principal/nudos_on.png) no-repeat top left;display:block;width:120px;height:38px;}





/* 19.04.2007 - fschneider@magix.net */
/* Layout product overview + product detail */

/*  ###########################################################
	PRODUCT OVERVIEW (MULTI & SINGLE)
	###########################################################*/

#productOverview {
	margin:0 11px;
	padding:0 0 40px 0;
}

#productOverview .dividerLine {
	padding:25px 0 50px 0;
}

.productOverview_2products {
	position:relative;
	padding:0 0 200px 0;
	margin:0 0 25px 0;
}

.productOverview_1product {
	position: relative;
	margin:0 0 25px 0;
}

.productOverview_left {
	float: left; 
	width:327px;
}

.productOverview_right {
	 margin-left:355px;
}

.productOverview_full {
	 min-height:250px;
}

#productOverview h1 {
	font-family:"Trebuchet MS", Helvetica;
	font-size:20px;
	font-weight:bold;
	color:#555146;
	line-height:20px;
	height:60px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#productOverview h1 span { /* Style after a pipe. The "|" is manually set in TYPO3 BE field within the text. */
	font-weight:normal;
}

#productOverview h1 .offer { /* Style for marketing acivity flag. Is manually set in TYPO3 BE. */
	font-weight:bold;
	color:#CD1900;
}

.description {
	width:320px;
	min-height:150px;
}

.descriptionShort {
	padding:0 0 25px 0;
}

.descriptionLong { 
	padding:0 0 25px 0;
}

.descriptionMarketing  { /* Style for marketing acivity text. Replaces the descriptionLong */
	padding:0 0 25px 0;
	font-weight:bold;
	color:#CD1900;
}

.descriptionMarketing a, .descriptionMarketing a:visited, .descriptionMarketing a:active, .descriptionMarketing a:hover, .descriptionMarketing a:link {
	color:#CD1900;
}


.productOverview_1product .descriptionLong {
	padding:0;
	margin:0;
}

.productOverview_1product .descriptionMarketing {
	padding:0;
	margin:0;
}

.pricebox {
	position:absolute;
	bottom:0px;
	width:327px;
}

.productOverview_left .pricebox {
	left:0px;
}

.productOverview_right .pricebox {
	right:0px;
}

.productOverview_full .pricebox {
	right:0px;
	top:75px;
}

.pricebox .linkButton {
	padding-bottom:10px;
}

.pricebox center .center {
	padding:25px 0 0 84px;
}

/*	###########################################################
	PRICING BOX
	###########################################################	*/

.boxPricing	{
	margin:0;
	padding:10px 0 0 0;
	width:327px;
	background:url(/imgs/bg_boxpricing_top.gif) left top no-repeat;
}

.boxPricingInner {
	margin:0;
	padding:0 0 10px 0;
	width:327px;
	background:url(/imgs/bg_boxpricing_bottom.gif) left bottom no-repeat;
}

.boxPricingContent {
	margin:0;
	padding:5px 15px 0px 15px;
	/*width:327px;*/
	height:125px;
	background:url(/imgs/bg_boxpricing_middle.gif) left top repeat-y;
}

.overviewButtons {
	float:left;
	width:158px;
}

.overviewButtons form {
	margin:0;
	padding:0;
}

.overviewButtons input {
	margin:0 0 12px 0;
}

.overviewButtons img {
	margin:0 0 8px 0;
}

.overviewInfo_1Button {
	margin:34px 35px 0 0;
}

.overviewInfo_2Buttons {
	margin:0 35px 0 0;	
}

.overviewDownloadInfo {
	float:left;
}

.overviewTax {
	padding:0 5px 0 0;
	float:right;
	color:#adadad;
}

.overviewDownloadInfo a, .overviewDownloadInfo a:link, .overviewDownloadInfo a:visited, .overviewDownloadInfo a:active, .overviewDownloadInfo a:hover {
	color:#aeaeae;
}

/*	###########################################################
	LITTLE PRICING BOX (WITH "DOWNLOAD & NO DOWNLOAD")
	###########################################################	*/

.overviewPricing {
	margin:0 0 0 15px;
	padding:0;
	width:121px;
	float:left;
	font-weight:bold;
}

.overviewPricing_top {
	margin:0;
	padding:5px 10px;
	width:101px;
	height:52px;
	background:url(/imgs/bg_pricing_top.gif) left top no-repeat;
	line-height:14px;
}

.overviewPricing_top .price {
	float:right;
	font-size:13px;
	color:#ea3e30;
	line-height:16px;
}

.overviewPricing_top .shipping {
	clear:both;
	color:#a8a8a8;
	padding:5px 0 0 0;
	line-height:10px;
	font-weight:normal;
	font-size:10px;
	text-align:center;
}

.overviewPricing_download {
	margin:0 0 5px 0;
	padding:5px 10px;
	width:101px;
	height:30px;
	background:url(/imgs/bg_pricing_bottom_demo.gif) left bottom no-repeat;
	line-height:13px;
}

.overviewPricing_download .price {
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#c8c8c8;
}

/*.overviewPricing_download .price span {
	padding:0 5px 0 0;
	color:#a8a8a8;
	font-size:11px;
}*/

.overviewPricing_nodownload {
	margin:0 0 5px 0;
	padding:0;
	width:121px;
	height:9px;
	background:url(/imgs/bg_pricing_bottom_nodemo_de.gif) left top no-repeat;
}

/* ##############################################################
	PRODUCTS DETAILS
	############################################################# */

#productDetails {
	margin:0 11px;
	padding:0 0 40px 0;
}

#productDetails h1 {
	font-size:23px;
	font-family:"Trebuchet MS", Helvetica;
	color:#747474;
	font-weight:bold;
	line-height:25px;
}

#productDetails h1 span { /* Style after a pipe. The "|" is manually set in TYPO3 BE field within the text. */
	font-weight:normal;
}

#productDetails .subheader {
	padding:10px 0 35px 0;
	font-size:20px;
	font-family:"Trebuchet MS", Helvetica;
	color:#9A9A9A;
	font-weight:normal;
	line-height:20px
}

/* ##############################################################
	ORDER BOX
	############################################################# */

.boxProduct form {
	margin:0;
	padding:0;
}
	
.boxProduct {
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	width:221px;
	background:url(/imgs/bg_boxproduct_top.gif) top left no-repeat;
}

.boxProductInner {
	margin:0;
	padding:0 0 10px 0;
	width:221px;
	background:url(/imgs/bg_boxproduct_bottom.gif) bottom left no-repeat;
}

.boxProductContent {
	margin:0;
	padding:0;
	width:221px;
	background:url(/imgs/bg_boxproduct_middle.gif) top left repeat-y;
}

.boxProductHeader	{
	background:url(/imgs/bg_boxproduct_head.gif) top left no-repeat;
	width:209px;
	height:27px !important;
	text-align:center;
	margin:0 6px;
	padding:8px 0 0 0;
	font-family:"Trebuchet MS",Helvetica;
	color:#666;
}

.boxProductHeader h2	{
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:17px;
}

.boxProductHeader h2 img	{
	vertical-align:middle;
	margin:-3px 7px 0 0;
}

.boxOrder_Stage	{
	padding:12px;
	height:160px;
	clear:both;
	line-height:16px;
}

.boxOrder_pack {
	float:left;
	width:64px;
	margin:0 8px 0 0;
}

.boxOrder_buttons_prices {
	float:left;
	width:125px;
	height:110px;
	padding:0;
}

.boxOrder_buttons_prices div {
	margin:0 0 10px 0;
	text-align:center;
	font-weight:bold;
	color:#a7a7a7;
	font-size:10px;
}

.boxOrder_info {
	text-align:center;
	clear:both;
}

.boxOrder_info a, .boxOrder_info a:active, .boxOrder_info a:link, .boxOrder_info a:hover, .boxOrder_info a:visited {
	text-decoration:underline;
	font-size:11px;
	display:block;
	color:#adadad;
}

.boxOrder_shipping {
	padding:5px 0 0 0;
	clear:both;
	text-align:center;
	font-size:9px;
	color:#adadad;
}

.boxOrder_tax {
	text-align:center;
	font-size:9px;
	color:#adadad;
}
   
/* ##############################################################
   BOX PRODUCT MENUE FIRST LEVEL (DETAILS PRODUCTS)
   ############################################################## */

#productMenue {
	margin:0;
	padding:0;
	list-style-type:none;
}

#productMenue li {
	margin:0;
	padding:0;
}

#productMenue li div.active {
	margin:0;
	padding:10px 3px 6px 3px;
	font-family:"Trebuchet MS",Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-align:center;
	background:url(/imgs/button_productmenue_active.gif) no-repeat #b6e7fd;
	border-bottom:1px solid #cdcdcd;
}

#productMenue li a span, #productMenue li div.active span { /* Style after a pipe. The "|" is manually set in TYPO3 BE field within the text. */
	font-size:11px;
	font-weight:normal;
}

#productMenue li a, #productMenue li a:link, #productMenue li a:visited, #productMenue li a:active  {
	margin:0;
	padding:10px 3px 6px 3px;
	font-family:"Trebuchet MS",Helvetica;
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-decoration:none;
	text-align:center;
	display:block;
	background:url(/imgs/button_productmenue.gif) no-repeat #e7e7e7;
	border-bottom:1px solid #cdcdcd;
}

#productMenue li a:hover {
	margin:0;
	padding:10px 3px 6px 3px;
	background:url(/imgs/button_productmenue_active.gif) no-repeat #b6e7fd;
}

#productMenue div.bottom {
	margin:0;
	padding:0;
	background:url(/imgs/linie_productmenue_bottom.gif) no-repeat #e7e7e7;
	height:4px;
	border:none;
}

/* ##############################################################
   BOX PRODUCT MENUE SECOND LEVEL (FEATURE PARAGRAPHS OR PAGES)
   ############################################################## */

#productMenue li ul {
	margin:0;
	padding:0 0 25px 0;
	list-style-type:none;
}

#productMenue li ul li {
	margin:0;
	padding:5px 0;
	text-align:left;
	background:url(/imgs/line_productmenue.gif) top left no-repeat;
}

#productMenue li ul li strong {
	color:#f00001;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#productMenue li ul li.active {
	font-weight:bold;
	color:#7b7b7b;
}

#productMenue li ul li.active span {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(/imgs/link_productmenue.gif) 0px 4px no-repeat;
}

#productMenue .firstrow {
	background-image:none;
	margin:10px 0 0 0;
}

#productMenue .firstRowActive {
	font-weight:bold;
	color:#7b7b7b;
	background-image:none;
	margin:10px 0 0 0;
}

#productMenue .firstRowActive span {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(/imgs/link_productmenue.gif) 0px 4px no-repeat;
}

#productMenue li ul li h3 {
	margin:0 0 0 20px;
	padding:15px 0 0 0;
	text-align:left;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}

#productMenue li ul li a, #productMenue li ul li a:link, #productMenue li ul li a:visited, #productMenue li ul li a:active {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(/imgs/link_productmenue.gif) 0px 4px no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#2496D5;
	text-decoration:none;
	text-align:left;
	display:block;
	border:none;
}

#productMenue li ul li a:hover {
	text-decoration:underline;
}

/* ##############################################################
   BOX "EXTRA INFO"
   ############################################################## */

#boxExtraInfo {
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	width:221px;
	background:url(/imgs/bg_productmenue_top.gif) top left no-repeat;;
}

#boxExtraInfoInner {
	margin:0;
	padding:0 0 10px 0;
	width:221px;
	background:url(/imgs/bg_productmenue_bottom.gif) bottom left no-repeat;
}

#boxExtraInfoContent {
	margin:0;
	padding:0 5px;
	/*width:221px;*/
	background:url(/imgs/bg_productmenue_middle.gif) top left repeat-y;
	overflow:hidden;
}

#boxExtraInfoContent ul {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
}

#boxExtraInfoContent h2 {
	margin:14px 0 10px 8px;
	padding:0;
	font-size:16px;
	font-family:"Trebuchet MS",Helvetica;
	font-weight:bold;
	color:#666;
}

#boxExtraInfoContent ul li {
	margin:0;
	padding:3px 0;
}

#boxExtraInfoContent ul li a, #boxExtraInfoContent ul li a:link, #boxExtraInfoContent ul li a:visited, #boxExtraInfoContent ul li a:active {
	margin:0 0 0 8px;
	padding:0 0 0 12px;
	background:url(/imgs/link_extramenue.gif) 0px 4px no-repeat;
	font-size:11px;
	font-weight:normal;
	color:#999;
	text-decoration:none;
	display:block;
}

#boxExtraInfoContent ul li a:hover {
	text-decoration:underline;
}

/*	#################################################################
	BOTTOM BOX (ONLY ON PRODUCT DETAILS)
	#################################################################	*/

#bottomBox {
	padding:15px 0 0 459px;
	background:url(/imgs/360Grad.gif) 62px 25px no-repeat;
}





h28 {
	color: #000099;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#menuSlideBottom {
	border:inset:#0033FF;
	color: #000099;
	background-color: #CCCCCC;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(imgs/bgs/ondas.gif);
	font-weight: normal;
	border-color: #333333;
	outline-color: #666666;
	outline-width: thin;
	outline-style: inset;
}

#menuSlideBottom a:hover, h28 a:hover{
	color: #FF0000;
	font-size: 14px;
}


#click li a{
	color: #00FF00;
	background-color: #FFffff;
	line-height: 15;
	font-weight: bolder;
	outline-style: inset;
}



#click li a:hover{
	color: #FFFFFF;
	background-color: #FF9933;
	line-height: 20;
	font-weight: bolder;
}
#cuerpo_rutas{
	background-image: url(imgs/bgs/ondas.gif);
	outline-style: outset;
	vertical-align: top;
	text-align: center;
}