/*
stylesheet.css - DESIGN1
@author    WebArt-IT Tobias Luger, www.webart-it.de
@copyright Copyright (C) 2010 WebArt-IT Tobias Luger, www.webart-it.de
@version   1.0.0 April 2010
*/


/******************** LAYOUT ********************/

body {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 125%;
	color: #242424;
	background: #dddddd url(images/page_bg.png) 0 0 repeat-x;
	text-align:center;
}

.wrapper {
	margin: 0px auto 100px auto;
	width: 980px;
	text-align:left;
	font-size: 11px;
}

#header {
	position: relative;
}

#headerwrapper {
	height: 220px;
	padding-bottom: 0px;
	clear: both;
	background: transparent url(images/magnat.png) 0 0 repeat-x;
}

div#toolbar { height: 45px }

div#headerbar {
	width: auto;  
	height: 105px;
	padding: 0px 15px 10px 450px;
	clear: both;
	color: #ffffff;
	overflow: hidden;
}

div#headerleft {
	width: 250px;
	left: 0px;
	height: 105px;
	float: left;
}

div#headerright {
	margin-left: 15px;
	width: 240px;
	float: right;
	height: 105px;
}

div#menubar {
	width: auto;  
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	clear: both;  
	position: relative;
}

div#menubar div.menubar-m {
	height: 30px;
}

div#menubar div.menubar-l {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 4px;
	height: 30px;
}

div#menubar div.menubar-r {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 4px;
	height: 30px;
}

div#menu {
	position: absolute;
	top: 160px;
	left: 4px;
	z-index: 11;
	padding: 0px 0px 0px 0px;
	height: 30px;
	width: 972px;
}

div#submenu { 
	height: 30px;
	position: absolute;
	top: 190px;
	left: 4px;
	z-index: 11;
	padding: 0px 0px 0px 0px;
	height: 30px;
	width: 972px;
	background: url(images/submenu.gif) 0 0 no-repeat;
}

div#middle {
	width: 980px;
	clear: both;
	background: #ffffff;
	font-size: 11px;
}

div#left {
	width: 220px;
	float: left;
	margin: 4px 0px 4px 4px;
	color: #ffffff;
}

div#content {
	width: 584px;
	float: left;
	overflow: hidden;
	margin: 4px;
}

div#right {
	width: 160px;  
	float: right;
	margin: 4px 4px 4px 0px;
}

div#middlebottom {
  clear: both;
  background: #ffffff;
}

#bottombox {
	padding: 0px 10px 0px 10px;
	font-size: 10px;
  	height: 20px;
  	line-height: 20px;
}

.categoriesBoxContents {
	width: auto;
	margin: 0px 0px 0px 0px;
  	color: #ffffff;
  	font-size: 10px;
  	background: transparent;
}

.categoriesBoxContents a:link,
.categoriesBoxContents a:visited {
  	color: #ffffff;
  	font-size: 10px;
	text-decoration: underline;
}

.categoriesBoxContents a:hover {
  	color: #cccccc;
}

#footer {
	height: 120px;
	padding: 10px 25px 10px 25px;
	background: transparent url(images/bg_footer.gif) 0 0 no-repeat;
	color: #ffffff;
}

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

#footer a:hover {
  	color: #cccccc;
}

#footerbox {
	width: 181px;
	height:120px;
	padding-right:5px;
	float:left;
}

#footerboxright {
	width: 186px;
	height: 120px;
	float: right;
}
/******************** TYPOGRAPHY ********************/

a:link, a:visited {
	color: #a41919;
	text-decoration: none;
}

a:hover {
	color: #0a4367;
	text-decoration: none;
}

.cross {height: 27px;}

a.cross:link, a.cross:visited {
  font-family		: Verdana, Arial Black, Arial, sans-serif; 
  font-size		: 9px; 
  color			: #ffffff;
  font-weight		: bold;
  line-height: 25px;
  }

a.cross:hover {
  font-family		: Verdana, Arial Black, Arial, sans-serif; 
  font-size		: 9px; 
  color			: #ffffff;
  font-weight		: bold;
  line-height: 25px;
  }

ul.arrow {
	margin: 10px 0px 0px 0px;
	padding-left: 0px;
	list-style: none;
}

ul.arrow li {
	margin: 2px 0px 2px 0px;
	padding-left: 15px;
	font-weight: normal;
	line-height: 15px;
	font-size: 11px;
}

ul.arrow li { background: transparent url(images/ul.png) 0 0px no-repeat; }

/*h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
}*/
/*
h1 { color: #9a0000; font-size: 18px; line-height: 24px; margin-top: 25px; }
h2 { color: #9a0000; font-size: 16px; line-height: 22px; margin-top: 25px; }
h3 { color: #0a4367; font-size: 14px; line-height: 20px; margin-top: 15px; }
h4 { color: #0a4367; font-size: 12px; line-height: 12px; margin-top: 15px; }
h5 { color: #9a0000; font-size: 11px; line-height: 11px; margin-top: 10px; }
h6 { color: #9a0000; font-size: 10px; line-height: 10px; margin-top: 10px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
}*/

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {
	color: #cccccc;
	text-decoration: none;
}

.productkompletttxt ul { list-style: none; font-weight: bold; margin: 10px 0px 10px 0px; padding: 0; }

.pageResults { 
  	line-height: 30px;
  }

.smallText {
	color: #242424;
  	font-size: 11px;
}

.smallText a:link, .smallText a:visited  { 
  	color: #a41919;
	text-decoration:underline;
  }

.smallText a:hover { 
  color: #0a4367; 
  }

FORM {
  display		: inline;
  }
  
TABLE.formArea {
  background		: #f1f9fe; 
  border-color		: #7b9ebd; 
  border-style		: solid; 
  border-width		: 1px; 
  }

td.productListingHLine {
	height: 1px;
	background: #cccccc;
}

td.productListing-heading {
	background: #cccccc;
	color: #ffffff;
	padding: 0px 10px 0px 10px;
}

/******************** MENUS ********************/

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left; 
	overflow: hidden;
}

div#menu ul li {
  display: block;
  float: left;
}

div#menu ul li a {
  background: url(images/magnat.png) 0 -220px no-repeat;
  display: block;
  height: 30px;
}

div#menu ul li a span {
  display: none;
}

		/* Home */

		div#menu ul li a#m_home {
		  background-position: 0px -220px;
		  margin-left: 0px;
		  width: 44px;
		}

		div#menu ul li a:hover#m_home,
		div#menu ul li a.active#m_home {
		  background-position: 0px -250px;
		}
		
		/* Shop */

		div#menu ul li a#m_shop {
		  background-position: -44px -220px;
		  margin-left: 0px;
		  width: 88px;
		}

		div#menu ul li a:hover#m_shop,
		div#menu ul li a.active#m_shop {
		  background-position: -44px -250px;
		}
		
		/* Unternehmen */

		div#menu ul li a#m_unternehmen {
		  background-position: -132px -220px;
		  margin-left: 0px;
		  width: 169px;
		}

		div#menu ul li a:hover#m_unternehmen,
		div#menu ul li a.active#m_unternehmen {
		  background-position: -132px -250px;
		}

		/* Infos */

		div#menu ul li a#m_infos {
		  background-position: -301px -220px;
		  margin-left: 0px;
		  width: 160px;
		}

		div#menu ul li a:hover#m_infos,
		div#menu ul li a.active#m_infos {
		  background-position: -301px -250px;
		}
		
		/* Blog */

		div#menu ul li a#m_blog {
		  background-position: -461px -220px;
		  margin-left: 0px;
		  width: 86px;
		}

		div#menu ul li a:hover#m_blog,
		div#menu ul li a.active#m_blog {
		  background-position: -461px -250px;
		}
		
		/* Jobs */

		/*div#menu ul li a#m_jobs {
		  background-position: -547px -220px;
		  margin-left: 0px;
		  width: 80px;
		}

		div#menu ul li a:hover#m_jobs,
		div#menu ul li a.active#m_jobs {
		  background-position: -547px -250px;
		}*/
		
		/* Service */

		div#menu ul li a#m_service {
		 background-position: -547px -220px;
		  margin-left: 0px;
		  width: 110px;
		}

		div#menu ul li a:hover#m_service,
		div#menu ul li a.active#m_service {
		  background-position: -547px -250px;;
		}

		/* Kontakt */

		div#menu ul li a#m_kontakt {
		  background-position: -657px -220px;
		  margin-left: 0px;
		  width: 125px;
		}

		div#menu ul li a:hover#m_kontakt,
		div#menu ul li a.active#m_kontakt {
		  background-position: -657px -250px;
		}

#menu ul.level2 { background: #ff0000; }

div#submenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left; 
	overflow: hidden;
}

div#submenu ul li {
  display: block;
  float: left;
  text-indent: 212px;
}

div#submenu ul li a {
  background: url(images/submenu.gif) 0 0 no-repeat;
  display: block;
  height: 30px;
}

div#submenu ul li a span {
  display: none;
}

		/* Shopwelt */

		div#submenu ul li a#m_shopwelt {
		  background-position: 0px 0px;
		  margin-left: 0px;
		  width: 212px;
		}

		div#submenu ul li a:hover#m_shopwelt,
		div#submenu ul li a.active#m_shopwelt {
		  background-position: 0px -30px;
		}

		/* Garten */

		div#submenu ul li a#m_garten {
		  background-position: -212px 0px;
		  margin-left: 0px;
		  width: 67px;
		}

		div#submenu ul li a:hover#m_garten,
		div#submenu ul li a.active#m_garten {
		  background-position: -212px -30px;
		}
		
		/* Kinder */

		div#submenu ul li a#m_kinder {
		  background-position: -279px 0px;
		  margin-left: 0px;
		  width: 107px;
		}

		div#submenu ul li a:hover#m_kinder,
		div#submenu ul li a.active#m_kinder {
		  background-position: -279px -30px;
		}
		
		/* Diele */

		div#submenu ul li a#m_diele {
		  background-position: -386px 0px;
		  margin-left: 0px;
		  width: 99px;
		}

		div#submenu ul li a:hover#m_diele,
		div#submenu ul li a.active#m_diele {
		  background-position: -386px -30px;
		}
		
		/* Büro */

		div#submenu ul li a#m_buero {
		  background-position: -485px 0px;
		  margin-left: 0px;
		  width: 82px;
		}

		div#submenu ul li a:hover#m_buero,
		div#submenu ul li a.active#m_buero {
		  background-position: -485px -30px;
		}
		
		/* Bad */

		div#submenu ul li a#m_bad {
		  background-position: -567px 0px;
		  margin-left: 0px;
		  width: 81px;
		}

		div#submenu ul li a:hover#m_bad,
		div#submenu ul li a.active#m_bad {
		  background-position: -567px -30px;
		}
		
		/* Küche */

		div#submenu ul li a#m_kueche {
		  background-position: -648px 0px;
		  margin-left: 0px;
		  width: 98px;
		}

		div#submenu ul li a:hover#m_kueche,
		div#submenu ul li a.active#m_kueche {
		  background-position: -648px -30px;
		}
		
		/* Schlafzimmer */

		div#submenu ul li a#m_schlaf {
		  background-position: -746px 0px;
		  margin-left: 0px;
		  width: 109px;
		}

		div#submenu ul li a:hover#m_schlaf,
		div#submenu ul li a.active#m_schlaf {
		  background-position: -746px -30px;
		}
		
		/* Wohnzimmer */

		div#submenu ul li a#m_wohn {
		  background-position: -855px 0px;
		  margin-left: 0px;
		  width: 102px;
		}

		div#submenu ul li a:hover#m_wohn,
		div#submenu ul li a.active#m_wohn {
		  background-position: -855px -30px;
		}
		
		
#submenu ul.level2 { background: #ff0000; }

.category a:link, .category a:visited, .category_active a:visited  {
  display: block;
  width: 220px;
  height: 27px;
  line-height: 25px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/magnat.png) 0 -326px no-repeat; 
  text-decoration: none;
  text-indent: 10px;
}

.category a:hover {
  color			: #ffffff;
  background: url(images/magnat.png) 0 -299px no-repeat; 
}

.category_active a:link {
  display: block;
  width: 220px;
  height: 27px;
  line-height: 25px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/magnat.png) 0 -299px no-repeat; 
  text-decoration: none;
  text-indent: 10px;
}

.category_active a:hover {
  color			: #ffffff;
  background: url(images/magnat.png) 0 -299px no-repeat; 
}

.subcategory a:link, .subcategory a:visited {
  display: block;
  width: 220px;
  height: 26px;
  line-height: 25px;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/magnat.png) 0 -353px no-repeat; 
  text-decoration: none;
  text-indent: 35px;
}

.subcategory a:hover {
  background: url(images/magnat.png) 0 -379px no-repeat; 
}

.subcategory_active {
  display: block;
  width: 220px;
  height: 26px;
  line-height: 25px;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/magnat.png) 0 -379px no-repeat; 
  text-decoration: none;
  text-indent: 35px;
}

.subcategory_active a:link, .subcategory_active a:visited {
  display: block;
  width: 220px;
  height: 26px;
  line-height: 25px;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/magnat.png) 0 -379px no-repeat; 
  text-decoration: none;
  text-indent: 35px;
}

.subcategory_active a:hover {
  background: url(images/magnat.png) 0 -379px no-repeat; 
}

.categorysmall a:link, .categorysmall a:visited, .categorysmall_active a:link, .categorysmall_active a:visited  {
  display: block;
  width: 160px;
  height: 27px;
  line-height: 25px;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/magnat.png) -220px -326px no-repeat; 
  text-decoration: none;
  text-indent: 10px;
}

.categorysmall a:hover, .categorysmall_active a:hover {
  color			: #ffffff;
  background: url(images/magnat.png) -220px -299px no-repeat; 
}

.subsubcategory  a:link, .subsubcategory a:visited {
  display: block;
  width: 220px;
  height: 26px;
  line-height: 25px;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/subsub.png) 0 0 no-repeat; 
  text-decoration: none;
  text-indent: 45px;
}

.subsubcategory_active {
  display: block;
  width: 220px;
  height: 26px;
  line-height: 25px;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/subsubsub.png) 0 0 no-repeat;
  text-decoration: none;
  text-indent: 55px;
}

.subsubcategory_active a:link, .subsubcategory_active a:visited {
  display: block;
  width: 220px;
  height: 26px;
  line-height: 25px;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/subsubsub.png) 0 0 no-repeat;
  text-decoration: none;
  text-indent: 55px;
}

.subsubcategory_active a:hover {
  background: url(images/subsubsub.png) 0 0 no-repeat;
}

/*.subsubcategory a:link, .subsubcategory a:visited {
  display: block;
  width: 220px;
  height: 26px;
  line-height: 25px;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/magnat.png) 0 -353px no-repeat; 
  text-decoration: none;
  text-indent: 35px;
}

.subsubcategory a:hover {
  background: url(images/magnat.png) 0 -379px no-repeat; 
}

.subsubcategory_active {
  display: block;
  width: 220px;
  height: 26px;
  line-height: 25px;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/magnat.png) 0 -379px no-repeat; 
  text-decoration: none;
  text-indent: 35px;
}

.subsubcategory_active a:link {
  display: block;
  width: 220px;
  height: 26px;
  line-height: 25px;
  font-size: 13px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/magnat.png) 0 -379px no-repeat; 
  text-decoration: none;
  text-indent: 35px;
}*/

/******************** MODULES ********************/

#rssfeed {
	position: absolute;
	right: 0px;
	top: 0px;
}

#logo {
	position: absolute;
	top: 32px;
	left: 24px;
	height: 128px;
	width: 388px;
}

.page_box_title {
  font-size: 14px;
  line-height: 25px;
  color: #ffffff;
  padding-bottom: 0px;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  text-indent: 6px;
}

.page_info_title {
  font-size		: 14px;
  line-height: 25px;
  color   		: #ffffff;
  padding-bottom	: 0px;
  font-weight		: bold;
  text-shadow: 0px 1px 1px #000000;
  text-indent: 6px;
}

.page_info_filter {
  font-size		: 10px;
  line-height: 25px;
  color   		: #ffffff;
  padding-bottom	: 0px;
  font-weight		: normal;
  text-shadow: 0px 1px 1px #000000;
  text-indent: 6px;
}

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

.page_info_title a:hover {
  color: #cccccc;
  text-decoration: none;
}

.boxback	{
	background-color: transparent;
}

.tablebackground {
	background-color: #ffffff;
}

.modbackground {
	background-color: #0a4367;
	padding: 0px 10px 10px 10px;
	font-size: 11px;
	color: #ffffff;
}

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

.modbackground a:hover {
	color: #cccccc;
	text-decoration: underline;
}

.infoBox {
  font-size		: 10px; 
}

.infoBoxContentsCart {
  font-size		: 10px; 
  color			: #ffffff;
}

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

.infoBoxContentsCart a:hover {
	color: #cccccc;
	text-decoration: underline;
}

.productbox { position: relative; margin: 10px; height: 260px; width:150px; font-size: 12px; }

#productimg {	
	position: absolute;
	top:0px;
	left:0px;
	width:280px;
	height:200px;
	text-align: center;
    z-index:1;
}

#producttxt { 
	position: absolute;
	top:220px;
	width:250px;
	height:50px;
	left: 15px;
	font-size: 14px;
	font-weight: bold;
	z-index: 9;
}

#productprice { 
	position: absolute;
	top:155px;
	left:60px;
	width:190px;
	height:67px;
	z-index:99;
	padding: 20px 10px 0px 0px;;
	text-align:right;
	font-size: 10px;
	background: transparent url(images/magnat.png) -380px -299px no-repeat;
}

#productpricespecial { 
	position: relative;
	top:0px;
	left:0px;
	width:190px;
	height:40px;
	z-index:99;
	padding: 20px 10px 0px 0px;
	text-align:right;
	font-size: 10px;
	background: transparent url(images/magnat.png) -380px -299px no-repeat;
}

#productpricespecialnew { 
	position: relative;
	top:0px;
	left:0px;
	width:153px;
	height:60px;
	z-index:99;
	padding: 30px 37px 0px 0px;
	text-align:right;
	font-size: 10px;
	background: transparent url(images/specialprice2.png) 0px 0px no-repeat;
}

#productSpecialPrice {
	position: absolute;
	top:-150px;
	left:-70px;
  	width:170px;
	height:56px;
	z-index:99;
	text-align: center;
	padding: 30px 55px 0px 0px;
	text-align:right;
	background: transparent url(images/specialprice.png) 0 0 no-repeat;
  }
  
.mwstbox { margin-top: 5px; }

div#productwrapper { padding: 10px; }

.produktbild { height: 316px; width: 316px; float: left; margin-bottom: 10px; }

.produktinfos { width: 242px; float: right; margin-bottom: 10px; font-size: 12px; }

.produkthead { width: 242px; height: 25px; background: transparent url(images/magnat.png) -286px -570px no-repeat; line-height: 25px;
  font-size: 14px; color: #ffffff; font-weight: bold; text-shadow: 0px 1px 1px #000000; text-indent: 10px; margin-bottom: 10px; }
  
.produktinfopreis { width: 232px; text-align:right; background: #9a0000 url(images/price.png) 0 0 no-repeat; padding: 10px 10px 10px 0px; font-size:10px; color: #ffffff; }

.produktinfopreis a:link, .produktinfopreis a:visited { color: #ffffff; text-decoration: underline; }

.produktinfopreis a:hover { color: #cccccc; }

.productbuttons { clear:both; position: relative; padding: 10px 0px 0px 0px; font-size: 12px; }

.productcartbuttons { clear:both; position: relative; padding: 10px 0px 20px 0px; font-size: 12px; background: url(images/dotline.gif) 0 100% repeat-x; margin-bottom:20px;  }

.producterrortext { color: #0055BB; background: #f4f5f6; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 1px dotted #aab4be; border-bottom: 1px dotted #aab4be; }

.item_products_family { color: #ff0000; }

.infoBoxContents {
  font-size			: 10px; 
  background-color	: transparent;
  color			:#444752;
  }

.quicksearch { font-size: 12px; }

.inputRequirement {
  font-size		: 12px; 
  color			: #9a0000;
  }

/******************** RESET ********************/

body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

.clear {
  clear: both;
}

fieldset, img { border: 0; }
 
a:focus { outline: none; }
 
body { overflow-y: scroll; }

.main {
	margin-top: 10px;
	color: #ffffff;
  	font-size: 12px;
}

.main a:link,
.main a:visited {
	color: #ffffff;
  	font-size: 10px;
}

.main a:hover {
	color: #cccccc;
}

.maincontent {
	margin-top: 10px;
	color: #242424;
  	font-size: 12px;
}

/*.maincontent a:link,
.maincontent a:visited {
	color: #ffffff;
  	font-size: 10px;
}

.maincontent a:hover {
	color: #cccccc;
}*/

table, td, th { padding: 0px; font-size: 12px; }

td.main {
	padding: 10px 0px 0px 0px;
	color: #242424;
  	font-size: 12px;
}

td.main a:link, td.main a:visited {
	font-size: 12px;
	color: #9a0000;
	text-decoration: underline;
}

td.main a:hover {
	color: #0a4367;
}

/*table.productsStartBox {
	color: #242424;
  	font-size: 12px;
	background: #ff0000;
}*/

table.infoBoxContents {
	width: 584px;
	font-size			: 10px; 
  color			:#444752;
}

TD.pageHeading, DIV.pageHeading { 
  font-size			: 16px; 
  font-weight		: bold; 
  color				: #242424; 
  }

TD.infoBoxHeading {
  height: 36px;
  margin: 10px 0px 10px 0px;
  background: url(images/td_header.png) 0 0 repeat-x;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  text-align: left;
  text-indent: 10px;
  }
  
 

  
/** Productlisting **/

.productListing-heading {
	height		: 16px;
	/*color		: #ffffff;
	background	: #373737;*/
  	font-size	: 10px;
}
  
TABLE.productListing {  }
  
.productListing-odd {
	color: #242424;
  font-size: 9px;
  margin-bottom: 10px;
  }

.productListing-even {
	color: #242424;
  font-size: 9px;
  margin-bottom: 10px;
  }

TD.productListing-data { 
  color: #242424;
  font-size: 9px;
  margin-bottom: 10px;
  }


u {
	margin: 10px 0px 10px 0px;
	font-size: 14px;
	display:block;
	color: #0a4468;
}

.mainheadline {
  width: 584px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  background: url(images/magnat.png) 0 -405px no-repeat; 
  text-decoration: none;
  text-indent: 10px;
  clear:both;
}

.kathead {
  width: auto;
  height: 25px;
  line-height: 25px;
  font-size: 9px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  text-indent: 10px;
}

.moduleRow {
  font-size: 12px;
  }

.moduleRowOver {
  
  color			: #000000;
  background-color	: #ecf0f9; 
  cursor		: pointer; 
  cursor		: pointer;
  font-size: 12px;
  }
.moduleRowSelected { 
	color		: #000000;
  	background	: #f5f5f5;
	font-size: 12px;
}

/******************** BUTTONS ********************/

.eingabetext {  
	border: 1px solid #c8c8c8;
	background: #ffffff;
	margin-right: 4px;
	margin-bottom: 4px;
}

.eingabetext:hover {  
	border-color: #aaaaaa;
}

.eingabetext:hover:focus {
	border-color: #8c8c8c;
	outline: 2px solid #dcdcdc;
}

/******************** SCROLLER ********************/

#page-wrap {
	background: white;
	width: 584px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#slider {
	background: #cccccc;
	height: 262px;
	overflow: hidden;
	position: relative;
	margin: 0px 0px 0px 0px;
}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover {
	width: 2344px;
	position: relative;
}

.slide {
	padding: 0px 0px;
	width: 584px;
	height: 262px;
	float: left;
	position: relative;
}

.slide h1 {
	font-family: Helvetica, Sans-Serif;
	font-size: 30px;
	letter-spacing: -1px;
	color: #ac0000;
}

.slide p {
	color: #999;
	font-size: 12px;
	line-height: 22px;
	width: 300px;
}

/*.slide img {
	position: absolute;
	top: 20px;
	left: 400px;
}*/

#slider-stopper {
	position: absolute;
	top: 0px;
	right: 0px;
	background: #ac0000;
	color: white;
	padding: 3px 8px;
	font-size: 10px;
	text-transform: uppercase;
	z-index: 1000;
}

/*
 * highlighted div and span boxes
 */

span.note,
span.info,
span.alert,
span.download,
span.tip {
	display: block;
}

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #ffffff;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify;
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
}

div.info, span.info {
	background: #ffffff url(images/div_info.gif) 3px 3px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

div.alert, span.alert {
	background: #fff5eb url(../images/div_alert.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

div.download, span.download {
	background: #f5faeb url(../images/div_download.png) 3px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

div.tip, span.tip {
	background: #fffdeb url(../images/div_tip.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}


.messageStackError, .messageStackWarning {
	margin: 20px 0px 20px 0px;
	padding: 5px 10px 5px 10px;
	background: #ffffff;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
    font-size: 12px; 
    color: #A93232;
  }