@charset "UTF-8";

@import url(shop_base.css);

@media print
{
  body { font-size:12pt; font-family: Arial, Helvetica, sans-serif; }
  html { height: auto; margin-bottom: 0; }
  #pageheader td.menu {display:none;}
  #pagebody td.left { width:0; display:none; }
  #pagebody td.right { width:0; display:none; }
  #headimage {display:none;}
  #navibox_head {display:none;}
  #navibox_foot {display:none;}
  #addstack  {display:none;}
  #artoptiontable select {display:none;}
}
@media all
{
  body {
    font-family: Arial, Helvetica, sans-serif;
    text-align:center;
    background: #98A0A6;
}

  textarea { font-family: Arial, Helvetica, sans-serif;}

  div#page { width:980px; margin:0 auto; text-align:left; padding:10px 0; }

  div#errorbox {
    background: #FFF0F0 url(img/icon_err.png) no-repeat;
    margin:0;
    padding: 8px 40px;
    font-size:0.9em;
    border:1px solid #FF8080;
    line-height:130%; }


  /* -------------------------------------------------------------------
     Page-Header
  ------------------------------------------------------------------- */
  #pageheader{
    margin:0 0 10px 0;
    background: #C81B21 url("img/header_center.png") repeat-x top left;
    color:#FFF;
    height:80px; }
  #pageheader td.left {
    background: url("img/header_left.png") no-repeat top left;
    width:20px; height:80px; }
  #pageheader td.logo {
    vertical-align:bottom; padding:8px 0; }
  #pageheader td.right {
    background: url("img/header_right.png") no-repeat top left;
    width:20px; height:80px; }
  #pageheader td.link {
    vertical-align:middle;
    text-align:center;
    font-size: 12px;
    font-weight: normal;
    }
  #pageheader td.content {
    vertical-align:top;
    text-align:right;
    }
  #pageheader td.content .menu {
    font-size:0.8em;
    color:#FFF;
    font-weight:bold;
    margin: 30px 0 0 0;
    }
  #pageheader td.content .search {
    margin: 8px 0 0 0;
    }
  #pageheader td.content .search .button{
    margin: 0 0 0 5px;
    }
  #pageheader a:link    { color:#FFF; margin:0 5px 0 5px; }
  #pageheader a:visited { color:#FFF; margin:0 5px 0 5px; }
  #pageheader td.link a:link    { color:#FFF; margin:0; }
  #pageheader td.link a:visited { color:#FFF; margin:0; }
  #pageheader a:hover a:active { color:#FF0; }
  #pageheader p.title    { font-size: 2em; font-weight:bold; }
  #pageheader p.subtitle { font-size: 0.7em; letter-spacing:3px; }


  /* -------------------------------------------------------------------
     Page-Body
  ------------------------------------------------------------------- */
  #pagebody {; }
  #pagebody a:link    { color:#444; }
  #pagebody a:visited { color:#444; }
  #pagebody a:hover, a:active { color:#C81B21; }
  #pagebody td.footer a:link    { color:#f4f4f4; }
  #pagebody td.footer a:visited { color:#f4f4f4; }
  #pagebody td.footer a:hover, a:active { color:#C81B21; }
  #pagebody td.left { width:180px; padding:0 10px 0 0; }
  #pagebody td.center {;}
  #pagebody td.right { width:180px; padding:0 0 0 10px; }
  #pagebody td.footer { padding: 50px 10px 10px 10px ; font-size: 12px; color: #f4f4f4; text-align: center; }

  /* -------------------------------------------------------------------
     Sidebox
  ------------------------------------------------------------------- */
  table.sidebox { margin:0 0 10px 0;}
  td.sideboxhead1 {
    background: url("img/box_head1.png") no-repeat top left;
    vertical-align:middle;
    padding:0 20px;
    height:20px;
  }
  td.sideboxhead1 h2 {
    color:#FFF;
    font-size: 0.8em;
    font-weight:bold;
  }
  td.sideboxbody1 {
    background:#FFF;
    color:#444;
    font-size: 12px;
    font-weight:normal;
    padding:10px 10px 5px 10px;
  }
  td.sideboxfoot1 {
    background: url("img/box_foot1.png") no-repeat bottom left;
    height:10px;
  }
  td.sideboxhead2 {
    background: url("img/box_head2.png") no-repeat top left;
    vertical-align:middle;
    padding:0 20px;
    height:20px;
  }
  td.sideboxhead2 h2 {
    color:#FFF;
    font-size: 0.8em;
    font-weight:bold;
  }
  td.sideboxbody2 {
    background:#79858e;
    color:#FFF;
    font-size:0.8em;
    font-weight:normal;
    padding:10px 0 0 10px;
 }
  td.sideboxfoot2 {
    background: url("img/box_foot2.png") no-repeat bottom left;
    height:10px;
  }


  td.sideboxhead3 {
    background: url("img/box_head1.png") no-repeat top left;
    vertical-align:middle;
    padding:0 20px;
    height:20px;
  }
  td.sideboxhead3 h2 {
    color:#FFF;
    font-size: 0.8em;
    font-weight:bold;
  }
  td.sideboxbody3 {
    background:#FFF;
    color:#444;
    font-size: 12px;
    font-weight:normal;
    padding:10px 10px 5px 10px;
  }
  td.sideboxfoot3 {
    background: url("img/box_foot1.png") no-repeat bottom left;
    height:10px;
  }




  #sidebox_view p { width:100%; margin:5px 0 0 0; border-bottom:1px solid #888;}
  #sidebox_view a { font-size:0.9em; padding:0 3px;}
  #sidebox_view a.sel { background:#FEE; border:1px solid #888;}

  td.sideboxbody1 ul { margin: 0; list-style: none; }
  td.sideboxbody1 ul li { list-style: none; margin: 0;  }

  td.sideboxbody3 ul { margin: 0 0 0 0px; list-style: none; }
  td.sideboxbody3 ul li { list-style: none; margin: 0; font-weight: bold;  }

  #sidebox_groups { margin: 0; }
  #sidebox_groups ul { margin: 0; }
  #sidebox_groups ul, #sidebox_groups ul li { list-style: none; }
  #sidebox_groups ul li { font-size: 13px; font-weight: bold; margin: 0;}
  #sidebox_groups ul li ul  {  margin: 5px 0 10px 10px; }
  #sidebox_groups ul li ul, #sidebox_groups ul li ul li  { list-style: none; }
  #sidebox_groups ul li ul li  { font-size: 12px; font-weight: normal;  }

  #sidebox_groups a.sel { color:red !important; }


  #sidebox_action p { text-align: center; margin: 0 0 20px 0; font-weight: normal; font-size: 11px;  }
  #sidebox_action p .price { font-weight: normal; font-size: 11px; color:red; }


  #sidebox_stack ul { list-style:none; margin:0; }
  #sidebox_stack li { line-height:1.2em; border-bottom:1px dotted gray; margin:0; }
  #sidebox_stack div.price { float:right; }
  #sidebox_stack p { margin:5px 0 0 0; font-size:1.2em;}

  /* -------------------------------------------------------------------
     Inner Content (Head-Image, Navibar, Content-Container)
  ------------------------------------------------------------------- */

  #headimage img { margin:0 0 10px 0; }

  #navibox_head { background: url("img/navibox_head.png") no-repeat top left; }
  #navibox_head h2 { margin-left:10px; max-height:30px; font-size:0.9em; font-weight:bold; color:#FFF; overflow:hidden;}
  #navibox_head a { color:red !important; font-weight:bold;}
  #navibox_head td.title { vertical-align:middle; width:400px; height:30px;  }
  #navibox_head td.backnav { vertical-align:middle; text-align:center; font-size:0.7em; }
  #navibox_head div.backimg { display:inline; background:url("img/uplink.png") no-repeat top left; padding:2px 12px; }
  #navibox_head td.extleft { font-size: 16px; font-weight: normal; background:#EEE; text-align:left; padding:2px;}
  #navibox_head td.extright { font-size: 16px; font-weight: normal; background:#EEE; color:#444; text-align:left; padding:2px;}
  #navibox_head div.artlistnav { font-size: 14px; float:left; font-weight: normal; margin: 5px;}
  #navibox_head div.artlistnav a { font-size: 14px; font-weight: normal; padding:0 2px;}
  #navibox_head div.artlistnav a.sel { text-decoration:underline;}

  #navibox_foot { height:20px;
    background: url("img/navibox_foot.png"); position:relative; color:#444;}
  #navibox_foot a { color:red !important; font-weight:bold;}
  #navibox_foot div.left {
    position:absolute; left:5px; bottom:3px; font-size:0.7em;}
  #navibox_foot div.right {
    position:absolute; right:5px; bottom:3px; font-size:16px;}

  #singlebox_body  { font-size: 1.2em; background: #FFF; width:600px; padding:5px;}
  #singlebox_body h2 { font-size:1.2em; }
  #singlebox_body p.msg { font-size:0.9em; padding:10px; }
  #singlebox_body ul li { font-size:0.7em; line-height: 0;}
  #singlebox_body ul { paddin:0; margin: 20px 0 20px 15px;}
  #singlebox_body h3 { font-size: 13px; margin: 10px 0 10px 0; }



  /* -------------------------------------------------------------------
     Inner Content (Groups-List, Article-List)
  ------------------------------------------------------------------- */

  td.multibox_head { background: url("img/multibox_head.png") no-repeat top left; height:10px;}
  td.multibox_body { background: url("img/multibox_body.png") repeat-y top left;  padding: 10px; width:50%; }
  td.multibox_foot { background: url("img/multibox_foot.png") no-repeat top left; height:5px;}


  #grplisttable div.imagebox {float:left; margin: 15px 10px 5px 5px;}
  #grplisttable div.imagebox img {margin: 0 5px 30px 0;}
  #grplisttable h2 { font-size:1.0em; font-weight:bold; color:#222; }
  #grplisttable p.subgrps { font-size:12px; color:#444; margin: 10px 0 0 0; }
  #grplisttable p.subarts { font-size:0.9em; color:#444; }
  #grplisttable ul { font-size:0.7em; list-style-type:circle;  }
  #grplisttable li { line-height:1.1em; }


  #artlisttable div.imagebox {float:right; margin:0 0 5px 5px;}
  #artlisttable h3 { font-size:0.8em; font-weight:bold; color:#222; }
  #artlisttable h3 a { color:#222 !important; }
  #artlisttable p.info { font-size:0.6em; color:#444; }
  #artlisttable p.pagelink { text-align:center; font-size:0.7em; }
  #artlisttable p.price { color:red; font-size:0.7em; }
  #artlisttable a { color:red !important; font-weight:bold; }


  /* -------------------------------------------------------------------
     Inner Content (Article-Detail)
  ------------------------------------------------------------------- */

  #artdetailview { margin:0 0 0 5px; }
  #artdetailview img {float:right; margin:0 0 5px 5px;}
  #artdetailview h3 {color:#444; font-size:16px;}
  #artdetailview h4 {color:#444; font-size:12px;}
  #artdetailview p.info {color:#444; font-size:0.8em;}

  #artcolortable { margin:20px 0 0 0; width:auto; font-size:0.7em;}
  #artcolortable td.colorbox { padding:1px;}
  #artcolortable td.colortext { padding:0 3px; vertical-align:middle;}
  #artcolortable div.colorbox { border:1px solid gray; float:left; }

  #artoptions { float:left; margin:10px 0 0 0; font-size:0.8em;}
  #artoptiontable { font-size:1em; color:#222; width:auto; }
  #artoptiontable th { border-bottom:1px solid #DDD; vertical-align:bottom; padding:1px 3px;}
  #artoptiontable td { border:1px solid #DDD; padding:1px 3px; vertical-align:middle; }
  #artoptiontable td.price, th.price { text-align:right; padding-left:10px; }
  #artoptiontable select { color:#222; font-size:1em;}

  #addstack { margin:0 0 0 5px; background: url("img/turn_arrow.jpg") no-repeat; font-size:1em;}
  #addstack div.addcount { float:none; padding:8px 0 0 30px; }
  #addstack div.addbutton { padding:0; margin: 10px 0 10px 0; }
  #addstack input { font-size:1em; }
  #addstack p { padding:5px 0; font-size:0.9em; color:#444; }

  /* -------------------------------------------------------------------
     Inner Content (Warenkorb und Bestellvorgang)
  ------------------------------------------------------------------- */

  #nextorderpage { margin:10px 0; text-align:right; }
  #nextorderpage input { padding:0 20px; font-size:0.9em; font-weight:bold; color:red; }

  #orderstack { font-size:0.7em; margin:0; }
  #orderstack input { font-size:1em; }
  #orderstack input.recalc{ border:1px outset #DDD; background:#DDD; padding:0 5px; }
  #orderstack td, th { text-align:left; vertical-align:top; border-bottom:1px dotted gray;  padding-top:10px; }
  #orderstack .price { text-align:right; }
  #orderstack td.empty { border:0; }
  #orderstack th.presum { ; }
  #orderstack td.presum { text-align:right; }
  #orderstack th.totsum { border-bottom:1px solid black; }
  #orderstack td.totsum { text-align:right; font-weight:bold; border-bottom:1px solid black; }
  #orderstack a.delart { color:red !important; border:1px outset #DDD; background:#DDD; padding:0 5px;}

  #orderform { font-size:1.0em;}
  #orderform th { font-size:1.0em; font-weight:bold; padding:10px 0 0 0; }
  #orderform td { background:#EEE; font-size:0.7em; vertical-align:middle; border-bottom:1px solid #FFF; }
  #orderform input, select, textarea { font-size:1.0em; margin:2px;}

  #orderconfirm { font-size:1.0em; margin:10px 0;}
  #orderconfirm th { background:#FFF; font-size:1.0em; font-weight:bold; padding:5px 0 0 0; border:0; }
  #orderconfirm td { background:#DDD; padding:1px; vertical-align:top;}
  #orderconfirm td.adr { font-size:0.7em; border-right:1px solid #FFF; }
  #orderconfirm td.rem { font-size:0.7em; }
  #orderconfirm td.stack { font-size:1.0em; }
  #orderconfirm div.agb { font-size:0.7em; height:150px; max-height:150px; overflow:auto; }

  /* -------------------------------------------------------------------
     Inner Content (AGB, Impressum)
  ------------------------------------------------------------------- */

  #textinfobox { font-size:1.0em; margin:10px; }
  #textinfobox p.title { font-size:1.0em; margin:0 0 10px 0; }
  #textinfobox p.text { font-size:0.7em; }
}