/*
  $Id: stylesheet.css,v 1.53 2003/05/19 20:17:49 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.tborder{
  border:0 !important;
}

.contentdiv p, p.content {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #111111;
  line-height: 180%;
  padding:0;
  margin:0 0 11px 0;
}

body, td, th, li {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #111111;
}

body{
	background:#b0bbd2 url('http://www.ico.de/img/pagbg.gif') repeat-x top !important;
	margin:0;
	border:0;
	padding:0;
}


#page{
}

#pageShaddow{
	background:transparent url('http://www.ico.de/img/pagsh.gif') repeat-y top !important;
}

#pageShaddowTop{
	background:transparent url('http://www.ico.de/img/pagst.gif') no-repeat top !important;
}

.abstand {
padding-right: 15px;
}

.white{
  color:#fff !important;
}

.invert {
  color: #ffffff !important;
}

.center {
  text-align:center !important;
}

.left {
  text-align:left !important;
}

.right {
  text-align:right !important;
}

.floatRight {
  float:right !important;
  clear:both !important;
  margin-left:9px !important;
}

.marginRight {
  margin-right:15px !important;
}
  
.floatLeft {
  float:left !important;
  clear:both !important;
  margin-right:9px !important;
}

.clear{
  clear:both;
}

.marginLeft {
  margin-left:15px !important;
}
/*
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++ Content, Static-Seiten
*/

div.contentdiv{
  width:680px;
  overflow:hidden;
  border:0;
}
/*
  Links (Content)
*/
.copy a, .copy a:link, .copy a:active, .copy a:visited, .copy a:hover, .smallText a, .smallText a:link, .smallText a:active, .smallText a:visited, .smallText a:hover {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;

}

.copy a, a:link, .smallText a, a:link {
  color:#13518a;
  text-decoration:underline;
}

.copy a:hover, .copy a:active, .copy a:visited, .smallText a:hover, .smallText a:active, .smallText a:visited {
  color:#6d93b7;
}

.copy a:hover, .smallText a:hover, {
  text-decoration:none;
}
/*
  Listen (Content)
*/

ul.content, ol.content, .copy ul, .copy ol{
  margin-top:0;
  margin:0 0 11px 36px;
  padding:0;
  list-style-type:disc;
  list-style-position:inside;
}

.copy li {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #111111;
  line-height: 180%;
}
/*
  Überschriften (Content)
*/

h2.content, .copy h2, h1.content, .copy h1 {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 26px;
  font-weight: normal;
  color: #fff;
  margin:-8px 0 11px 0;
  text-indent:-2px;
}

h3.content, .copy h3, h2.ueberschrift {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #13518a;
  margin:26px 0 26px 0;
  padding:0;
}

h3.start {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #13518a;
  margin:0 0 26px 0;
  padding:0;
}

h4.content, .copy h4, .copy legend {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #13518a;
  margin:1px 0 10px 0;
  padding:0;
}

h5.content, .copy h5, h6.content, .copy h6, h7.content, .copy h7, h8.content, .copy h8, .copy b, p.content b{
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #13518a;
}

h5.content, .copy h5, h6.content, .copy h6, h7.content, .copy h7, h8.content, .copy h8 {
  margin:1px 0 10px 0;
  padding:0;
}

p.zitat {
  font-family:Cambria,Georgia,Times,"Times New Roman",serif;
  font-style:italic;
  font-size: 22px;
  font-weight: normal;
  line-height: 160%;
  color: #396d9d;
  padding:0;
  margin:0 0 11px 0;
}
/*
  Bilder (Content)
*/

img.border{
  border-style: solid;
  border-width: 3px !important;
  border-color: #a8c6e1;
  margin: 3 0 15 0;
}

img.imgLeft {
  display:block;
  float:left;
  margin-right:15px;
}

img.imgRight {
  display:block;
  float:right;
  margin-left:15px;
}
/*
  Tabellen (Content)
*/

hr {
 height:3px;
 width:100%;
 color:#dee9f4;
 background-color:#dee9f4;
 border:0;
}

table.content, .copy table {
  border-collapse:collapse;
  clear:both;
  width:100%;
  margin:0 0 11px 0; 
}

table.content tr, .copy tr {
}

table.content td, .copy td {
  border:3px solid #dee9f4;
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #111111;
  line-height: 180%;
  padding:0 9px;
  min-height:22px;
  text-align:left;
  vertical-align:top;
}

table.content th, .copy th {
  border:3px solid #dee9f4;
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 14px;
  color: #ffffff;
  line-height: 180%;
  padding:0 9px;
  background-color:#13518a;
  min-height:22px;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
}

table.noBorder td, table.noBorder th {
  border:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.odd{
  background-color:#f1f3f5 !important;
}

.even{
  background-color:#ffffff !important;
}
/*
  Formulare (Content)
*/

.copy form{
  display:block !important;
  width:695px;
  margin:0;
  padding:0;
  border:0;
}

.copy form div{
  float:left;
  width:334px;
  margin-right:9px;
  margin-left:0 !important;
  mar\gin-left:3px;
  border:0;
}

.copy fieldset div{
  float:none !important;
  width:307px !important;
  margin-right:0 !important;
  margin-left:0 !important;
  mar\gin-left:0;
  border:0;
}

.copy label, .copy fieldset fieldset legend{
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #13518a;
}

.copy fieldset, div.fieldset{
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #111111;
  line-height: 180%;
  margin:0 9px 11px 0;
  display:block;
  width:307px !important;
  w\idth:334px;
  border:3px solid #dee9f4;
  padding:11px;
  overflow:hidden;
}

.copy fieldset fieldset{
  width:100%;
  border:0;
  padding:0;
  clear:both;
  margin:0 !important;
}

.copy legend{
  padding:0 9px;
  margin-bottom:3px;
  margin-top:-16px;
}

.copy fieldset fieldset legend{
  padding:0;
  margin:0;
  border:0;
}

.copy fieldset fieldset legend span{
  display:block;
  position:relative;
  left:0 !important;
  lef\t:-7px;
}

.copy label{
  display:block;
  clear:both;
}

.copy .text, .copy .password{
  width:309px;
  w\idth:306px;
  border:1px solid #13518a;
  margin:0;
}

.copy .postal{
  width:53px;
  w\idth:50px;
  display:block;
  float:left;
  margin-right:5px;
}

.copy .city{
  width:254px;
  w\idth:251px;
  display:block;
  float:left;
}

.copy .street{
  width:264px;
  w\idth:261px;
  display:block;
  float:left;
  margin-right:5px;
}

.copy .number{
  width:43px;
  w\idth:40px;
  display:block;
  float:left;
}

.copy .radio, .copy .checkbox{
  border:0;
  margin:0 0 0 4px !important;
}

.select{
  width:309px;
  w\idth:306px;
  display:block;
  border:1px solid #13518a;
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #111111;
  line-height: 180%;
  padding:0;
  margin:0;
}

.copy .textarea{
  width:309px;
  w\idth:306px;
  display:block;
  border:1px solid #13518a;
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #111111;
  line-height: 180%;
  padding:0;
  overflow:hidden;
  margin:0 0 9px 0;
}

label.row{
  font-size: 12px !important;
  color: #111111 !important;
  font-weight:normal !important;
  border:0;
  float:left !important;
  clear:none !important;
  width:auto !important;
  padding-right:9px;
  position:relative;
  left:0 !important;
  lef\t:-9px;
  border:0;
  overflow:visible;
}

label.slim{
  float:left !important;
  clear:none !important;
  margin-right:9px;
}

label.slim input{
  float:left !important;
}

fieldset.slim {
  position:relative; 
  padding-bottom:11px !important; 
  paddin\g-bottom:0;
}

.copy fieldset fieldset label{
  font-size: 12px !important;
  color: #111111 !important;
  font-weight:normal !important;
}

.copy fieldset fieldset .checkbox, .copy fieldset fieldset .radio{
  float:left !important;
  clear:none !important;
}

.checkbox, .radio{
  display:block !important;
}

.code_inject{
  width:662px !important;
  w\idth:680px;
  padding:8px;
  display:none;
  position:absolute;
  top:50px;
  left:0;
  background-color:fff;
  border:1px solid #9aa7c6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: .9;
	z-index:99999;
	overflow:hidden;
}

.code_container{
  position:relative;
	z-index:0;
}

textarea.code{
  font-size:11px;
  margin:0 0 11px 0;
  border:0;
  width:662px;
  overflow:auto;
  height:auto!important;
  background-color:transparent;
  color:#0a246a;
}

.copy div.code{
  float:left;
  clear:both;
  margin:0 0 9px 0;
  border:0;
  width:480px;
  overflow:visible;
  background-color:#fff;
  position:relative;
}

div.centered div{
  height:22px !important;
  width:10px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

div.centered{
  text-align:center !important;
  border:1px solid grey;
}

div.centered{
  margin-bottom:0 !important;
}

div.centered table{
  border:0 !important;
  table-layout:auto !important;
  width:100% !important;
  margin:0 !important;
  overflow:visible !important;
}

div.centered table td{
  padding:0 4px 0 5px !important;
}

.blue{
  background:url('http://www.ico.de/img/butbgb.jpg') repeat-x 0 0 !important; 
}
    
.grey{
  background:url('http://www.ico.de/img/butbgs.jpg') repeat-x 0 0 !important; 
}
/*
  Breadcrumbs und untere Kategorienavigation
*/

.breadcrumb, .breadcrumb b, .gloss{
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif !important;
  font-size: 12px !important;
  font-weight:normal !important;
  color: #b8b8b8 !important;
  line-height: 100% !important;
  text-decoration:none !important;
}

.breadcrumb a{
  color: #b8b8b8 !important;
  text-decoration:none !important;
}

.breadcrumb a:hover{
  color: #b8b8b8 !important;
  text-decoration:underline !important;
}

.breadcrumb a.active, .breadcrumb a.active:hover{
  color: #434343 !important;
}

.bottomlinks {
  list-style-type:none !important;
  list-style-position:outside !important;
  margin:8px 0 0 0 !important;
  padding:0 !important;
  display:block;
  line-height: 200%;
  height:30px;
}

.bottomlinks li  {
  list-style-type:none !important;
  list-style-position:outside !important;
  float:left;
  margin:0 !important;
  padding:0 !important;
}
/*
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Navigation Seite
*/

#leftnaviBG {
	background:#ffffff !important;
}

#leftnaviBG {
	background:#fcfcfd !important;
}

#navileft ul.leftnavi1 {
  width:163px !important;
  overflow:hidden;
}

#navileft ul.leftnavi1, #navileft ul.leftnavi2, #navileft ul.leftnavi3, #navileft ul.leftnavi4, #navileft ul.leftnavi5 {
	padding:0;
	list-style-type:none;
	display:block;
	clear:both;
	background-color:#fff;
}

#navileft ul.leftnavi1, #navileft ul.leftnavi2 {
  border-bottom:1px solid #23377c;
}

#navileft ul.leftnavi1 {
  margin:0 0 0 9px;
}

#navileft ul.leftnavi2, #navileft ul.leftnavi3, #navileft ul.leftnavi4, #navileft ul.leftnavi5 {
  margin:0;
}

#navileft ul.leftnavi1 li, #navileft ul.leftnavi2 li, #navileft ul.leftnavi3 li, #navileft ul.leftnavi4 li, #navileft ul.leftnavi5 li {
	margin:0; 
	padding:0;
	list-style-type:none;
}

#navileft ul.leftnavi1 li {
  border-top:0;
  border-left:1px solid #23377c;
  border-bottom:0;
  border-right:1px solid #23377c;
  background:none;
  /*background:url(/img/nldar.gif) no-repeat top left;*/
}

#navileft li.active, #navileft ul.leftnavi2 li, #navileft ul.leftnavi3 li, #navileft ul.leftnavi4 li, #navileft ul.leftnavi5 li {
  border-top:0;
  border-left:0 !important;
  border-bottom:0;
  border-right:0 !important;
  background:none !important;
}

ul.leftnavi1 li.active {
  border-top:1px solid #23377c !important;
}

#navileft ul.leftnavi2 li.active, #navileft ul.leftnavi3 li.active, #navileft ul.leftnavi4 li.active, #navileft ul.leftnavi5 li.active {
  border-top:0 !important;
}

#navileft li.active {
  background:none ! important;
}

/* hier die schriftgröße auf 11pt setzen um das schriftgewischt zu reduzieren */
#navileft li.active a, #navileft li.active li.active a, #navileft li.active li.active li.active a, #navileft li.active li.active li.active li.active a, #navileft li.active li.active li.active li.active li.active a{
  font-weight:bold;
  font-size:12px !important;
}

#navileft li.active li a, #navileft li.active li.active li a, #navileft li.active li.active li.active li a, #navileft li.active li.active li.active li.active li a, #navileft li.active li.active li.active li.active li.active li a{
  font-weight:normal;
  font-size:12px !important;
}

#navileft div.active {
  background:none;
}

#navileft ul.leftnavi1 li a {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #434343;
  text-decoration:none;
  display:block;
  padding:0 9px 0 9px;
  line-height:22px;
  text-indent: 0px;
}

#navileft ul.leftnavi2 li a, #navileft ul.leftnavi3 li a {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #434343;
  text-decoration:none;
  display:block;
  padding:0 9px 0 18px;
  line-height:22px;
  text-indent: 0;
}

#navileft ul.leftnavi4 li a {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #434343;
  text-decoration:none;
  display:block;
  padding:0 9px 0 36px;
  line-height:22px;
  text-indent: 0;
}

#navileft ul.leftnavi5 li a {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #434343;
  text-decoration:none;
  display:block;
  padding:0 9px 0 54px;
  line-height:22px;
  text-indent: 0;
}

#navileft li.leftnaviCategory {
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  color: #ffffff;
  border:0;
	background:#59689c url('http://www.ico.de/img/hnab2.gif') repeat-x 0 0 !important;
  padding:0 9px !important;
  line-height:22px;
  margin-top:9px !important;
}
#navileft ul.leftnavi1 li a:hover, #navileft ul.leftnavi2 li a:hover, #navileft ul.leftnavi3 li a:hover, #navileft ul.leftnavi4 li a:hover, #navileft ul.leftnavi5 li a:hover {
  color: #ffffff !important;
	background:#727eab url('http://www.ico.de/img/hnabg.gif') no-repeat center top;
}


#navileft ul.leftnavi1 li a:hover, #navileft ul.leftnavi2 li a:hover, #navileft ul.leftnavi3 li a:hover, #navileft ul.leftnavi4 li a:hover, #navileft ul.leftnavi5 li a:hover {
  color: #ffffff !important;
	background:#727eab url('http://www.ico.de/img/hnabg.gif') no-repeat center top;
}

#navileft li.leftnaviCategory a {
  color: #ffffff !important;
  padding:0 !important;
  text-decoration:underline !important;
  text-indent:0 !important;
}
#navileft li.leftnaviCategory a:hover {
  color: #ffffff !important;
  background:none !important;
  text-decoration:none !important;
}

* html #navileft ul.leftnavi1 li a, * html #navileft ul.leftnavi2 li a, * html #navileft ul.leftnavi3 li a, * html #navileft ul.leftnavi4 li a, * html #navileft ul.leftnavi5 li a {
  height:22px;
}

*:first-child+html #navileft ul.leftnavi1 li a, *:first-child+html #navileft ul.leftnavi2 li a, *:first-child+html #navileft ul.leftnavi3 li a, *:first-child+html #navileft ul.leftnavi4 li a, *:first-child+html #navileft ul.leftnavi5 li a {
  height:22px;
}
/*
  +++++++++++++++++++++++++++++++++++++++++++++++ Categorylisting in Productlist
*/

#serversysteme b, .produktliste b{
  font-weight:normal;
}

table#serversysteme, table.produktliste {
  table-layout:fixed;
  border-spacing:0;
  border-collapse:collapse;
  margin-right:15px;
  width:660px !important;
}

table#serversysteme td, table.produktliste td{
  width:220px !important;
  height:22px;
  padding:0;
  font-size:12px;
  line-height:22px;
}

.smallText li.leftnaviCategory {
  display:none !important;
}

.smallText #details_left {
}

.smallText ul.leftnavi1 {
list-style:none;
margin:0;
padding:0;
}

.smallText ul.leftnavi1 li {
margin:0;
padding:0;
display:inline;
}

.smallText ul.leftnavi1 .even, .smallText ul.leftnavi1 .odd {
background-color:transparent !important;
}

.smallText ul.leftnavi1 li a {
  display:block;
  float:left;
  width:220px !important;
  height:22px;
  padding:0;
  font-size:12px;
  line-height:22px;
}

* html .smallText ul.leftnavi1 li a {
}

*:first-child+html .smallText ul.leftnavi1 li a {
}

.smallText ul.leftnavi1 li a:hover {
}

.smallText li.leftnaviCategory a {
}

.smallText li.leftnaviCategory a:hover {
}

/*
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Footer
*/

a.footer {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #ffffff;
}

a.footer:hover {
  color: #dddddd;
}

a.indexcat {
	color: #13518a; 
  	text-decoration: underline;
	}
	
a.indexcat:hover {
	color: #13518a; 
	background-color: #e6e6e6; 
  text-decoration: none;
	}
	
a.indexcat:visited {
	color: #13518a; 
	}
/*
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Header
*/
/*
#head{
	background:#4e6983 url('http://www.ico.de/img/heabg.jpg') repeat-x top !important;
	height:157px !important;
}
*/
TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
}

TD.category_desc {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

A.headerNavigation { 
  color: #ffffff; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #eff0f0;
  color: #000000;
}
/*
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Alte Definitionen
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.boxText12 { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #70d250; text-decoration: underline; }

.infoBox {
  background: #ffffff;
}

.leftInfoBox {
}

.infoBoxContents {
  background: #f0f0f0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;

  border-left-width:0px;
  border-left-style:solid;
  border-left-color:black;
  padding-left:5px;
  border-right-width:0px;
  border-right-style:solid;
  border-right-color:black;
  padding-right:5px;
  border-top-width:0px;
  padding-top:0px;
  border-bottom-width:0px;
  border-bottom-style:solid;
  border-bottom-color:black;
  padding-bottom:5px;
}

.leftInfoBoxContents {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.leftInfoBoxHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.infoBoxNotice {
}

.infoBoxNoticeContents {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #eff0f0;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

TR.productListing-heading {
  background: #cfcfcf;
}

TD.productListing-heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #cfcfcf;
  color: #000000;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

A.pageResults { 
  color: #0000FF; 
}

A.pageResults:hover { 
  color: #0000FF; 
  background: #FFFF33; 
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding-top: 13px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
/*
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Navigation Header
*/

#nav {
	list-style: none;
	background: #ffffff !important;
	padding: 0;
	border-style: solid;
	text-align:left;
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  line-height:22px;
	border-width:1px 0 1px 0;
	border-color:#13518a;
	height:22px !important;
	left:0 !important;
	width:683px !important;
}

#navBeside {
	list-style: none;
	background: #ffffff !important;
	padding: 0;
	border-style: solid;
	text-align:left;
  font-family: Verdana,Geneva,Arial,Helvetica,Swiss,Monaco,sans-serif;
  font-size: 12px;
  line-height:22px;
	border-width:1px 0 1px 0;
	border-color:#13518a;
	height:22px !important;
	right:0 !important;
	width:200px !important;
}

#nav ul, #navBeside ul{
	list-style: none;
	background: #ffffff;
	font-weight: bold;
	padding:0;
	text-align:left;
}

#nav a, #navBeside a {
	display:block;
	color: #13518a;
	text-decoration: none;
	padding:0 9px;
	height:22px;
	overflow:hidden;
	white-space:nowrap;
}

#nav b, #navBeside b {
  font-weight:bold;
  font-size:11px;
	height:22px;
}

#nav a:hover, #navBeside a:hover {
	color:#ffffff;
}

#nav a#hcast {
	width:11px !important;
	w\idth:29px;
	overflow:hidden;
	text-indent:-9999px;
	background:#ffffff url('http://www.ico.de/img/hcahl.gif') no-repeat top center;
}

#nav a#hcapr {
	width:57px !important;
	w\idth:75px;
}

#nav a#hcait {
	width:69px !important;
	w\idth:87px;
}

#nav a#hcaso {
	width:62px !important;
	w\idth:80px;
}

#nav a#hcasu {
	width:50px !important;
	w\idth:68px;
}

#nav a#hcacm {
	width:86px !important;
	w\idth:104px;
}

#nav a#hcacn {
	width:169px !important;
	w\idth:187px;
}

#navBeside a#hcaca {
	width:70px !important;
	w\idth:88px;
}

#navBeside a#hcalo {
	width:34px !important;
	w\idth:52px;
}

#navBeside a#hcaus {
	width:31px !important;
	w\idth:49px;
}

#nav a#hcast:hover, #nav li:hover a#hcast {
	color:#434343 !important;
}

#nav a#hcapr:hover, #nav li:hover a#hcapr {
	color:#434343 !important;
}

#nav a#hcait:hover, #nav li:hover a#hcait {
	color:#434343 !important;
}

#nav a#hcaso:hover, #nav li:hover a#hcaso {
	color:#434343 !important;
}

#nav a#hcasu:hover, #nav li:hover a#hcasu {
	color:#434343 !important;
}

#nav a#hcacm:hover, #nav li:hover a#hcacm {
	color:#434343 !important;
}

#nav a#hcacn:hover, #nav li:hover a#hcacn {
	color:#434343 !important;
}

#navBeside a#hcaca:hover, #navBeside li:hover a#hcaca {
	color:#434343 !important;
}

#navBeside a#hcalo:hover, #navBeside li:hover a#hcalo {
	color:#434343 !important;
}

#navBeside a#hcaus:hover, #navBeside li:hover a#hcaus {
	color:#434343 !important;
}

#nav li li a, #navBeside li li a {
	display: block;
	color: #434343;
	text-decoration: none;
	padding:0 8px;
	width:184px !important;
	w\idth:200px;
}

#nav li li a:hover, #navBeside li li a:hover {
	color: #ffffff;
}

#nav li {
	float: left;
	padding: 0;
}

#navBeside li {
	float: right;
	padding: 0;
}

#nav li ul, #navBeside li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	font-weight: normal;
	border-width:0 1px 1px 1px !important;
	border-color:#13518a;
	border-style:solid;
	margin: 0;
}

#nav li ul a:hover, #navBeside li ul a:hover {
	background:#ffffff url('http://www.ico.de/img/hnabg.gif') no-repeat 0 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #navBeside li:hover ul ul, #navBeside li:hover ul ul ul, #navBeside li.sfhover ul ul, #navBeside li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #navBeside li:hover ul, #navBeside li li:hover ul, #navBeside li li li:hover ul, #navBeside li.sfhover ul, #navBeside li li.sfhover ul, #navBeside li li li.sfhover ul {
	left: auto;
}

#nav li li:hover, #nav li li.sfhover, #navBeside li li:hover, #navBeside li li.sfhover {
}
/*
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Alte Definitionen
*/

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #ff0000; }

td.headline { vertical-align:center; font-family:Helvetica; font-size:12px; color:#111111;}
td.headline2 { vertical-align:top; font-family:Helvetica; font-size:12px; color:#0111111;}
td.headline2 div table tbody tr td b, td.headline2 div table tbody tr td span b {color:#111111 !important;}

A.btomenu { 
  font-size: 12px;text-decoration: none
}

.btowarn { 
  color:red;
	font-weight:bold;
}
.btoselect { 
  width:680px;
	font-family:Courier New, monospace;
}
.btogesamtbreite { 
  width:690px;
}
.btotypname { 
  width:680px; 
	height: 40px; 
	background-image:url(/bto/images/trenner.gif); 
	font-family:tahoma, arial; 
	color: white; 
	font-size: 12px;
	font-weight:bold;
}
.btoexpresshinweis { 
	padding-left:8px;
	padding-top:5px;
	padding-bottom:8px;
}
.btoaufpreis { 
	position:absolute;left:800px
}

.tooltip{
width: 409px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:left}

.tooltip span.top{padding: 30px 8px 0;
    background: url(/img/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(/img/bt.gif) no-repeat bottom}

/*
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ProductList
*/

#produktliste{
  background:transparent url(/img/prltb.gif) no-repeat;
  position:relative;
  top:15px;
}

#produktlisteTop{
}

#produktlisteBottom{
  padding-bottom:8px;
}

a.plToggle{
  margin:0 8px 0  8px;
}

div.plToggle{
  background:transparent url(/img/toggm.gif) repeat-x bottom;
  height:40px;
  display:inline;
  margin:0;
}

div.plToggleR{
  background:transparent url(/img/toggr.gif) no-repeat bottom right;
  height:40px;
  width:5px;
  display:inline;
  margin:0 8px 0 0;
}

div.plToggleL{
  background:transparent url(/img/toggl.gif) no-repeat bottom left;
  height:40px;
  width:5px;
  display:inline;
  margin:0 0 0 8px;
}

span.plToggle{
  line-height:40px;
}

div.plToggle span.plToggle{
  margin:0 15px 0 15px;
}


/* Buttons */

/* rounded buttons */
.round {
	cursor:pointer; 
	cursor:hand; 
	line-height:27px;
	height:27px;
	background:url(/img/buttons/button.gif) no-repeat right top; 
	padding-right:30px; 
	display:inline-block;
}

.round ins, .roundSubmit { 
	background:url(/img/buttons/button.gif) no-repeat left top; 
	height:27px;
	line-height:27px;
	display:inline-block;
	padding-left:30px;
	font-size:11px; 
	font-weight:bold;
	color:black;
}

	a.round:hover {background-position:right -155px;}
	a.round:hover ins {background-position:left -155px;}
	

/* end rounded buttons */

/*
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Alte Definitionen
*/

/*
  +++++++++++++++++++++++++++++++++++++++++++++++++++++ Referenzseitennavigation
*/


#specialNav{ 
width:318px; 
background-color:#fff;
border:1px solid #b8b8b8;
text-align:left;
padding:9px;
}
#specialNav {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: -169px; top: 212px;
}
body > div#specialNav {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
div#specialNav {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  right: expression( ( -169 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 212 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

/* BUTTONS */

    .button_03, .button_03:link, .button_03:active, .button_03:visited, .button_03_active {
      font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace!important;
      text-decoration:none; 
      text-align:center; 
      line-height:22px; 
      overflow:visible; 
      color:#fff!important; 
      font-size:12px!important; 
      font-weight:normal!important;
      display:block; 
      background:url('http://www.ico.de/img/sbohl.png') repeat-x 0 0; 
      height: 22px; 
      width:auto; 
      border:0; 
      outline:none;
      padding:0 9px 0 9px; 
      margin:0; 
      cursor:pointer;    
      vertical-align:middle;
      clear:both;
      float:left;
    }
    .button_04, .button_04:link, .button_04:active, .button_04:visited, .button_04_active {
      font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace!important;
      text-decoration:none; 
      text-align:center; 
      line-height:22px; 
      overflow:visible; 
      color:#fff!important; 
      font-size:12px!important; 
      font-weight:normal!important;
      display:block; 
      background:url('http://www.ico.de/img/sbghl.png') repeat-x 0 0; 
      height: 22px; 
      width:auto; 
      border:0; 
      outline:none;
      padding:0 9px 0 9px; 
      margin:0; 
      cursor:pointer;    
      vertical-align:middle;
      clear:both;
      float:left;
    }
    .button_03:hover, .button_03_hover {
      font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace!important;
      text-decoration:none; 
      text-align:center; 
      line-height:22px; 
      overflow:visible; 
      color:#fff; 
      font-size:12px!important; 
      font-weight:normal!important;
      display:block; 
      background:url('http://www.ico.de/img/sbohh.png') repeat-x 0 0; 
      height: 22px; 
      width:auto; 
      border:0; 
      outline:none;
      padding:0 9px 0 9px; 
      margin:0; 
      cursor:pointer;    
      vertical-align:middle;
      clear:both;
      float:left;
    }    
    .button_04:hover, .button_04_hover {
      font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace!important;
      text-decoration:none; 
      text-align:center; 
      line-height:22px; 
      overflow:visible; 
      color:#fff; 
      font-size:12px!important; 
      font-weight:normal!important;
      display:block; 
      background:url('http://www.ico.de/img/sbghh.png') repeat-x 0 0; 
      height: 22px; 
      width:auto; 
      border:0; 
      outline:none;
      padding:0 9px 0 9px; 
      margin:0; 
      cursor:pointer;    
      vertical-align:middle;
      clear:both;
      float:left;
    }    
    a.button_03:active {
      background:url('http://www.ico.de/img/sboha.png') repeat-x 0 0; 
      padding:1px 8px 0 10px;  
      height:21px;
      margin-bottom:-1px;      
    }
    a.button_04:active {
      background:url('http://www.ico.de/img/sbgha.png') repeat-x 0 0; 
      padding:1px 8px 0 10px;  
      height:21px;
      margin-bottom:-1px;      
    }
    :root a.button_03:active {
      margin-bottom:0;      
    }
    .button_03_active {
      background:url('http://www.ico.de/img/sboha.png') repeat-x 0 0;  
    }
    .button_04_active {
      background:url('http://www.ico.de/img/sbgha.png') repeat-x 0 0;  
    }
    :root .button_03_active {
      padding:1px 8px 0 10px;        
    }
    .consolas {
    }