/*-------------------------------------------------------------------
Website:   Kracht & Liefde
URL:       http://www.kracht-en-liefde.nl/
Version:   1.0
Author:    Steven de Goede
Date:      21 Juni 2007
-------------------------------------------------------------------*/

/* =Reset
-------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; } /* Remember to define focus styles. */

body { line-height: 1; color: #000; background: #fff; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* =General
-------------------------------------------------------------------*/

body {
  font-family: verdana, arial, "trebuchet ms", georgia, sans-serif;
  font-size: 62.5%;
  line-height: 1.8em;
  color: #1f1f1f;
  background: #fff url(img/body-bg.gif) repeat-x 0 0;
  text-align: center;
}

.clear { clear: both; }

img {
  vertical-align: bottom;
  border: 1px solid #e3e3e3;
}

/* =links */

a:link, a:visited {
  color: #006a6a;
  text-decoration: none;
  border-bottom: 1px solid #e2e2e2;
}

a:visited { color: #5f5f5f; }

a:hover, a:focus, a:active {
  text-decoration: none;
  border-bottom: 1px solid #666;
}

a[href^="http:"] {
  background: url(img/external-link.gif) no-repeat 100% 0;
  padding-right: 10px;
}

a[href^="http://www.kracht-en-liefde.nl"], a[href^="http://kracht-en-liefde.nl"] {
  background-image: none;
  padding-right: 0;
}

p {
  font-size: 1.2em;
  margin-bottom: 1.5em;
}

abbr, acronym { border: none; }

abbr[title], acronym[title] {
  border-bottom: 1px dotted #999;
}

strong, b { font-weight: bold; }

em, i { font-style: italic; }

code, kbd, samp {
  font-family: "courier new", tahoma, lucida console, monospace;
  font-size: 1em;
  line-height: 1em;
}

pre {
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 1.5em;
  margin-bottom: 1.5em;
  border: 1px solid #000;
}

cite {
  color: #339900;
  font-style: normal;
  font-weight: bold;
}

blockquote {
  margin: 1.8em 1.8em 1.8em 0;
  color: #339900;
  font-weight: bold;
}

li, dt, dd, input, textarea, select, th, td { font-size: 1.2em; }

li li, li p, td p { font-size: 1em }

dd { margin-left: 1.5em; }

ol, dl { margin: 0 0 1.8em 1.8em ; }

ol {
  list-style: decimal;
  margin-left: 2.7em;
}

ul {
  list-style: none;
  margin: 0 0 1.8em 0 ;
}

li, li p {
  margin-bottom: 0;
  position: relative;
}

ul li {
  background: transparent url(img/li.gif) no-repeat 0 0.5em;
  padding-left: 1.8em;
}

ul ul, ol ol { margin: 0 0 0.75em 1.5em; } /* left en bottom margin is 18px */

p.msg {
  padding: 1.5em;
  margin-bottom: 1.5em;
  border: 1px solid #333;
}

ul#skiplinks, #statistieken {
  position: absolute;
  left: -9999em;
}

/* =footnote */

p.footnote {
  border-top: 1px solid #e2e2e2;
  font-size: 1.1em;
  padding-top: 0.8181em;
  margin-bottom: 0.8181em;
  color: #666666;
}

span.footnote {
  font-weight: normal;
  font-style: normal;
  color: #666666;
}

/* =Headings
-------------------------------------------------------------------*/

h1 {
  font-family: georgia, "times new roman", serif;
  font-weight: normal;
  font-size: 2.2em;
  letter-spacing: 0.0909em;
  color: #4bb5c1;
  margin-bottom: 0.8181em; /* (child pixels / parent pixels = child ems) 18px / 20px = 0.9em (=18px) */
  line-height: 1.6363em; /* 36px / 20px = 1.8em (=36px) */
}

/* =header */

#header {
  background: transparent url(img/header.gif) no-repeat 0 0;
  text-indent: -9999em;
  height: 90px;
  text-align: left;
  margin-bottom: 1.6363em;
}

#header a {
  display: block;
  width: 400px;
  height: 90px;
  padding: 0;
  border: 0;
}

h2 {
  font-family: georgia, "times new roman", serif;
  font-weight: normal;
  font-size: 2em;
  letter-spacing: 0.05em;
  margin-bottom: 0.9em;
  line-height: 1.35em;
}

h2.titel {
  margin: 0.9em 0;
}

h3 {
  font-family: georgia, "times new roman", serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.2727em;
  font-size: 1.1em;
  margin: 2.4545em 0 0.8181em 0;
}

h3.titel {
  margin-top: 0;
  color: #999;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 0.8181em;
}

#print h3.titel {
  margin-top: 4.9090em;
}

h4 {
  font-family: georgia, "times new roman", serif;
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 0.0833em;
  margin: 2.25em 0 0.75em 0;
}

h5 {
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 0.0833em;
  margin: 2.25em 0 0.75em 0;
}

h6 {
  font-weight: bold;
  font-size: 1.2em;
  letter-spacing: 0.0833em;
  margin: 2.25em 0 0.75em 0;
}

/* =Textile
-------------------------------------------------------------------*/

.rood { color: #ff3300; }

.blauw { color: #0078A4; }

.groen { color: #339900; }

/* =Inhoudsopgave
-------------------------------------------------------------------*/

.inhoudsopgave li {
  margin: 0;
  padding: 0;
  background: none;
}

li span.nr { margin-right: 0.5em; }

/* =Nav
-------------------------------------------------------------------*/

#nav { margin: 0 0 1.8em 0; }

#nav li {
  margin: 0;
  font-size: 1.1em;
}

ul#page_nav { list-style-type: none; }

li.rarrow { background: transparent url(img/rarrow.gif) no-repeat 0 0.5em; }

li.larrow { background: transparent url(img/larrow.gif) no-repeat 0 0.5em; }

#page_nav_bottom {
  color: #ccc;
  font-size: 1.1em;
  border: 1px solid #e2e2e2;
  text-align: center;
  padding: 0.8181em;
  margin: 2.4545em 0 0.8181em 0;
}

/* =Forms
-------------------------------------------------------------------*/

form p {
  border-top: 1px solid #ededed;
  padding-top: 0.75em;
  margin-bottom: 0.75em;
}

input, textarea {
  font-family: verdana, arial, "trebuchet ms", georgia, sans-serif;
  font-size: 1em;
  line-height: 1.8em;
  margin: 0;
}

input.text, textarea {
  padding: 0.1666em;
  width: 98%;
}

input.text { line-height: 1; }

label {
  display: block;
  margin-bottom: 0.75em;
}

/* =button

button {
  height: 39px;
  background-color: #4bb5c1;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #fff;
  margin-right: 0.6em;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-indent: -9999em;
  display: block;
  float: left;
  overflow: hidden;
}

button.btn-verzenden { background-image: url(img/button_verzenden.gif); width: 194px ; }

button:hover { background-position: 0 -39px; } */

button {
  background-color: #4bb5c1;
  font-family: georgia, "times new roman", serif;
  font-size: 0.91666em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #fff;
  margin-right: 0.6em;
  border: 0;
  padding: 0.3em 1.8em;
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
}

.verplicht {
 position: absolute;
 left: -9999em;
}

/* =error */

.error { color: #f30; }

em.error { font-style: normal; }

.error_msg {
  padding-bottom: 0;
  margin-bottom: 1.8em;
  color: #f30;
}

.error_msg ul { margin-left: 1.8em; }

.error_msg li { margin: 0; }

p.error_msg {
  padding: 1.5em;
  margin-bottom: 1.5em;
}

.error_msg strong { font-weight: normal; }

.error_msg a:link, .error_msg a:visited {
  color: #f30;
  border-bottom: 1px solid #fc9;
  padding-bottom: 1px;
}

.error_msg a:hover, .error_msg a:focus, .error_msg a:active {
  color: #f30;
  text-decoration: none;
  border-bottom: 1px solid #f30;
  padding-bottom: 1px;
}

/* =kopie */

p.kopie label {
  display: inline;
  margin-left: 6px;
}

/* =Tables
-------------------------------------------------------------------*/

table {
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #000;
  width: 100%;
  margin-bottom: 1.8em;
}

td, th {
  padding: 0.3333em 0.4166em;
  border: 1px solid #000;
}

th {
  font-weight: bold;
  text-align: left;
}

/* =Lay-out
-------------------------------------------------------------------*/

#wrapper {
  background: #fff url(img/wrapper-bg.gif) repeat-y 69% 0;
  width: 77em;
  min-width: 770px;
  max-width: 82%;
  margin: 0 auto;
  text-align: left;
  clear: both;
}

#content{
  width: 47em;
  min-width: 470px;
  max-width: 61.0389%;
  float: left;
}

#nav {
  width: 21em;
  min-width: 210px;
  max-width: 27.2727%;
  float: right;
}

/* =footer */

#footer {
  background-color: #fff;
  clear: both;
  width: 100%;
  padding: 1.8em 0 3.6em 0;
}

#footer p {
  margin: 0;
  color: #7d8f8f;
}

#footer p a:link, #footer p a:visited { color: #7d8f8f; }

/* =IE 'hacks'
-------------------------------------------------------------------*/

/* ie5 & ie6 */
* html #wrapper { width: 770px; }

* html #content { width: 470px; }

* html #nav { width: 210px; }