/* Algemeen */
/* Afwijkingen: */
/* Printen zie printen.css */
/* Remedies (kort) en prints zie remedies_prints.css */
/* Technieken, technieken (kort), klachten, klachten (kort) zie klachten_tech.css */
/* Opdrachten die voor meerdere soorten files nodig zijn, staan in dit bestand */

/* BODY */
/* BASIS-INSTELLINGEN */
 body
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #9ff;
	color: #000;
   background-image: url(./images/lucht.jpg);
	margin: 0;
	padding: 0;
	width: 100%;
}


/* ==================== */

/* 'VENSTERS' plaatsen */
/* BASIS-INSTELLINGEN */

div#header
{
	background-image: url(./images/lucht.jpg);
	position: fixed;
	top: 0;
	width: 100%;
	height: 10.5em;
	z-index: 1;
}

.top-teksten
{
  height: 9em;
}

/* INSTELLINGEN VOOR SOMMIGE ANDERE PAGINA'S */
.top-technieken, .top-klachten, .top-teksten
{
  height: 10em;
}

body#klachten-kort div#header, body#remedies-kort div#header
{
  height: 10em;
}


/* ====================== */

/* TONEN NIET-TONEN */
.bobby
{
	display: none;
}


/* ======================== */

/* LINKS EN KNOPPEN */
/* LINKS */
/* BASIS-INSTELLINGEN */
a:link
{
	background: transparent;
	color: #009;
	text-decoration: underline;
}

a:visited
{
	background: transparent;
	color: #090;
	text-decoration: underline;
}

a:hover
{
	background: transparent;
	color: #F00;
	text-decoration: underline;
}

a:active
{
	background: transparent;
	color: #000;
	text-decoration: underline;
}

/*KNOPPEN*/
/* BASIS-INSTELLINGEN */

div#knoppen a, #knop-top, #knop-alle-klachten, #knop-alle-technieken
{
  margin-top: 0px;
  float: left;
  width: 129px;
  height: 31px;
  background-image: url(./images/knop.gif);
  text-align: center;
  text-decoration: none;
  color: #FF9;
  line-height: 31px;
  font-weight: 700;
  letter-spacing: -0.03em;
}

div#knoppen a:hover, #knop-top:hover
{
	background-image: url(./images/knop_over.gif);
}

div#knoppen a:visited, span#klachten-wrapper a:visited, span#technieken-wrapper a:visited
{
	color: #CC3;
}

div#dode-knop a:link, div#dode-knop a:visited, div#dode-knop a:hover, div#dode-knop a:active
{
	color: #F93;
	background-image: url(./images/knop.gif);
}

#knop-top a:visited
{
	color: #FF9;
}

#wrapper-knop-top
{
  clear: left;
  height: 31px;
  width: 129px;
  margin: auto;
  margin-bottom: 35px;
}

#knop-top
{
  margin-top: 20px;
}

#knoppen
{
  clear: left;
  height: 3em;
  margin: auto;
}

#header div.knop-1
{
  width: 129px;
}

#header div.knop-3
{
  width: 405px;
}

#header div.knop-4
{
  width: 530px;
}

#header div.knop-5
{
  width: 655px;
}

#header div.knop-6
{
  width: 780px;
}

/* REMEDIES (KORT), KLACHTEN KORT, TECHNIEKEN KORT */

div#knoppen a#volgende, div#knoppen a#vorige
{
  width: 49px; 
  font-size: 110%; 
  background-image: url(./images/knop_klein.gif);
}

div#knoppen #volgende:hover, div#knoppen #vorige:hover
{
  background-image: url(./images/knop_over_klein.gif);
}

div#knoppen #volgende:visited, div#knoppen #vorige:visited
{
  color: #FF9;
}

div#knoppen a#vorige
{
  margin-left: 5%;
}


/* ========================== */

/* KOPPEN */
h1.teksten-kop
{
	background: transparent;
	color: #00B;
	font-family: serif;
}

h2.tussenkop, h3.tussenkop
{
  margin-bottom: 0;
  font-size: 110%;
  font-variant: small-caps;
}


/* ============================= */

/* MARGES, PADDING, TEXT-INDENT, CLEAR, e.d. */
/* BASIS-INSTELLINGEN */
#tekst p, #tekst-technieken p
{
	text-indent: 3%;
	margin: 0;
}

#tekst p.eerste, #tekst-technieken p.eerste
{
	text-indent: 0;
}

body#teksten div#tekst, body#tech-ana-lang div#tekst, body#technieken-kort div#tekst-technieken
{
	width: 68%;
	margin: auto;
}

#wrapper-header-boven
{
  height: 7em;
  margin: 0;
  width: 98%;
  margin: auto;
}

#tekst-logo
{
  margin: 0;
  float: left;
  width: 25%;
  height: 4.6em;
  font-size: 150%;
  text-align: right;
  padding-right: 5px;
}

#tekst-logo span
{
  display: block;
  height: 50%;
  width: 100%;
  line-height: 2.3em;
}

li
{
  margin-bottom: 15px;
}

.inspr-1-em, p#technieken-inhoud a.inspr-1-em
{
  margin-left: 1em;
}

.geen-top
{
  margin-top: 0;
}

.hoofdstuk
{
  margin-top: 1.5em;
}

div#tekst p.lege-regel-boven
{
  margin-top: 1em;
}


/* REMEDIES (LIJSTEN) */
body#remedies #tekst, body#remedies h1, body#remedies #tekst-lat
{
  margin-left: 2%;
}

body#remedies #tekst div
{
  line-height: 130%;
  float: left;
  width: 24%;
}

.no-marge-up
{
  margin-top: 0;
}

.in-regel
{
  display: inline;
}

/* REMEDIES (LIJSTEN) (LATIJN) */
div#tekst-lat
{
  position: relative;
  width: 98%;
}

div#tekst-lat div
{
  display: inline;
  width: 32%;
  line-height: 130%;
}

div#tekst-lat div div
{
  position: absolute;
  left: 34%;
}

div#tekst-lat div div div
{
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
}

/* SITEMAP */
body#teksten div#brood div.sitemap p
{
  margin-left: 5%;
}

/* HELP */
body#teksten div#brood p.inspring
{
  margin-left: 7%;
}


/* ======================================= */

/* ADRES */
/* BASIS-INSTELLINGEN */

#adres
{
  float: left;
  width: 25%;
  height: 7em;
  margin-bottom: 0;
  padding-left: 5px;
}

#adres p
{
  height: 20%;
  font-size: 75%;
  margin: 0;
}

p#top-telefoon
{
  margin-top: 15px;
}

#adres-footer
{
	font-size: 75%;
	margin: auto;
	margin-bottom: 1em;
	width: 90%;
	height: 3em;
}

#adres-footer span
{
	float: left;
	text-align: center;
}

#adres-footer span.telefoon
{
	width: 23%;
}

#adres-footer span.e-mail
{
	width: 30%;
}

#adres-footer span.straat
{
	width: 24%;
}

#adres-footer span.stad
{
	width: 22%;
}


/* =============================== */

/* AFBEELDINGEN */
/* INDEX */
#fotos
{
	width: 76%;
	margin: auto;
	margin-top: 30px;
}

#foto-jw
{
	float: left;
	width: 226px;
	height: 215px;
}

#foto-anna
{
	float: right;
	width: 226px;
	height: 215px;
}

#wrapper-logo
{
  float: left;
  margin: 0;
  width: 48%; 
  height: 7em;
}

#logo
{
  display: block;
  width: 360px;
  height: 90px;
  margin: auto;
  margin-top: 10px;
}

 /* HELP */
p#w3c
{
  width: 300px;
  margin: auto;
}

.logo-w3c
{
  height: 31px;
  width: 88px;
  border: 0;
}

 
 /* ========================================= */
 
 /*HULPSCHERM*/
 /*BASIS*/
div#vraagteken
{
  position: fixed;
  top: 11em;
  right: 0;
  z-index: 1;
}
 
div#vraagteken a
{
  color: #000;
  text-decoration: none;
}

span#vraagteken-zelf
{
  position: fixed;
  right: 0;
  top: 5.5em;
  font-size: 200%;
}

div#vraagteken a span#hulpscherm
{
  display: none;
  width: 34em;
  height: 9em;
  border: black solid 2px;
  background: #FFF;
  font-size: 0.88em;
  letter-spacing: -0.02em;
}

div#vraagteken a:hover span#hulpscherm, div#vraagteken a:focus span#hulpscherm
{
  display: block;
  position: relative;
  right: 2px;
  font-weight: 600;
}

#hulpscherm span
{
  height: 1.3em;
  position: absolute;
}

#head-shortcuts
{
  width: 73%;
  padding-left: 1%;
  border-bottom:
  black solid 1px;
}

#head-tabs
{
  top: 0;
  width: 27%;
  left: 72%;
  border-left: black solid 1px;
  border-bottom: black solid 1px;
  padding-left: 1%;
}

#hulpscherm span.hulp-zelf
{
  color: #808080;
}

#hulpscherm span.kol-1
{
  left: 0;
  width: 31%;
  padding-left: 1%;
}

#hulpscherm span.kol-2
{
  left: 31%;
  width: 48%;
}

#hulpscherm span.kol-3
{
  left: 72%;
  padding-left: 1%;
  border-left: black solid 1px;
}

#hulpscherm span.regel-1
{
  top: 1.2em;
  line-height: 1.4em;
  height: 1.4em;
}

#hulpscherm span.regel-2
{
  top: 2.5em;
}

#hulpscherm span.regel-3
{
  top: 3.7em;
}

#hulpscherm span.regel-4
{
  top: 4.9em;
}

#hulpscherm span.regel-5
{
  top: 6.1em;
  line-height: 1.4em;
  height: 1.5em;
}

#hulp-footer, #hulp-footer-technieken
{
  bottom: 0;
  width: 100%;
  height: 1.4em;
  border-top: black solid 1px;
  text-align: center;
  font-weight: 400;
  line-height: 1.4em;
}

/* AFWIJKENDE MATEN E.D. */
body#technieken div#vraagteken a span#hulpscherm, body#remedies-kort div#vraagteken a span#hulpscherm
{
  height: 10em;
}

#hulpscherm span-regel-5
{
  height: 1.3em;
  line-height: 1.3em;
}

#hulpscherm span.regel-6
{
  top: 7.3em; line-height: 1.4em; height: 1.6em;
}


/* ======================================= */

/* OVERIG */
abbr
{
  cursor: help
}

.vreemde-taal
{
  font-style: italic;
}

span.waarschuwing
{
	background-color: #99ffff;
	color: red;
	font-weight: bold;
}

span.boektitel
{
  font-style: italic;
}

span.naam-anagram
{
  font-style: italic;
}

#www-verwijzing
{
  color: red !important;
  font-size: 150% !important;
  text-align: center;
}

span#naam-begin
{
  font-weight: bold;
}