/* main style sheet for the Televisiedokter.nl website */

/* (temporary) styles voor commercials etc. */
#chdvd505 {width: 500px;}
#KT9147TX {width: 165px;}
#content #aanbieding1 {height: 18em;}
#content #aanbieding1 img {float: right;}
/* div#content {border: 1px red dotted;} testing only */
/* end temp */

/* aanpassingen n.a.v. osCommerce implementatie */
div#siteBorder {
                margin: 5px auto;
                padding: 0;
                width: 760px;
                border: 4px groove #d33;
                position: relative;
                background-repeat: no-repeat;
                background-image: url(images/transistor.png);
                background-position: top right;
                background-repeat: repeat-x;
                background-color:white;
               }
div#content img#grootTestbeeld {position:relative; left: -50px; margin-right: -150px;}


/* eind aanpassingen n.a.v. osCommerce implementatie */




body
    {
     font-family: verdana, sans-serif;
     font-size: 0.8em;
     background-color: #999;
     color: black;
     margin: 0;
     padding: 0;
     text-align: center;
    }


#titel
    {
     position: absolute; top: 18px; left: 86px;
     font-size: 42pt;
     font-family: serif;
     color: #063;
     z-index: 90;
    }

#t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8, #t9 {color: #d00;}
#t10, #t11, #t12, #t13, #t14, #t15 {color: #080;}
#t16, #t17, #t18 {color: #00c;}

#titelshadow
    {
     position: absolute; top: 20px; left: 90px;
     font-size: 42pt;
     font-family: serif;
     color: #aaa; /* bbb */
     z-index: 50;
    }
/* end page titel */




#madeby
    {
     position: absolute; top: 1px; right: 150px;
     padding: 2px;
     font-family: verdana, sans-serif;
     color: #779;
     background-color: transparent;
     border: 0px red dotted;
     text-align: center;
     display: block;
     width: auto;
     z-index: 25;
     font-size: 60%;
    }

#datum
    {
     position: absolute; top: 130px; right: 18%;
     width: auto;
     font-size: 7pt;
     background-color: #eee;
     border: 0px solid black;
     border-width: 0 ;
     padding: 3px;
    }

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

div#content h1, h3
    {
     font-family: Verdana, sans-serif;
     color: #080; /* 5a0; */
     padding: 20px 0 5px 0;
     z-index: 5;
     font-size: 125%;
     text-indent: 8px;
    }

li {list-style-image: url(images/favicon.png)}

  /* content division styles */
#content
    {
     position: relative; top: 0px; left: 100px;
     margin-right: 230px;   /* text-indent: 5px; */
     padding: 110px 0px 0px 0px;
     font-family: sans-serif;
     font-size: 100%;
     color: #010;
     background-color: transparent;
     text-align: left;
     min-height: 400px; /* footer and content mix in Moz without this style */
    }

#content p:first-letter {color: #d00; font-weight: 600;}
#content img {margin : 10px; }


#content div.tekstblokje
    {
     border: 0px outset #063;
     border-width: 2px 0 2px 0;

     border: #5a0 ridge 4px;
     text-align: center;
     line-height: 120%;
     background-color: #efe;
     font-weight: 700;
     width: 16em;
     padding: 0.5em;
     margin: 1em auto 2em auto;
    }


div#content div.infoblokje
    {
     border: 0px outset #063;
     border-width: 0px 0 0px 0;
     border: #5a0 ridge 4px;
     text-align: left;
     line-height: 110%;
     color: #000;
     background-color: #efe;
     font-weight: 500;
     font-size: 0.9em;
     width: 35em;
     padding: 0.5em;
     margin: -2em auto 4em auto;
    }


#content a:link {}
#content a:hover
    {
     text-decoration: none;
     color: #fff;
     background-color: #09f;
     border: 1px solid #444;
     padding: 1px 2px 1px 2px;
    }

  /* opmaak tabellen (prijslijst etc.) */
table.prijstabel
    {
     border: #5a0 ridge 4px;
     background-color: #fff;
     margin: 1em 1em 3em 0em;
    }
table.frequenties
    {
     border: #5a0 ridge 4px;
     background-color: #fff;
     margin: 1em auto 3em auto;
    }
table.prijstabel td, table.prijstabel th
    {
     text-align: center;
     font-size: 0.75em;
     border: #ccc solid 1px;
     padding: 0.1 0.5em;
     white-space: nowrap;
    }
table.frequenties td, table.frequenties th
    {
     text-align: center;
     font-size: 0.9em;
     border: #ccc solid 1px;
     padding: 0.1em 0.5em;
    }
table th {color: red;}
table.frequenties th {color: #050;}
table.frequenties td {text-align: right;}
table.frequentis td.row2 {text-align: left;}
  /* eind tabellen */

#testbeeld
     {
      position: absolute; top: -155px; left: -12px;
      width: 115px;
      height: 86px;
/*    float: right; kan niet i.c.m. position: absolute */
/*    margin: 5px; positie aangepast! */
      border-top: solid 2px silver;
      border-right: solid 2px #666;
      border-bottom: solid 2px #444;
      border-left: solid 2px silver;
      border-width: 5px;
     }

  /* styles of the navigation area */
  /* position and width of navigation and width of the links determin the
     size and position of the navigation links for IE and Navigator differently! */
#navigation
    {
     position: absolute; top: 160px; right: 15px; width: 105px; height: auto;
/*
     background-color: #ccc;
     border-top: solid 2px #777;
     border-right: solid 2px #000;
     border-bottom: solid 2px #000;
     border-left: solid 2px #777;
     border-width: 3px;
*/
     border: 3px double #080;
/*   border-width: 4px 2px 15px 2px; */
     border-top: solid 15px;
     border-bottom: solid 15px;
     border-color: #c00;
     padding: 10px 0 10px 0;
     margin: 0;
     margin-left: -50px;
     z-index: 1; /* needed to keep navigation on top! */
     text-align: center;
    }

  /* style setting of the links inside the navigation area */
#navigation a
    {
     font-family : Verdana, sans-serif;
     font-weight: 600;
     font-size: 7pt;
     line-height: 175%;
     text-align: center;
     text-decoration: none;
     border-top: solid 2px #777;
     border-right: solid 2px #000;
     border-bottom: solid 2px #000;
     border-left: solid 2px #777;
     border-width: 3px;
     background-color: #555;
     display: block;
     padding-left: 0.25em ;
     margin: 7px auto 7px auto;
     width: 70px;
    }

#navigation a:link {color: #fff;}
#navigation a:visited {color: #fff;}
#navigation a:hover
    {
     color: #ff0;
     background-color: #888;
    }
#navigation a#off {background-color: #c00;}
#navigation a#off:hover
    {
     color: #ff0;
     background-color: #f00;
    }
#navigation a#volume {background-color: #0c0;}
#navigation a#volume
    {
     color: #fff;
     background-color: #0c0;
    }
 #navigation a#panda {margin-top: 20px;}

/* popup styles */
div#navigation a span.popup {display: none;}
/*
div#navigation a span.light {display: none;}
*/
div#navigation a:hover span.popup#off
    {
     color: black;
     background-color: black;
    }

div#navigation a:hover span.popup
    {
     display: block;
     position: absolute;
     top: -150px;
     left: -7px;
     width: 102px;
     height: 73px;
     padding: 3px;
     margin: 0px;
     z-index: 100;
     color: #ee0;
     background: #06e;
     font: 10pt serif;
     text-align: left;
     border: 4px solid #000;
    }
/*
div#navigation a:hover span.light
    {
     display: block;
     position: absolute; top: -42px; left: 37px;
     z-index: 10;
     color: red;
     font-size: 200%;
     font-weight: 500;
     font-family: monospace;
    }
*/
div#navigation span.paginanummer 
    {
     display: block;
     font-size: 70%;
     background-color: #eef;
     color: #333;
     border-bottom: solid 1px #000;
     margin: -3px -3px 0 -3px;
     padding-left: 8px;
    }