/* CSS door Michiel Overtoom / motoom@xs4all.nl (layout en structuur) & TEAM TCHM / team@tchm.nl (typografie) */

/* Forceer een vertical scrollbar voor niet-IE browsers */
html {
    overflow: -moz-scrollbars-vertical;
    overflow-x: auto;
    }

/* standaard tekststijl voor alle tekstelementen */
body, td, th {
    font-family: Verdana, sans-serif;
    color: #000;
    line-height: 17px;
    font-size: 11px;
    }

body {
	background-color: #fff;
	}

td, th {
	background-color: inherit;
	}

/* linker en rechter witruimte voor alle tekstelementen */
p, h1, h2, pre {
    margin: 0px 16px 0px 16px;
    }

/* Wat witruimte na elke paragraaf */
p {
    margin-bottom: 16px;
    }

h1 {
    margin-top: 10px;
    margin-bottom: 9px;
    }

h2 {
    margin-top: 10px;
    margin-bottom: 1px;
    }

/* oude groene linkstijl */
a {
    color: rgb(0,180,70);
    text-decoration: none;
    }
a:visited {
    text-decoration: none;
    }
a:hover {
    text-decoration: underline;
	}


/* Nieuwe rode linkstijl
a {
    color: red;
    text-decoration: none;
    }
a:hover {
    text-decoration: underline;
    }
*/

h1 {
    font-family: Times New Roman;
    font-weight: bold;
    font-style: italic;
    color: #000;
    font-size: 22px;
    }

h2 {
    font-family: Times New Roman;
    font-weight: bold;
    font-style: italic;
    color: #000;
    font-size: 19px;
    }

body.iframe {
    background-color: #fff;
    margin: 0px;
    }

#frame {
    width: 1008px; /* Zou eigenlijk 1008 moeten zijn, maar IE denkt hier anders over */
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
    padding: 0px;
    }

#contentheader {
    margin: 0px;
    }

#contentfooter {
    text-align: center;
    font-size: 70%;
    padding-left: 144px; /* even breed als het menu */
    }

#tabs {
    font-size: 10px;
    padding: 0px;
    height: 47px;
    }

#contentmenu {
    width: 144px;
    float: left;
    }

#contentmenu img {
    display: block;
    }

#contentfull {
    width: 864px;
    padding: 0px;
    margin: 0px;
    float: left;
    }

#contentleft {
    width: 287px;
    padding: 0px;
    float: left;
    }

#contentcenter {
    width: 287px;
    padding: 0px;
    float: left;
    }

#contentright {
    width: 287px;
    padding: 0px;
    float: left;
    }

img {
    border: 0px;
    }

#blok {
    margin: 0px 0px 27px 0px;
    }

#topblok {
    height: 168px;
    margin: 0px;
    }

/* Algemene stijlen */
span.grijs {
	color: #888;
	}

span.lichtgrijs {
	color: #bbb;
	}

/* Stijlen voor tabblad */
#tabblad {
    margin: 20px 140px 0px 30px;
    }


/* Stijlen voor categoriepagina */

#categorie {
    margin: 4px 10px 20px 10px;
    padding: 20px;
    background-color: #fff;
    }

#categorie table, #categorie td {
    }

#categorie span.publicatieauteurkort {
    color: #40622f;
    }


/* Stijlen voor de publicatie pagina

de divs die de layout doen zijn als volgt genaamd:

p1	p2    p2b
p3	p4
p5	p6

p5 en p6 kunnen als p5g en p6g optreden (als de kolommen gelijk moeten zijn).
p7 en p8 worden voor de zoekresultatenpagina gebruikt.
*/

#publicatie {
    margin: 4px 10px 20px 10px;
    padding: 20px;
    background-color: #fff;
    }

#publicatie #p1 {
    width: 40%;
    float: left;
    }
#publicatie #p2 {
    width: 30%;
    float: left;
    }
#publicatie #p2b {
    width: 30%;
    float: left;
    }
#publicatie #p3 {
    width: 30%;
    margin-top: 10px;
    float: left;
    }
#publicatie #p4 {
    width: 70%;
    margin-top: 10px;
    float: left;
    }
#publicatie #p5 {
    width: 40%;
    float: left;
    }
#publicatie #p5g {
    width: 45%;
    padding-right: 5%;
    float: left;
    }
#publicatie #p6 {
    width: 60%;
    float: left;
    }
#publicatie #p6g {
    width: 50%;
    float: left;
    }
#publicatie #p7 {
    text-align: center;
    width: 20%;
    float: left;
    margin-top: 10px;
    }
#publicatie #p8 {
    width: 80%;
    float: left;
    margin-top: 10px;
    }
#publicatie span.boektype {
    }
#publicatie span.vormgeving {
    color: #40622f;
    }
#publicatie span.illustraties {
    }
#publicatie span.bladzijden {
    }
#publicatie span.isbn {
    }
#publicatie span.prijs {
    }
#publicatie span.druk {
    }
#publicatie span.extra {
    }
#publicatie span.bestelform {
    }
#publicatie span.omslag {
    }
#publicatie span.categorielinks {
    font-size: 80%;
    }
#publicatie span.categorielinks p {
    margin-bottom: 6px;
    }
#publicatie span.auteurkort {
    font-size: 140%;
    color: #40622f; /* weer eens wat anders dan dat eeuwige oranje ;-) */
    }
#publicatie span.titel {
    font-size: 140%;
    }
#publicatie span.subtitel {
    font-size: 120%;
    margin-top: 3px;
    display: block;
    color: #40622f;
    }
#publicatie span.illustratie {
    margin-left: 8px;
    }
#publicatie span.vertaling {
    padding-right: 10px;
    }
#publicatie span.omschrijving {
    }
#publicatie span.persstemmen {
    color: #114692;
    font-size: 110%;
    }
#publicatie span.footer {
    }


/* Stijlen voor de auteur (biografie) pagina

p1	p2  p3
p5	p6
*/

#auteur {
    margin: 4px 10px 20px 10px;
    padding: 20px;
    background-color: #fff;
    }

#auteur #p1 {
    width: 30%;
    float: left;
    }
#auteur #p2 {
    width: 40%;
    float: left;
    }
#auteur #p3 {
    width: 30%;
    float: left;
    }
#auteur #p5 {
    width: 45%;
    float: left;
    padding-right: 5%;
    }
#auteur #p6 {
    width: 50%;
    float: left;
    }
#auteur div.foto {
    float: left;
    text-align: center;
    }
#auteur div.caption {
    font-size: 140%;
    color: #40622f;
    }
#auteur div.caption h1 {
    font-size: inherit;
    color: inherit;
    }
#auteur p {
    margin-left: 0px;
    }



/* Stijlen voor opportunities op de foreign-rights pagina van een auteur

p1	p2  p3
p5	p6

p1: publication details
p2: omslag boek
p3: endorsement

p5: omslag
p6: tekst bij publicatie

*/

#opportunity {
    margin: 4px 10px 20px 10px;
    padding: 20px;
    background-color: #fff;
    }

#opportunity #p1 {
    width: 35%;
    float: left;
    }
#opportunity #p2 {
    width: 30%;
    float: left;
    }
#opportunity #p3 {
    width: 35%;
    float: left;
    }
#opportunity #p5 {
    width: 25%;
    float: left;
    padding-right: 5%;
    }
#opportunity #p6 {
    width: 70%;
    float: left;
    }
#opportunity div.foto {
    float: left;
    text-align: center;
    }
#opportunity h3 {
    margin-left: 0px;
	margin-bottom: 8px;
    }
#opportunity p {
    margin-left: 0px;
    }
#opportunity div#p1 p {
    margin-bottom: 4px;
    }


/* Voor bestelfunctie (factuur) */

th {
    text-decoration: underline;
    font-weight: normal;
    }
th.left, td.left {
    text-align: left;
    }
th.right, td.right {
    text-align: right;
    }


/* Stijlen voor auteurs-grid */

p.alfabet {
    margin-top: 8px;
    margin-bottom: 12px;
    font-size: 160%;
    }

p.b-auteurs {
    margin-left: 35px;
    }

table.grid {
    border-collapse: collapse;
    }

table.grid a {
    width: 144px;
    display: block;
    }

td.grid, td.gridcap {
    text-align: center;
    vertical-align: top;
    padding: 0px;
    }

a.grid {
    text-decoration: none;
    background: #fefaec;
    padding-top: 14px;
    }

a.grid:hover {
    background: #fff;
    }

a.gridcap {
    font-family: Times New Roman,serif;
    font-weight: bold;
    font-size: 11pt;
    color: #000;
    text-decoration: none;
    margin-top: 6px;
    margin-bottom: 24px;
    }

a.gridcap:hover {
    color: #040;
    }



/* Voor menu nieuwe stijl (tekst ipv. plaatjes) */

@font-face {
  font-family: 'Barlow Condensed';
  src: url('fonts/BarlowCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

.menu {
    display: inline-block;
    xcolor: #40622f;
    border: 1px solid #40622f;
    padding: 0 4px 2px 4px;
    text-decoration: none;
    xbackground-color: white;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    line-height: 1;
    margin: 0;
}

.menu:hover {
    xcolor: black;
    xborder-color: black;
    text-decoration: none;
}


/* Remove any whitespace between inline-blocks */
.stacked-links {
    line-height: 0;
    font-size: 0;
}

.stacked-links a {
    display: inline-block;
    font-size: 16px; /* Reset font size */
}

.stacked-links p {
    display: inline-block;
    font-size: 16px; /* Reset font size */
}

.stacked-links p.small {
    display: inline-block;
    font-size: 12px;
}

.stacked-links a.bigger {
    display: inline-block;
    font-size: 30px;
}

.whiteonblue {
    color: white;
    background-color: #124692;
    border: 1px solid #124692;
}

.whiteonblue:hover {
    color: white;
    background-color: #124692;
    border: 1px solid #124692;
}

.whiteonblack {
    color: white;
    background-color: black;
    border: 1px solid black;
}

.whiteonblack:visited {
    color: white;
    background-color: black;
    border: 1px solid black;
}

.whiteonblack:hover {
    color: white;
    background-color: #124692;
    border: 1px solid #124692;
}

.greenonwhite {
    color: #40622f;
    background-color: white;
    border-color: #40622f;
    }
.greenonwhite:visited {
    color: #40622f;
    background-color: white;
    border-color: #40622f;
    }
.greenonwhite:hover {
    color: black;
    background-color: white;
    border-color: black;
    }

.whiteongreen {
    color: white;
    background-color: #40622f;
    border-color: #40622f;
    }
.whiteongreen:visited {
    color: white;
    background-color: #40622f;
    border-color: #40622f;
    }
.whiteongreen:hover {
    color: black;
    background-color: #40622f;
    border-color: #40622f;
    }