/* ------------------------------------ *
 stylesheet EPO uitgeverij
 background, navigatie top en links, footer,
 rights-pagina's
 januari 2009
 laatste aanpassing: mei 2010
 * ------------------------------------ */

#container /* OK */
{
 position: relative;
 min-height: 100%;
 height:auto !important; /* voor moderne browsers */
 height:100%; /* voor IE */
 background: url(../images/bg_uitgeverij.jpg) no-repeat top center;
 width: 1003px;
 margin: 0 auto;
 text-align: left;
 z-index: 2;
 padding-bottom: 10px; /* ruimte onderaan maken */
}

/* ------------------------------------ *
   navigatie links specifiek deel
 * ------------------------------------ */

/* OK */

#nieuw #navLeft .nieuw a,
#verwacht #navLeft .verwacht a,
#politiekeconomie #navLeft .politiekeconomie a,
#sociaalpolitiek #navLeft .sociaalpolitiek a,
#geschiedenis #navLeft .geschiedenis a,
#gezondheid #navLeft .gezondheid a,
#reizen #navLeft .reizen a,
#muziek #navLeft .muziek a,
#andere #navLeft .andere a,
#fondslijst #navLeft .alles a,
#bio #navLeft .bio a,
#essays #navLeft .essays a,
#overepo #navLeft .overepo a,
#bestelinfo #navLeft .bestelinfo a,
#contact #navLeft .contact a,
#mailing #navLeft .mailing a,
#rights #navLeft .rights a,
#zoeken #navLeft .zoeken a,
#nieuwsbrief #navLeft .nieuwsbrief a
{
 color: #000;
 font-weight: bold;
 background: url(../images/kruisje_rood.png) no-repeat center right !important;
 background: url(../images/kruisje_rood.gif) no-repeat center right;
 padding-right: 15px;
}


h3 /*  */
{
 text-align: center;
 font-size: 1.1em;
 font-weight: 500;
 color: #F88408;
}


/* ----------------------------- *
   ooit gedacht mailinglist in
   secondary content
* ------------------------------ */

#secondaryContent input
{
 width: 140px;
 margin-left: 0;
}

#secondaryContent input.submit
{
 width: auto;
}

#secondaryContent label
{
 color: black;
 font-weight: bold;
 margin-left: 0;
}

/* ----------------------------- *
   nieuwe indexpagina uitgeverij
   augustus 2010
*  ----------------------------- */

#nieuw table { margin-left: 40px; width: 510px; }

#nieuw td { vertical-align: top; width: 120px; }

#nieuw td img { width: 100px; border: 0; margin-bottom: 20px; }

#nieuw td a { font-size: 90%; color: #c0012a; line-height: 1.1em; }

#nieuw td ul { list-style-type: circle; margin-left: 15px; }

#nieuw td h3 { font-weight: bold; text-align: left }

a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:-130px !important; top:130px; right:115px; padding:5px; font-weight:normal; font-size: 90%; line-height: 1.1em; color:#000; border:1px solid #888; background:#fdf1db; width:200px;}
a.tooltip:hover b em {position:absolute; right:-6px; top:11px; width:6px; height:11px; background:#fff url(../images/tooltip.gif) 0 0; display:block; font-size:1px;}


/* ----------------------------- *
   pagina verwacht
* ------------------------------ */

#verwacht .booktitle /* boektitels */
{
 font-size: 90%;
 line-height: 1.3em;
 font-weight: bold;
 color: #c0012a;
 text-transform: uppercase;
 width: 355px;
}

#verwacht .subtitle
{
 color: #c0012a;
 font-weight: normal;
 text-transform: none;
}

#verwacht .author
{
 font-style: italic;
 color: #000;
 text-transform: none;
}

img.folder
{
 float: left;
 margin: 0px 10px 10px 0;
 border: 0;
}

#auteurs
{
 width: 500px;
 margin-top: 17px;
 position: relative;
 font-size: 90%;
}

#opinies
{
 width: 620px;
 margin-top: 17px;
 position: relative;
 font-size: 90%;
 margin-bottom: 30px;
}

#opinies p, #opinies h2
{
 width: 500px;
}

#auteurs img,
#opinies img
{
 width: 100px;
 float: left;
 margin-right: 20px;
 margin-bottom: 10px;
 margin-left: 30px;
}

#auteurs img.auteursfoto
{
 width: auto;
 float: left;
 margin-right: 20px;
 margin-bottom: 10px;
 margin-left: 30px;
}

#opinies img
{
 width: auto;
 float: right;
 margin-left: 20px;
 margin-bottom: 10px;
}

#auteurs p,
#opinies p
{
 margin-left: 30px;
 margin-top: 10px;
}

#auteurs h2,
#opinies h2
{
 font-size: 110%;
 line-height: 1.3em;
 font-weight: bold;
 color: #e32118;
 margin-left: 30px;
 text-transform: uppercase;
}

#auteurs h3,
#opinies h3,
#opinies h4,
#auteurs h4
{
 margin-left: 30px;
 text-align: left;
 margin-top: 10px;
 color: #f0b600;
 font-size: 110%;
 font-weight: bold;
 text-align: left;
 width: 500px;
}

#auteurs ul,
#opinies ul
{
 padding-left: 60px;
 padding-bottom: 30px;
 list-style-type: circle;
 border-bottom: 1px solid #000;
}

#auteurs ul.last,
#opinies ul.last
{
 border: 0;
}

#auteurs img.toplink,
#opinies img.toplink
{
 width: auto;
}

#infocontact #page table
{
 width: 600px;
 border: 0px solid black;
 margin-left: 30px;
 padding: 0;
}

#infocontact #page tr
{
 vertical-align: top;
}

#infocontact #page table ul
{
 width: auto;
 margin-left: 5px;
}

/* ------------------------------------ *
   photogallery Stu Nichols
   http://www.cssplay.co.uk/menu/gallery.html
 * ------------------------------------ */

#fotocontainer {position:relative; width:610px; height:700px;
                margin:30px auto; font-family:Myriad, Verdana, sans-serif;
                }

#fotocontainer a.pics {float:left; margin:7px 5px; display:inline; color:#000;
                       text-decoration:none; width:75px;
                       height:75px;}
#fotocontainer a.pics img.thumb {display:block; border:0;}

#fotocontainer a.pics span {display:none; border:0; width:590px;
                            text-align:center; background:#fdf4e3;}
                            /* background:#fff; enkel invoegen indien ook staande foto's worden gebruikt */
#fotocontainer a.pics span img {margin:10px auto; }

#fotocontainer a.pics:hover {white-space:normal; border:1px solid #fff;}
#fotocontainer a.pics:hover span {display:block; position:absolute; left:9px;
                                  top:100px; z-index:10; height:500px;}

#fotocontainer a.pics:active {border:0px solid #fc0;}
#fotocontainer a.pics:active span {display:block; position:absolute; left:9px;
                                   top:100px; z-index:5; height:500px;}

#fotocontainer a.pics:focus {border:0px solid #fc0; outline:0;}
#fotocontainer a.pics:focus span {display:block; position:absolute; left:9px;
                                  top:100px; z-index:5; outline:0;}
#fotocontainer span.info {clear:left; display:block; text-align:center; line-height:20px;
                          margin:0; padding:50px 0 0 0; width:620px; text-align:center;
                          color:#ccc; z-index:2; }
/* #fotocontainer span.info a {color:#000;}
#fotocontainer span.info a:hover {text-decoration:none;}  */

/* ------------------------------------ *
   pagina's foreign rights
 * ------------------------------------ */

#rights #cover { float: left; width: 130px; margin: 20px 30px 10px 40px; }
#rights #cover p { margin: 10px 0px; border: solid 1px #c0012a; width: auto; padding: 5px; }

#rights #contact
{
 color: #c0012a;
 width: 480px;
 margin-left: 35px;
 margin-top: 10px;
 font-size: 90%;
 font-weight: bold;
 line-height: 1.8em;
 padding: 5px;
}

#rights h2
{
 margin-top: 20px;
 color: #c0012a;
 font-size: 110%;
 font-weight: bold;
 text-align: left;
 width: 480px;
}

#rights p
{
 width: 480px;
 margin-left: 35px;
 margin-top: 20px;
 border: 0px solid black;
 font-size: 90%;
 line-height: 1.8em;
}

#rights #secondaryContent h4 { color: #c0012a; margin-left: 10px; }

#rights #catalogue h3 { color: #c0012a; text-align: left; font-weight: bold; margin-left: 35px; }
#rights #catalogue h4 { color: #f0b600; margin: 10px 0px 0px 35px; }
#rights #catalogue ul { margin-top: 0; margin-bottom: 0; height: auto; }