/*  
Coding by Robin Bodegom for bodegom.com 
Dit is de MAIN stylesheet voor sIKN, 11-3-2010.
*/



/* formulier inloggen medewerkers Andre*/
.content-form p {padding: 7px 0 15px 10px;}

.content-form .input-holder {
    background: #f4f4f4;
    padding: 13px 0 30px 20px;
    margin-bottom: 10px;
}
.content-form .form-row {
    width: 100%;
    overflow: hidden;
    padding-bottom: 13px;
}
.content-form .form-row label {
    float: left;
    font-size: 12px;
    line-height: 22px;
    coor: #11364b;
    width: 120px;
    font-weight: bold;
}
.content-form .form-row .star {
    float: left;
    color: #f67720;
    font-size: 20px;
    line-height: 19px;
    font-weight: bold;
    width: 15px;
    padding-top: 3px;
}
.content-form .form-row .i-text {
    border: 1px solid #7a7a7a;
    width: 368px;
    height: 14px;
    padding: 3px 5px;
    float: left;
    font: 12px Arial, Helvetica, sans-serif;
    margin-right: 12px;
}

.content-form .form-row .l-text {
    border: 1px solid #7a7a7a;
    width: 150px;
    height: 14px;
    padding: 3px 5px;
    float: left;
    font: 12px Arial, Helvetica, sans-serif;
    margin-left: 12px;
}
	




/* 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-color: #f7efb4; background-image: url(gl.png); background-repeat: no-repeat; color: #eae433; float: left; height: 385px; margin-left: 35px; margin-right: 8px; padding: 35px 5px 0 15px; width:210px;
background-position: +0em -3px;}
#blok-b { background-color: #001d67; background-image: url(blw.png); background-repeat: no-repeat; color: #080159; float: left; height: 385px; margin-right: 8px; padding: 35px 5px 0 15px; width: 210px; background-position: +0em -2px;
}
#blok-c { background-color: #004040; background-image: url(grn.png); background-repeat: no-repeat; color: #0b4f15; float: left; height: 385px; padding: 35px 5px 0 15px; width: 215px; background-position: +0em -2px; }

.banner-top {width: 400px; height: 120px; position: absolute; margin: -120px 0px 0px 260px; }
.banner-bottom {margin-left: 390px;}


#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; }

.titels-blokken-a {color: #b7a021; background-color: transparent; font-style: italic;  margin-bottom: 20px; font-weight: bold;}
.titels-blokken-b {color: #243df9; background-color: transparent;  font-style: italic;  margin-bottom: 20px; font-weight: bold;}
.titels-blokken-c {color: #1f6902; background-color: transparent; font-style: italic;  margin-bottom: 20px; font-weight: bold;}

/* 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: 66px; width: 250px; }
.logo-voorpagina { margin-left: 50px; padding-top: 1em; }

/* 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: 203px; font-size: xx-small; position: absolute; top: 535px; right: 65px;}

/* 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; color: #000; background-color: white; }