img {behavior:url("http://www.axxo-design.de/static/axxo/pngbehavior.htc");}

body {
	background-image: url('hintergrund.jpg');	
	margin: 0;
	text-align:center;
	background-repeat:repeat-x; 
	background-color: #0000A0;
/*	font-family: verdana; */
         font-family: "lucida sans unicode", "lucida grande", sans-serif; 
         font-size:9pt;
	color: #FFFFFF;
}
.prodlist {
 width:370px;
 background-color:#e8e8e8;
 border-left:2px solid #6d6d6d;
 border-right:2px solid #6d6d6d;
 padding:0 18px;
  position:relative;
}
.prodlist1 {
 width:370px;
 margin-top:20px;
 padding:50px 18px;
  position:relative;
}
.slidelist {
  position:relative;
  margin:5px 5px 0 5px;
  height:100px;
  width:175px;
  text-align: center;
  float:left;
  padding-bottom:5px;
}
.tlist {
  position:relative;
  margin-left:15px;
  height:100px;
  width:175px;
  text-align: center;
  float:left;
  overflow:visible;
}
.tlist1 {
  position:relative;
  margin-left:10px;
  height:100px;
  width:175px;
  text-align: center;
  float:left;
  overflow:visible;
}

img {
/*  display: block;  */
}
a:link {text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {text-decoration:none;}

p {
     margin-top:0px;
     margin-bottom:0px;
}

h6 {
         font-size:small;
         margin-top:0;
}
#designbody {
	margin: 0;
         text-align:left;
	background-color: #FFFFFF;
	font-family:Verdana;
         font-size:9pt;
	color: #000000;
}
.rahmen {
	margin:auto; 
	width:990px;
}
.randoben {
	height:10px; 
	width:990px;
}
.logooben {
	height:70px; 
	width:990px; 
	text-align:right;
}
.logooben a {
	color:#FFFFFF; 
	text-decoration:none; 
}
.logooben a:hover {
	color:#FFFFFF; 
	text-decoration:underline; 
}
.logooben a:visited {
	color:#FFFFFF; 
}
.logooben a:active {
	color:#FFFFFF; 
}
.navigationoben {
	height:85px; 
	width:990px; 
	text-align:left;
}
.navigationoben a {
	color:#FFFFFF; 
	text-decoration:none; 
}
.navigationoben a:hover {
	color:#FFFFFF; 
	text-decoration:underline; 
}
.navigationoben a:visited {
	color:#FFFFFF; 
}
.abstand1 {
	height:15px; 
	width:990px;
}
.abstand {
	height:20px; 
	width:990px;
}
.randweissoben {
	height:24px; 
	width:990px;
         background-image: url('randweissoben.png');
}
.randweissunten {
	height:24px; 
	width:990px;
         background-image: url('randweissunten.png');
}
.anzeige {
	width:990px; 
	background-color:white;
}
.randlinksanzeige {
	float:left; 
	width:40px;
}
.anzeigeinhalt {
	float:left; 
	width:910px;
}
.positiontracker {
	width:910px; 
	height:30px; 
	text-align:left; 
	color:#333333; 
	font-size:xx-small;
}
.positiontracker a {
	color:#333333; 
	text-decoration:underline;
}
.positiontracker a:hover {
	color:#000000; 
	text-decoration:underline;
}
.positiontracker a:visited {
	color:#333333; 
}
.headline {
	width:910px; 
	height:30px; 
	text-align:left; 
	font-size:large; 
	font-variant:small-caps;  
	color:#333333;
         margin-bottom:10px;
}
.headline h1 {
	font-size:large; 
	font-variant:small-caps;  
	color:#333333;
}
.content {
	width:910px;
}
.contentrandoben {
	width:910px; 
	height:20px;
         background-image: url('randinhaltoben.png');
}
.inhalt {
	width:908px; 
	border-left: 1px solid #abaaab; 
	border-right: 1px solid #abaaab;
}
.subnav {
	float:left; 
	width:270px; 
	color:#111111; 
	text-align:left; 
	padding-left:20px; 
	padding-top:50px;
}
.unternavi_first {padding-top:10px; padding-bottom:10px; font-size:8pt;}
.unternavi_first a {color:#111111; text-decoration:none;}
.unternavi_first a:hover {color:#111111; text-decoration:underline;}
.unternavi_first a:active {color:#111111; text-decoration:underline;}
.unternavi_first a:visited {color:#111111;}
.unternavi_first_active {padding-top:10px; padding-bottom:10px; font-weight:bold;}
.unternavi_first_active a {color:#111111; font-weight:bold; text-decoration:none;}
.unternavi_first_active a:hover {color:#111111; text-decoration:underline;}
.unternavi_first_active a:active {color:#111111; text-decoration:underline;}
.unternavi_first_active a:visited {color:#111111;}
.unternavi_second {padding-left:20px;font-size:8pt;}
.unternavi_second a {color:#111111; text-decoration:none;}
.unternavi_second a:hover {color:#111111; text-decoration:underline;}
.unternavi_second a:active {color:#111111; text-decoration:underline;}
.unternavi_second a:visited {color:#111111;}
.unternavi_second_active {padding-left:20px; font-size:8pt; font-weight:bold;}
.unternavi_second_active a {color:#111111; text-decoration:none;}
.unternavi_second_active a:hover {color:#111111; text-decoration:underline;}
.unternavi_second_active a:active {color:#111111; font-weight:bold; text-decoration:underline;}
.unternavi_second_active a:visited {color:#111111;}

.abstandinhalt {
	float:left; 
	width:10px;
}
.darstellung {
	float:left; width: 590px; 
	padding-top:50px; 
	padding-bottom:50px; 
	text-align:left; 
	color:#333333; 
	line-height:150%;
}
.darstellung h6 {
	font-weight:bold;
}
.darstellung a {
	color:#111111; 
	text-decoration:none;
}
.darstellung a:hover {
	color:#111111; 
	text-decoration:underline;
}
.darstellung a:visited {
	color:#111111; 
}
.contentrandunten {
	clear:both; 
	width:910px; 
	height:20px;
         background-image: url('randinhaltunten.png');
}
.randuntencontent {
	width:910px; 
	height:40px;
}
.randrechtsanzeige {
	float:left; 
	width:40px;
}
.teaserbox {
	height:150px;
         background-color:#FFFFFF; 
	width:990px;
         color:#111111;
         text-align:left; 
}
.seitenfuss {
	text-align:left;
}
.adresse {
	float:left; width:460px;
}
.standardsunten {
	float:left; 
	width:530px; 
	text-align:right;
}
.standardsunten a {
	color:#FFFFFF; 
	text-decoration:none;
}
.standardsunten a:hover {
         color:#FFFFFF; 
	text-decoration:underline;
}
.standardsunten a:visited {
	color:#FFFFFF; 
}
.naviunten {
	clear:both; 
	line-height:150%;
         text-align:center;
}
.naviunten a:link {
         color:#FFFFFF;
	text-decoration:none;
}
.naviunten a:hover {
         color:#FFFFFF;
	text-decoration:underline;
}

.naviunten a:visited {
         color:#FFFFFF;
}

.remooz-element
{
	cursor:					-moz-zoom-in;
}

/**
 * Box layout
 */

.remooz-box
{
	position:				absolute;
	top:					0;
	left:					0;
	background:				#fff no-repeat center;
	z-index:				100;
}
.remooz-loading
{
	background-image:		url(spinner.gif);
}
.remooz-body
{
	width:					100%;
	height:					100%;
}
.remooz-box-focus.remooz-type-image .remooz-body
{
	cursor:					-moz-zoom-out;
}
.remooz-box-dragging .remooz-body
{
	cursor:					move;
}

/**
 * Close button
 */

.remooz-btn-close
{
	position:				absolute;
	left:					-15px;
	top:					-15px;
	width:					30px;
	height:					30px;
	text-decoration:		none;
	border:					0;
	background:				url(closebox.png) no-repeat center;
	visibility:				hidden;
	cursor:					pointer;
}
.remooz-engine-trident4 .remooz-btn-close
{
	background-image:		url(closebox.gif);
}

/**
 * Caption title
 */

.remooz-title
{
	position:				relative;
	left:					0;
	top:					15px;
	text-align:				left;
}
.remooz-title-bg
{
	position:				absolute;
	left:					0;
	top:					0;
	width:					100%;
	height:					100%;
	background-color:		#000;
	z-index:				99;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	/* shadow opacity differs from box shadow because its default set to opacity 0.8 */
	-webkit-box-shadow:		0 0 10px rgba(0, 0, 0, 0.9);
}
.remooz-title-content
{
	position:				relative;
	padding:				5px 15px;
	color:					#fff;
	z-index:				101;
	font:					11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.remooz-engine-trident4 .remooz-title-bg
{
	display:				none;
}
.remooz-engine-trident4 .remooz-title-content
{
	background-color:		#333;
}

.remooz-title-content h6
{
	font-size:				1.2em;
	font-weight:			bold;
	color:					#eee;
}
.remooz-title-content p
{
	color:					#eee;
}

/**
 * Type specific
 */

.remooz-type-image img
{
	display:				block;
	border:					0;
	width:					100%;
	height:					100%;
}

/**
 * Shadow
 */

.remooz-bg
{
	position:				absolute;
	width:					33px;
	height:					40px;
}

.remooz-bg-n
{
	left:					0;
	top:					-40px;
	width:					100%;
	background:				url(remo_bg_n.png) repeat-x;
}
.remooz-bg-ne
{
	right:					-33px;
	top:					-40px;
	background:				url(remo_bg_ne.png) no-repeat;
}
.remooz-bg-e
{
	right:					-33px;
	top:					0;
	height:					100%;
	background:				url(remo_bg_e.png) repeat-y;
}
.remooz-bg-se
{
	right:					-33px;
	bottom:					-40px;
	background:				url(remo_bg_se.png) no-repeat;
}
.remooz-bg-s
{
	left:					0;
	bottom:					-40px;
	width:					100%;
	background:				url(remo_bg_s.png) repeat-x;
}
.remooz-bg-sw
{
	left:					-33px;
	bottom:					-40px;
	background:				url(remo_bg_sw.png) no-repeat;
}
.remooz-bg-w
{
	left:					-33px;
	top:					0;
	height:					100%;
	background:				url(remo_bg_w.png) repeat-y;
}
.remooz-bg-nw
{
	left:					-33px;
	top:					-40px;
	background:				url(remo_bg_nw.png) no-repeat;
}


.tlistthumb {
  position:relative;
  margin-right:12px;
  height:40px;
  width:40px;
  text-align: center;
  float:left;
  overflow:visible;
}
.tlistthumb1 {
  position:relative;
  height:40px;
  width:40px;
  text-align: center;
  float:left;
  overflow:visible;
}
.produktnavidivtext {
  position:absolute; 
  bottom:0; 
  left:15px;
  top:60px ;
  padding-left:3px;
  padding-right:3px;
  text-align:left;
  z-index:4;
  height:30px;
  width:139px;
  color:#000000;
  position:absolute;
  display:none;
  height:40px;
  text-align:center;
  background-image: url('transparenttitel.png');
}
.produkttext {
  height:30px;
  color:#000000;
  text-align:left;
  font-weight:bold;
  width:400px;
}
.produkttexttext {
  height:27px;
  padding-top:3px;
  color:#000000;
  text-align:left;
  font-weight:bold;
  background-image: url('produktitellhintergrund.png');
}
*+html .produktbildnavi {
  width:450px;
  padding:5px;
  text-align:left;
  color:#000000;
  background-image: url('produktitellhintergrund.png');
}
.produktbildnavi {
  bottom:0; 
  left:0; 
  z-index:100;
  width:450px;
  padding:5px;
  text-align:left;
  color:#000000;
  background-image: url('produktitellhintergrund.png');
  overflow:auto;
}
.produktbildnavi a {
  color:#000000;
  text-decoration:none;
}
.produktbildnavi a:hover {
  color:#000000;
  text-decoration:underline;
}
*+html .produktbildnavioben {
  width:450px;
  height:30px;
  padding:5px;
  text-align:left;
  color:#000000;
  background-image: url('produktitellhintergrund.png');
}
.produktbildnavioben {
  position:absolute; 
  bottom:0; 
  left:0; 
  z-index:100;
  width:450px;
  height:33px;
  padding:5px;
  text-align:left;
  color:#000000;
  background-image: url('produktitellhintergrund.png');
}
.produktbildnavioben a {
  color:#000000;
  text-decoration:none;
}
.produktbildnavioben a:hover {
  color:#000000;
  text-decoration:underline;
}
/*###################### Beginn Calenderpopup ######################*/

/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #bdb2bf;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: url("normal-bg.gif");
  font-family: "trebuchet ms",verdana,tahoma,sans-serif;
}

.calendar {  border-color: #797979;}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
  font-weight: bold;
}

.calendar .nav {font-family: verdana,tahoma,sans-serif;}

.calendar .nav div {background: transparent url("menuarrow.gif") no-repeat 100% 100%;}

.calendar thead tr { background: url("title-bg.gif") repeat-x 0 100%; color: #000; }

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: url("title-bg.gif") repeat-x 0 100%; color: #000;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #797979;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #c44;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: url("hover-bg.gif");
  border-bottom: 1px solid #797979;
  padding: 2px 2px 1px 2px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: url("active-bg.gif"); color: #fff;
  padding: 3px 1px 0px 3px;
  border-bottom: 1px solid #797979;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: url("dark-bg.gif");
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  font-family: verdana,tahoma,sans-serif;
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {font-size: 80%; color: #999;}
.calendar tbody .day.othermonth.oweekend {color: #f99;}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #797979;
  background: url("dark-bg.gif");
}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {
  background: url("rowhover-bg.gif");
}

.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: url("hover-bg.gif");
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #c44;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #797979;
  padding: 1px 3px 1px 1px;
  background: url("active-bg.gif"); color: #fff;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #565;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: url("status-bg.gif") repeat-x 0 0; color: #000;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #afa;
  border: 1px solid #084;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #7c7;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #797979;
  background: url("normal-bg.gif"); color: #000;
  z-index: 100;
  font-size: 90%;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {width: 4em;}

.calendar .combo .hilite {background: url("hover-bg.gif"); color: #000;}

.calendar .combo .active {background: url("active-bg.gif"); color: #fff; font-weight: bold;}

.calendar td.time {
  border-top: 1px solid #797979;
  padding: 1px 0px;
  text-align: center;
  background: url("dark-bg.gif");
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 5px 0px 6px;
  font-weight: bold;
  background: url("normal-bg.gif"); color: #000;
}

.calendar td.time .hour,
.calendar td.time .minute {
  font-family: monospace;
}

.calendar td.time .ampm {text-align: center;}

.calendar td.time .colon {padding: 0px 2px 0px 3px; font-weight: bold;}

.calendar td.time span.hilite {background: url("hover-bg.gif"); color: #000;}

.calendar td.time span.active {background: url("active-bg.gif"); color: #fff;}

/*###################### Ende Calenderpopup ######################*/


/* ########################### Druckstyle ############################# */

@media print 
{

body 
{
  background-color: #fff;
  margin: 0px;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
}
div.subnav {display:none;}
div.logooben {line-height:1.5; width:500px; background-image:none;font-size:8pt;}
div.darstellung
{
clear:both; 
background-color: #e5e5d9; 
padding-top: 20px; 
width: 100%;
padding-left: 150px;
}
div.randoben {display:none;}
div.navigationoben {display:none;}
div.randweissoben {display:none;}
div.randweissunten {display:none;}
div.teaserbox {display:none;}
div.seitenfuss{display:none;}
div.inhalt {border-width:0px;}
div.positiontracker {display:none;}
}

/* ########################### Ende Druckstyle ############################# */