/* testing */
/* end testing */


.commenttitle { background-color:#eeeeee; font-weight:bold; }
ul.commentlinks { float:left;list-style-type:none;margin:0.5em;padding:0.5em}
ul.commentlinks li { float:left;margin:0;padding:0;width: 15em;border-left: 0.2em solid #999999; }

a.jumpcontent { padding-left: 2em; width:0;overflow:hidden;}
a.jumpcontent:link {}
a.jumpcontent:visited {}
a.jumpcontent:focus { width:auto;}
a.jumpcontent:hover {}
a.jumpcontent:active { width:auto;}

img.banner {  border: 1px solid black;}

div.code {  margin-left: 0.8em; margin-bottom: 0.5em; padding: 0.3em; border: 1px solid black;}
code {  margin: 0 0 1.5em; padding-right: 0.8em; color: #333333; text-align: justify; font-size: 0.70em; font-family:Courier; max-width: 80%; line-height: 1.33em; font-weight: 400;}

dl.articlepictureleftnb {  margin-bottom: 0.5em;}
dl.articlepictureleftnb dd img {  padding: 0.5em; margin-top: 0.2em; margin-right: 2.0em; margin-left: 0.5em; }
dl.articlepictureleftnb dt {  font-size: small; font-weight: bold; margin-right: 0.5em; width: 55%; text-align: justify;}
dl.articlepictureleftnb dt span {  font-weight: bold; font-style: italic;}
dl.articlepicturerightnb {  margin-bottom: 0.5em;}
dl.articlepicturerightnb dd img {  padding: 0.5em; margin-top: 0.2em; margin-left: 1.5em; margin-right: 0.2em; }
dl.articlepicturerightnb dt {  font-size: small; font-weight: bold; margin-left: 3.3em; width: 55%; text-align: justify;}
dl.articlepicturerightnb dt span {  font-weight: bold; font-style: italic;}

div.centerpicture {  width: 100%; text-align:center;}
div.centerpicture dl {  margin-bottom: 0.5em;}
div.centerpicture dd img {  padding: 0.5em; margin-top: 0.2em; margin-left: 1.5em; margin-right: 0.2em; }
div.centerpicture dt {  font-size: small; font-weight: bold; text-align: justify; text-align:center;}
div.centerpicture dt span {  font-weight: bold; font-style: italic;}

abbr.nosign,abbr[title].nosign {  border: none;; cursor: default;}

img.mimeicons_small {  height: 2em; width: 2em;}

#header img {  margin-left: 1.4em; width: 5.38em;}

#headertitle span { float:right; font-size:medium;}
#headertitle h2 {  margin-bottom:0; padding-bottom:0;}

dl.articlepicture {  margin-bottom: 0.5em;}
dl.articlepicture dd img { padding: 0.5em; margin-top: 0.2em; margin-left: 3em; margin-right: 0.2em; background-color: #eeeeee; border: 1px solid black;}
dl.articlepicture dt {  font-size: small; font-weight: bold; margin-left: 3.3em; width: 55%; text-align: justify;}
dl.articlepicture dt span {  font-weight: bold; font-style: italic;}

ul.blank li {  list-style-type:none;}

.selectedpage {  background-color: #dddddd; border: 1px solid black;}

ul.containernavigation {  font-size: 1em; letter-spacing:0.03em; line-height:1.2; padding-left: 0.5em; margin-left: 0.5em;} 
ul.containernavigation li {  float:left; display: block; margin-right: 1em;}
ul.containernavigation li a {  text-decoration: underline; color: #333333;}
ul.containernavigation li a:visited {  text-decoration: underline; color: inherit;}
ul.containernavigation li a:hover {  color: blue;}

/* style */
acronym {  text-decoration: underline; }
.blind {  display:none !important;}
.backgroundred { background-color: red !important;}
br { clear: both;}

#container_content h3 {  font-size:120%; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2; margin: 0 0 0.3em 0;}
#container_content h4 {  font-size:100%; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2;}
#container_content h5 {  font-size:88%; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2;}
#container_content h6 {  font-size:60%; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2;}

/* LEFTNAVIGATION */
#leftnavigation .menu_hc {  background:#EFEFEF none repeat scroll 0%; border-left: 0.5em solid #006599; border-bottom: 0.5em solid #dddddd; font-size:1em; margin-bottom:10px;}
#leftnavigation .menu_hc ul {  margin:0pt; padding-bottom:0.5em; padding-left:1em; padding-top:0.5em; font-size: 0.75em;}
#leftnavigation .menu_hc ul > li {  display:block; font-size:100%; list-style-type:none; padding-bottom:1px; padding-top: 0.2em;}
#leftnavigation .menu_hc ul > li > ul {  font-size:100%;}
#leftnavigation .menu_hc ul > li > ul > li {  font-size:100%;}
#leftnavigation .menu_hc h2 {  background-color:#006599; border-left: 0.5em solid #eeeeee; color:#FFFFFF; font-size:1em; margin: -0.0625em -0.0625em -0.0625em -0.5em; padding: 0.25em 0.25em 0.25em 0.375em;}
#leftnavigation .menu_hc h1 {  background-color:#006599; border-left: 0.5em solid #eeeeee; color:#FFFFFF; font-size:1em; margin: -0.0625em -0.0625em -0.0625em -0.5em; padding: 0.25em 0.25em 0.25em 0.375em;}
#leftnavigation .menu_hc a {  text-decoration: none; color: #333333;}
#leftnavigation .menu_hc a.active {  font-weight: bold;}
#leftnavigation .menu_hc a:hover {  text-decoration: underline;}
#leftnavigation .menu_hc p {  width: 100%; margin-bottom:0.2em;}
#leftnavigation .menu_hc abbr.nosign,.menu_hc abbr[title].nosign {  border: none; cursor: default;}
#leftnavigation .menu_hc p span {  text-align:center; display:block; width:100%;}
#leftnavigation a.ln_jumpmenu {  padding:0; display:block; overflow:hidden; width:0;height:0; font-size:0.75em; color: #EFEFEF;}
#leftnavigation a.ln_jumpmenu:focus {  color: #EFEFEF;}
#leftnavigation a.ln_jumpmenu:link {  color: #EFEFEF;}
#leftnavigation a.ln_jumpmenu:visited {  color: #EFEFEF;}
#leftnavigation a.ln_jumpmenu:focus {  color: #333333; margin: 0.5em 0 0em 0.5em; width:auto;height:auto;}
#leftnavigation a.ln_jumpmenu:hover {  color: #EFEFEF;}
#leftnavigation a.ln_jumpmenu:active {  color: #333333; margin: 0.5em 0 0em 0.5em; width:auto;height:auto;}

#rightnewsbox .menu_hc {  background:#EFEFEF none repeat scroll 0%; border-left: 0.5em solid #006599; border-bottom: 0.5em solid #dddddd; font-size:1em; margin-bottom:10px;}
#rightnewsbox .menu_hc ul {  margin:0pt; padding-bottom:0.5em; padding-left:1em; padding-top:0.5em; font-size: 0.75em;}
#rightnewsbox .menu_hc ul > li {  display:block; font-size:100%; list-style-type:none; padding-bottom:1px; padding-top: 0.2em;}
#rightnewsbox .menu_hc ul > li > ul {  font-size:100%;}
#rightnewsbox .menu_hc ul > li > ul > li {  font-size:100%;}
#rightnewsbox .menu_hc h1 {  background-color:#006599; border-left: 0.5em solid #eeeeee; color:#FFFFFF; font-size:1em; margin: -0.0625em -0.0625em -0.0625em -0.5em; padding: 0.25em 0.25em 0.25em 0.375em;}
#rightnewsbox .menu_hc a {  text-decoration: none; color: #333333;}
#rightnewsbox .menu_hc a.active {  font-weight: bold;}
#rightnewsbox .menu_hc a:hover {  text-decoration: underline;}
#rightnewsbox .menu_hc p {  width: 100%; margin-bottom:0.2em;}
#rightnewsbox .menu_hc abbr.nosign,.menu_hc abbr[title].nosign {  border: none; cursor: default;}
#rightnewsbox .menu_hc p span {  text-align:center; display:block; width:100%;}
#rightnewsbox .menu_hc h2 {  font-size:0.75em; padding-top:0.1em;padding-left:0.2em; }


#galleryrandombox .menu_hc {  background:#EFEFEF none repeat scroll 0%; border-left: 0.5em solid #006599; border-bottom: 0.5em solid #dddddd; font-size:1em; margin-bottom:10px;}
#galleryrandombox .menu_hc ul {  margin:0pt; padding-bottom:0.5em; padding-left:1em; padding-top:0.5em; font-size: 0.75em;}
#galleryrandombox .menu_hc ul > li {  display:block; font-size:100%; list-style-type:none; padding-bottom:1px; padding-top: 0.2em;}
#galleryrandombox .menu_hc ul > li > ul {  font-size:100%;}
#galleryrandombox .menu_hc ul > li > ul > li {  font-size:100%;}
#galleryrandombox .menu_hc h1 {  background-color:#006599; border-left: 0.5em solid #eeeeee; color:#FFFFFF; font-size:1em; margin: -0.0625em -0.0625em -0.0625em -0.5em; padding: 0.25em 0.25em 0.25em 0.375em;}
#galleryrandombox .menu_hc a {  text-decoration: none; color: #333333;}
#galleryrandombox .menu_hc a.active {  font-weight: bold;}
#galleryrandombox .menu_hc a:hover {  text-decoration: underline;}
#galleryrandombox .menu_hc p {  width: 100%; margin-bottom:0.2em;}
#galleryrandombox .menu_hc abbr.nosign,.menu_hc abbr[title].nosign {  border: none; cursor: default;}
#galleryrandombox .menu_hc p span {  text-align:center; display:block; width:100%;}
#galleryrandombox .menu_hc h2 {  font-size:0.75em; padding-top:0.1em;padding-left:0.2em; }
#galleryrandombox h2 { font-size:1.00em; font-weight:bold; margin-top: 0.3em; border-top: 3px double silver;border-bottom: 3px double silver;}
#galleryrandombox h3 { font-size:0.75em; margin-top: 0.3em; margin-left: 0.3em;}
#galleryrandombox a { text-align:center;}

#gallerynewestbox .menu_hc {  background:#EFEFEF none repeat scroll 0%; border-left: 0.5em solid #006599; border-bottom: 0.5em solid #dddddd; font-size:1em; margin-bottom:10px;}
#gallerynewestbox .menu_hc ul {  margin:0pt; padding-bottom:0.5em; padding-left:1em; padding-top:0.5em; font-size: 0.75em;}
#gallerynewestbox .menu_hc ul > li {  display:block; font-size:100%; list-style-type:none; padding-bottom:1px; padding-top: 0.2em;}
#gallerynewestbox .menu_hc ul > li > ul {  font-size:100%;}
#gallerynewestbox .menu_hc ul > li > ul > li {  font-size:100%;}
#gallerynewestbox .menu_hc h1 {  background-color:#006599; border-left: 0.5em solid #eeeeee; color:#FFFFFF; font-size:1em; margin: -0.0625em -0.0625em -0.0625em -0.5em; padding: 0.25em 0.25em 0.25em 0.375em;}
#gallerynewestbox .menu_hc a {  text-decoration: none; color: #333333;}
#gallerynewestbox .menu_hc a.active {  font-weight: bold;}
#gallerynewestbox .menu_hc a:hover {  text-decoration: underline;}
#gallerynewestbox .menu_hc p {  width: 100%; margin-bottom:0.2em;}
#gallerynewestbox .menu_hc abbr.nosign,.menu_hc abbr[title].nosign {  border: none; cursor: default;}
#gallerynewestbox .menu_hc p span {  text-align:center; display:block; width:100%;}
#gallerynewestbox .menu_hc h2 {  font-size:0.75em; padding-top:0.1em;padding-left:0.2em; }
#gallerynewestbox h2 { font-size:1.00em; font-weight:bold; margin-top: 0.3em; border-top: 3px double silver;border-bottom: 3px double silver;}
#gallerynewestbox h3 { font-size:0.75em; margin-top: 0.3em; margin-left: 0.3em;}
#gallerynewestbox a { text-align:center;}

/* articleaccessoirs */
#articleaccessoirs { padding:0;margin-top: 8em; margin-left: 0.5em; width: 11em;float:left;min-height: 33em;}
#articleaccessoirs .menu_hc ul li, #articleaccessoirs .menu_hc ul li {  display:block; list-style-type:none; padding-bottom:1px;}
#articleaccessoirs .menu_hc, #articleaccessoirs .menu_hc {background:#EFEFEF none repeat scroll 0%;border:1px solid #eeeeee;font-size:1em;margin-bottom:10px;border-left: 0.5em solid #006599; border-bottom: 0.5em solid #dddddd;min-height: 16.5em;}
#articleaccessoirs .menu_hc ul, #articleaccessoirs .menu_hc ul {margin:0pt;padding-bottom:0.5em;padding-left:1em;padding-top:0.5em;}
#articleaccessoirs .menu_hc h2, #articleaccessoirs .menu_hc h2 { background-color:#006599; border-bottom:1px solid #eeeeee; color:#FFFFFF; font-size:1em; padding:4px 4px 4px 6px; border-left: 0.5em solid #eeeeee;margin: -1px -1px -1px -0.5em; }
#articleaccessoirs .menu_hc a {  text-decoration: none; color: #333333;}
#articleaccessoirs .menu_hc a:hover {  text-decoration: underline;}
#articleaccessoirs h3 { font-size: 0.9em; font-weight: bold; padding-left: 0.2em;}
#articleaccessoirs h4 {}

#topnavigation {}

#topnavigation a:focus {   border: 1px dashed black ;}

#logo a{  float:left; color: #333333; text-decoration:none;}

h1 { font-size:xx-large; /*22px; /*1.8em;*/  margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2; }
h2 { font-size:x-large; /*1.6em;*/  margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2; }
h3 { font-size:x-large; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2; }
h4 { font-size:large; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2; }
h5 { font-size:medium; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2; }
h6 { font-size:small; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2; }

table.normal {  margin: 0 0 1.5em 1.5em; padding-right: 0.8em; color: #333333; text-align: justify; font-size: 0.75em; max-width: 80%; line-height: 1.33em; font-weight: 400;}
table.normal tr td {  border-top: 1px solid silver;}

p { margin: 0 0 1.5em; padding-right: 0.8em; color: #333333; text-align: justify; font-size: 0.75em; max-width: 80%; line-height: 1.33em; font-weight: 400;}
ul {   padding-left: 0.5em; margin-left: 1.5em; margin-bottom: 0.5em; font-size: 0.75em;}
ul > li {  padding-top: 0.2em;}
ul > li > ul {  font-size:100%;}
ul > li > ul > li {  font-size:100%;}
ul.features {  font-size:medium; margin-left: .5em; list-style-type:none;}
ul.features li {  margin: .5em;}
ul.features li>strong {  font-size:x-large; margin-left: .5em;}

/* topside menu */
/* BREADCRUMB MENU (bn=breadcrumb navigation) */
a.bn_jumpmenu {  font-size: small; margin:0; padding:0; width:0; height:0; overflow:hidden; float:left; display:block; color: #e3e3e3;}
a.bn_jumpmenu:link {}
a.bn_jumpmenu:visited {}
a.bn_jumpmenu:focus 	{  border-left: 1px solid black; width:auto; height:auto; color: #333333; padding-left: 0.5em; margin-right: 1em; margin-left: 0.5em; margin-top: 0.2em;}
a.bn_jumpmenu:hover {}
a.bn_jumpmenu:active {  border-left: 1px solid black; width:auto; height:auto; color: #333333; padding-left: 0.5em; margin-right: 1em; margin-left: 0.5em; margin-top: 0.2em;}

ul.menu {  padding-left: 0.5em; margin-left: 0.5em; font-size: small; float:left;}
ul.menu li {  float:left; display: block; margin-right: 0.5em; margin-left: 0.5em; padding-left: 0.5em; padding-right:0.5em; border-left: 1px solid black;}
ul.menu li a {  text-decoration: underline; color: #333333;}
ul.menu li a.active {  text-decoration: underline; font-weight: bold; color: #333333;}
ul.menu li a:visited {  text-decoration: underline; color: inherit;}
ul.menu li a:hover {  color: blue;}

p { padding-left: 0.8em;}
.light-gray {  background-color: #eeeeee;}

form.noformclass { width: inherit; padding: 0;margin:0;float:none;font-size:inherit;} /*width: 100%;*/
form.noformclass p { font-size: 0.75em; }

/* not decorated links */
a.blanklink {  color:inherit;}
a.blanklink:link { color:inherit;}
a.blanklink:visited { color:inherit;}
a.blanklink:focus { color:inherit;}
a.blanklink:hover { color:inherit;}
a.blanklink:active {color:inherit;}

a.invisiblelink {  color:inherit; text-decoration:none;}
a.invisiblelink:link {  color:inherit; text-decoration:none;}
a.invisiblelink:visited {  color:inherit;}
a.invisiblelink:focus {  color:inherit; border: none;}
a.invisiblelink:hover {  color:inherit; border: none;}
a.invisiblelink:active {  color:inherit; border: none;}

/* not changing the colors (except hover) links */
a.unchanged {  color:inherit;}
a.unchanged:link {  color:inherit;}
a.unchanged:visited {  color:inherit;}
a.unchanged:focus { color:inherit;}
a.unchanged:hover {  color:#555555;}
a.unchanged:active {  color:inherit;}

/* news */
img.newsdetailpicture {  float: right; width:10em; padding: 0.5em; background-color: #eeeeee; border: 1px solid black;}

.bggray0 {  background-color: #eeeeee;}
.bggray1 {  background-color: #dddddd;}



/* articlelister articlelister articlelister */
div.arl {  width: 100%; padding-top: 0.3em; min-height: 5.2em;}
div.arl h2 { font-size:medium !important; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2; font-weight: bold; margin: 0; padding: 0; padding-left: 0.2em;}

div.arl_categorie { float:left; width: 100%; margin-top: 0.2em; margin-bottom: 0.2em; padding-top: 0.2em; padding-bottom: 0.2em; border-top: 2px solid black; border-bottom: 2px solid black;}
div.arl_categorie h1 { font-size:inherit !important; margin-bottom:0 !important;}

div.arl_desc { float:left; width:15em;}

div.arl_desc h2{ margin: 0.2em 0.2em 0 0 !important; font-size: 0.8em !important; text-decoration: underline !important;  }
div.arl_desc h2 a {  font-size: inherit; font-weight: bold;}
div.arl_desc ul{  float:left; margin-left:1.0em !important; }
div.arl_desc ul li{  width: 20em;}

div.arl_picture {  float:left; width:8em; margin:0; padding:0;}
div.arl_picture h3 {  width:4em; display:inline;}
div.arl_picture img { float:left; border: 1px solid black; margin:0 0 0 0;padding:0;} /*width:3em; */

div.arl_data {  float:left; width:14em;}
div.arl_data h3 { float:left; width: 8.5em; font-weight: bold; font-size:small !important; margin:0 !important; padding:0 !important; }
div.arl_data p { font-size:small; float:left; margin:0; padding:0; width:8em; }
div.arl_data p.marginleft {   margin-left: 0.8em; width: 13em;}

div.arl_basket { float:left; width:12em;}
div.arl_basket div.sub { min-height: 3.7em; }
div.arl_basket h3 { float:left;width:auto; font-size:small !important; margin:0 !important; padding:0 !important; font-weight: bold;line-height:1;}
div.arl_basket input[type=text]{  font-size:small;float:right;width:auto;margin:0;padding:0; text-align:right; border: 0.0625em solid gray;height:1.4em; }
div.arl_basket input[type=submit]{ font-size:small;float:right;width: 1.8em;height:1.2em;background-image:url(/gfx/icons/arrow_reload.gif);background-repeat:no-repeat;border: 0.0625em solid gray;padding:0; margin:0.0625em 0 0.3125em 0; }
div.arl_basket img.arrowup { float:right;margin:0.3125em 0 0.3125em 0; }
div.arl_basket img.arrowdown { float:right;margin:0.3125em 0 0.3125em 0; }

div.arl_basket_totalsumbox {  float:right; }
div.arl_basket_totalsumbox h1 { font-size:large; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2;}

/* topsellersbox */
div.tsb {  width: 23em; min-height: 18em; float:left; margin: 0.5em; background-color: #eeeeee; border-right: 0.1em solid #006599; border-bottom: 0.1em solid  rgb(221, 221, 221); border-left: 0.01em solid  rgb(221, 221, 221);}

div.tsb img {  width: 7.5em; padding: 0.5em; margin-top: 0.2em; margin-right: 0.2em; background-color: #eeeeee; border: 1px solid black;}
div.tsb img.glasses {  border: none; width:1.13em; margin:0; padding:0;}
div.tsb ul {  width: 12em; float:left;}
div.tsb h4 {  font-size:medium; letter-spacing:0.03em; line-height: 1.2; margin: 0; background-color: #006599; color: #eeeeee; padding: 0 0 0 0.2em;}
div.tsb h5 {  width: 60%; font-weight: bold; font-size:small; margin: 0.15em; padding: 0;}
div.tsb h6 {  float:left; width: 30%; font-weight: bold; font-size:small; letter-spacing:0.03em; line-height:1; margin: 0.2em; padding: 0;}
div.tsb p {  display:inline; width: 58%; letter-spacing:0.03em; font-size:small; padding: 0;}
/* --- end topsellersbox --- */

/* html button */
.button_auto {  width: auto;}
.button_med {  width: 8em;}
h2.button  { font-size:small !important; font-weight:bold;line-height:1.2; background-color: #006599; border: 1px solid #999999; color:#dddddd; padding: 0.1em; margin: 0.1em 0.1em 0.1em 0.1em; text-align: center;}
h3.button  {  font-size:small; font-weight:bold;line-height:1.2; height: 1.4em;background-color: #006599; border: 1px solid #999999; color:#dddddd; padding: 0.1em; margin: 0.1em 0.1em 0.1em 0.1em; text-align: center;}
h4.button  {  font-size:small; font-weight:bold;line-height:1.2; background-color: #006599; border: 1px solid #999999; color:#dddddd; padding: 0.1em; margin: 0.1em 0.1em 0.1em 0.1em; text-align: center;}
h5.button {  font-size:small; font-weight:bold; line-height:1.2; background-color: #006599; border: 1px solid #999999; color:#dddddd; padding: 0.1em; margin: 0.1em 0.1em 0.1em 0.1em; text-align: center;}
h6.button {  font-size:small; font-weight:bold; line-height:1.2; background-color: #006599; border: 1px solid #999999; color:#dddddd; padding: 0.1em; margin: 0.1em 0.1em 0.1em 0.1em; text-align: center;}
h2.button a,h3.button a,h4.button a, h5.button a, h6.button a  {  color: #eeeeee;}
h2.button a:link,h3.button a:link,h4.button a:link, h5.button a:link, h6.button a:link  {  color: #eeeeee; text-decoration: none;}
h2.button a:visited,h3.button a:visited,h4.button a:visited, h5.button a:visited, h6.button a:visited  {  text-decoration: none;}
h2.button a:focus,h3.button a:focus,h4.button a:focus, h5.button a:focus, h6.button a:focus  {  width: 100%; text-decoration: none;}
h2.button a:hover,h3.button a:hover,h4.button a:hover, h5.button a:hover, h6.button a:hover  {  color: #ffffff;}
h2.button a:active,h3.button a:active,h4.button a:active, h5.button a:active, h6.button a:active  {  color: inherit; text-decoration: none;}

/* article detail */
h1.ard { margin: 0 0 0.5em 0 !important; }
img.ard {  float: left; width:15em; padding: 0.5em; margin-top: 0.2em; margin-right: 0.2em; background-color: #eeeeee; border: 1px solid black;}
p.ard { display:inline; width: auto; float:left; line-height:1.2; font-size:small; margin: 0; padding: 0;}
p.ard input[type=submit] { background-image:url(/gfx/icons/big_arrow_reload.gif);background-repeat:no-repeat;margin-left:0.5em;width: 2.1em !important;border:1px solid black;} 
p.ard img { float:right;margin-top:1px;}
p.ard label { margin-top:0.2em;}
p.ard input[type=text] { border:1px solid black;text-align:right;} 

div.ard_data {  float:left; width:20em; padding-left: 0.3em;}
div.ard_desc {  float:left; width:20em; padding-left: 0.3em; }
div.ard_desc h2 {  margin: 0.2em 0.2em 0 0; padding:0;}
div.ard_desc ul {  float:left;width: 15em;}
div.ard_datasheets {}
div.ard_datasheets ul {  list-style-type:none;}
div.ard_datasheets h2 {  float:left; font-size:medium; font-weight: bold; margin-bottom:0.75em; line-height:1.2; margin: 0; color: #333333; padding: 0 0 0 0; padding-left: 0.2em;}
.ard_headfull { background-color:#eeeeee; width: 99.5%; }
div.ard_misc {}
div.ard_misc ul li { display: block;float:left;width: 33%; }
div.ard_misc h2 { float:left; font-size:medium; font-weight: bold; margin-bottom:0.75em; line-height:1.2; margin: 0; color: #333333; padding: 0 0 0 0; padding-left: 0.2em; }
div.ard_misc h3 { float:left; display:inline;  font-size:small; margin-left: 1em; }
div.ard_misc h3 a { margin-left: 0.5em;font-size:.9em; }
div.ard_customercontact {}
div.ard_customercontact h2 { float:left; font-size:medium; font-weight: bold; margin-bottom:0.75em; line-height:1.2; margin: 0; color: #333333; padding: 0 0 0 0; padding-left: 0.2em; }
div.ard_directlink {}
div.ard_directlink h2 { float:left; font-size:medium; font-weight: bold; margin-bottom:0.75em; line-height:1.2; margin: 0; color: #333333; padding: 0 0 0 0; padding-left: 0.2em;}

div.ard_basket {  float:right; width:20em; margin-right: 1em;}
div.ard_basket p.ard input[type=text]{  font-size:small;float:right;width:auto;}
div.ard_basket p.ard input[type=submit]{  font-size:small;float:right;width:auto;}
div.ard_basket p.ard label{  font-size:small;float:right;width:auto;}
div.ard_basket h2 {  float:left; font-size:medium; font-weight: bold; margin-bottom:0.75em; line-height:1.2; margin: 0; color: #333333; padding: 0 0 0 0; padding-left: 0.2em;}
div.ard_data h2 {  float:left; width: 10em; font-size:medium !important; font-weight: bold; margin-bottom:0.75em !important; line-height:1.2 !important; margin: 0 !important; color: #333333; padding: 0 0 0 0; padding-left: 0.2em;} /* h2 soll hier wegfallen */
div.ard_data h3 {  float:left; width: 10em; font-size:medium !important; font-weight: bold; margin-bottom:0.75em !important; line-height:1.2 !important; margin: 0 !important; color: #333333; padding: 0 0 0 0; padding-left: 0.2em;}
/* END article detail */

/* the page navigation */
div.pagenavigation { float:left; padding-right: 1em; padding-bottom: 0.2em;width: 98%;}
div.pagenavigation p { padding-right: 1em; padding-bottom: 0.2em; margin: 0.2em;}
div.pagenavigation form { font-size: x-small; }
div.pagenavigation form label { line-height:1.2; float:right;margin:0.25em 0 0 0; padding:0; }
div.pagenavigation form select { line-height:1.2; float:right;margin:0; padding:0; }
div.pagenavigation form input[type=submit]{ width:2.2em;height:1.6em;margin:0; padding:0;float:right;background-image:url(/gfx/icons/arrow_reload.gif);background-repeat:no-repeat; line-height:1.2;}
div.pagenavigation ul.pagenavigation { line-height:1.2; padding-left: 0.5em; margin-left: 0.5em;} 
div.pagenavigation ul.pagenavigation li { float:left; display: block; margin-right: 1em;}
div.pagenavigation ul.pagenavigation li a { text-decoration: none; color: #333333;}
div.pagenavigation ul.pagenavigation li a:visited { text-decoration: none; color: inherit;}
div.pagenavigation ul.pagenavigation li a:hover { text-decoration: underline; color: blue;}

/* elements for better texting */
abbr { speak:spell-out;border:none;}
acronym {speak:normal; text-decoration: none; }
cite { font-style: italic; font-weight: 300;}
cite[title], abbr[title], acronym[title] {border-bottom:1px dotted black;cursor:help;}
dfn { font-style: italic; font-weight: bolder;}
kbd {  font-style: italic; color: #444444;}

blockquote { margin: 0 0 1.5em; padding-left: 1.5em; color: #555555; text-align: justify; font-size: 0.75em; font-style: italic; width: 70%; line-height: 1.33em; font-weight: 400;}
address { margin: 0 0 1.5em; padding-left: 0.8em; color: #333333; text-align: justify; font-size: 0.75em; width: 70%; line-height: 1.33em; font-weight: 400; }

/* std.-elements of the #container_content */
#container_content a.container_anchor { float: right; font-size: small;}
#container_content h1 {font-size:x-large; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2;}
#container_content h2 {font-size:large; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2;}
#container_content h3 {font-size:medium; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2; }
#container_content h4 {font-size:small; margin-bottom:0.75em; letter-spacing:0.03em; line-height:1.2;}
#container_content h5 {}
#container_content h6 {}

#container_content img.sp_image {margin: 0.5em;}
/* misc and common */
.bold { font-weight: bold;}
.italic { font-style: italic;}
.underline {  text-decoration:underline;}
.nounderline {  text-decoration:none;}
.red {color: red;}
.blue {color: blue;}
.fullwidth{width: 96%;}
.inline {display: inline !important;}
.block {display: block !important;}
.none {display:none;}
.floatright {float: right !important;}
.floatleft {float: left !important;; }
.onlyprint {display:none !important;}
.textcenter { text-align: center !important;; }
.textleft { text-align: left !important;; }
.textright { text-align: right !important;; }
.doubleborder { border: 0.2em double black !important;;}
.doubleredborder { border: 0.2em double red !important;;}
.leftindent { margin-left: 0.5em !important;; }

.width100 { width: 100% !important; }
.small { font-size:small !important;;}
.x-small { font-size:x-small !important;;}

strong { font-weight: bold; }

/* special buttons for the order procedure */
input[type=submit].subbutton {  font-size:small; font-weight:bold; line-height:1.2; background-color: #006599; border: 1px solid #999999; color:#dddddd; padding: 0.1em; margin: 0.1em 0.1em 0.1em 0.1em; text-align: center;}

table.alltables { width: 100%; padding-left: 1em; padding-right: 1em; }
table.alltables caption { padding: 0.5em;}
table.alltables tr td { font-size:inherit; }
table.alltables tr th { font-weight: bold; border-bottom: 0.25em double black;}
table.alltables tr td.borderbottom { border-bottom: 0.0625em solid black;}
table.alltables tr td.double { border-bottom: 0.25em double black;}

.textwidth { width: 70%;}
.doubleborder { border: 0.25em double black;}

#bannerfoot p { min-width:98%; font-size:x-small; color:#bbbbbb; text-align:center; }

/* quicksearchform */
form.quicksearch {float: right;margin:0em;background-color: #eeeeee;width:auto;height: 100%;font-size:small;padding:0.2em;}
form.quicksearch label {float:left;padding:0.2em 0em;text-align:left;width:auto;margin-right:0.3em;margin-top:0.3em;}

/* input type text */
form.quicksearch input[type=text]{float:left;margin:0.2em;}
form.quicksearch input[type=text].focus {background-color:#ffffee;}
form.quicksearch input.text{float:left;margin:0.1em 0 0.1em 0;}
form.quicksearch input.text:focus{background-color:#ffffee;}
/* submit */
form.quicksearch input[type=submit]{font-size:small;text-align:center;width:7.25em;padding:0;margin:0;}
form.quicksearch input.submit{font-size:small;text-align:center;width:7.25em;padding:0;margin:0;}