@font-face {
    font-family: 'Caecilia';
    src: url('font/CaeciliaLTStd-Light.eot?') format('eot'),
    url('font/CaeciliaLTStd-Light.otf')  format('opentype'),
    url('font/CaeciliaLTStd-Light.woff') format('woff'),
    url('font/CaeciliaLTStd-Light.ttf')  format('truetype'),
    url('font/CaeciliaLTStd-Light.svg#CaeciliaLTStd-Light') format('svg');
}

@font-face {
    font-family: 'AvenirLTStd-Light';
    src: url('font/AvenirLTStd-Light.eot?') format('eot'),
    url('font/AvenirLTStd-Light.otf')  format('opentype'),
    url('font/AvenirLTStd-Light.woff') format('woff'),
    url('font/AvenirLTStd-Light.ttf')  format('truetype'),
    url('font/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
}

@font-face {
    font-family: 'AvenirLTStd-Roman';
    src: url('font/AvenirLTStd-Roman.eot?') format('eot'),
    url('font/AvenirLTStd-Roman.otf')  format('opentype'),
    url('font/AvenirLTStd-Roman.woff') format('woff'),
    url('font/AvenirLTStd-Roman.ttf')  format('truetype'),
    url('font/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');

}

html{ background: #ddd; background:#a5a5a5;}
body{
    font-family: AvenirLTStd-Light, Arial, Helvetica, sans-serif;
    background: rgba(250,250,250,.75);
    background:#efede9;
    width: 1500px;
    margin: 25px auto 150px;
    padding: 15px 50px 50px;
    position: relative;
    overflow-y: scroll;
    z-index: 9; line-height: 1.2em;
}

abbr{ border-bottom: 1px dotted; cursor: help; }
em, i{ font-style: italic;}
strong, b, .strong { font-weight: bold;}

a { color: #440060; text-decoration:none; }
a:hover, a:focus { color: #9d0075; text-decoration:underline; }
p a, li a { text-decoration:underline; }
#home li a, #sidebar section li a  { text-decoration:none; }

h1, h2, h3, p, ol, dl { margin-bottom: 25px; line-height:1em; }
h1 { color:#440060; font-size: 2em; }
h1#title { color:#000; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }

ul { list-style: square; }
ol { list-style: decimal;}
ul + h2, ul + h3 { margin-top: 25px; }
section + h2 { clear: both; padding-top: 25px; }


#home ul { color:#440060; margin-left:16px; }
/*
#sidebar ul, section.intro ul, section#col-02 ul, .news-single-item ul { list-style: square; color: #38306E; margin-left:16px; }
*/

blockquote {
    background: #D1E7F5;
    border:2px dotted #9CC8EA;
    /*
    border-radius: 25px;
    padding: 25px 25px 5px 145px;
    width: 130px;
    */
    padding: 25px 25px 0px 25px;
    margin: -10px -50px 10px 25px;
    position: relative;
    float: right;
    width: 250px;
    min-height:100px;
    height:100px;
    height:auto !important;
}

blockquote .csc-textpic-imagewrap { margin-left:-25px !important;}
blockquote p { font-size: .9em; }
blockquote img {
    /*
    position: absolute;
    bottom: 0;
    left: 10px;
    left:0;
    */
    float:left;
    margin:0 !important;
}

blockquote em { font-size: .9em;}

header { margin-bottom: 25px; }
header img { /*display:none;*/ }
header a.title {
    /*
    background: url(../img/logo-new.png) left center no-repeat;
    margin-bottom: -11px;
    */
    display:block;
    width:493px; width:290px;
    height:54px;
    padding:0px;
    border:1px solid #f2f2f2;

    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

/*header a:hover, header a:focus { border-color: #999; }*/

header form {
    position: absolute;
    top: 44px;
    right: 60px;
}

header form * { display: inline-block; position: static; vertical-align: middle; }
header label { width: auto;}
header input { width: 100px; }
header button, header input.submit {
    font-size: 1em; width:auto;
    margin: 0 -4px;
    padding: 3px 10px 4px;
}

footer { font-size: .8em;}
footer { clear:both; padding-top:10px; }

footer a img{
    display: inline-block;
    margin-bottom: -7px;
    height: 25px; width:25px;
}

section, article {
    height: 246px;
    margin: 0 10px 10px 0;
    padding: 25px;
    float: left;
    width: 238px;
    vertical-align: top;
    position: relative;
    border: 1px solid #bbb;
    background: #fff;
}

article {
    float: none;
    display: inline-block;
    /*    margin-right: 6px;*/
    height: auto;
}

section:hover, article:hover, section:focus, article:focus { border-color:#999; }

li + li { margin-top: 10px;}
li a em { display: block; font-size: .8em; }
li a img { height: 25px; margin: 0 5px -5px 0; }


/* Intro blok */
.intro, .route { border:none; float:none; width:auto; }
/*.intro { background: url(../img/tiltshift.jpg) center; }*/
.intro { background: url(/fileadmin/bestanden/afbeeldingen/headers/random.php) center; }

.route img { position: absolute; top: 0; left: 0; }

#home .intro .csc-default {
    margin-top: 20px;
    float: right;
    background: #fff;
    /*padding: 20px 20px 20px 40px;*/
    padding: 20px;
    width: 180px;
    opacity: .9;
}

.intro li, .route li {
    margin-bottom: 10px;
    list-style: square;
    font-size: 1.1em;
}

.intro a { /*font-size: .75em;*/ }

.highlight{ width: 536px;}


/*Focus & highlight blokken */
/* repaced by multiple content
#home .focus li + li, #home .highlight li + li {
    width: 0;
    height: 0;
    padding: 15px 0 0 15px;
     padding: 20px 20px 20px 0;
    position: absolute;
    background: #66A4D5;
    right: 25px;
    top: 15px;
    cursor: pointer;
}
#home .focus li + li + li, #home .highlight li + li + li { right: 45px; }
#home .focus li + li + li + li, #home .highlight li + li + li + li { right: 65px; }
#home .focus li + li + li + li + li, #home .highlight li + li + li + li + li { right: 85px; }
#home .focus li + li:hover, #home .highlight li + li:hover, #home .focus li + li:focus, #home .highlight li + li:focus {
    background: #95277E;
}

#home .focus h2, #home .highlight h2 { margin-bottom: 5px; }
#home .focus li, #home .highlight li {
    overflow: hidden;
    background: #fff;
    padding: 20px 20px 20px 10px;
    height: 190px;
}

.focus li img { float: left; margin: 0 10px 5px 0; }
*/


/* Menu */
nav{ position: absolute; right: 60px; top: 15px; font-size: .8em; }
nav li{ margin-left: 12px; display: inline; }


/* form */
label {
    display: block;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #999;
}

input, textarea {
    padding: 5px;
    border: 1px solid #666;
    position: absolute;
    top:0;
    right: 50px;
    width: 300px;
}

button, input.submit, form input[type="submit"],
input.powermail_submit, input.tx-powermail-pi1_confirmation_submit {
    background: #0090c0;
    border: none;
    padding: 10px 20px;
    font-size: 1.2em;
    color: #fff;
    margin: 60px 0 0 352px;

    -o-transition: .25s;
    -ms-transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
    width:auto;
}

button:hover, button:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input.submit:hover, input.submit:focus,
input.powermail_submit:hover, input.powermail_submit:focus,
input.tx-powermail-pi1_confirmation_submit:hover, input.tx-powermail-pi1_confirmation_submit:focus {
    cursor: pointer;
    background:#440060;
}


input, textarea {
  -webkit-appearance: none;
    -webkit-border-radius:0px;
}

/* Breadcrumb */
.breadcrumb { font-size: .9em; margin-bottom: 10px;}
.breadcrumb strong, .breadcrumb .strong { font-size: 1.25em; }


/* Detailpagina */
.content{ width: auto; height: auto; padding-bottom: 0; }

/*.content h3 + p, .content h3 + img + p{ font-weight: bold; }*/
ul, ol{ margin:0 0 20px 16px; /*padding:0 0 0 16px;*/ }
section p img{ float: left; margin: 0 10px 5px 0; }


/* Lees verder */
.leesverder, .news-more a{
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 0;
    padding: 5px 0 0 25px;
    height: 20px;
    overflow: hidden;
    background:#440060 url(../img/arrow.png) right no-repeat;

    -o-transition: .25s;
    -ms-transition: .25s;
    -moz-transition: .25s;
    -webkit-transition: .25s;
    transition: .25s;
}

section:hover .leesverder, .leesverder:hover, .leesverder:focus,
section:hover .news-more a, .news-more a:hover, .news-more a:focus {
    width: auto;
    padding: 5px 25px 0 10px;
    color: #fff;
}

.leesverder:hover, .leesverder:focus,
.news-more a:hover, .news-more a:focus {
    background-color:#0090c0;
    color: #000 !important;
}

/* Blokjes */
.blokje {
    width: 23px;
    height: 23px;
    background:#440060;
    position: fixed;
    margin-bottom: -25px;
}

.blokje:nth-child(3n) { background:#440060; }
.blokje:nth-child(3n+1) { background:#0090c0; }
.blokje:nth-child(3n+2) { background:#9d0075; }

/* Social links footer */
#c1254 .csc-textpic-imagewrap a {
    display:block; float: left; height:25px;
}

body#home div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; }