/*  
Coding by Robin Bodegom for bodegom.com 
Dit is de Mobiel stylesheet voor sIKN, 23-4-2008.
*/


/* Fundament */
body { background-color: white; color: #282828; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em; font-style: normal; letter-spacing: +1pt; line-height: 1em;}
#container { margin-left: auto; margin-right: auto;  width: 800px; position: relative; top: -2em;}
#top { background-image: url(boven.png); background-position: +0px +15px; background-repeat: no-repeat; height: 210px; }
#main { background-image: url(midden.png); background-repeat: repeat-y; }
#footer { background-image: url(onder2.png); background-repeat: no-repeat; height: 90px; padding-top: 30px;}
.main-content { padding-left: 20px; width: 650px; }

/* Blokken voorpagina */
#blok-a { background-image: url(gl.gif); background-repeat: no-repeat; color: white; float: left; height: 385px; margin-left: 35px; margin-right: 8px; padding: 35px 5px 0 15px; width:210px;
background-position: +0em -3px;}
#blok-b { background-image: url(blw.gif); background-repeat: no-repeat; color: white; float: left; height: 385px; margin-right: 8px; padding: 35px 5px 0 15px; width: 210px; background-position: +0em -2px; }
#blok-c { background-image: url(grn.gif); background-repeat: no-repeat; color: #fff; float: left; height: 385px; padding: 35px 5px 0 15px; width: 215px; background-position: +0em -2px; }

#blok-a a, #blok-b a, #blok-c a { font-size: large; }
#blok-a p, #blok-b p, #blok-c p { font-size: smaller; }

#blok-a a, #blok-a p { color: #300; background-color: transparent; }
#blok-c p, #blok-c a,  #blok-b a, #blok-b p { color: #fff; background-color: transparent; }


/* Letters */
h1 { margin-left: 43px; }
h2 { font-weight: normal; line-height: 2em; letter-spacing: +2pt; margin-left: 43px; }
.main-content h2 { color: #930; margin-bottom: -15px; background-color: white;}
h3, h4 { margin-left: 43px; line-height: 2em; letter-spacing: +1pt;  font-weight: lighter;}
#main p { color: #300; background-color: inherit; }
.main-content h3 { color: #000; margin-bottom: -20px; background-color: white;}
.main-content h4 { color: #000; font-weight: bold; margin-bottom: 3px; background-color: white;}
.main-content p { font-size: small; font-style: normal; padding-left: 45px; padding-right: 5px; }
.main-content a:link, .main-content a:visited {line-height: 1.5em; color: #930; border: none; text-decoration: underline; }
.main-content a:hover, .main-content a:active { line-height: 1.5em; color: #300; border: none; text-decoration: underline; }

/* Plaatjes */
img { border: none; }
.plaatje { margin-left: 45px; width: 600px; }
.partners { margin-left: 45px; width: 600px;  }
.partners a { padding-right: 5px; }
.logo { height: 120px; margin-left: 62px; padding-top: 56px; width: 250px; }
.logo-voorpagina { margin-left: 70px; padding-bottom: 30px; padding-top: 5em; }

/* Linkstyles algemeen */
a:link, a:visited, img a { border: none; text-decoration: none; }
a:hover, a:active { border: none; text-decoration: underline; }


/* N A V I G A T I E */
/* Kruimels, waar ben ik */
.kruimels { font-size: small; margin-left: 60px; margin-top: -1px; padding: 5px; }
.kruimels a { color: #351100; background-color: white;}
.kruimels-voorpagina { margin-top: 40px; visibility: hidden; }

/* trechter navigatie, welke (vervolg)pagina adviseren wij */
.nav { display: block; line-height: 1.5em; margin-left: 45px; margin-top: 15px; padding-bottom: 20px;}
.nav a:link, .nav a:visited, .nav a:active {color: #930; font-size: small; background-color: white; border: none; text-decoration: none; }
.nav a:hover {color: #930; font-size: small; background-color: white; border: none; text-decoration: underline; }

/* footer navigatie, wat kan er allemaal */
#footer-menu-y { border-bottom: 1px #c0c0c0 solid; border-top: 1px #c0c0c0 solid; height: 20px; margin-left: 50px; width: 690px; line-height: 1.5em; font-size: small; padding-left: 10px; background-color: #f7efb4; color: #300;}
#footer-menu-b { border-bottom: 1px #c0c0c0 solid; border-top: 1px #c0c0c0 solid; height: 20px; margin-left: 50px; width: 690px; line-height: 1.5em; font-size: small; padding-left: 10px; background-color: #001d67; color: white;}
#footer-menu-g { border-bottom: 1px #c0c0c0 solid; border-top: 1px #c0c0c0 solid; height: 20px; margin-left: 50px; width: 690px; line-height: 1.5em; font-size: small; padding-left: 10px; background-color: #004040; color: white;}

.footer-menu-y a { color: #300; background-color:#f7efb4; }
.footer-menu-b a { color: white; background-color: #001d67;}
.footer-menu-g a { color: white; background-color: #004040;}

#disclaimer a { display: block; color: white; background-color: transparent; width: 200px; font-size: xx-small; position: absolute; top: 560px; right: 70px;}

/* Losse tabellen */
.tabel-1 { border: 1px #868686 solid; font-size: small; font-style: normal; margin-left: 43px; width: 480px; }
.tabel-2 { margin-left: 43px; border: 0; font-size: small; font-style: normal; width: 600px; }
.tabel-3 { margin-left: 43px; font-size: small; font-style: normal; line-height: 1.2em; }
.tabel-4 { width: 50%; height: 100%; vertical-align:top; margin-right: auto;}

/* FAQ */

.tabel-faq { font-size: smaller; margin-left: 43px;  vertical-align:top; border: none;}
.tabel-faq a { margin-left: 5px; border: none; text-decoration: none; line-height: 1em;}
.faq-vraag {   color: #000000; background-color: #c0c0c0; padding: 4px;
font-weight: bolder;}
.omhoog { margin-left: 335px; padding: 8px; font-size: small;} 
ul { margin-left: 43px; list-style-type: none; }
ol { margin-left: 73px; font-size: smaller; }

/* Demonstratie */
.bijeenkomst-oud { font-size: small; font-style: normal; margin-left: 43px; color: #808080; background-color: white; }
.bijeenkomst-nieuw {font-size: small; font-style: normal;  margin-left: 43px; }