/******************************************************************************
 C O L O R  S C H E M E
 -----------------------------------------------------------------------------

INTRADISK_BLUE          : #3B519B
BACKGROUND_LIGHT_BLUE   : #F2F7FC
HOVER_LIGHT_BLUE        : #F6FAFD

HEADLINE_GREEN_YELLOW   : #BFBF00
HEADLINE_COMPATIBLE_GREY: #BFBFBF

SELECTION_SILVER        : #E5E6EB
BORDER_SILVER           : #D8DAE1

ATTENTION_COLOR_RED     : #D70003

******************************************************************************/

/******************************************************************************
 L A Y O U T
******************************************************************************/

body
{
  margin: 0;
  padding: 0;
}

p, h1, h2, h3, h4, h5, h6
{
  margin: 1em 0;  /* specifically define this for Opera's sake, and also for better consistency across all platforms  */
}

img
{
  border: 0;
}

#pageWrapper
{
  margin: 0 2em;
  width: auto;
  min-width: 55px;
  max-width: 800px;
  border-width: 0;
}

#header
{
  padding: 0;     /* margin-bottom: 1px; */
  border-width: 0px;      /* border-bottom-width: 1px; */
  height: 55px;
}

.inside
{
  padding: 0 1.5em;       /* this padding is applied to every major box within the layout for a uniform gutter between borders */
}

.fullsize
{
  width: 700px;
}

#outerColumnContainer
{
  z-index: 1;
  border-width: 0;
  /* border-width: 0 15em; */     /* sets the width of the borders used to create the left and right columns' background color. */
  /* border-left-width: 0; */     /* to get from 3 to 2 columns, we must hide the left-side border */
  padding-bottom: 1em;
}

#innerColumnContainer
{
  z-index: 2;
  width: 100%;
  margin: 0 -1px;         /* compensation for the borders because of 100% width declaration on this object */
  border-width: 0;        /* borders between center and the side columns. */
}

* html .hnav    /* Hide from IE5/Mac (& IE5.0/Win) */
{
  height: 1%;     /* holly hack to fix a render bug in IE6/Win */
}

* html .HNAV
{
  height: auto;   /* above IE6/Win holly hack breaks IE5/Win when page
                     length get beyond the point that 1% height is taller
                     than the text height. IE5/Win does not need this
                     holly hack so we remove it here */
  padding: 0;     /* IE5/Win will resize #hnav to fit the heights of its
                     inline children that have vertical padding. So this
                     incorrect case selector will remove that padding */
}

* html .HNAV ul li a
{
  width: 1%;      /* holly hack for IE5/Win inline padding. this
                     hack fixes different rendering bugs in 5.0 and 5.5.
                     Width is used instead of height because if the
                     document is too long, these elements become very tall
                     and disrupt the look of the document. too wide an
                     element is better, visually, than too tall. */
}

#contentColumn
{
  float: left;
  position: relative;
  margin: 0 -1px;         /* without this, boxes stop floating next to each other */
  width: 70%;
  border-width: 0;        /* reset value from that in the version 4 stylesheet */
  z-index: 10;
  overflow: visible;      /* fix for IE italics bug */
}

#rightColumn
{
  float: right;           /* floating this right allows for the right column block to appear before the content column in the flow of the document */
  position: relative;
  width: 15em;
  z-index: 20;
  /* margin: 0 -15em 0 1px; */    /* like in the #contentColumn selector, without the 1px margin on the opposite side of the box, boxes stop floating next to each other */
  margin-left: -15em;
  overflow: visible;      /* fix for IE italics bug */
}

* html #innerColumnContainer
{
  position: relative;     /* fix a render bug in IE under certain conditions */
}

* html #outercolumncontainer
{
  /* IE5.0/Win fix for 1px whitespace between header and body. */
  margin-top: -1px;
  border-top: solid 1px #000;
}

* html .vnav ul li a /* hide from IE5.0/Win & IE5/Mac */
{
  height: 1%;
}

* html .vnav ul
{
  position: relative;     /* IE needs this to fix a rendering problem */
}

#header h1
{
  display: inline;        /* personal preference to keep the header inline. you could just as easily change padding and margins to 0. */
}

#rightColumn, #header
{
  padding-top: 0.5em;
  padding-bottom: 0.5em;  /* this is the vert padding talked about in the previous selector. */
}

html[xmlns] .mozclear
{
  /* this selector should be valid CSS, but Opera 7.5 (and above) will pick
   * this up as well. Shouldn't be a problem, Opera should handle this fine,
   * but it's a Mozilla-targeted hack, and it should probably only affect
   * mozilla. You can do that by replacing the INVALID CSS selector
   * :root .mozclear for what's give here.
   */
  border-bottom: 1px solid;
  border-color: transparent;
  margin-bottom: -1px;
}

html>body #footer
{
  padding-bottom: 1.01em; /* this is to fix a bug in mozilla that results
                             in a 1px line of white below the footer when
                             the document gets very long. extremely long
                             documents may generate the bug again. if
                             you experience that, increasing this value
                             may help. i think this is related to moz's
                             off-by-one troubles as the bug does not
                             occur in any other browser */
}

.clear
{
  clear: both;
}

.hnav
{
  white-space: nowrap;
  margin: 0;
  padding: 2em 1px 4px 0;
  border-width: 0;
}

.hnav ul
{
  margin: 0;
  padding: 1px;
}

.hnav ul li
{
  display: inline;
  white-space: nowrap;
  margin: 0;
}

.hnav ul li a, .hnav ul li span
{
  margin: 0 -1px 0 0;
  padding: 3px 10px 4px 10px;
  border-width: 1px;
  border-style: solid;
}

.vnav h3
{
  margin-bottom: 0;
  padding-bottom: 3px;
}

.vnav ul, .vnav ul li
{
  margin: 0;
  padding: 0;
  display: block;
}

.vnav ul
{
  border-width: 0 0 0 6px;
}

.vnav ul li
{
  border-width: 0;
  border-bottom-width: 2px;
}

.vnav ul li a, .vnav ul li span
{
  display: block;
  padding: 2px 15px;
}

#footer
{
  border-width: 0;
  border-top-width: 1px;
  position: relative;
  padding: 1em;
}

#footer p
{
  margin: 0;
}

/******************************************************************************
 S T Y L E
******************************************************************************/

body
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100.1%;      /* font sizing approach recommended by Dave Silvester on the css-discuss list. "the .1 is important." */
  background-color: white;
}

/* get all the heading elements to the same size regardless of browser. (IE seems to put them a big bigger than Mozilla, typically.) */
h1 { font-size: 180%; color: #BFBF00; }
h2 { font-size: 140%; color: #BFBF00; }
h3 { font-size: 120%; color: #BFBF00; }
h4 { font-size: 100%; }

h6 { font-size: 115%; color: #3B519B; margin: 1.5em 0 0.3em 0; }


table { font-size: 100.1%; }  /* Opera increases font sizes in tables */

:root code /* :root is an invalid pseudo class but mozilla knows it */
{
  font-size: 120%;        /* monospace fonts are typically smaller that 'normal' fonts under Mozilla. */
}

#pageWrapper
{
  border-style: solid;
  border-color: black;

  font-size: 80%;
}

#outerColumnContainer
{
  border-color: #F2F7FC;  /* right columns' background color. */
  border-style: solid;

  background-image: url('/images/gradient.gif');
  background-repeat: repeat-y;
  background-position: right;
}

#innerColumnContainer
{
  border-style: solid;
}

#header
{
  border-style: solid;
  border-color: black;

  background-image: url('/images/intradisk-logo.gif');
  background-repeat: no-repeat;
  background-position: 0px 2.5em;
}

.hnav
{
  border-style: solid;
}

.hnav ul
{
  text-align: right;
  font-weight: bold;
  list-style-type: none;
  line-height: normal;
}

.hnav ul li, .hnav ul li a
{
  text-decoration: none;
  color: #3B519B;
}

.hnav ul li a:hover
{
  text-decoration: none;
  background-color: #3B519B;
  color: white;
  border-color: #3B519B;
}

.vnav h3
{
  font-size: 120%;
}

.vnav ul
{
  border-style: solid;
  border-color: #BFBFBF;
  /* background-color: white; */
}

.vnav ul.standard
{
  border-style: solid;
  border-color: #BFBFBF;
  background-color: white;
}

.vnav ul.news
{
  border-style: solid;
  border-color: #BFBFBF;
  /* background-color: #EFEFEF; */
}

.vnav ul li
{
  border-style: dotted;
  border-color: #BFBF00;
}

.vnav ul li span
{
  color: #3B519B;
  font-weight: bold;
  text-decoration: none;
  background-image: url('/images/roter-kleiner-punkt.gif');
  background-repeat: no-repeat;
}

.vnav ul li a
{
  color: #3B519B;
  text-decoration: none;
}


.vnav ul li a:hover
{
  background-color: #F6FAFD;
}

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

#footer
{
  border-style: solid;
  text-align: center;
  color: #3B519B;
}

#footer p a
{
  text-decoration: none;
  color: #3B519B;
}

#footer p a:hover
{
  text-decoration: underline;
  color: #3B519B;
}

#outerColumnContainer, #contentcolumn   /* selector case hack to reset version 4 stylesheet setting */
{
  background-color: white;                /* this sets the background color on the center column */
  color: black;
}

#pageWrapper, #innerColumnContainer, #header, #footer, .hnav
{
  border-color: #D8DAE1;
}


table.producttable tr td ul
{
  margin: 0.25em 0 0 0;
}


table.options tr h3
{
  background-image: url('/images/roter-kleiner-punkt.gif');
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em;
  margin: 0.5em 0 0.4em 0;
  color: #979AA4;
  font-size: 95%;
  font-weight: normal;
}

table.shop
{
  width: 115%;
  border-top: solid 1px #D8DAE1;
  text-align: left;
}

table.shop tr
{
 vertical-align:top;
}

table.product
{
  width: 140%;
  border-top: solid 1px #D8DAE1;
  text-align: left;
}

table.product tr
{
 vertical-align:top;
}

table.product tr td ul
{
 font-weight: bold;
 margin: 0.25em 0 0 0;
}

table.product tr td p
{
 margin: 0 0 0 2.6em;
}

table.product tr td ul li
{
 list-style-image:url('/images/roter-kleiner-punkt.gif');
 font-weight: normal;
 color: #000000;
}

table.shop .spalte-modell { width: 45%; }
table.shop .spalte-zeit   { width: 15%; }
table.shop .spalte-preis  { width: 25%; }

table.product .spalte-details { width: 55%; }
table.product .spalte-zusatz  { width: 55%; }


form input.edit
{
  border: solid 1px #BFBFBF;
  background-color: none;
  padding: 0 0.2em 0 0.2em;
}

form textarea.edit
{
  border: solid 1px #BFBFBF;
  background-color: none;
  padding: 0 0.2em 0 0.2em;
}



form input.setdefault
{
  font-size: 95%;
  border: outset 1px #BFBFBF;
  background-color: #F2F7FC;
  margin-left: 1em;
}

form select
{
  font-size: 95%;
  border: solid 1px #BFBFBF;
  background-color: none;
  padding: 0 0 0 0.2em;
  width: 22em;
}
form select01
{
  font-size: 95%;
  border: solid 1px #BFBFBF;
  background-color: none;
  padding: 0 0 0 0.2em;
  width: 11em;
}

form input.command
{
  font-size: 95%;
  border: outset 1px #BFBFBF;
  background-color: #D9D959;
  margin-top: 1.5em
}


/******************************************************************************
 A T T R I B U T E S
******************************************************************************/

.hide
{
  display: none;  /* hide elements that CSS-targeted browsers shouldn't show */
}

.highlightedDot
{
  line-height:2em;
  list-style-image:url('/images/roter-kleiner-punkt.gif');
}

.highlightedDot01
{
  line-height:1,5em;
  list-style-image:url('/images/roter-kleiner-punkt.gif');
  width: 680px;
}


.highlightedDot02
{
  line-height:1,5em;
  list-style-image:url('/images/roter-kleiner-punkt.gif');
  font-size: 100%;
}

.highlightedDot03
{
  list-style-image:url('/images/roter-kleiner-punkt.gif');
}


.leftfloatimage
{
  float: right;
  padding: 1em;
}

.indentedimage
{
  padding: 1em;
}

.backgroundimage
{
  padding: 1em;
  background-image: url('/images/schemafunktion-neu-milchig.gif');
  background-repeat: no-repeat;
}

.selected
{
  background-color: #E5E6EB;
}

.aligned
{
  text-align: right;
}

.aligned01
{
  text-align: left;
  font-size: 82%;
}

.aligned02
{
  text-align: left;
  font-size: 82%;
}

.table
{
    border-bottom: solid 1px #D8DAE1;
}

.tabletext
{
 font-size: 80%;
 color: #3B519B;
}


.news
{
 font-size: 74%;
}

.marker-headline
{
 font-weight: bold;
 color: #BFBF00;
}