body  { font-family:arial,helvetica; font-size:12px; line-height:15px; color:#000000; padding:0px; margin:0px; width:13cm; background:transparent; }
td    { font-family:arial,helvetica; font-size:12px; line-height:15px; color:#000000; padding:0px; }
ul    { list-style-type:square; margin-top:6px; margin-left:16px; margin-bottom:6px;}
li    { list-style-type:square; }

xa[href^="/"]:link:after { content: " (URL: <http://www.werma.de " attr(href) ">) "; }
xa:link:after, a:link:visited:after { content: " (URL <" attr(href) ">) "; font-size:100%; color:#999999; background: transparent; }

.navTitle                 { font-family:arial,helvetica; font-size:12px; color:#000000; font-weight:bold; }

.navSub1                  { font-family:arial,helvetica; font-size:10px;; color:#000000; font-weight:bold; text-decoration:none;}
.navSub2                  { font-family:arial,helvetica; font-size:10px;; color:#000000; font-weight:bold; text-decoration:none;}
.navActive                { font-family:arial,helvetica; font-size:10px;; color:#000000; font-weight:bold; text-decoration:none;}
.navFooter                { font-family:arial,helvetica; font-size:10px;; color:#000000; font-weight:bold; text-decoration:none;}
.navFooter2               { font-family:arial,helvetica; font-size:10px; color:#000000; }

.headline1                { font-family:arial,helvetica; font-size:13px; color:#000000; font-weight:bold; line-height:16px; page-break-after: avoid; }
.headline2                { font-family:arial,helvetica; font-size:13px; color:#000000; font-weight:bold; line-height:16px; }
.headline3                { font-family:arial,helvetica; font-size:13px; color:#000000; font-weight:bold; line-height:16px; }
.headline4                { font-family:arial,helvetica; font-size:12px; color:#000000; font-weight:bold; line-height:16px; }
.headline5                { font-family:arial,helvetica; font-size:12px; color:#000000; font-weight:bold; width:100%; border-bottom:solid 1px #CCCCCC; border-top:solid 1px #CCCCCC; padding-left:2px; padding-right:2px; line-height:18px; height:18px; background-color:#FFEEA8; }

.subheadline1             { font-family:arial,helvetica; font-size:12px; color:#000000; font-weight:bold; line-height:14px; }
.subheadline2             { font-family:arial,helvetica; font-size:12px; color:#000000; font-weight:bold; line-height:14px; }
.subheadline3             { font-family:arial,helvetica; font-size:12px; color:#000000; font-weight:bold; line-height:14px; }

.tableheader1             { font-family:arial,helvetica; font-size:10px;; color:#000000; font-weight:bold; line-height:12px; }
.tablefooter1             { font-family:arial,helvetica; font-size:10px; color:#000000; font-weight:bold; }
.tablefooter2             { font-family:arial,helvetica; font-size:10px; color:#FAFAFA; font-weight:bold; }

.class10                  { font-family:arial,helvetica; font-size:10px; color:#000000; }

.special10                { font-family: arial,helvetica; font-size: 10px; color: #FAFAFA; }
.special11                { font-family: arial,helvetica; font-size: 12px; color: #FAFAFA; font-weight:bold; line-height:14px; }

.buttons                  { font-family:arial,helvetica; font-size:10px;; color:#000000; font-weight:bold; }

.searchIn                 { font-family:arial,helvetica; font-size:10px; color:#000000; border:inset 1px; width:97px; height:16px; }
input.class10             { font-family:arial,helvetica; font-size:10px; color:#000000; }
input.class11             { font-family:arial,helvetica; font-size:12px; color:#000000; }
textarea.class11          { font-family:arial,helvetica; font-size:12px; color:#000000; }
select.class11            { font-family:arial,helvetica; font-size:12px; color:#000000; }
.pagebreak                { page-break-after:always; }

#article_detail           { width:100%; margin:0px; text-align:left; }
#article_detail .image    { float:left; width:150px; margin-right:10px; text-align:center; border:none; }
#article_detail .image .img   { width:100%; background:url(../gfx/icons/zoom.gif) right bottom no-repeat; }
#article_detail .image .img a { display:block; }  
#article_detail .image .info  { width:100%; padding-bottom:6px; }
#article_detail .image .hint  { width:100%; font-size:10px; color:#888; }

#article_detail .description  { float:left; width:385px; overflow-x:hidden; border:none; }
#article_detail .description .attributes { float:left; border:none; border:none; margin-right:5px; } 
#article_detail .description h2 { font-size:12px; font-weight:bold; margin:0px; padding:0px; padding-left:2px; padding-bottom:2px; }
#article_detail .description table  { border:none; width:340px; border-collapse:collapse; } 
#article_detail .description table.attributes td:first-child { font-weight:bold; }
#article_detail .description table.attributes td.colored { background-color:#EAEAEA; }

#article_detail .description .price { float:left; width:135px; border:none; margin-top:22px; }
#article_detail .description table.conditions { margin-top:20px; margin-bottom:15px; }
#article_detail .description table.conditions th  { text-align:left; height:20px; }
#article_detail .description table.conditions td  { text-align:right; border-right:solid 1px #EAEAEA; }
#article_detail .description table.conditions td:last-child   { border-right:none; }
#article_detail .description table.conditions tr  { border-bottom:solid 1px #EAEAEA; }
#article_detail .description table.conditions tr:last-child { border-bottom:none; }

#article_detail .description .cart  { width:100%; }
#article_detail .description .cart .text    { float:left; width:80px; margin-left:10px; padding-top:5px; font-weight:bold; }
#article_detail .description .cart .button  { float:left; width:40px; margin-left:5px; text-align:center; }
#article_detail .description .cart .button a { display:block; } 

#article_detail .description .faq { border:solid 1px #EAEAEA; padding:5px; padding-right:10px; height:200px; overflow-y:auto; }
#article_detail .description .faq .header { font-weight:bold; height:20px; line-height:20px; margin-bottom:6px; display:block; background-color:#EAEAEA; }

#article_files .file #mediaspace  { display:block; width:100%; height:100%; }
#article_files .file #videoStage  { position:absolute; top:-1000px; border:solid 1px #DADADA; width:480px; height:400px; }
#article_files .file #videoTime   { white-space:nowrap; } 

#article_files    { width:100%; padding-top:20px; }
#article_files .file        { width:100%; border-bottom:dashed 1px #DADADA; padding-bottom:6px; margin-bottom:6px; }
#article_files .file .img   { display:none; }
#article_files .file .text  { float:left; width:285px; }
#article_files .file .text .header  { width:100%; font-weight:bold; padding-top:6px;padding-bottom:4px; }
#article_files .file .text .body    { width:200px; display:block; border-top:solid 1px #EAEAEA; padding-top:4px; }

#article_files .sound     { margin-bottom:15px;}

/* NS4 hack: not visible for NS */
/*/*/
.searchIn                 { font-family:arial,helvetica; font-size:10px; color:#000000; border:inset 1px; height:16px; }
input.class10             { font-family:arial,helvetica; font-size:10px; color:#000000; border:inset 1px; margin-bottom:1px; }
input.class11             { font-family:arial,helvetica; font-size:12px; color:#000000; border:inset 1px; margin-bottom:1px; }
textarea.class11          { font-family:arial,helvetica; font-size:12px; color:#000000; border:inset 1px; margin-bottom:1px; }
select.class11            { font-family:arial,helvetica; font-size:12px; color:#000000; margin-bottom:1px; margin-top:1px; }
.button11                 { font-family:arial,helvetica; font-size:12px; color:#000000; border:outset 1px; margin-bottom:1px; }

/* both browsers */
.mandatory                { color:#CC0000; }
.success                  { color:#008800; }
.tipp                     { font-size:10px; font-family:Arial,Helvetica; border-style:solid;border-width:1px; border-color:#888888; background-color:#FAFAFA; padding:3px; cursor:help; }

/* print is different */
#notPrintable, .notPrintable, #navigation, #search, #news, #header, #footer, #pageTop { display: none; }