/*****************************************************************************\
* rcms.css                  Main style sheet for RC-Motorradshop.de
*
 *****************************************************************************
* 27.12.2004   J.Tremmel    First draft
* 05.02.2005   J.Tremmel    Added styles for product entries
* 23.03.2005   J.Tremmel    Added styles for news items, fix for IE's margin
*                           troubles in in product/news boxes
*                           (the usual float-induced weirdnesses)
* 20.12.2005   J.Tremmel    Since we've reached 100k hits, I've increased the
*                           counter's width to 6 digits
* 31.01.2006   J.Tremmel    Added styles for visual confirmation in guestbook
* 12.02.2006   J.Tremmel    Added style for "special" indicators at the start
*                           of product descriptions
* 11.07.2006   J.Tremmel    added a float fix for IE7 beta 3, as an older
*                           workaround for IE6 broke its float behaviour ; )
* 07.01.2007   J.Tremmel    Overhaul for 2007
* 12.01.2007   J.Tremmel    Added fix for overlapped arcticle pics (IE7)
* 06.02.2007   J.Tremmel    fixed some typos
* 17.06.2007   J.Tremmel    tweaked menu item descriptions
* 27.07.2008   J.Tremmel    Best.-Nr. now always displayed in two lines
* 28.07.2010   J.Tremmel    some cleanup
\*****************************************************************************/
body,
table,
td, th {
  font:14px Verdana,Arial,sans-serif; color:#000;
}
body {
  background:#F4EBE4 url(background.jpg) scroll 0 0;
  margin:0; padding:0;
}
table {
  border:0; border-spacing:0; border-collapse:collapse;
  padding:0; margin:0;
}
td, th { padding:0; margin:0; text-align:left; }
td     { font-weight:normal; }
th     { font-weight:bold; }

h1     { font-size:2.3em; margin:.67em 0; }
h2     { font-size:1.4em; margin:.83em 0; }
h3     { font-size:1.1em; margin: 1em 0; text-align:left; }
h1, h2 { text-align:center; }
h2, h3 { margin-top:3em; }

h2.section  { font-size:1.36em; }
h3.section  { font-size:1.36em; }
h2.section,
h3.section  {
  font-weight:normal; text-align:center;
  margin:3em 0 .5em; padding:.84em 0;
  background:#7C411F url(section.jpg); color:#FFF;
}

h1 small { display:block; font-size:.4em; }
h2 small { display:block; font-size:.7em; line-height:2em; }
img      { border:none; margin:0; padding:0; }
small    { font-size:.7em; line-height:1.3em; } /* for IE... */
hr { margin:1em 0; color:#753; border-color:#753; background-color:#753; }

.attention    { color:red; margin:1em 2em 3em; }
.attention h3 { margin:0; }

/**
* Links
*/
a.zip, a.pdf {
  padding:1px 20px 1px 0;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:right bottom;
}
a.zip { background-image:url(icons/zip.gif); }
a.pdf { background-image:url(icons/pdf.gif); }

a:link    { color:#33C; text-decoration:underline; }
a:visited { color:#008; }
a:hover,
a:active,
a:focus   { color:#E00; }

a.more { font-weight:bold; }

/*
* add background only to text/password inputs (and textareas), or IE
* and Opera will render a colored box around radio buttons and checkboxes
*/
input.text,
textarea {
  color:#643; background:url(header_light.jpg) 0 -96px;
  border-color:#EEE1D5; -moz-border-radius:3px;
}
textarea     { background-position:0 -32px; }
input        { vertical-align:middle; } /* checkboxes, radio-buttons */
input.text   { }
input.button {
  background:url(header_dark_narrow.jpg) 0 -24px;
  border-width:1px; -moz-border-radius:5px;
}

input[type="radio"],
input[type="checkbox"] { vertical-align:middle; }

#search               {}
#searchOptions        { font-size:12px; line-height:1.5; }
#searchOptions label  { vertical-align:baseline; margin:0 1ex 0 .2ex; padding:0; }
#searchOptions input  { vertical-align:middle; margin:0; padding:0; }
#defaultSearchBar     { text-align:right; }


/**
* Main Menu {{{
* NOTE: IDs of inner elements use the prefix "menu" in order to make
*       later collisions with IDs in content less likely
*/
#menu {
  display:block; width:168px; height:696px;
  position:absolute; top:0; left:0; margin:0; padding:0;
  color:#FFF; background:#773D25 url(rcms_menu.jpg) no-repeat 0 0;
}
#menu a:link,
#menu a:visited,
#menu a:active  { color:#FFB; } /* mostly for alt-tags of counter-links */
#menu a:hover,
#menu a:focus   { color:#FE4; }

#menu #buttonsDescr,
#menu #searchDescr { display:none; }

/**
* Buttons
*/
ul#menuButtons    { list-style:none; margin:0 0 0 5px; padding:0; }
#menuButtons li   { margin:1px 0; padding:0; }
#menuButtons li a { vertical-align:bottom; } /* This "fixes" the IE5+ <li> extra gap bug! Bah. */
#menuButtons a span,
#menuButtons a dfn        { display:none; }
#menuButtons a dfn span   { display:none; } /* hide leading dash in this style */
#menuButtons a:hover dfn  {
  display:block; z-index:100;
  position:absolute; top:322px; left:5px; width:112px;
  text-align:center; font-style:normal; font-size:10px; color:#FFF;
}
#menuButtons a {
  display:block; width:112px; height:28px; margin:0; padding:0;
  background-repeat:no-repeat;
}
#menuButtons a:link,
#menuButtons a:visited,
#menuButtons a:active {
  text-decoration:none; background-position:0 0;
}
#menuButtons a:hover,
#menuButtons a:focus,
#menuButtons li.active a:link,
#menuButtons li.active a:visited,
#menuButtons li.active a:active {
  text-decoration:none; background-position:0 -28px;
}

#menuNews      a { background-image:url(buttons/rcms_news.png); }
#menuProdukte  a { background-image:url(buttons/rcms_produkte.png); }
#menuGalerie   a { background-image:url(buttons/rcms_galerie.png); }
#menuForum     a { background-image:url(buttons/rcms_forum.png); }
#menuGuestbook a { background-image:url(buttons/rcms_guestbook.png); }
#menuLinks     a { background-image:url(buttons/rcms_links.png); }
#menuAGB       a { background-image:url(buttons/rcms_agb.png); }
#menuBestellen a { background-image:url(buttons/rcms_bestellen.png); }
#menuImpressum a { background-image:url(buttons/rcms_impressum.png); }

/* Special case: "home" button looks different (we use the logo instead of a button)  */
#menuButtons #menuHome { margin:20px 0; }
#menuHome a { height:48px; margin:0; padding:0; overflow:hidden; }
#menuHome a:link,
#menuHome a:visited,
#menuHome a:hover,
#menuHome a:active,
#menuHome a:focus {
  background:url(rcms_logo.png) no-repeat top center !important;
}

#menuSearch {
  display:block; position:absolute;
  top:424px; left:6px;
  text-align:right;
}
#menuSearch input.text {
  width:80px; background:#FFF; color:#000;
  border:1px solid; border-color:#4F2919 #C1A79C #C1A79C #4F2919; /* for IE...*/
}
#menuSearch input.button {
  width:20px; height:20px;
  border-color:#773D25; border-width:1px; background:transparent;
  text-indent:-32em; border-width:1px; overflow:hidden;
  background:url(buttons/search_button.png) no-repeat 0 0;
  /* workaround for IE7, as it does not seem to support text-indent in buttons: */
  font-size:200px; text-align:right; color:#773D25;
  /* ...it seems opera has the same problem. Oh well. */
}
/*}}}*/

/**
* Counters {{{
*/
#menuCounters {
  display:block; position:absolute; top:450px; left:6px;
  width:110px; height:112px; margin:0; padding:0;
  background:url(counter_descr.png) no-repeat 0 0;
  font-size:.64em; line-height:1; text-align:left;
}
#menuCounters div { position:absolute; left:0; height:16px; overflow:hidden; }
#counterTotal     { top:13px; }
#counterToday     { top:49px; }
/*}}}*/

/**
* Footer {{{
*/
div#footer {
  font-size:.7em; margin:2em 1em 1em 168px; padding:1ex 0;
  border-top: 1px solid #999; color:#888;
  text-align:center; clear:both;
}
div#footer p     { line-height:1.4; margin:.5em 0; padding:0; }
div#footer ul    { margin:0; padding:0; list-style:none; }
div#footer li    { margin:0; padding:0 .5em; display:inline; }
div#footer li a  { color:#888; }
div#footer #perform { visibility:hidden; }
/* }}} */

/*
* padding-top as workaround for overlapping/collapsing margins between <body>/content
* in Moz/IE/Opera (see http://www.w3.org/TR/CSS21/box.html#collapsing-margins)
*/
#content { padding:1px 0 1em 0; margin:0 1em 3em 168px;}

ul.breadcrumbs      { list-style:none; margin:.5em 0; padding:0; font-size:.8em; }
ul.breadcrumbs li   { font-weight:bold; margin:0; padding:0 0 0 10px; display:inline; background:url(arrow_right.png) no-repeat left; }
ul.breadcrumbs li a { font-weight:normal; }

ul.pagenav    { list-style:none; margin:.5em 1em; padding:0; }
ul.pagenav li { margin:.2em 0; padding:0 0 0 10px; background:url(arrow_down.png) no-repeat left .5em; }



/**
* New Product/Article styles {{{
*/
div.article {
  font-size:11px; line-height:1.3; border:solid #EEE1D5; border-width:2px 0;
  color:#000; background:url(header_mid.jpg) 0 -64px;
  margin:1em 0; padding:0; z-index:0;
}
/*
* NOTE: position:relative; is required for containers, or IE will occationally
* render them in the wrong z-order (or just not render them at all)
* See http://www.positioniseverything.net/articles/hollyhack.html
*/
/* float fix  for IE 6 (strangely, it breaks IE7 beta 3 when not put in * html hack...) */
* html div.article,
* html div.pic {
  position:relative;
}
div.article h4 {
  margin:0; padding:.5ex; font-size:1.2em;
  background:#F4E4D5 url(header_mid.jpg);
}
div.article div.pic {
  float:left; width:162px; height:122px;
  padding:0; margin:0 .5em 0 0; text-align:center;
  color:#643; background:#F4E4D5 url(header_mid.jpg);
  font-size:1.2em; line-height:120px;
}

/* use padding on bottom of p, or IE will always push margin below float...*/
div.article p.details { clear:right; margin:.1em .3em 0 .3em; padding:0 0 .5em 0; text-align:left;}
body#detailViewPage div.article           { max-width:80em; margin:.5em auto; }
body#detailViewPage div.article h4        { font-size:1.4em; }
body#detailViewPage div.article p.details { font-size:1.4em; line-height:1.4; }

/* IE7: Without a specified height, the picture will sometimes be overlapped by the details box... */
div.article p.details { height:1%; } /* probably a new incarnation of that "has_layout" weirdness */

div.article div.info {
  color:#643; clear:both; margin:0; padding:0;
  border:solid #EEE1D5; border-width:2px 0 0;
  background:#F4E4D5 url(header_mid.jpg);
  width:100%; /* width only specified for IE7... */
}
div.article div.info div             { margin:0; font-size:120%; line-height:1.2; }
div.article div.info div span        { font-weight:bold; }
div.article div.info div.artno       { float:left; width:150px; margin:0; padding:0 0 0 10px;}
div.article div.info div.artno span  { display:block;}
div.article div.info div.status      { float:right; width:10em;  padding:0 0 .2em; }
div.article div.info div.price       { margin:0 10em 0 162px; margin-left:170px;}

div.article div.info div.price  div  { font-size:.8em; padding-top:.12em;}
div.article div.info div.price  a    { font-size:.8em;}
div.article div.info div.status span { background-repeat:no-repeat; background-position:0 2px; padding-left:16px;  }
div.article div.info div.stock  span { color:#0C0; background-image:url(icons/status_gn.gif); }
div.article div.info div.order  span { color:#C00; background-image:url(icons/status_rt.gif); }
div.article div.info div.back   span { color:#FB3; background-image:url(icons/status_gb.gif); }
div.article div.foot { clear:both; visibility:hidden; height:0; overflow:hidden; }
/*
* The foot element is just used to clear both floats. There are more elegant
* solutions, but this one is fairly cross-browser proof and weak on side-effects.
*/

/*
* NOTE: Also define img sizes additionally to .pic dimensions,
*       or wider pictures might "escape"/overlap the outer div.pic
*/
div.article div.pic img {
  width:160px; height:120px;
  border:1px solid #FFF; display:block;
}
div.article div.pic a:link img,
div.article div.pic a:visited img { border-color:#99E;  }
div.article div.pic a:hover img,
div.article div.pic a:active img,
div.article div.pic a:focus img   { border-color:#E00; }

/**
* Mozilla/Opera: Only show blue border and perform hover on
* "picture" anchors that have a defined href attribute:
*/
/* Show white border as long as only name is defined */
div.article div.pic a[name]:link img,
div.article div.pic a[name]:visited img,
div.article div.pic a[name]:hover img,
div.article div.pic a[name]:active img,
div.article div.pic a[name]:focus img   { border-color:#FFF; }
/* Otherwise use default behaviour as above: */
div.article div.pic a[href]:link img,
div.article div.pic a[href]:visited img { border-color:#99E;  }
div.article div.pic a[href]:hover img,
div.article div.pic a[href]:active img,
div.article div.pic a[href]:focus img   { border-color:#E00; }
/* end Mozilla tweak */

/* workaround for IE (or :hover somwhow won't work...) */
* html div.article div.pic a:hover,
* html div.article div.pic a:active,
* html div.article div.pic a:focus  { border-width:0; }
/* end workaround for IE */


/* special format for wider kyosho pics */
.kyoshoSpecialPicFormat div.article div.pic     { width:182px; height:122px; }
.kyoshoSpecialPicFormat div.article div.pic img { width:180px; height:120px; }
/*}}}*/

.notavailable  { color:#A00; } /* "wikipedia-style" product link: target not available */
.special       { font-weight:bold; color:#F00; } /* special markers like "SONDERPOSTEN!" etc.*/

/**
* Custom entries (for Article/Product Categories) {{{
*/
div.customEntry h4          { font-size:1.5em !important; }
div.customEntry h4 a        { display:block; color:#643 !important; text-decoration:none; }
div.customEntry h4 a:hover,
div.customEntry h4 a:focus  { text-decoration:underline; }
div.customEntry p           { font-size:1.2em !important; margin-top:.2em; }
/*}}}*/

/**
* Short entries ("Zubehör") {{{
*/
div.shortEntry {
  font-size:1.2em; line-height:1; padding:0;
  background:#F4E4D5 url(header_mid.jpg);
  position:relative; /* for IE... */
  border:solid #EEE1D5; border-width:2px 0;
  margin:1ex 0; padding:0; z-index:0;
}
div.shortEntry a          { display:block; width:100%; }
div.shortEntry a:link,
div.shortEntry a:visited,
div.shortEntry a:active   { color:#643; text-decoration:none; }
div.shortEntry a:hover,
div.shortEntry a:focus    { color:#000; text-decoration:none; }
div.shortEntry img {
  width:80px; height:60px; vertical-align:middle;
  padding:0; margin:0 1ex 0 0;
  border:1px solid #FFF;
}
div.shortEntry a:link img,
div.shortEntry a:visited img,
div.shortEntry a:active img  { border-color:#99E;  }
div.shortEntry a:hover img,
div.shortEntry a:focus img   { border-color:#E00; }
/* }}} */

/**
* Detail view of a single product {{{
*/
#detailViewPage {
  text-align:center; margin:1em;
  /* text-align used for older IEs */
}
#detailViewPage #menu       { display:none; }
#detailViewPage #content    { margin:0; padding:1px; }
#detailViewPage #footer     { margin:1em; }

/* styles for debug view of thumbnails: */
#detailViewPage #tnlist     {
  margin:1em ; font-size:.8em;
}
#detailViewPage #tnlist a   {
  margin:1px; text-decoration:none; color:#99E;
  width:82px; height:62px; line-height:60px; border:1px solid #FFF;
  display:block; float:left;
}
#detailViewPage #tnlist img {
  width:80px; height:60px; border:1px solid #99E;
}
#detailViewPage #tnlist .nofullpic {
  border-color:#F00; color:#F00;
}
/* fancy, processor intensive gimmick:
#detailViewPage #tnlist a:link      { position:relative; z-index:1; }
#detailViewPage #tnlist a:hover     { z-index:100;  }
#detailViewPage #tnlist a:hover img { position:absolute; left:-40px; top:-30px; width:auto; height:auto; }
*/

#detailViewPage img.clickme {
  cursor:pointer; cursor:hand; /* "hand" for IE... */
}
/* }}} */

/**
* News items {{{
*/

/* "Holly-Hack": Avoids IE's overlapping an other boxmodel mayhem
  (hidden from IE5-mac, only IE-win sees this. \*/
* html div.newsitem { height:1%; }
/* End hide from IE5/mac */
div.newsitem {
  font-size:12px; font-weight:normal;
  position:relative; /* for IE6... */
  border:solid #EEE1D5; border-width:2px 0;
  color:#000; background:url(header_mid.jpg) 0 -64px;
  margin:1em 0; padding:0;
  width:100%; /* width only specified for IE7... */
}
div.teaser {
  width:80%; margin:1em auto;
}

div.newsitem h5   { margin:0; padding:.5ex .5ex .5ex 1ex; font-size:1em; background:#F4E4D5 url(header_mid.jpg); }
div.newsitem h5 a { color:#000; } /* prevents :hover highlighting of anchor */
/* again, use padding on bottom of p, or IE will always push margin below float...*/
div.newsitem p    { margin:1ex .5ex 0 1ex; padding:0 0 1ex 0; }

div.teaser p  { margin:1ex 1ex 0 88px; padding:0 0 1ex 0; }
div.teaser h5 { margin:0; padding:.2ex .5ex .2ex 88px; }

div.newsitem img.newspic {
  float:right; width:160px; height:120px;
  border:1px solid #FFF; display:block;
  background:#F4E4D5 url(header_mid.jpg);
}
div.teaser img.newspic {
  float:left; width:80px; height:60px;
}
div.newsitem .foot {
  clear:both; visibility:hidden;
  height:0; overflow:hidden;
  margin:0; padding:0;
}

#newsOverview {
  list-style:none; margin:0; padding:0;
}
#newsOverview li { color:#634; }
#newsOverview a:link,
#newsOverview a:visited {
  text-decoration:none;
}
#newsOverview span {
  color:#000; font-size:.8em; font-weight:normal;
}
#newsOverview a span        { color:#634; }
#newsOverview a:hover span  { color:#800; }

#newsMenu,
#newsOverviewMenu {
  text-align:center;
}
#newsMenu ul,
#newsOverviewMenu ul {
  list-style:none; margin:1ex; padding:.5ex 0;
}
#newsMenu li,
#newsOverviewMenu li {
  margin:2px 0; padding:0; display:inline;
}
/*}}}*/


/**
* Older styles, check if still needed
*/
/** "Technische Daten" */
div.daten          { margin:1em 0; }
div.daten table    { border:1px solid #888; width:100%; }
div.daten table th,
div.daten table td {
  border:1px solid #888; padding:.5em;
  width:50%; font-weight:normal; text-align:left;
}
div.daten table td { text-align:right; }
div.daten ul {
  list-style-type:square; font-size:.8em;
  margin:0 0 0 1em; padding:0;
}

/**
* main images and image links: {{{
*/
div.bilder {
  margin:1em 0; text-align:center;
}
div.bilder p,
div.bilder h3 { text-align:center; }

.bilder img           { border:1px solid #FFF; margin:10px; }
.bilder a img,
.bilder a:link img
.bilder a:visited img { border:1px solid #99E;  }
.bilder a:hover img,
.bilder a:active img,
.bilder a:focus img   { border:1px solid #E00; }

/* workaround für IE (sonst funktioniert :hover nicht...) */
.bilder a:hover,
.bilder a:active,
.bilder a:focus { border-width:0; }

/* nur um das dauernde width="120" height="90" etc. zu sparen */
.images160x120 img  { width:160px; height:120px; }
.images120x160 img  { width:120px; height:160px; }
.images90x120  img  { width:90px; height:120px; }
.images120x90  img  { width:120px; height:90px; }
.images90x90   img  { width:90px; height:90px; }
.images160x160 img  { width:160px; height:160px; padding:0 10px 0 0;  }
.images_h90    img  { height:90px; }
.images_h120   img  { height:120px; }
.images_w120   img  { width:120px; }

#videos    { margin:1em auto; }
#videos td { padding:1ex; text-align:center; border:1px solid #643;}
#videos a  { font-weight:bold; }

/* }}} */

/**
* Gallery pages sub menu
*/
#galleryMenu        { list-style:none; margin:1ex 0; padding:.5ex 0; }
#galleryMenu li     { margin:2px 0; padding:0; display:inline; }

/**
* Generic links that look like "buttons" {{{
*/
.buttons span.pressed,
.buttons a,
.buttons a:link,
.buttons a:active,
.buttons a:visited,
a.button,
a.button:link,
a.button:active,
a.button:visited {
  font-size:.7em; padding:.5ex 1ex; margin:1px;
  text-decoration:none; font-weight:normal;
  border:1px outset #EEE1D5; -moz-border-radius:7px;
  background:#F4E4D5; color:#643;
}
/* span.pressed => text will look like a "pressed down" button */
.buttons span.pressed,
.buttons a:focus,
.buttons a:hover,
a.button:focus,
a.button:hover {
  color:#A35D1F; border-style:inset; text-decoration:none;
}
/*}}}*/

/**
* Guestbook styles {{{
*/
#gbMenu { text-align:center; margin:1em 0; }
table#gbAddPost           { margin:1em auto; }
#gbAddPost th             { vertical-align:middle;}
#gbAddPost label          { margin-right:1em; }
#gbAddPost label span     { color:#7C411F; font-size:.8em;}
#gbAddPost input          { width:16em; }
#gbAddPost input.button   { width:auto; }
#gbAddPost textarea       { }
#gbAddPost #gbFormButtons { text-align:right; }

#gbAddPost input.sec      { width:6em; }
#gbAddPost img            { vertical-align:middle; margin:0; }

#gbNotes      { font-size:.8em; }
#gbNotes span { color:#7C411F; }
#gbNotice,
#gbPosts {
  width:90%; min-width:50em; font-size:12px;
}
#gbNotice {
  margin:1ex auto; padding:.5ex; text-align:center;
  background:url(header_dark_narrow.jpg) 0 -32px;
}
#gbNotice span         { }
#gbNotice span.error   { color:#A00; }
#gbNotice span.success { color:#0A0; }

#gbPosts      { margin:0 auto; }
#gbPosts ul   { list-style:none; margin:0; padding:0; }
#gbPosts li   { margin:2ex 0; padding:0; border:1px solid #EEE1D5; }
#gbPosts i.ns { display:none; visibility:hidden;} /* no-spam email address disguise helper class... */

div.gbMsgBody,
div.gbMsgHeader { padding:.5ex 1ex 1ex 1ex; }
/* NOTE: Don't place both border and padding in div or IE will get "Magic Creeping Text",
*        see http://www.positioniseverything.net/explorer/creep.html */

div.gbMsgHeader { margin:0; color:#643; background:url(header_dark_narrow.jpg) 0 -16px; }
div.gbMsgBody   { margin:0; color:#000; background:url(header_light.jpg) 0 -64px; }

.gbMsgHeader p {
  margin:2px 0; padding:0; font-weight:bold;
}
.gbMsgHeader p.misc {
  font-size:.8em; font-weight:normal;
}
.gbMsgBody .gbReply {
  margin-top:1ex; padding-top:1ex;
  border-top:1px solid #A99; color:#655;
  font-style:italic;
}
.gbMsgHeader a:link     { color:#753; text-decoration:underline; }
.gbMsgHeader a:visited,
.gbMsgHeader a:active   { color:#864; text-decoration:underline; }
.gbMsgHeader a:hover,
.gbMsgHeader a:focus    { color:#00B; text-decoration:underline; }
.gbMsgHeader .tools     { float:right; font-weight:normal; }
#gbPageNav   { text-align:center; }
#gbPageNav a { margin:0 .5ex; }
#gbAuth      { text-align:center; }
/*}}}*/

/**
* Custom formats for specific sub pages {{{
*/
body#bestellen                  {  }
body#bestellen #content p       { margin:2em 0; }
body#bestellen #bestStatus      { margin:0 2em 1em; }
body#bestellen #bestStatus img  { display:block; }
body#bestellen #bestStatus td   { font-weight:bold; padding:.5ex;
                                  vertical-align:middle; text-align:left; }

body#bestellen #bankdata th { padding-right:1em; }
body#bestellen h3           { text-decoration:underline; }

/** impressum **/
table#imp th       {
  padding:.3em; vertical-align:top;
  background:url(header_mid.jpg);
  border:1px solid #643; border-width:1px 0;
}
table#imp th small { display:block;}
table#imp td       {
  padding:.3em 1em .5em; vertical-align:middle;
  background:url(header_light.jpg);
  border:1px solid #643; border-width:1px 0;
}
table#imp td div   { padding-top:.5em; }
table#imp table th { padding-left:0; font-size:.9em; color:#643; background:none; border:none; }
table#imp table td { padding:.3em;  background:none; border:none; }


body#agb h2,
body#agb h3,
body#bestellen h2,
body#bestellen h3,
body#impressum h2,
body#impressum h3 { text-align:left; }
body#agb p,
body#bestellen p,
body#impressum p { line-height:1.4; }

body#bestellen #conv p  { margin:.7em 0; }
body#bestellen #conv ul { margin-top:.7em; }

body#links #legalStuff           { font-size:.8em; }
body#links table.bannerLinks     {  }
body#links table.bannerLinks td  { padding:1ex 4ex 1ex 0; overflow:auto; width:50%;}
body#links table.bannerLinks img { display:block; background-color:#FFF; }
body#links div.topListen         { margin:1em 0; }
body#links div.topListen a       { margin:1ex 1ex 1ex 0; }
body#links #bannerCode {
  font-size:11px; width:500px; height:60px;
  background:#F3F2F0 url(header_light_narrow.jpg) 0 -32px;
  border-color:#EEE1D5; border-width:1px
}
body#links div.topListen p,
body#links table.bannerLinks th  { font-size:1em; font-weight:bold; margin:.5ex 0; }


#intInfo      { text-align:center; font-size:1.25em; font-weight:bold; margin:2em 0; }
#intInfo a    { text-decoration:none; }
#intInfo span { text-decoration:underline; }
#intInfo img  { vertical-align:middle; }

/** banners on the main index page... */
#bannerStuff       { border:solid #643; border-width:1px 0; padding:1em 0; margin:2em 0 0; }
#bannerStuff table { width:100%; }
#bannerStuff td    { text-align:center; padding:.5ex 1em; }
/* multiple images for one banner, use display:block to get rid of line-height induced margins in strict mode */
#bannerStuff td.multi img { display:block; margin:0 auto; }
#bannerStuff td a         { position:relative; top:0; left:0; }
#bannerStuff td a:hover   { top:1px; left:1px;  }

/*}}}*/

body         { background-attachment:fixed; }
#menu        { position:fixed; top:0; left:0; }
/** Fallback for IE6 and older **/
* html body  { background-attachment:scroll; }
* html #menu { position:absolute; top:0; left:0; }

/**
* Styles for printout {{{
*/
@media print {
  body        { background:#FFF; }
  /** Hide main menu: */
  #menu       { display:none !important; }
  /** ...and remove unneccessary margins from content */
  #content    { padding:1px 0; margin:0;}
  /* TODO: Add more styles as needed */
}
/*}}}*/