/* Cascading Style Sheet */

/* opbouw css      (DJP 2011-07-14)
0. algemeen
1. container
2. header (incl main nav)
3. search box
4. content container
5. hoofd-menu-first
6. sidebar
7. hoofd-menu-second
8. content
    - blokken
8b. Disqus
9. footer
10. rest
    - extended searchbox
    - news items
    - tables
    - nieuwsflits
11. DIVERSE FORM ELEMENTEN FORMIT    opgenomen rechtstreeks in de formit Style DS
12. themakleuren
13 Toon Icons bij documenten
*/

/* 0. algemeen -----------------------------------------------------*/
body {
   /* text-align: center; */
    background: url(/data/stylesheetimgs/4/body-bg2.gif) repeat-x;
    margin: 0;
    padding: 0;
    line-height:160%;
    font-size:13px;
    font-family: tahoma,verdana,lucida sans,helvetica,arial;
}

iframe body {
  background-color:wite;
}

/*force right scroll bar */
html { min-height: 100%; margin-bottom: 1px; }



h1, h2, h3 {
        font-family:Cambria, Hoefler Text, Utopia, Liberation Serif, Nimbus Roman No9 L Regular, Times, Times New 

Roman, serif;
}

ul, ol      { margin:0 0 0 0; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* 1. container ---------------------------------------------------- */
#container {
    width: 996px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
}

/* 2. Header ----------------------------------------------------*/

#header {
    height: 132px;
    width: 100%;
    position: relative;
}

#header-overlay {
    width: 100%;
    height: 111px;
    background: url(/data/stylesheetimgs/4/bg-overlay.png) no-repeat;
    position: absolute;
    top: 23px;
}
#header h1 {
    margin: 0;
    padding: 0;
    font-size: 150%;
    line-height: 0px;
}

#header h1 a {
    text-decoration: none;
    display: block;
    width: 157px;
    height: 100px;
    background: url(/data/stylesheetimgs/4/ds-logo-ster1.png) no-repeat;
    top: 26px;
    left: 18px;
    position: absolute;
}

#header h1 a  span {
    visibility: hidden;
}

#header h2 {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 138px;
    height: 64px;
/*    background: url(/data/stylesheetimgs/4/logo-gkv.png) no-repeat;*/
    right: 5px;
    top: 65px;
}

#header h2 span {
    visibility: hidden;
}

/* 2. Header -> image -----------------------------------------------------*/

#header #header-image {
    position: absolute;
    top: 23px;
}

/* 2. Header -> Main nav - Het TOP TOP Menu  ----------------------------*/

#main-nav {
    position: absolute;
    top: 0;
    font-weight:bold;
    font-size:12px;
}

#main-nav ul {
    margin: 0 0 0 370px;
    padding: 0;
    position: absolute;
    list-style: none;
    width: 720px;
    font-size: 90%;
}

#main-nav ul li {
    float: left;
/*    background: url(/data/stylesheetimgs/4/topnavigatie-bullet2.gif) no-repeat right;*/
    padding:0 16px 0 13px;
    color:white;
}

#main-nav ul li.active {
    color:black;
    background-color:white;  
border-top-right-radius:3px;
border-top-left-radius:3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
}

#main-nav ul li.active a {
/* dit is de geselecteerde menu item in het bovenste nav menu */
    color:black;

}

#main-nav ul li.first {
    
    padding: 0px 16px 0px 13px;
}

#main-nav ul li a {
    color:#F0F0F0;
    text-decoration: none;
    display: block;
    padding: 1px 0;
}

#main-nav ul li a:hover {
    cursor: pointer;
    color:black;


}

#main-nav ul li a:active {
    color:#636363;
    cursor: pointer;
}


#main-nav ul li ul {
    display: none;
}


/* 3. Header -> Search-box -----------------------------------------------------*/

#search-box {
    position: absolute;
    right: 0;
    top: 3px;
}

#search-box p.search-text {
    float: left;
    color: #6a6a6a;
    padding: 0 4px 0 0;
    line-height: 15px;
    font-size: 0%;
    font-weight: 200%;
}

#search-box p.search-input {
    background:  url(/data/stylesheetimgs/4/topzoek-links2.gif) no-repeat left top;
    padding-left: 4px;
    float: left;
    outline: none;
}

#search-box p.search-input input {
    border: 0px;
    height: 13px;
    line-height: 13px;
    float: left;
    font-size: 90%;
    width: 114px;
    outline: none;   /* gele highlight van chrome uit */
}

#search-box a.search-button {
    background:  url(/data/stylesheetimgs/4/but-topzoek2.gif) no-repeat left top;
    display: block;
    width: 35px;
    height: 15px;
    float: left;
    text-decoration: none;
}

#search-box a.search-button span {
    visibility: hidden;
}


/* 4. Content-container ---------------------------------------------------------*/

#content-container {
    width: 100%;
    background: url(/data/stylesheetimgs/4/contentcontainer-bg2.gif) repeat-y 0 100px;
}


/*
rounded-corners:
-moz-border-radius: Firefox 
-moz-border-radius-topleft
-moz-border-radius-topright
    
-webkit-border-radius: 10px;  Safari, Chrome 
-webkit-border-bottom-right-radius
-webkit-border-bottom-left-radius

border-radius:  
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
  
alleen via htc hack for internet explorer <9.0
  
   
 1-------2
 |       |  border-radius:1px 1px 1px 1px
 4-------3
  
 
*/

/* 5. Hoofd menu first Dit is het 2e horizontale menu (NIET GRIJZE TOP MENU) ----------------*/

#hoofd-menu-first {
   /* background: #000 url(/data/stylesheetimgs/4/tabbladnavigatie-rechts-bg.png) no-repeat right;*/
    width: 100%;
    height: 30px;
    font-size:12px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;

/*        border-bottom: 10px solid #fff;*/
    }


#hoofd-menu-first-left-bg
{
    height: 28px;
    width: 7px;
    float: left;
  /*  background: url(/data/stylesheetimgs/4/tabbladnavigatie-links-bg.png) no-repeat left; */
    
}

#hoofd-menu-first ul {
 /*   background: url(/data/stylesheetimgs/4/tabbladnavigatie-links-bg.png) no-repeat left;*/
    height: 28px;
    margin: 0;
    padding: 0px 0 0px 22px; /* de 3px zorgt voor dat de uitlijning aan onderkant menu strak is*/
    list-style: none;
}

#hoofd-menu-first ul li {
    float: left;
    /*de vert streepjes tussen de menu items */
    /*background: url(/data/stylesheetimgs/4/tabbladnavigatie-spacer.gif) right 5px no-repeat; */  
    padding: 0 0px;
     /*padding: 0 3px;*/
}

/*active 1st level menu*/
#hoofd-menu-first ul li.active a {
   color:white;
   background-color:#574564;  

}

#hoofd-menu-first ul li.first {
    padding: 0 0 0 0;
}

#hoofd-menu-first ul li a {
    color: #EDEDED;
    text-decoration: none;
    padding: 4px 7px 0px 7px;
    display: block;
    font-weight: bold;
    font-size: 90%;
    height: 26px;}

#hoofd-menu-first ul li a:hover {
/* menu achtertgrond hover kleur*/
    background: #2C2233;
    font-weight: bold;
    font-size: 90%;
    color:white;
}

/* AANZETTEN afronding menuitems topniveau
#hoofd-menu-first ul li a:hover, 
#hoofd-menu-first ul li.active a {
    
    
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px; 
    border-top-left-radius:3px;
border-top-right-radius:3px;
 
}*/

/* AANZETTEN afronding bottom menuitems topniveau*/
#hoofd-menu-first ul li ul li:last-child a,
#hoofd-menu-first ul li ul li:last-child 
{
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}

/* UITZETTEN afronding menuitems lager niveau*/
#hoofd-menu-first ul li ul li a:hover,
#hoofd-menu-first ul li.active ul li a:hover,
#hoofd-menu-first ul li.active ul li a
{
    -webkit-border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
   border-top-left-radius:0px;
border-top-right-radius:0px;}

#hoofd-menu-first ul li ul {
    left: -9999px;
    width: 150px;
    position: absolute;
    padding: 0px;
    z-index:1; /*menu valt over alles heen*/
    -moz-opacity: .97;
    KhtmlOpacity: .97;
    opacity: .97; `
    
}

#hoofd-menu-first ul li:hover ul,
#hoofd-menu-first ul li.sfhover ul  {
    left: auto;
}

#hoofd-menu-first ul li:hover,
#hoofd-menu-first ul li.sfhover {
    position: static;
}

#hoofd-menu-first ul li ul li {
    float: none;
    display: block;
    padding: 0px;
    margin: 0px;
    background: none;
}

#hoofd-menu-first ul li ul li ul{
    left: -9999px;
    width: 150px;
    position: absolute;
    padding: 0px;
    margin-left: 150px;
    margin-top: -22px;
   display: none;
}

#hoofd-menu-first ul li ul li ul li{
    float: none;
    display: block;
    padding: 0px;
    margin: 0px;
    background: none;
}


/*

#hoofd-menu-first-bg-left
{
background: url(/data/stylesheetimgs/1/tabbladnavigatie-links-bg.png) no-repeat left;
margin: 0;
height: 27px;
width: 7px;
float: left;
}

#hoofd-menu-first
{
    background: #000 url(/data/stylesheetimgs/1/tabbladnavigatie-rechts-bg.png) no-repeat right;
    list-style: none;
    width: 100%;
    height: 28px;
    margin: 0px;
    padding: 0px;
}

#hoofd-menu-first li
{
    float: left;
    display: block;
    position: relative;
}

#hoofd-menu-first li a
{
    background: url(/data/stylesheetimgs/1/tabbladnavigatie-spacer.gif) right 8px no-repeat;
   color: #fff;
    text-decoration: none;
    display: block;
padding: 5px 7px;
}

#hoofd-menu-first ul
{
width: 100px;
position: absolute;
left: 0;
margin: 0;
padding: 0px;
display: none;
}

#hoofd-menu-first ul li
{
width: 100%;
float: none;
display: block;
padding: 0px;
}

#hoofd-menu-first ul li a
{
background: none;
}

*/

/* 6. Sidebar  ----------------------------------------------------------*/
#sidebar {
    width: 177px;
    float: left;
    padding: 10px 19px 0px 28px;
}

#sidebar h3 a {
    color: #000;
}

#sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size:10px;
}

#sidebar ul li a {
    color: #000;

}

#sidebar .extraImage
{
    width: 100%;
    float: left;
    margin-top:70px;
    margin-left:-10px;
    height: 320px;
/*
    background: url(/data/styleit/images/opwekken-small.jpg) no-repeat;
    background: url(/data/styleit/images/woordendaad-s3.jpg) no-repeat;
    background: url(/data/styleit/images/toolbox-s1.jpg) no-repeat;
 */
    background: url(/data/styleit/images/handen_en_voeten-s3.jpg) no-repeat;

}

/* 7. Hoofd menu second (DIT IS HET VERTICALE SUBMENU  ----------------*/

#hoofd-menu-second {
     border-left:0px;
     border-top:0px;
     border-right:0px;
     border-bottom:0px;
     border-style:dotted;
     border-color:#5E0042;
}

#hoofd-menu-second ul {
    margin: 0;
    margin-top:8px;
    padding: 0;
    list-style: none;
}

#hoofd-menu-second ul li {
    visibility: hidden;
    margin: 0;
    padding: 0 0 0 0;
    font-size: 0px;
    line-height: 0px;
}

    
#hoofd-menu-second ul ul li {
    visibility: visible;
    font-size: 11px;
    line-height: 22px;
    padding: 0 0 0 13px;
    background:  url(/img/algemeen/paginanav-bg.gif) no-repeat;

}

/* Show UL ? */

#hoofd-menu-second ul ul li {
    border: 1px solid white;
    border-width: 1px 0px;
    margin-bottom: 0px;
}

#hoofd-menu-second ul ul li:hover {
    border: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    margin-bottom: 0px;
    background:#F4f4f4;
border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
}


#hoofd-menu-second ul ul {
    display: none;
}

#hoofd-menu-second ul li.active ul {
    display: block;

}


#hoofd-menu-second ul li.active ul li.active a {
    color: #67014B;
    font-weight:bold;
    
}

#hoofd-menu-second ul li.active ul li.active ul li a {
    color: #67014B;
    font-weight:normal;
}

#hoofd-menu-second ul li.active ul li.active ul li.active a {
    color: #67014B;
    font-weight:bold;
}

#hoofd-menu-second ul li.active ul ul {
    display: none;
}

#hoofd-menu-second ul ul li.active ul {
    display: block;
}

#hoofd-menu-second ul ul li a {
    text-decoration: none;
    font-size: 11px;

}

#hoofd-menu-second ul ul li a:hover {
    color: #67014B;

}

#hoofd-menu-second ul ul li.active {
    border: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    margin-bottom: 0px;
    background:#F4F4F4;
    margin-bottom:1px;
    margin-top:1px;
border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
-webkit-border-radius:3px 0 0 3px;
}


#hoofd-menu-second ul ul li.active a {
    color: #67014B;
}

#hoofd-menu-second ul ul ul {
    padding: 5px 0 5px;
}

#hoofd-menu-second ul ul ul li {
    text-align: right;
    line-height: 16px;
    padding: 0 20px 0 0;
    background-image: none;
    /*background: #000;
     background-image:url(/data/stylesheetimgs/4/subitem-bg.gif);*/
    background-position:-208px 6px;
    border:1px solid #F4F4F4; 
}

#hoofd-menu-second ul ul ul li:hover {
/* uitzetten border in submenu hover + kleine verspringing bij hoverr*/
    text-align: right;
    line-height: 16px;
    padding: 0 18px 0 0;
    background-image: none;
    background-position:-208px 6px;
    border:1px solid #F4F4F4; 
    
}
#hoofd-menu-second ul ul ul ul li {
    text-align: right;
    line-height: 12px;
    padding: 0 10px 0 0;
    background-image: none;
    background: #000;
    background-image:url(/data/stylesheetimgs/4/subitem-bg.gif);
    background-position:-208px 6px;
}
#hoofd-menu-second ul ul ul li.active {
    border: 0px;
    font-weight: bold;
}

#hoofd-menu-second ul ul li a {
    font-size:12px;
        line-height: 12px;
        border-bottom:none ;


}
#hoofd-menu-second ul ul ul li a {
    font-size:11px;
        line-height: 12px;
        border-bottom:none ;


}

#hoofd-menu-second ul ul ul ul li a {
    color: #000 !important;
    font-size:10px;
        border-bottom:none ;


}
/*8. Content  ----------------------------------------------------------*/

#content {
    float: left;
    padding: 12px 0 0 20px;
    width: 750px;
}

#content h1 {
    margin: 5px 0 20px 0;
    padding: 0;
    color: #000;
    font-size: 22px;
    font-weight: bold;
}

#content h2 {
    margin: 5px 0 10px 0;
    padding: 0;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

#content h3 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

#content h4 {
    margin: 20px 0 0 0;
    padding: 0;
    clear: both;
    font-weight: bold;
    font-size: 12px;
}

#content h5 {
    font-weight: normal;
    margin: 0;
    padding: 3px 0 0 0;
    font-size: 12px;
}

#content a {
 /*   color: #8DB500;*/
    color:#2D92BC;
    text-decoration: none;
}

#content a:hover {
    /*   color: #8DB500;*/
    color:#2C2233;
    text-decoration: underline;
}

/* ANCHORS --------------------------------*/
#content h2 a.FCK__AnchorC{
 /*   color: #8DB500;*/
    color:#2D92BC;
    text-decoration: none;
}
#FormIT-tekst a {
            color:#2D92BC;
}

 
#content h2 a.FCK__AnchorC:hover{
 /*   color: #8DB500;*/
    color:#2D92BC;
    text-decoration: none;
}

#content h3 a.faq{
 /*   color: #8DB500;*/
    color:#2D92BC;
    text-decoration: none;
}
 
#content h3 a.faq:hover{
 /*   color: #8DB500;*/
    color:#2D92BC;
    text-decoration: none;
}
#content h3.faq a{
 /*   color: #8DB500;*/
    color:#2D92BC;
    text-decoration: none;
}
 
#content h3.faq a:hover{
 /*   color: #8DB500;*/
    color:#2D92BC;
    text-decoration: none;
}
/* EINDE ANCHORS --------------------------------*/

#content p.introductie {
    margin-bottom: 15px;
}

#content ul  {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#content ul li {
    background-image: url(/data/stylesheetimgs/4/list.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding: 0px 10px 0px 15px;
} 

#content ul li ul li {
    background-image: url(/data/stylesheetimgs/4/leesmeer.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    list-style: none;`
    margin:0 0 0 5px;
    padding-left: 15px;
} 
 
#content ul li a {
    /*color: black;*/
    /*display: block;*/
    margin: 0px 0px 0px 0px;
    text-decoration: none;
}


/* diverse buttons */
.mailbutton a {
background: #EEE url(http://beta.desiringgod.org/images/icons/email_12.png) no-repeat 10px 6px;
border-radius: 3px 3px;
-webkit-border-radius: 3px 3px;
-moz-border-radius: 3px 3px;
padding: 5px 12px 5px 26px;
margin:10px
}

.mailbutton a:hover{
background: #D7E8EA url(http://beta.desiringgod.org/images/icons/email_12.png) no-repeat 10px 6px;
border-radius: 3px 3px;
-webkit-border-radius: 3px 3px;
-moz-border-radius: 3px 3px;
padding: 5px 12px 5px 26px;
margin:10px;
text-decoration: none;
}
.rssbutton a {
background: #EEE url(http://beta.desiringgod.org/images/icons/feed_12.png) no-repeat 10px 6px;
border-radius: 3px 3px;
-webkit-border-radius: 3px 3px;
-moz-border-radius: 3px 3px;
padding: 5px 12px 5px 26px;
margin:10px
}
.rssbutton a:hover {
background: #D7E8EA url(http://beta.desiringgod.org/images/icons/feed_12.png) no-repeat 10px 6px;
border-radius: 3px 3px;
-webkit-border-radius: 3px 3px;
-moz-border-radius: 3px 3px;
padding: 5px 12px 5px 26px;
margin:10px;
text-decoration:none;
}
.allenieuwsbutton a {
background: #EEE url(http://diaconaalsteunpunt.nl/data/stylesheetimgs/4/news-icon1.png) no-repeat 10px 6px; 
border-radius: 3px 3px;
-webkit-border-radius: 3px 3px;
-moz-border-radius: 3px 3px;
padding: 5px 12px 5px 26px;
margin:10px
}
.allenieuwsbutton a:hover {
background: #D7E8EA url(http://diaconaalsteunpunt.nl/data/stylesheetimgs/4/news-icon1.png) no-repeat 10px 6px; 
border-radius: 3px 3px;
-webkit-border-radius: 3px 3px;
-moz-border-radius: 3px 3px;
padding: 5px 12px 5px 26px;
margin:10px
text-decoration:none;
}

/* buttons 
 * 
 * bt_contact 
 * bt_dl_doc
 * bt_dl_pdf
 * bt_route
 * 
 * */

#bt_contact {
    display: block;
    width: 90px;
    height: 22px;
    background: url(/data/stylesheetimgs/4/bt_contact.png) no-repeat;
    text-indent: -99999px;
    margin-bottom:8px;
}

#bt_contact:hover {
    background-position: 0 -22px;
    margin-bottom:8px;

}


#bt_dl_mp3 {
    display: block;
    width: 140px;
    height: 22px;
    background: url(/data/stylesheetimgs/4/bt_dl_mp3.png) no-repeat;
    text-indent: -99999px;
}

#bt_dl_mp3:hover {
    background-position: 0 -22px;
}

#bt_dl_word {
    display: block;
    width: 140px;
    height: 22px;
    background: url(/data/stylesheetimgs/4/bt_dl_word.png) no-repeat;
    text-indent: -99999px;
    margin-bottom:8px;
}

#bt_dl_word:hover {
    background-position: 0 -22px;
    margin-bottom:8px;
}

#bt_dl_pdf {
    display: block;
    width: 140px;
    height: 22px;
    background: url(/data/stylesheetimgs/4/bt_dl_pdf.png) no-repeat;
    text-indent: -99999px;
    margin-bottom:8px;
}

#bt_dl_pdf:hover {
    background-position: 0 -22px;
    margin-bottom:8px;
}
#bt_aanmelden {
    display: block;
    width: 110px;
    height: 22px;
    background: url(/data/stylesheetimgs/4/bt_aanmelden.png) no-repeat;
    text-indent: -99999px;
    margin-bottom:8px;

}
#bt_aanmelden:hover {
    background-position: 0 -22px;
    margin-bottom:8px;

}

#bt_vraag:hover {
    background-position: 0 -22px;
    margin-bottom:8px;

}
#bt_vraag {
    display: block;
    width: 140px;
    height: 22px;
    background: url(/data/stylesheetimgs/4/bt_vraag.png) no-repeat;
    text-indent: -99999px;
    margin-bottom:8px;

}

#bt_bestellen {
    display: block;
    width: 110px;
    height: 22px;
    background: url(/data/stylesheetimgs/4/bt_bestellen.png) no-repeat;
    text-indent: -99999px;
    margin-bottom:8px;

}

#bt_bestellen:hover {
    background-position: 0 -22px;
    margin-bottom:8px;

}

#bt_route {
    display: block;
    width: 100px;
    height: 22px;
    background: url(/data/stylesheetimgs/4/bt_route.png) no-repeat;
    text-indent: -99999px;
}

#bt_route:hover {
    background-position: 0 -22px;
}

/* Blokken ----------------------------------------------------------*/

.blok {
    width:230px;
    margin:0 10px 10px 0;
    float:left;
    height: 145px;
    display: inline;
}
.blok h3{
    padding:0 0 0 5px !important;
    width:225px;
    height:30px;
    font-weight:bold;
    font-size:12px;
    color:#777777;
    border-bottom:1px solid #eeeeee;
    margin: 0;
    line-height: 15px;
}

.blok-image {
    float: left;
    padding: 5px;
}

.blok-content {
    float: left;
    padding: 5px;
    width: 146px;
}


/* Product blokken */

.blok-product {
    width: 352px;
    float: left;
    border: 0px solid #000;
    margin:0 10px 10px 0;
    height: 220px;
    display: inline;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-raduis:15px;
    background:#D7E8EA;

}

.blok-product  h3{
    padding:0 0 0 5px !important;
    width:347px;
    height:20px;
    font-weight:bold;
    font-size:12px;
    margin-left: 10px;
    line-height: 18px;
    background:#D7E8EA;
    
    -moz-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    -webkit-border-top-right-raduis:15px;
    -moz-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-border-top-left-raduis:15px;
}

.blok-product-image {
    float: left;
    padding: 5px;
    background:#D7E8EA;

}

.blok-product-content {
    float: left;
    padding: 5px;
    width: 196px;
}

img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* Kruimelpad ----------------------------------------------------------*/

#kruimelpad {
    padding: 0 0 10px 0;
}


#kruimelpad a {
    font-size:80%;
    color: #2C2233;
    text-decoration: none;
    font-weight:normal;
}

#kruimelpad a:hover {
    text-decoration: underline;
    font-weight:normal;

}

#kruimelpad  span {
    padding: 0 5px;
}

/* leer meer over blokken onderaan homepage*/
#learn_more {
    clear: both;
    margin-top: 35px;
    width: 958px;
    margin: 0 auto;
    position: relative;
    height: 120px;
    margin-bottom: 80px;
}
#learn_more h2 {
        margin-bottom: 32px;
}
#learn_more h3 {
        margin-bottom: 32px;
}

#block1, #block2, #block3 {
    width: 225px;
    float: left;
    margin-right: 30px;
}

#block-flash {
    width: 450px;
    float: left;
    margin-right: 30px;
}

#blocka, #blockb {
    width: 375px;
    float: left;
    margin-right: 30px;
    color:gray;
}

/* Pollcode------------- */

#PDI_container5646.PAUTHS_Poll ul li,
#PDI_container5647.PAUTHS_Poll ul li  
{   
    list-style-type:none;
    padding:0;
    background:none;
}

/* 8b. Disqus ------------- */

#disqus_thread { clear: both;  } 
#dsq-content .dsq-textarea .dsq-textarea-wrapper, 
#dsq-content .dsq-input-wrapper { border: 1px solid #ccc; border-top-color: #888; border-left-color: #888; 

-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } 
#dsq-content .dsq-global-toolbar-likes .dsq-group { display: none; } .dsq-options .dsq-subscribe-email img { display: 

none !important; }  .dsq-options #dsq-subscribe { margin-right: 0 !important; }  .dsq-options #dsq-subscribe a { 

background: #eee url(http://beta.desiringgod.org/images/icons/email_12.png) no-repeat 10px 6px; -webkit-border-radius: 

12px; padding: 5px 12px 5px 26px; }  .dsq-options #dsq-subscribe a:hover { background-position: 10px -44px; 

text-decoration: none; background-color: #d7e8ea; }  .dsq-options .dsq-subscribe-rss a { background: #eee 

url(http://beta.desiringgod.org/images/icons/feed_12.png) no-repeat 10px 5px !important; -webkit-border-radius: 12px 

!important; padding: 5px 12px 5px 26px !important; }  .dsq-options .dsq-subscribe-rss a:hover { background-position: 

10px -45px !important; text-decoration: none; background-color: #d7e8ea !important; }  span.dsq-subscribe-rss img { 

display: none !important; } .dsq-options #dsq-subscribe { margin-right: 0 !important; } .dsq-options #dsq-subscribe a { 

background: #eee url(http://beta.desiringgod.org/images/icons/email_12.png) no-repeat 10px 6px; -webkit-border-radius: 

12px; padding: 5px 12px 5px 26px; }  .dsq-options #dsq-subscribe a:hover { background-position: 10px -44px; 

text-decoration: none; }  .dsq-options .dsq-subscribe-rss a { background: #eee 

url(http://beta.desiringgod.org/images/icons/feed_12.png) no-repeat 10px 5px !important; -webkit-border-radius: 12px 

!important; padding: 5px 12px 5px 26px !important; }  .dsq-options .dsq-subscribe-rss a:hover { background-position: 

10px -45px !important; text-decoration: none; }  span.dsq-subscribe-rss img { display: none !important; } #dsq-content 

.dsq-textarea .dsq-textarea-wrapper, #dsq-content .dsq-input-wrapper { border: 1px solid #ccc; border-top-color: #999; 

border-left-color: #999; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #ffffff 

url(\'../../images/themes/narcissus/inputshadow.gif\') no-repeat top left; padding: 3px 5px; margin: 3px 0; }  
#dsq-content ul li,
#dsq-content ul 
#dsq-comments ul, 
#dsq-comments ul li, 
#dsq-toolbar-dropdown-wrap ul li 
{   
    list-style-type:none;
    padding:0;
    background:none;
}

/* 9. Footer ------------------------------------------------------------------*/

#footer {
/*    background: #000 url(/data/stylesheetimgs/4/footeroverlay-bg.png) no-repeat;*/
    height: 0px;
}

#footer p {
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: center;
    line-height: 0px;       /*om footer te laten verdwijnen */
    font-size:1px;
}


/* 10. Rest ------------------------------------------------------------------*/

.item{
    margin-bottom:20px;
}

.quote{
     font-size:80%;
     color:#4B2C04;
}

.item-leesverder{
/*dit is de lees verder link op nieuws pagina*/
    font-size:80%;
    margin:3px 0px 12px 0px;
}
.item-leesverder a{
    background-image: url(/data/stylesheetimgs/4/leesmeer.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    display: block;
    padding-left:10px;
    font-weight:bold;
    text-decoration:none;
}

.leesVerder{
/*dit is de lees meer link op home pagina*/
    font-size:80%;
    margin:3px 0px 12px 0px;
}

#contentNieuwsItems .NieuwsItem .leesVerder a{
    background-image: url(/data/stylesheetimgs/4/leesmeer.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    display: block;
    padding-left:10px;
    font-weight:bold;
    text-decoration:none;
}

/*faq*/
#faq .pre{
            background: #FFFFDD;
            border: 1px solid #000000;
            font-size: 9pt;
            margin: 1% 5% 1% 5%;
            padding: 3pt;
        }

h3.faq {
            font-size: 13pt;
            font-weight: bold;
            padding: 2pt;
        }

.info{
    padding: 2px 6px;
    margin: 1em 0;
    border: 1px dotted #31576B;
}

.info {
    background-color: #BAE0F8;
    overflow: hidden; /* Force floated content to expand the box */
}

.blockquote {
    margin-left: 2em;
    overflow: hidden;
    background: #ebeef5;
    border-left: 5px solid #2F3C62;
    padding: 2px 0.5em;
    font-family: Georgia, serif;
    color: #555555;
    font-style: italic;
    font-size: 1.2em;
}

.blockquote p {
    margin: 0.2em 0;
}

.quoteblock {
    font-size: 10pt;
    line-height: 1.2em;
    color: #30434d;
    margin: 1em;
    padding: 1.5em 1.5em;
    float: left;
    background: #dde5e9 url(http://www.missionair.nl/data/stylesheetimgs/4/node_zoombg.gif) no-repeat 5px 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-raduis:5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-left-raduis:5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-raduis:5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-raduis:5px;
    
}

.quoteblockright {
    font-size: 10pt;
    line-height: 1.2em;
    color: #30434d;
    margin: 1em 0 1em 1.5em;
    padding: 0.5em 1.5em 0.5em 2.5em;
    float: right;
    width: 50%;
    background: #dde5e9 url(http://www.missionair.nl/data/stylesheetimgs/4/node_zoombg.gif) no-repeat 5px 5px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
}

.quoteblockleft {
    font-size: 10pt;
    line-height: 1.2em;
    color: #30434d;
    margin: 1em 0 1em 1.5em;
    padding: 0.5em 1.5em;
    float: left;
    width: 50%;
    background: #dde5e9 url(http://www.missionair.nl/data/stylesheetimgs/4/node_zoombg.gif) no-repeat 5px 5px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
}
/*tabel links */
table.table-left {
    font-size: 0.9em;
    float:left;
    border-width: 1px;
    border-spacing: ;
    border-style: solid;
    border-color: rgb(221, 209, 237);
    border-collapse: separate;
/*background-color: rgb(244, 244, 244);*/
    background-color:#F9F9F9;
    margin-right: 10px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
border-radius:3px;
}

table.table-left th {
    border-width: 0px;
    padding: 1px;
    border-style: solid;
    border-color: rgb(241, 241, 237);
/*background-color: rgb(244, 244, 244);*/
    background-color:#F9F9F9;
}
table.table-left td {
    border-width: 0px;
    padding: 1px;
    border-style: solid;
    border-color: rgb(241, 241, 237);
 /*background-color: rgb(244, 244, 244);*/
    background-color:#F9F9F9;
}


/*tabel rechts */
.table-right {
    font-size: 0.9em;
    float:right;
    border-width: 1px;
    border-spacing: ;
    border-style: solid;
    border-color: rgb(221, 209, 237);
    border-collapse: separate;
/*background-color: rgb(244, 244, 244);*/
    background-color:#F9F9F9;
    margin-left: 10px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
border-radius:3px;
}

.table-right th {
    border-width: 0px;
    padding: 1px;
    border-style: solid;
    border-color: rgb(241, 241, 237);
  /*background-color: rgb(244, 244, 244);*/
    background-color:#F9F9F9;
}
.table-right td {
    border-width: 0px;
    padding: 1px;
    border-style: solid;
    border-color: rgb(241, 241, 237);
  /*background-color: rgb(244, 244, 244);*/
    background-color:#F9F9F9;
}

/*tabel rechts wit */
table.table-right-white {
    float:right;
    border-width: 1px;
    border-spacing: ;
    border-style: solid;
    border-color: rgb(221, 209, 237);
    border-collapse: separate;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
border-radius:3px;
    margin-left: 10px;
}

/*tabel links wit */
table.table-left-white {
    float:left;
    border-width: 1px;
    border-spacing: ;
    border-style: solid;
    border-color: rgb(221, 209, 237);
    border-collapse: separate;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
border-radius:3px;
    margin-right: 10px;
}


#one-column-emphasis{font-family:"Lucida Sans Unicode", "Lucida Grande", 

Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;margin:20px;}
#one-column-emphasis th{font-size:14px;font-weight:normal;color:#039;padding:12px 15px;}
#one-column-emphasis td{color:#669;border-top:1px solid #e8edff;padding:10px 15px;}
.oce-first{background:#d0dafd;border-right:10px solid transparent;border-left:10px solid transparent;}
#one-column-emphasis tr:hover td{color:#339;background:#eff2ff;}

#newspaper-a{font-family:"Lucida Sans Unicode", "Lucida Grande", 

Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;border:1px solid 

#69c;margin-top:20px;margin-bottom:20px;}
#newspaper-a th{font-weight:normal;font-size:14px;color:#039;border-bottom:1px dashed #69c;padding:12px 17px;}
#newspaper-a td{color:#669;padding:7px 17px;}
#newspaper-a tbody tr:hover td{color:#339;background:#d0dafd;}

#newspaper-b{font-family:"Lucida Sans Unicode", "Lucida Grande", 

Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;border:1px solid 

#69c;margin-top:20px;margin-bottom:20px;}
#newspaper-b th{font-weight:normal;font-size:14px;color:#039;padding:15px 10px 10px;}
#newspaper-b tbody{background:#e8edff;}
#newspaper-b td{color:#669;border-top:1px dashed #fff;padding:10px;}
#newspaper-b tbody tr:hover td{color:#339;background:#d0dafd;}

#newspaper-b-small{float:right; font-family:"Lucida Sans Unicode", "Lucida Grande", 

Sans-Serif;font-size:12px;width:200px;text-align:left;border-collapse:collapse;border:1px solid #69c;margin:20px;}
#newspaper-b-small th{font-weight:normal;font-size:14px;color:#039;padding:15px 10px 10px;}
#newspaper-b-small tbody{background:#e8edff;}
#newspaper-b-small td{color:#669;border-top:1px dashed #fff;padding:5px;}
#newspaper-b-small tbody tr:hover td{color:#339;background:#d0dafd;}

#newspaper-c{font-family:"Lucida Sans Unicode", "Lucida Grande", 

Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;border:1px solid #6cf;margin:20px;}
#newspaper-c th{font-weight:normal;font-size:13px;color:#039;text-transform:uppercase;border-right:1px solid 

#0865c2;border-top:1px solid #0865c2;border-left:1px solid #0865c2;border-bottom:1px solid #fff;padding:20px;}
#newspaper-c td{color:#669;border-right:1px dashed #6cf;padding:10px 20px;}

/*klik rollover voor tips */
.yo {
   float:right;
   padding: 7px;
   margin-left: 10px;
   background-color: #F7F7F6;
   border: 1px solid #bac1a3;
   clear:both;
}

.yo a {
display: block;
width: 200px;
height: 170px;
background: transparent url(/data/styleit/images/klikvoortip.jpg) no-repeat;
}

.yo a:hover {
background-position: -200px 0;
}


/* image outlined to the left */
.imageleft
{
    float: left;
    padding: 7px;
    margin-right: 10px;
    background-color: #FFFFFF;
    border: 1px solid #bac1a3;
    clear:both;
    
}

/* werkt wel maar doet het bij alle plaatjes in content en dat is niet fraai
#content img
{
    padding: 7px;
    margin: 4px;
    background-color: #FFFFFF;
    border: 1px solid #bac1a3;  
} 

*/

/* image outlined to the left without a border */

.imageleft-noborder
{
    float: left;
    padding: 7px;
    margin-right: 10px;
    background-color: #F7F7F6;
    clear:both;
}

/* image outlined to the right */

.imageright
{
    float: right;
    padding: 7px;
    margin-left: 10px;
    background-color: #FFFFFF;
    border: 1px solid #bac1a3;
    clear:both;
}

/* image outlined to the right without a border */

.imageright-noborder
{
    float: right;
    padding: 7px;
    margin-left: 10px;
    background-color: #F7F7F6;
    clear:both;
}
/* 10. Rest - nieuwsitems  NIEUW VOOR EXTRA NIEUWS ITEMS TUSSEN TEKST */

#contentNieuwsItems
{
    width: 100%;

}

#contentNieuwsItems .NieuwsItem
{
    width: 350px;
    height: 100px;
    float: left;
    margin-right:10px;
    margin-bottom:5px;

}

#contentNieuwsItems .NieuwsItem .title
{
    height: 13px;
}

#contentNieuwsItems .NieuwsItem .title .dateText,
#contentNieuwsItems .NieuwsItem .title .titleText
{
    color: #111111;
    float: left;
}

#contentNieuwsItems .NieuwsItem .title .dateText
{

    font-size:9px;
    color:#555555;
}

.item-datum
{

    font-size:9px;
    color:#555555;
    font-weight: bold;
}

#contentNieuwsItems .NieuwsItem .title .titleText
{
    font-weight: bold;
      font-size:"120%"
}

#contentNieuwsItems .NieuwsItem .content
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
}

#contentNieuwsItems .NieuwsItem .leesVerder
{
    float: left;
    height: 8px;

}


/* 10. Rest - search box extended -----------------------------------*/

#search-box-extended p {
    margin: 0 0 3px 0;
}

#search-box-extended label {
    width: 100px;
    clear: left;
    float: left;
    font-weight: normal;
}

#search-box-extended  input.search-input{
    width: 300px;

}

#search-box-extended  select.search-select  {
    width: 304px;
}

#search-box-extended  input.search-button {
    margin-bottom: 10px;
}

/* 10. Rest - search box extended -----------------------------------*/

.nieuwsflits {
    width: 183px;
    height: 35px;
    background-image: url(/data/stylesheetimgs/4/nieuwsflits.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding-top: 81px;
    padding-left: 10px;
}   

.nieuwsflits a  {
        display: block;
        background-image: url(/data/stylesheetimgs/4/list.gif);
        background-repeat: no-repeat;
        background-position: top left;
        text-decoration: none;
        color: #000;
        font-weight: bold;
        font-size: 0.8em;
        padding-left: 15px;
    }
    
.nieuwsflits a:hover
    {
        color: #cf3735;
    }

/*------------------------Styling diverse FORM elementen-------------------*/

/* Feedburner aanmeld formulier*/
.ds-email{ 
/*background:url(http://icons.iconarchive.com/icons/custom-icon-design/pretty-office/48/message-already-read-icon.png) 

no-repeat 0px 12px ;*/ 
width:250px; 
padding:55px 0 0 0px; 
float:left; 
font-size:15; 
margin:0 0 10px 0; 
color:#686B6C; 
}
.ds-email-right{ 
/*background:url(http://icons.iconarchive.com/icons/custom-icon-design/pretty-office/48/message-already-read-icon.png) 

no-repeat 0px 12px ;*/ 
width:250px; 
padding:55px 0 0 0px; 
float:right; 
font-size:15; 
margin:0 0 10px 0; 
color:#686B6C; 
}
.ds-emailsubmit{ 
background:#fca204; 
cursor:pointer; 
color:#fff; 
width:105px;
border:none;
margin-left:2px; 
padding:3px; 
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
border-radius:3px; 
font:14px sans-serif;
font-weight:bold; 
} 

.ds-emailsubmit:hover{ 
background:#787878; 
color:#ededed;
} 

.ds-textarea{ 
padding:2px; 
margin:6px 2px 6px 2px; 
background:#f1f1f1; 
border:1px solid #ccc; 
resize:none; 
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); 
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); 
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
-moz-border-radius:3px; 
-webkit-border-radius:3px; 
border-radius:3px;    
width:150px; 
color:#666;
}

/* aanmeld afmeld formulier nieuwsbrief */ 
.form{
    padding: 0;
    margin: 20px 0;
    width: 218px;   
}

.form label.label_normal{
        width: 100px;
        font-weight: normal;
        float: left;
}

.form input.textfield_normal{
/*  width: 150px;
    border: 1px solid #BBBCBC;
    background: none;*/
    float: left; 
    padding:2px; 
    margin:6px 2px 6px 2px; 
    background:#f1f1f1; 
    border:1px solid #ccc; 
    resize:none; 
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); 
    -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); 
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
    border-radius:3px;    
    width:206px; 
    color:#666;
}

.form input.buttonR,
.form input.buttonL{
    margin:  10px 2px 0 2px;
    background: #FCA204;
    cursor: pointer;
    color: white;
    width: 105px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: 18px sans-serif;
    font-weight: bold;
    font-variant:small-caps;
}

.form input.buttonR:hover{ 
    background:#787878; 
    color:#ededed;
} 

.form input.buttonR{
    float: right;
}
/*
.form input.buttonL{
    float: left;
}
*/
/* FORMIT Style*/

.formit-button {
    margin:  10px 2px 0 2px;
    background: #FCA204;
    cursor: pointer;
    color: white;
    width: 105px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: 13px sans-serif;
    font-weight: bold;
    height:22px;
}

.formit-button:hover{ 
    background:#787878; 
    color:#ededed;
} 

.FormIT-vraag-input, .FormIT-vraag-textarea, .FormIT-vraag-select{
    float: left; 
    margin:0px 2px 6px 2px; 
    background:#f1f1f1; 
    border:1px solid #ccc; 
    resize:none; 
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); 
    -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); 
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
    border-radius:3px;    
    width:206px; 
    color:#666;
}

.FormIT-tekst a{
     color:#2D92BC;
    text-decoration: none;
}
.FormIT-body {
    background:white;
}
.FormIT-body TD {
    font-size:12px;   
    font-family: tahoma,verdana,lucida sans,helvetica,arial;
    
}

.FormIT-foutmelding {
    font-size:12px;
    font-family: tahoma,verdana,lucida sans,helvetica,arial;
    color:#CA1C16;  
    background: #F1F1F1;
    border-radius: 3px;
    padding: 7px;
    border: 1px solid #CCC;


}



.FormIT-tekst a:hover{
    color:#2C2233;
    text-decoration: underline;
}

.FormIT-vraag-nummer {
    font-size:12px;
    font-family: tahoma,verdana,lucida sans,helvetica,arial;
    font-weight:bold;
}

.FormIT-vraag-nummer-fout {
    font-size:12px;    
    font-family: tahoma,verdana,lucida sans,helvetica,arial;
    color:#CA1C16;
    font-weight:bold;

}

.FormIT-vraag-vraagtekst { 
    font-size:12px;   
    font-family: tahoma,verdana,lucida sans,helvetica,arial;
    
}

.FormIT-vraag-vraagtekst-fout {  
    font-size:12px;   
    font-family: tahoma,verdana,lucida sans,helvetica,arial;
    color:#CA1C16;
}
.formit-body
{
 text-align:left;
    font-family: tahoma,verdana,lucida sans,helvetica,arial;

}


/* ------------------------------------------------------------------------------------------
12. THEMA'S
--------------------------------------------------------------------------------------------*/

/* Thema Navigatie ----------------*/

#hoofd-menu-first ul li.thema-1 a:hover {
    background: #67014B;

}

#hoofd-menu-first ul li.thema-2 a:hover {
    background: #E30F39;

}

#hoofd-menu-first ul li.thema-3 a:hover {
    background: #E30F39;

}

#hoofd-menu-first ul li.thema-4 a:hover {
    background: #E30F39;
}

#hoofd-menu-first ul li.thema-5 a:hover {
    background: #E30F39;
}

#hoofd-menu-first ul li.thema-6 a:hover {
    background: #528DCE;
}

#hoofd-menu-first ul li.thema-7 a:hover {
    background: #528DCE;
}

#hoofd-menu-first ul li.thema-8 a:hover {
    background: #528DCE;
}

#hoofd-menu-first ul li.thema-9 a:hover {
    background: #528DCE;
}



/* Thema 1 ----------------*/

#thema-1 #hoofd-menu-first {
    background-color: #67014B;
}

#thema-1 #sidebar h3 a {
    color: #67014B;
}

#thema-1 #content h2 {
    color: #67014B;
}

#thema-1 #content p.introductie {
    color: #67014B;
}


#thema-1 #zoekresultaten .zoekresultaat h3 {
    color: #67014B;
}

#thema-1 #zoekresultaten .zoekresultaat h3  a{
    color: #67014B;
}

#thema-1 #hoofd-menu-second ul ul li {
    /*background-color: #67014B;*/
}

#thema-1 #hoofd-menu-second ul ul li.active {
    /*border-color: #67014B;*/
}

#thema-1 #hoofd-menu-second ul ul li.active a {
    color: "black";
}

#thema-1 #hoofd-menu-second ul ul ul li {
    background-color: "black";
}

#thema-1 #footer {
    background-color: #67014B;
    color:"black";
}

#thema-1 #hoofd-menu-first ul li
{
background-color: #67014B;

}

/* Thema 2 ----------------*/

#thema-2 #hoofd-menu-first {
    background-color: #E30F39;
}

#thema-2 #sidebar h3 a {
    color: #E30F39;
}

#thema-2 #content h2 {
    color: #E30F39;
}

#thema-2 #content p.introductie {
    color: #E30F39;
}

#thema-2 .blok {
    border-color: #E30F39;
}
#thema-2 .blok h3{
    background-color: #E30F39;
}

#thema-2 .blok-product {
    border-color: #E30F39;
}

#thema-2 .blok-product  h3{
    background-color: #E30F39;
}

#thema-2 #zoekresultaten .zoekresultaat h3 {
    color: #E30F39;
}

#thema-2 #zoekresultaten .zoekresultaat h3  a{
    color: #E30F39;
}

#thema-2 #hoofd-menu-second ul ul li {
    background-color: #E30F39;
}

#thema-2 #hoofd-menu-second ul ul li.active {
    border-color: #E30F39;
}

#thema-2 #hoofd-menu-second ul ul li.active a {
    color: #E30F39;
}

#thema-2 #hoofd-menu-second ul ul ul li {
    background-color: #E30F39;
}

#thema-2 #footer {
    background-color: #E30F39;
}

#thema-2 #hoofd-menu-first ul li
{
background-color: #E30F39;
}

/* Thema 3 ----------------*/

#thema-3 #hoofd-menu-first {
    background-color: #E30F39;
}

#thema-3 #sidebar h3 a {
    color: #E30F39;
}

#thema-3 #content h2 {
    color: #E30F39;
}

#thema-3 #content p.introductie {
    color: #E30F39;
}

#thema-3 .blok {
    border-color: #E30F39;
}
#thema-3 .blok h3{
    background-color: #E30F39;
}

#thema-3 .blok-product {
    border-color: #E30F39;
}

#thema-3 .blok-product  h3{
    background-color: #E30F39;
}

#thema-3 #zoekresultaten .zoekresultaat h3 {
    color: #E30F39;
}

#thema-3 #zoekresultaten .zoekresultaat h3  a{
    color: #E30F39;
}

#thema-3 #hoofd-menu-second ul ul li {
    background-color: #E30F39;
}

#thema-3 #hoofd-menu-second ul ul li.active {
    border-color: #E30F39;
}

#thema-3 #hoofd-menu-second ul ul li.active a {
    color: #E30F39;
}

#thema-3 #hoofd-menu-second ul ul ul li {
    background-color: #E30F39;
}

#thema-3 #footer {
    background-color: #E30F39;
}

#thema-3 #hoofd-menu-first ul li
{
background-color: #E30F39;
}

/* Thema 4 ----------------*/

#thema-4 #hoofd-menu-first {
    background-color: #E30F39;
}

#thema-4 #sidebar h3 a {
    color: #E30F39;
}

#thema-4 #content h2 {
    color: #E30F39;
}

#thema-4 #content p.introductie {
    color: #E30F39;
}

#thema-4 .blok {
    border-color: #E30F39;
}
#thema-4 .blok h3{
    background-color: #E30F39;
}

#thema-4 .blok-product {
    border-color: #E30F39;
}

#thema-4 .blok-product  h3{
    background-color: #E30F39;
}

#thema-4 #zoekresultaten .zoekresultaat h3 {
    color: #E30F39;
}

#thema-4 #zoekresultaten .zoekresultaat h3  a{
    color: #E30F39;
}

#thema-4 #hoofd-menu-second ul ul li {
    background-color: #E30F39;
}

#thema-4 #hoofd-menu-second ul ul li.active {
    border-color: #E30F39;
}

#thema-4 #hoofd-menu-second ul ul li.active a {
    color: #E30F39;
}

#thema-4 #hoofd-menu-second ul ul ul li {
    background-color: #E30F39;
}

#thema-4 #footer {
    background-color: #E30F39;
}

#thema-4 #hoofd-menu-first ul li
{
background-color: #E30F39;
}

/* Thema 5 ----------------*/

#thema-5 #hoofd-menu-first {
    background-color: #E30F39;
}

#thema-5 #sidebar h3 a {
    color: #E30F39;
}

#thema-5 #content h2 {
    color: #E30F39;
}

#thema-5 #content p.introductie {
    color: #E30F39;
}

#thema-5 .blok {
    border-color: #E30F39;
}
#thema-5 .blok h3{
    background-color: #E30F39;
}

#thema-5 .blok-product {
    border-color: #E30F39;
}

#thema-5 .blok-product  h3{
    background-color: #E30F39;
}

#thema-5 #zoekresultaten .zoekresultaat h3 {
    color: #E30F39;
}

#thema-5 #zoekresultaten .zoekresultaat h3  a{
    color: #E30F39;
}

#thema-5 #hoofd-menu-second ul ul li {
    background-color: #E30F39;
}

#thema-5 #hoofd-menu-second ul ul li.active {
    border-color: #E30F39;
}

#thema-5 #hoofd-menu-second ul ul li.active a {
    color: #E30F39;
}

#thema-5 #hoofd-menu-second ul ul ul li {
    background-color: #E30F39;
}

#thema-5 #footer {
    background-color: #E30F39;
}

#thema-5 #hoofd-menu-first ul li
{
background-color: #E30F39;
}

/* Thema 6 ----------------*/

#thema-6 #hoofd-menu-first {
    background-color: #528DCE;
}

#thema-6 #sidebar h3 a {
    color: #528DCE;
}

#thema-6 #content h2 {
    color: #528DCE;
}

#thema-6 #content p.introductie {
    color: #528DCE;
}

#thema-6 .blok {
    border-color: #528DCE;
}
#thema-6 .blok h3{
    background-color: #528DCE;
}

#thema-6 .blok-product {
    border-color: #528DCE;
}

#thema-6 .blok-product  h3{
    background-color: #528DCE;
}

#thema-6 #zoekresultaten .zoekresultaat h3 {
    color: #528DCE;
}

#thema-6 #zoekresultaten .zoekresultaat h3  a{
    color: #528DCE;
}

#thema-6 #hoofd-menu-second ul ul li {
    background-color: #528DCE;
}

#thema-6 #hoofd-menu-second ul ul li.active {
    border-color: #528DCE;
}

#thema-6 #hoofd-menu-second ul ul li.active a {
    color: #528DCE;
}

#thema-6 #hoofd-menu-second ul ul ul li {
    background-color: #528DCE;
}

#thema-6 #footer {
    background-color: #528DCE;
}

#thema-6 #hoofd-menu-first ul li
{
background-color: #528DCE;
}

/* Thema 7 ----------------*/

#thema-7 #hoofd-menu-first {
    background-color: #528DCE;
}

#thema-7 #sidebar h3 a {
    color: #528DCE;
}

#thema-7 #content h2 {
    color: #528DCE;
}

#thema-7 #content p.introductie {
    color: #528DCE;
}

#thema-7 .blok {
    border-color: #528DCE;
}
#thema-7 .blok h3{
    background-color: #528DCE;
}

#thema-7 .blok-product {
    border-color: #528DCE;
}

#thema-7 .blok-product  h3{
    background-color: #528DCE;
}

#thema-7 #zoekresultaten .zoekresultaat h3 {
    color: #528DCE;
}

#thema-7 #zoekresultaten .zoekresultaat h3  a{
    color: #528DCE;
}

#thema-7 #hoofd-menu-second ul ul li {
    background-color: #528DCE;
}

#thema-7 #hoofd-menu-second ul ul li.active {
    border-color: #528DCE;
}

#thema-7 #hoofd-menu-second ul ul li.active a {
    color: #528DCE;
}

#thema-7 #hoofd-menu-second ul ul ul li {
    background-color: #528DCE;
}

#thema-7 #footer {
    background-color: #528DCE;
}

#thema-7 #hoofd-menu-first ul li
{
background-color: #528DCE;
}


/* Thema 8 ----------------*/

#thema-8 #hoofd-menu-first {
    background-color: #528DCE;
}

#thema-8 #sidebar h3 a {
    color: #528DCE;
}

#thema-8 #content h2 {
    color: #528DCE;
}

#thema-8 #content p.introductie {
    color: #528DCE;
}

#thema-8 .blok {
    border-color: #528DCE;
}
#thema-8 .blok h3{
    background-color: #528DCE;
}

#thema-8 .blok-product {
    border-color: #528DCE;
}

#thema-8 .blok-product  h3{
    background-color: #528DCE;
}

#thema-8 #zoekresultaten .zoekresultaat h3 {
    color: #528DCE;
}

#thema-8 #zoekresultaten .zoekresultaat h3  a{
    color: #528DCE;
}

#thema-8 #hoofd-menu-second ul ul li {
    background-color: #528DCE;
}

#thema-8 #hoofd-menu-second ul ul li.active {
    border-color: #528DCE;
}

#thema-8 #hoofd-menu-second ul ul li.active a {
    color: #528DCE;
}

#thema-8 #hoofd-menu-second ul ul ul li {
    background-color: #528DCE;
}

#thema-8 #footer {
    background-color: #528DCE;
}

#thema-8 #hoofd-menu-first ul li
{
background-color: #528DCE;
}

/* Thema 9 ----------------*/

#thema-9 #hoofd-menu-first {
    background-color: #528DCE;
}

#thema-9 #sidebar h3 a {
    color: #528DCE;
}

#thema-9 #content h2 {
    color: #528DCE;
}

#thema-9 #content p.introductie {
    color: #528DCE;
}

#thema-9 .blok {
    border-color: #528DCE;
}

#thema-9 .blok h3{
    background-color: #528DCE;
}

#thema-9 .blok-product {
    border-color: #528DCE;
}

#thema-9 .blok-product  h3{
    background-color: #528DCE;
}

#thema-9 #zoekresultaten .zoekresultaat h3 {
    color: #528DCE;
}

#thema-9 #zoekresultaten .zoekresultaat h3  a{
    color: #528DCE;
}

#thema-9 #hoofd-menu-second ul ul li {
    background-color: #528DCE;
}

#thema-9 #hoofd-menu-second ul ul li.active {
    border-color: #528DCE;
}

#thema-9 #hoofd-menu-second ul ul li.active a {
    color: #528DCE;
}

#thema-9 #hoofd-menu-second ul ul ul li {
    background-color: #528DCE;
}

#thema-9 #footer {
    background-color: #528DCE;
}

#thema-9 #hoofd-menu-first ul li
{
background-color: #528DCE;
}

/* 13 icons bij documenten */ 
a[href$='.doc'], a[href$='.docx'] {
    background: transparent url(/data/stylesheetimgs/4/doc-word-icon.png) center left no-repeat;
    padding-left: 20px;
}
a[href$='.xls'], a[href$='.xlsx'] {
    background: transparent url(/data/stylesheetimgs/4/doc-excel-icon.png) center left no-repeat;
    padding-left: 20px;
}
a[href$='.pdf'] {
    background: transparent url(/data/stylesheetimgs/4/doc-pdf-icon.png) center left no-repeat;
    padding-left: 20px;
}
a[href$='.zip'] {
    background: transparent url(/data/stylesheetimgs/4/doc-zip-icon.png) center left no-repeat;
    padding-left: 20px;
}
a[href$='.ppt'],a[href$='.pptx']  {
    background: transparent url(/data/stylesheetimgs/4/doc-powerpoint-icon.png) center left no-repeat;
    padding-left: 20px;
}

a[href$='.mp3']  {
    background: transparent url(/data/stylesheetimgs/4/mp3-icon.gif) center left no-repeat;
    padding-left: 20px;
}
/* alleen agenda items in de sidebar krijgen een icon*/
#sidebar a[href*="/agenda/"] {
    background: url("/data/stylesheetimgs/4/doc-calendar-icon.png") no-repeat scroll right center transparent;
    padding-right: 18px;
    padding-bottom:4px;q
}
#sidebar a[href*="/informatie/agenda/"] {
    background: none;
   
}

/* TRYOUT*/
/* Footer  http://css-tricks.com/ */
footer { clear: both; overflow: hidden; font-size: 16px; line-height: 1.3; }
footer ul { list-style: none; text-align: right; }

#footer-boxes { -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; 

column-count: 3; column-gap: 10px; }
.footer-box { margin: 0 0 10px 0; display: inline-block; width: 212px; height: 130px; padding: 15px; background: 

#e6e2df; color: #b2aaa4;  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; background-position: 320px 

50%; background-repeat: no-repeat; }
.footer-box h5 { font-family: "tandelle-1","tandelle-2", Impact; text-transform: uppercase; font-size: 38px; 

line-height: 1; padding: 0 0 10px 0; color: #b2aaa4; }
.footer-box:hover h5 { text-shadow: 0 0 4px rgba(0,0,0,0.4); color: white; }
.footer-box:hover p { color: white; }
.footer-box p { font-size: 12px; width: 175px; line-height: 1.5; color: #b2aaa4; }
.footer-box:hover { background-position: 200px 50%; }
#footer-boxes a:hover { text-decoration:none; }

#fb-ds1           { background-image: url(/data/stylesheetimgs/4/ds-css-images.png); background-position: 290px -968px; 

}             
#fb-ds1:hover  { background-color: #c03823; background-position: 166px -968px; }        
#fb-ds1:hover p { color: #fee17f; }
#fb-ds2           { background-image: url(/data/stylesheetimgs/4/ds-css-images.png); background-position: 290px 

-1128px; }             
#fb-ds2:hover { background-color: #fed300; background-position: 166px -1128px; }        
#fb-ds2:hover p { color: #9f6618; }
#fb-ds3             { background-image: url(/data/stylesheetimgs/4/ds-css-images.png); background-position: 290px 

-1288px; }               
#fb-ds3:hover { background-color: #237abe; background-position: 166px -1288px; }  
#fb-ds4   { background-image: url(/data/stylesheetimgs/4/ds-css-images.png); background-position: 290px -1448px; }      

         
#fb-ds4:hover { background-color: #37597a; background-position: 166px -1448px; }
#fb-ds5        { background-image: url(/data/stylesheetimgs/4/ds-css-images.png); background-position: 290px -1608px; } 

       
#fb-ds5:hover { background-color: #333333; background-position: 166px -1608px; }  
#fb-ds5:hover p { color: #adbde3; }
#fb-ds6       { background-image: url(/data/stylesheetimgs/4/ds-css-images.png); background-position: 290px -1768px; }  

       
#fb-ds6:hover { background-color: #ff8400; background-position: 166px -1768px; } 
#fb-ds6:hover p {  color: #fff8da; }
#fb-ds7         { background-image: url(/data/stylesheetimgs/4/ds-css-images.png); background-position: 290px -1928px; 

}           
#fb-ds7:hover { background-color: #4ed2fe; background-position: 166px -1928px; }
#fb-ds8          { background-image: url(/data/stylesheetimgs/4/ds-css-images.png); background-position: 290px -2088px; 

}            
#fb-ds8:hover { background-color: #203f16; background-position: 166px -2088px; } 
#fb-ds8:hover p { color: #92c59c; }


/* Sidebar 125x125's */
#bsap_1235262 a { padding: 15px; margin: 0 20px 20px 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s 

ease; -o-transition: all 0.2s ease; -webkit-border-top-left-radius: 80px; -webkit-border-bottom-right-radius: 80px; 

-moz-border-radius-topleft: 80px; -moz-border-radius-bottomright: 80px; border-top-left-radius: 80px; 

border-bottom-right-radius: 80px; }
#bsap_1235262 a:hover { -webkit-border-top-left-radius: 40px; -webkit-border-bottom-right-radius: 40px; 

-moz-border-radius-topleft: 40px; -moz-border-radius-bottomright: 40px; border-top-left-radius: 40px; 

border-bottom-right-radius: 40px; }
#bsap_1235262 a img { -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); 

box-shadow: 0 0 8px rgba(0,0,0,0.5); padding: 3px; }
#bsap_1235262 .even { margin-right: 0; }
#bsap_1235262 .ad1 { background: #e42b2b; }
#bsap_1235262 .ad2 { background: #ff8400; }
#bsap_1235262 .ad3 { background: #a800ff; }
#bsap_1235262 .ad4 { background: #49a7f3; }
#bsap_1235262 .ad5 { background: #41d05f; }
#bsap_1235262 .ad6 { background: #e42b2b; }