@font-face { font-family: "ProximaNovaSoft-Bold"; src: url("../fonts/mark_simonson_-_proxima_nova_soft_bold-webfont-two.eot"); src: url("../fonts/mark_simonson_-_proxima_nova_soft_bold-webfont-two.eot?#iefix") format("embedded-opentype"), url("../fonts/mark_simonson_-_proxima_nova_soft_bold-webfont-two.svg#proxima_nova_softbold") format("svg"), url("../fonts/mark_simonson_-_proxima_nova_soft_bold-webfont-two.woff") format("woff"), url("../fonts/mark_simonson_-_proxima_nova_soft_bold-webfont-two.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "VarelaRoundRegular"; src: url("../fonts/varelaround-regular-webfont-two.eot"); src: url("../fonts/varelaround-regular-webfont-two.eot?#iefix") format("embedded-opentype"), url("../fonts/varelaround-regular-webfont-two.svg#varela_roundregular") format("svg"), url("../fonts/varelaround-regular-webfont-two.woff") format("woff"), url("../fonts/varelaround-regular-webfont-two.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "icomoon"; src: url("../fonts/icomoon.eot"); src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("application/font-woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; }

h1 { font: 42px/44px "VarelaRoundRegular", Arial, Helvetica, sans-serif; letter-spacing: -2px; }

html { height: 100%; }

body { margin: 0; color: #2c2c2b; font: 13px/24px Arial, Helvetica, sans-serif; min-width: 1160px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; background: #fff; height: 100%; }

img { border-style: none; }

a { text-decoration: none; color: #1570a6; }

a:hover { text-decoration: underline; }

/*a:active { background-color: transparent;
}*/
input, textarea { font: 14px Arial, Helvetica, sans-serif; vertical-align: middle; color: #595454; }

select { font: 13px Arial, Helvetica, sans-serif; vertical-align: middle; color: #2C2C2B; }

form, fieldset { margin: 0; padding: 0; border-style: none; }

input[type="image"] { padding: 0; border: none; }

input[type=text], input[type=password], input[type=file], input[type=submit], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }

input:focus, textarea:focus { outline: none; }

input:placeholder { color: #595454; transition: color 0.1s ease-in-out; }

input:-moz-placeholder { color: #595454; -moz-transition: color 0.1s ease-in-out; }

input:-ms-input-placeholder { color: #595454; -ms-transition: color 0.1s ease-in-out; }

input::-webkit-input-placeholder { color: #595454; -webkit-transition: color 0.1s ease-in-out; }

input:focus:placeholder { color: transparent; }

input:focus:-moz-placeholder { color: transparent; }

input:focus:-ms-input-placeholder { color: transparent; }

input:focus::-webkit-input-placeholder { color: transparent; }

.text-only { position: absolute !important; left: -9999px !important; }
.text-only + span { width: 40px !important; }

#wrapper { width: 100%; overflow: hidden; height: 100%; display: table; }

.skiplinks { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }

.skiplinks li { background: none; margin-bottom: 0; }

.skiplinks a { position: absolute; top: -1000px; left: 50px; }

.skiplinks a:focus, .skiplinks a:active { top: 20px; left: 20px; display: block; background: #1570A6; color: #fff; padding: 4px 12px; border: 2px solid white; outline-color: #1570A6; z-index: 1000; }

.w1 { width: 100%; display: table; }

.w2 { display: table-cell; width: 100%; }

#header { width: 100%; position: relative; z-index: 130; padding: 22px 0 0; margin: 0 0 38px; }

body.home #header { margin: 0 0 -3px; }

body.home #header:before { display: none; }

#header:before { content: ""; position: absolute; bottom: 0; left: 0; height: 3px; background: #fbb041; width: 100%; z-index: -1; }

.top-panel { margin: 0 auto 17px; width: 1144px; font-size: 13px; line-height: 14px; color: #3e3e3e; }

.logo { float: left; /* text-indent: 100%; overflow: hidden;
*/ margin: 12px 14px 0 0; }

.logo a { height: 100%; display: block; }

.slogan { float: left; margin: 24px 10px 0 0; }

.top-nav { float: right; list-style: none; margin: 0; padding: 0; font-size: 11px; line-height: 13px; position: relative; z-index: 30; }

.top-nav > li { float: left; padding: 10px 12px 6px 11px; background: url(../images/separator-01.png) no-repeat 100% 12px; position: relative; }

.top-nav > li > a { float: left; position: relative; }

.top-nav .login { padding-left: 6px; }

.top-nav .login > a { padding: 0 0 0 20px; position: relative; }

.top-nav .login > a:before { content: ""; position: absolute; top: -2px; left: 4px; background: url(../images/ico-login.png) no-repeat; width: 13px; height: 14px; }

html.touch .top-nav .login.has-drop.hover > a, html.no-touch .top-nav .login.has-drop:hover > a { background: url(../images/bg-login.png) no-repeat; padding: 10px 1px 9px 30px; margin: -10px -1px -9px -10px; text-decoration: underline; z-index: 10; }

html.touch .top-nav .login.hover > a:after, html.no-touch .top-nav .login:hover > a:after { content: ""; position: absolute; top: 0; left: 100%; width: 11px; height: 31px; background: url(../images/bg-login.png) no-repeat 100% -31px; }

html.touch .top-nav .login.hover > a:before, html.no-touch .top-nav .login:hover > a:before { top: 8px; left: 14px; }

html.no-touch .top-nav li.has-drop.hover .drop, html.no-touch .top-nav li.has-drop a:focus + .drop, html.no-touch .top-nav li.has-drop:hover .drop { top: 100%; }

.top-nav .drop { position: absolute; right: 0; list-style: none; margin: 0; padding: 24px 0 3px; width: 203px; background: url(../images/bg-drop-01.png) no-repeat; font-size: 14px; line-height: 16px; font-weight: bold; top: -2000px; }

.top-nav .drop:after, .top-nav .drop:before { content: ''; position: absolute; height: 5px; left: 0; bottom: 0; width: 100%; background: url(../images/bg-drop-01.png) no-repeat -203px 0; }

.top-nav .drop:after { top: 5px; height: auto; bottom: 5px; background: url(../images/bg-drop-01.png) repeat-y -406px 0; }

.top-nav .drop li { padding: 0 10px 0 48px; margin: 0 0 20px; position: relative; z-index: 10; background: url(../images/bullet-01.png) no-repeat 35px 5px; }

.top-nav .drop a { color: #1570a6; }

.navigation { margin: 0 auto; width: 1144px; background: url(../images/separator-02.png) no-repeat 0 100%; position: relative; padding: 0 0 13px; }

body.home #header .navigation { background: none; }

.navigation:before { content: ""; position: absolute; left: 100%; bottom: 0; width: 9000px; height: 3px; background: #008741; }

body.home #header .navigation:before { display: none; }

.search-block { float: right; position: relative; width: 230px; margin: 0 0 0 0px; z-index: 20; }

.search-form { width: 219px; padding: 0 0 0 11px; float: left; background-color: #E7E7E7; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

html.no-borderradius .search-form { background: url(../images/bg-search-form.png) no-repeat; }

html.no-borderradius .component-box.middle .search-form { width: 230px; }

.search-form legend { position: absolute; left: -9999px; }

.search-form label { position: absolute; left: -9999px; }

.search-form input[type=text] { float: left; border: none 0; background: none; margin: 0; padding: 9px 0; width: 180px; }
.search-form input[type=text]::placehoder { color: #595454; opacity: 1; }
.search-form input[type=text]::-webkit-input-placeholder { color: #595454; opacity: 1; }
.search-form input[type=text]:-moz-placeholder { color: #595454; opacity: 1; }
.search-form input[type=text]::-moz-placeholder { color: #595454; opacity: 1; }
.search-form input[type=text]:-ms-input-placeholder { color: #595454; opacity: 1; }

.search-form input[type=submit] { float: right; width: 33px; height: 35px; border: none 0; cursor: pointer; overflow: hidden; padding: 0; text-indent: 100%; line-height: 0; background-color: transparent; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02LjA5Niw0NjMuMjQ4QzAsNDY5LjM0NCwwLDQ3OS4yMzIsNi4wOTYsNDg1LjM0NGwyMi4wOTYsMjIuMDk3YzYuMTEyLDYuMDk2LDE2LDYuMDk2LDIyLjA5NywwbDE1NC42ODgtMTU0LjY4OA0KCWMxLjY4LTEuNjgsMi44LTMuNjY0LDMuNTUyLTUuNzc1QzI0MC4yNTYsMzcwLjE2LDI3OS4yMTYsMzg0LDMyMS41MzUsMzg0YzEwNi4wMzIsMCwxOTItODUuOTY4LDE5Mi0xOTJzLTg1Ljk2OC0xOTItMTkyLTE5Mg0KCUMyMTUuNTA0LDAsMTI5LjUzNiw4NS45NjgsMTI5LjUzNiwxOTJjMCw0Mi4zMiwxMy44NCw4MS4yOCwzNy4wMjMsMTEzLjAwOGMtMi4xMTEsMC43NTItNC4wOTYsMS44NTUtNS43NzUsMy41NTNMNi4wOTYsNDYzLjI0OHoNCgkgTTMyMS41MzUsNjRjNzAuNjg4LDAsMTI4LDU3LjMxMiwxMjgsMTI4YzAsNzAuNjg4LTU3LjMxMiwxMjgtMTI4LDEyOGMtNzAuNjg4LDAtMTI3Ljk5OS01Ny4zMTItMTI3Ljk5OS0xMjgNCglDMTkzLjUzNiwxMjEuMzEyLDI1MC44NDgsNjQsMzIxLjUzNSw2NHoiLz4NCjwvc3ZnPg0K); background-size: 21px; background-repeat: no-repeat; background-position: 0 8px; }

html.no-svg .search-form input[type=submit] { background: url(../images/ico-search.png) no-repeat 0 8px; }

.newsletter input[type=checkbox] { margin-left: 165px; margin-top: 0px; }

.newsletter .area span, #content .newsletter .area p { float: right; width: 442px; margin: 0px; }

#content .newsletter .area p { margin: 10px 0 0 0 !important; }

#content.directie .area { width: 100%; float: left; margin-bottom: 20px; }

#content.directie .area .select { float: right; }

#content.directie .contact-block { float: left; }

.margintop { margin-top: 20px !important; }

#content.directie .contact-block .contact-box { margin-bottom: 15px; }

#nav { list-style: none; margin: 0; padding: 9px 0 0; font: 18px/20px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; }

#nav > li { float: left; margin: 0 65px -19px 0; position: relative; padding: 0 0 19px; background: url(../images/none.png); }

#nav > li > a { color: #151010; }

#nav > li > a:hover, #nav > .hover > a, #nav > .active > a { color: #767676; text-decoration: none; }

/*
#nav .home > a { color: #2c2c2b;}
*/
#nav .has-drop > a { padding: 0 19px 0 0; }

.top-nav .login.has-drop.hover .drop, #nav .has-drop.hover .drop, html.no-touch #nav .has-drop a:focus + .drop, html.no-touch #nav .has-drop:hover .drop { top: 100%; }

#nav .drop { position: absolute; top: 100%; left: -36px; width: 297px; z-index: 1; background: url(../images/bg-drop-02.png) no-repeat -297px 0; list-style: none; margin: 0; padding: 28px 0 12px; font: bold 14px/16px Arial, Helvetica, sans-serif; top: -2000px; }

#nav .drop:after, #nav .drop:before { content: ''; position: absolute; height: 5px; left: 0; bottom: 0; width: 100%; background: url(../images/bg-drop-02.png) no-repeat -594px 0; }

#nav .drop:after { top: 5px; height: auto; bottom: 5px; background: url(../images/bg-drop-02.png) repeat-y; }

#nav .drop > li { padding: 0 20px 0 48px; background: url(../images/bullet-01.png) no-repeat 34px 5px; margin: 0 0 20px; overflow: hidden; position: relative; z-index: 10; line-height: 20px; }

#nav .drop > li a { color: #1570a6; }

#nav .drop ul { list-style: none; margin: 0 0 0 2px; padding: 27px 0 0; font: 13px/15px Arial, Helvetica, sans-serif; }

#nav .drop ul li { padding: 0 0 0 8px; background: url(../images/bullet-02.png) no-repeat 0 5px; margin-left: -1px; }

#main { width: 100%; position: relative; }

#main .breadcrumbs { list-style: none; margin: 0 auto 25px; padding: 0; overflow: hidden; font-size: 11px; line-height: 13px; width: 1144px; position: relative; z-index: 10; }

#main .breadcrumbs li { float: left; padding: 0 4px 0 9px; }

#main .breadcrumbs li:first-child { background: none; padding-left: 0; }

.main-content { padding: 0 0 18px; width: 1144px; margin: 0 auto; }

#content { width: 640px; padding: 0 252px 0 0; float: right; }

.main-content .non-float { float: none !important; }

#content .heading { height: 1%; font-size: 13px; line-height: 24px; color: #2c2c2b; margin: 0 0 27px; }

.news_title { margin-bottom: 10px !important; }

#article .news_date { font: 18px/20px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; line-height: 24px; margin: 0px; margin-bottom: 10px !important; }

.rss { float: right; margin: 5px -71px 0 0; padding: 36px 0 0; width: 67px; font-size: 11px; line-height: 14px; color: #1570a6; background: url(../images/ico-rss.png) no-repeat 50% 0; text-transform: uppercase; text-align: center; }

div.visual + a.rss { margin-right: 0px; }

#main .first-item { font: 42px/44px "VarelaRoundRegular", Arial, Helvetica, sans-serif; color: #000; margin: 0 0 15px -3px; }

#main h2, .thema_title { font: 23px/25px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; color: #000; }

.list h2 a, h2 a { color: #1570a6; text-decoration: none; }

.list h2 a:hover, h2 a:hover { text-decoration: underline; }

#content .heading .text, #article .checkup .text { background: url(../images/separator-04.png) repeat-x 0 100%; padding: 0 0 15px; margin: 0 0 20px; text-align: left; }

#article .button-holder { padding-top: 10px; margin-top: 25px; }

#content .heading p { margin: 0; }

#content .heading .more { float: right; background: url(../images/arrow-04.png) no-repeat 0 50%; padding: 0 0 0 8px; line-height: 20px; }

#main img { vertical-align: top; float: left; margin: 0px 10px 10px 0; }

#main .hippohtml img { float: none; }

#main .main-content .content-block .visual img { margin-top: 4px; }

#main .article-content .visual, #main .main-content .content-block .visual { width: 228px; }
#main .article-content .visual img, #main .main-content .content-block .visual img { margin-right: 0px; width: 228px; }
#main .article-content .visual .caption, #main .main-content .content-block .visual .caption { display: block; text-align: center; font-size: 11px; line-height: 18px; }

#main .article-content .visual { width: 450px; float: right; }
#main .article-content .visual img { width: 450px; }

.content-holder { margin: 0 0 63px; }

#main .list { list-style: none; margin: 0 0 31px; padding: 0; clear: both; }

#main .list > li { overflow: hidden; margin: 0 0 30px; padding: 5px; background: none; }

#main .list > li:hover { background-color: #edebeb; }

.list .icon { float: left; margin: 2px 14px 0 0; }

.list .text { float: left; margin: 0 3px 0 0; color: #2c2c2b; font-size: 13px; line-height: 20px; }

.list a { color: #2c2c2b; text-decoration: none; }

.list a h2 { color: #2C2C2B; }

#main .list.type-1 { margin-left: -5px; }

#main .list.type-1 li { padding: 10px 5px; }

#main .list.type-1 .text { width: 425px; }

#main .list .text h2, #main .list .text a h2 { font: bold 15px/17px Arial, Helvetica, sans-serif; margin: 0 0 2px -1px; color: #2C2C2B; }

#main .list .text p { margin: 0 0 1px; }

#main .list .text .links, #main .list .text .links li a { list-style: none; margin: 0; padding: 0; font-size: 12px; line-height: 20px; color: #1570a6; }

#main .list .text .links li a:hover { text-decoration: underline; }

#main .list .text .links li { display: inline; padding: 0 7px 0 13px; background: url(../images/bullet-03.png) no-repeat 0 5px; }

#main .list .text .links li:first-child { background: none; padding-left: 0; }

.download-container { width: 168px !important; float: left; position: relative; }

.download-center { left: 50%; float: left; position: relative; }

.download-box { width: auto; float: left; text-align: center; padding: 3px 6px 0; height: 30px; left: -50%; position: relative; }

.download-box .download { display: block; font: 13px/15px "VarelaRoundRegular", Arial, Helvetica, sans-serif; color: #fff; padding: 6px 3px 0; position: relative; margin: 0 0 18px; }

.download-box .download:focus { color: #fbb040; outline-color: #fbb040; }

.download-box .download:hover { text-decoration: underline; }

.info { font-size: 12px; line-height: 15px; color: #2c2c2b; font-weight: normal; padding: 0 10px 0 0; }

.info span { padding: 0 0 0 23px; background: url(../images/separator-03.png) no-repeat 11px 2px; }

#main .list.type-2 .text { width: 470px; }

#main .list .container { float: left; width: 120px; }

#main .list.type-3 { margin: 0 0 35px -2px; }

#main .list.type-3 > li { margin: 0 0 33px; }

#main .list.type-3 .text, #main .list.type-4 .text { float: right; width: 400px; margin: 2px 87px 0 0; }

#main .list .date { padding: 13px 0 0; white-space: nowrap; font: 20px/22px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; display: block; margin: 0 0 7px; position: relative; }
#main .list .date:before { content: "-"; display: block; position: absolute; font-weight: bold; top: -9px; font-size: 25px; width: 100%; text-align: center; }

#main .list .date:first-child { padding-top: 0; background: none; }
#main .list .date:first-child:before { display: none; }

#main .list .date span { font: bold 12px Arial, Helvetica, sans-serif; text-transform: none; margin: 0 0 0 1px; }

#main .list.type-3 .text p { margin: 0 0 2px; }

#main .list.type-3 .links li { padding: 0 3px 0 13px; }

#main .list.type-4 { margin: 0 0 31px 1px; }

#main .list.type-4 > li { margin: 0 0 41px; }

#main .list.type-4 .container { margin-top: 4px; }

#main .list.type-4 .text p { margin: 0 0 2px; }

.link-holder { text-align: center; margin-top: -30px; padding: 0 0 69px 59px; }

.link-holder ul#page-nav { list-style-type: none; display: table; padding: 0; margin: 0 auto; }

.link-holder ul#page-nav li { display: inline-block; background-image: none; height: 15px; line-height: 17px; padding: 4px 8px; }

.link-holder ul#page-nav li.active { background-color: black; border-radius: 5px; color: white; }

.noresults { margin-right: 100px; }

/*.link-holder ul#page-nav li.prev:before { content: "\00AB"; margin-right: 3px;
}

.link-holder ul#page-nav li.next:after { content: ""; background-image: url(../images/arrow-04.png); height: 6px; width: 4px; display: inline-block; margin-left: 3px;
}
*/
.link-holder ul#page-nav li.disabled a, .link-holder ul#page-nav li.disabled { color: lightgrey; }

#main .buttons-list-container .buttons-list a, .button { display: inline-block; vertical-align: top; height: 44px; font: 18px/46px "VarelaRoundRegular", Arial, Helvetica, sans-serif; color: #fff; position: relative; cursor: pointer; width: auto !important; margin-bottom: 20px; padding: 0 16px 0 18px; }

#main .button.orange, #main .forms-block .button { display: inline-block; vertical-align: top; height: 44px; font: 18px/46px "VarelaRoundRegular", Arial, Helvetica, sans-serif; color: #FFF; position: relative; cursor: pointer; width: auto !important; margin-bottom: 20px; padding: 0 16px 0 18px; background-color: #ED6B06; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
#main .button.orange input:focus, #main .forms-block .button input:focus { color: black; }

html.lt-ie9 .button span { white-space: nowrap; overflow: hidden; width: 662px; display: block; text-overflow: ellipsis; }

.button.more-content.loading { background-color: transparent; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: top center; height: 50px; }

.button.more-content.loading span { text-indent: 100%; overflow: hidden; white-space: nowrap; }

.button span, .button input { background: none; background-attachment: scroll; /*background-image: url(../images/button-right.gif);*/ background-position: right top; background-repeat: no-repeat; font: 18px/46px "VarelaRoundRegular", Arial, Helvetica, sans-serif; color: #fff; float: left; height: 44px; position: relative; margin: 0px !important; border: none; cursor: pointer; text-align: center; }

.button:hover > span, .button:hover > input { text-decoration: underline; }

.button:focus span, .button:focus input, .button input:focus { color: #fbb040; outline-color: #fbb040; }

.button.moreleft { margin-right: 200px; }

#content .newsletter .button { margin-top: 20px; }

#sidebar { float: left; width: 200px; margin: 5px 0 0 -1px; }

#sidebar .search-form { width: 190px; background: url(../images/bg-search-form-02.png) no-repeat; margin: 0 0 20px; float: none; }

#sidebar .search-form input[type=text] { width: 150px; }

#sidebar h2 { color: #100f0f; margin: 0 0 14px; }

#sidebar .nav-bar { list-style: none; margin: 0; padding: 0 0 0 1px; font-size: 13px; line-height: 15px; }

#sidebar .nav-bar > li { margin: 0 0 21px; height: 1%; padding: 0; background: none; }

.nav-bar .holder { height: 1%; }

.nav-bar .holder span { padding: 0 0 0 15px; }

.nav-bar a { display: inline-block; vertical-align: top; margin: 0 8px 0 0; padding: 0 0 0 19px; }

#sidebar .nav-bar.facetnavigation { position: relative; }

#sidebar .nav-bar .btn-close { color: black; display: block; }
#sidebar .nav-bar .btn-close:after { content: ""; display: inline-block; background: url(../images/btn-close.png) left top no-repeat; width: 10px; height: 9px; position: absolute; right: 0; margin-top: 4px; }

#sidebar .nav-bar .btn-close:hover:after { background-position: 0 -9px; }

.nav-bar a:hover { text-decoration: none; font-weight: bold; }

.nav-bar .has-drop > .holder > a { padding: 0 0 0 19px; }

#sidebar .nav-bar .options-list { padding-top: 8px; }

#sidebar .nav-bar .options-list li { /*height: 1%;*/ margin: 0 0 7px; padding: 0; background: none; }

#sidebar .nav-bar .options-list li form { display: block; margin: 0; padding: 0; }

#sidebar .nav-bar ul { list-style: none; margin: 0 0 -9px; padding: 10px 0 0 19px; line-height: 15px; }

#sidebar .nav-bar ul ul { margin: 0 0 -8px; padding: 7px 0 0 19px; }

#sidebar .nav-bar ul li { height: 1%; margin: 0 0 13px; background: none; padding: 0; }

#sidebar .nav-bar ul ul li { margin: 0 0 7px; }

.nav-bar ul li a { padding: 0; }

.nav-bar ul .title { display: block; font-weight: normal; color: #1570a6; margin: 0 0 2px; }

.nav-bar .info-form legend { display: block; width: 100%; font-weight: normal; color: #1570a6; margin: -1px 0 11px 0; padding: 0px 0 0px 0; position: static; left: 0; float: left; line-height: 15px; }

#sidebar .nav-bar .options-list li form fieldset { padding-top: 1px; /* hack for safari legend margins */ }

.info-form { width: 179px; }

.info-form .row { height: 1%; margin: 11px 0 0; }

.info-form .row:first-child { margin-top: 0; }

.info-form label { float: left; width: 30px; margin: 10px 5px 0 0; color: #1570a6; position: relative; }

.info-form .area { float: left; width: 144px; }

.info-form .area .field { background: url(../images/bg-area.png) no-repeat; height: 1%; margin: 0 0 15px; padding: 0 11px; position: relative; }

.info-form input[type=text] { float: left; width: 95px; border: none 0; padding: 9px 0; margin: 0 5px 0 0; background: none; font-size: 14px; line-height: 16px; color: #595454; word-spacing: 2px; }

.info-form .opener { float: left; width: 22px; height: 22px; overflow: hidden; text-indent: -9999px; background: url(../images/btn-open.png) no-repeat; padding: 0; margin: 7px 0 6px; border: none 0; cursor: pointer; }

.info-form .description { display: block; margin: 0 0 0 12px; font-size: 11px; line-height: 13px; color: #595454; text-transform: uppercase; word-spacing: 5px; position: absolute; width: 144px; left: 35px; top: 27px; }

.datepicker-active .datepicker-holder { top: -18px; }

.datepicker-holder { position: absolute; top: -9999px; right: -184px; z-index: 30; }

.ui-datepicker { width: 256px; background: url(../images/bg-datepicker.png) repeat-y; z-index: 500 !important; }

.ui-datepicker:after, .ui-datepicker:before { content: ''; display: block; background: url(../images/bg-datepicker.png) no-repeat -256px 0; height: 4px; margin: 0 0 5px; }

.ui-datepicker:after { background: url(../images/bg-datepicker.png) no-repeat -512px 0; margin: 16px 0 0; }

.ui-datepicker-header { position: relative; margin: 0 0 1px; }

.ui-datepicker-prev, .ui-datepicker-next { position: absolute; top: 5px; left: 10px; margin: 0 !important; }

.ui-datepicker-next { right: 10px; left: auto; }

.ui-icon { width: 36px; height: 36px; display: block; background: url(../images/buttons-02.png) no-repeat; overflow: hidden; text-indent: -9999px; }

.ui-datepicker-next .ui-icon { background: url(../images/buttons-02.png) no-repeat -36px 0; }

.ui-datepicker .ui-datepicker-title { margin: 0 50px 0 50px; padding: 10px 0; text-align: center; color: #130e0e; display: block; font: 21px/24px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; }

.ui-datepicker-calendar { width: 232px; font-size: 14px; line-height: 16px; border: none 0; margin: 0 auto; }

.ui-datepicker-calendar th { border: none 0; width: 32px; color: #130e0e; text-align: center; font-weight: bold; padding: 8px 3px 3px; }

.ui-datepicker-calendar td { text-align: center; padding: 3px 2px 2px; line-height: 18px; }

.ui-datepicker-calendar td a { color: #130e0e; display: block; width: 18px; height: 18px; border: 2px solid white; margin: 0 auto; }

.ui-datepicker-calendar td a:hover { text-decoration: none; border-color: #1570a6; font-weight: normal; }

.ui-datepicker-calendar .ui-state-highlight a { color: #fff; background: #1570a6; border-color: #1570a6; }

.info-form input[type=submit] { position: absolute; left: -9999px; }

.section.minustop { margin-top: -38px; }

.section.minustop.notfound .section-container { width: 1146px; }

.section { background: #d7d4d4; }

.section > .holder { margin: 0 auto; width: 1144px; padding: 33px 0 22px; }

a.thema_title { color: #1570a6; }

#main .section h2, .thema_title { font-size: 24px; line-height: 26px; margin: 13px 0 10px -1px; color: #100f0f; }

.three-columns .column { display: inline-block; vertical-align: top; width: 289px; margin: 0 16px 21px 0; padding: 39px 43px 41px 44px; background: #fff; overflow: hidden; position: relative; z-index: 1; background: url(../images/bg-box-02.png) no-repeat; }

.three-columns .column:after, .three-columns .column:before { content: ''; position: absolute; height: 21px; left: 0; bottom: 0; width: 100%; background: url(../images/bg-box-02.png) no-repeat -752px 0; z-index: -1; }

.three-columns .column:after { top: 21px; height: auto; bottom: 21px; background: url(../images/bg-box-02.png) repeat-y -376px 0; }

.three-columns .column .text { padding: 0 0 9px; background: url(../images/separator-04.png) repeat-x 0 100%; margin: 0 0 9px; }

.three-columns .column h3 { font: 22px/26px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; margin: 0 0 9px; color: #100f0f; }

#main .three-columns .column .list-area { list-style: none; margin: 0; padding: 4px 0 0; line-height: 24px; }

#main .three-columns .column .list-area li { margin: 0 0 6px; padding: 0; background: none; }

.three-columns .column .more { background: url(../images/arrow-04.png) no-repeat 0 4px; color: #1570A6; float: right; font: 12px/15px Arial, Helvetica, sans-serif; padding: 0 2px 0 8px; }

#footer { width: 100%; overflow: hidden; display: table-footer-group; background: #f6f4f4; }

#footer:before { content: ""; display: block; clear: both; height: 3px; background: #fbb041; }

#footer .f1 { height: 1%; display: table-row; }

#footer .f2 { display: table-cell; }

.footer-holder { width: 1144px; margin: -3px auto 0; padding-top: 3px; position: relative; background: url(../images/separator-02.png) no-repeat 50% 0; }

.footer-holder:before { content: ""; position: absolute; top: 0; left: 100%; width: 9000px; background: #008741; height: 3px; }

.footer-holder .footer-container { overflow: hidden; margin: 0 -32px 0 0; padding: 50px 0 44px; }

.footer-holder .add-nav { float: left; list-style: none; margin: 0 59px 0 0; padding: 0; width: 227px; font: 22px/21px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; }

.footer-holder .add-nav li { margin: 0 0 20px; }

.footer-holder .footer-box { float: left; width: 250px; margin: 0 73px 0 0; }

.footer-holder .title { margin: 0 0 16px; font: 22px/20px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; color: #1570a6; display: block; }

.footer-holder .box { margin: 0 0 30px; }

.footer-holder h2 { margin: 0; padding: 0; }

.footer-holder .menu-list { list-style: none; margin: 0; padding: 0; font-size: 13px; line-height: 15px; }

.footer-holder .menu-list li { margin: 0 0 15px; overflow: hidden; }

.footer-holder .menu-list .date { float: left; margin: 0 8px 0 0; font-weight: bold; font-style: normal; color: #000; }

.footer-holder .menu-list p { overflow: hidden; height: 1%; margin: 0; }

.footer-holder .footer-block { float: left; margin: 0 84px 0 0; width: 197px; }

.footer-holder .menu { list-style: none; margin: 0; padding: 0; font-size: 13px; line-height: 15px; }

.footer-holder .menu li { background: url(../images/separator-04.png) repeat-x; padding: 10px 0; }

.footer-holder .menu li:first-child { background: none; padding-top: 0; }

.copyright { width: 100%; background: #fcf9f9; font-size: 11px; line-height: 13px; padding: 11px 0 10px; }

.copyright .holder { margin: 0 auto; width: 1144px; padding-bottom: 20px; }

.copyright .footer-nav { float: right; list-style: none; margin: 9px -10px 0 20px; padding: 0; }

.copyright .footer-nav li { float: left; padding: 0 10px 0 12px; background: url(../images/separator-06.png) no-repeat 0 2px; }

.copyright .footer-nav li:first-child { background: none; padding-left: 0; }

.copyright .logo { float: left; width: 28px; height: 30px; background: url(../images/logo-02.png) no-repeat; margin: 0 7px 0 -5px; text-indent: 100%; overflow: hidden; }

.copyright .text { margin: 9px 0 0; float: left; }

#to-top { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; font-size: 16px; line-height: 18px; }

#to-top:focus { position: static; width: auto; height: auto; }

.main-content .text-section { width: 670px; }

.text-section img { float: left; margin-right: 15px; margin-bottom: 10px; }

#main .main-content .text-section h1 { margin: 0 0 8px -2px; }

.main-content .text-section p { margin: 0 0 14px; }

#main .main-content .text-section h2 { margin: 0 0 0px 0px; font-size: 22px; }

.three-columns .column.alt { padding-bottom: 46px; }

.three-columns .column .box-container .box { background: url(../images/separator-04.png) repeat-x 0 100%; padding: 0 65px 16px 0; line-height: 18px; margin: 36px 0 0 -1px; }

.three-columns .column .box-container .box:first-child { margin-top: 0; }

.three-columns .column h4 { font-size: 15px; line-height: 17px; margin: 0 0 1px 0px; }

.three-columns .column .box p { margin: 0 0 12px; }

#main .social-networks { list-style: none; margin: 0 -26px 0 0px; padding: 0; overflow: hidden; font-size: 11px; line-height: 13px; }

#main .social-networks li { float: left; width: 41px; text-align: center; margin: 0 26px 0 0; padding: 0; background: none; }

.social-networks a { display: block; padding: 37px 0 0; }

.social-networks .google { background: url(../images/ico-google.png) no-repeat 50% 0; }

.social-networks .twitter { background: url(../images/ico-twitter.png) no-repeat 50% 0; }

.social-networks .linkedin { background: url(../images/ico-linkedin.png) no-repeat 50% 0; }

#main .three-columns .column .menu { list-style: none; margin: 0 0 0px; padding: 0; line-height: 18px; }

#main .three-columns .column .menu li { margin: 20px 0 0; padding: 0; background: none; }

.three-columns .column .menu li:first-child { margin-top: 0; }

.three-columns .column .menu p { margin: 0; }

.content-block { float: right; width: 891px; padding: 0px 0 37px; }

.banner { margin: 0 0 14px; }

.content-block #content .heading p { margin: 0 0 18px; }

.content-block #content p { margin: 0 0 21px; }

.content-block #content h2 { margin: 0 0 2px; }

.content-block #content p + ul { margin-top: -29px; }

.block-social { padding: 13px 0 44px; font-size: 11px; line-height: 13px; color: #373532; }

.block-social .title { display: block; margin: 0 0 15px 0px; font-weight: normal; }

.content-block #content .block-social .social-networks { margin: 0 -36px 0 -3px; }

.content-block #content .block-social .social-networks li { margin: 0 36px 0 0; }

.social-networks .print { background: url(../images/ico-print.png) no-repeat 50% 0; }

.contact-block { margin: 0 -44px 0 1px; overflow: hidden; }

#content .contact-block h2 { margin: 0 0 7px -1px; }

.contact-block .contact-box { float: left; margin: 0 36px 20px 0; width: 305px; padding: 15px 0 0; }
.contact-block .contact-box.surfmarket { border-top: 3px solid #d73232; }
.contact-block .contact-box.surf, .contact-block .contact-box.surfacademy, .contact-block .contact-box.wtr { border-top: 3px solid #fbb041; }
.contact-block .contact-box.surfsara { border-top: 3px solid #008641; }
.contact-block .contact-box.surfshare { border-top: 3px solid #b91455; }
.contact-block .contact-box.surfnet { border-top: 3px solid #1570a6; }

.contact-block .contact-box.alt { border-color: #1570a6; }

.contact-block .contact-box .image { float: left; margin: 0 10px 0 0; }

.contact-block .container-contact { overflow: hidden; min-height: 99px; margin: 0 0 26px; }

.contact-block .contact-box .holder { overflow: hidden; height: 1%; color: #292929; line-height: 18px; padding: 3px 0 0; }
.contact-block .contact-box .holder p { margin: 0 !important; }

#content .contact-block .contact-box p { margin: 0; }

.contact-block .contact-box .title { display: block; margin: 0 0 19px; font-style: italic; }

#main .contact-block .contact-list { list-style: none; margin: 0; padding: 0; line-height: 18px; }

#main .contact-block .contact-list li { padding: 0; background: none; }

.contact-block .logo { margin: 0; height: 50px; }

.contact-block .logo.share { width: 151px; background: url(../images/logo-03.png) no-repeat; }

.contact-block .logo.net { width: 123px; background: url(../images/logo-04.png) no-repeat; }

#main .submenu { float: left; width: 197px; background: url(../images/separator-07.png) repeat-x; list-style: none; margin: 7px 56px 0 0; padding: 18px 0 0; font: 13px/18px "VarelaRoundRegular", Arial, Helvetica, sans-serif; }

#main .submenu > li { margin: 0 0 38px; padding: 0; background: none; }

#main .submenu ul { list-style: none; margin: 0 0 -20px 0px; padding: 12px 0 0; font-size: 13px; line-height: 16px; }

#main .submenu ul li { padding: 0 0 10px 20px; overflow: hidden; }

#main .submenu ul a { float: left; position: relative; clear: both; }

#main .submenu a.selected { color: #08293d !important; }

select { padding-top: 2px; }

#main .submenu ul a:hover { color: #1570a6; /*font: 15px/16px 'ProximaNovaSoft-Bold', Arial, Helvetica, sans-serif;*/ }

#main .submenu ul ul { margin: 0; padding: 15px 0 0 0px; float: left; width: 161px; }

.section-blocks { overflow: hidden; margin: 0 -42px 1px 0; padding: 3px 0 0 1px; }

.section-blocks .block { float: left; width: 488px; padding: 25px 31px 100px 30px; margin: 0 42px 39px 0; position: relative; min-height: 115px; z-index: 1; background: url(../images/bg-block.png) no-repeat; font-size: 12px; }

.section-block .post-block { margin-bottom: 20px; }

.section-blocks .block:after, .section-blocks .block:before { content: ''; position: absolute; height: 10px; left: 0; bottom: 0; width: 100%; background: url(../images/bg-block.png) no-repeat -549px 0; z-index: -1; }

.section-blocks .block:after { top: 10px; height: auto; bottom: 10px; background: #fff; }

.section-blocks .block h3 { font: 24px/26px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; color: #100f0f; margin: 0 0 12px 2px; }

.section-blocks .block .post-block .post { margin: 28px 0 0; overflow: hidden; }

.section-blocks .block .post-block .post:first-child { margin-top: 0; }

.section-blocks .post-image { float: left; margin: 0 17px 0 2px; }

.section-blocks .post-image.with-border { border: 1px solid #d7d2d2; }

.section-blocks .post-text { overflow: hidden; height: 1%; line-height: 20px; padding: 2px 0 0; }

.section-blocks .post-text .heading { display: table; margin: 0 0 2px; }

.section-blocks .post-text .heading .heading-row { display: table-footer-group; }

.section-blocks .post-text h4 { font-size: 15px; line-height: 20px; margin: 0; }

.section-blocks .post-text .heading .date { display: table-header-group; }

.section-blocks .post-text .date span { display: block; margin: 0 0 2px 1px; color: #000; font-weight: bold; font-style: normal; line-height: 14px; }

#main .section-blocks .post-text .links { list-style: none; margin: 0 0 0 2px; padding: 0; font-size: 12px; line-height: 20px; color: #000; }

#main .section-blocks .post-text .links li { display: inline; padding: 0 7px 0 13px; background: url(../images/bullet-03.png) no-repeat 0 5px; }

#main .section-blocks .post-text .links li:first-child { background: none; padding-left: 0; }

.section-blocks .post-text .links li:first-child { background: none; padding-left: 0; }

.section-blocks .block .bottom-link { position: absolute; right: 31px; bottom: 30px; width: 482px; background: url(../images/separator-04.png) repeat-x; padding: 12px 2px 0 0; overflow: hidden; }

.section-blocks .block .bottom-link .more { padding: 0 0 0 8px; background: url(../images/arrow-04.png) no-repeat 0 5px; font-size: 13px; line-height: 15px; float: right; }

.section .button-holder { text-align: center; padding: 0 0 40px; }

.details .button-holder { text-align: center; padding: 40px 0 0 0; }

.content-block .visual { float: right; }

#article { float: left; width: 640px; }

#article .heading, .content-block #content .heading { font-weight: bold; line-height: 24px; margin-bottom: 0; }

#article .heading .banner { position: relative; width: 890px; }
#article .heading .banner img { width: 890px; height: 150px; border-radius: 8px; }
#article .heading .banner span.caption { position: absolute; bottom: 0px; right: 8px; color: white; font-size: 10px; }

#article h1 { font: 42px/48px "VarelaRoundRegular", Arial, Helvetica, sans-serif; color: #000; margin: 0 0 29px -3px; }

#article p { margin: 0 0 21px; }

.nomargin { margin: 0px !important; }

#article .heading p { margin: 0 0 18px; }

#article h2 { font: 23px/25px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; color: #000; margin: 0 0 2px -1px; }

#article h3 { font: 15px/24px Arial, Helvetica, sans-serif; font-weight: bold; }

#article .checkup .button-holder .button { margin-right: 20px; }

#main ul { /*pas op met aanpassingen, is niet alleen ul in tekst*/ list-style: none; margin: 0; padding: 8px 0 19px 3px; line-height: 15px; }

#main p + ul { margin-top: -10px; }

#main ul { line-height: 24px; }

#main ul li { padding: 0 0 0px 9px; background: url(../images/bullet-04.png) no-repeat 0 9px; }

#main ol { margin: 0; padding: 3px 0 24px 3px; color: #000; height: 1%; overflow: hidden; counter-reset: item; line-height: 24px; }

#main ol li { display: block; padding: 0 0 0px; text-indent: -9px; padding-left: 9px; line-height: 24px; }

#main ol li:before { content: counters(item, ".") " "; counter-increment: item; color: #000; font-size: 11px; font-weight: bold; margin: 0; padding-right: 2px; text-indent: 0; margin-left: -2px; overflow: hidden; vertical-align: 0px; line-height: 24px; }

#main #article ul, body #main #article ol { padding: 0px 0 13px 3px; }

#main #article ul.contact-list { padding: 0; }

#main .links-nav, #main #article .links-nav { list-style: none; margin: 0 0 21px 0px; padding: 2px 0 0 0; overflow: hidden; line-height: 20px; font-size: 12px; clear: both; }

#main .links-nav li { display: inline; padding: 0 7px 0 13px; background: url(../images/bullet-03.png) no-repeat 0 5px; }

#main .links-nav li:first-child { background: none; padding-left: 0; }

.information-block { overflow: hidden; margin: 20px 0 0 0px; }

.meeting-block div, .project-block div { overflow: hidden; margin-top: 20px; }

.meeting-block div:first-child { margin-top: 0px; }

.meeting-block, .project-block { overflow: hidden; padding: 20px 0 0px; margin: 20px 0 0 0; }

.meeting-block table { width: 100%; }
.meeting-block table th, .meeting-block table td { text-align: left; width: 300px; vertical-align: top; }

.project-block { margin-bottom: 35px; }

.meeting-block { background: url(../images/separator-04.png) repeat-x 0 0; margin-bottom: 20px; }

.meeting-block:after { content: ""; display: block; height: 1px; background: url(../images/separator-04.png) repeat-x 0 0; margin-top: 20px; }

.information-block dl, .meeting-block dl, .project-block dl { float: left; width: 230px; margin: 0 12px 0 1px; font-size: 13px; line-height: 15px; }

.project-block dl { width: 140px; }

.meeting-block dl { width: 147px; }

.project-block dl dd { display: block; margin: 0 0 5px; }

.project-block dl.double { width: 175px; }

.meeting-block dl.double { width: 292px; }

.information-block dl dt, .meeting-block dl dt, .project-block dl dt { display: block; margin: 0 0 6px; font-weight: bold; }

.information-block dl dd, .meeting-block dl dd { display: block; margin: 0 0 29px; }

.meeting-block dl dd { margin-bottom: 3px; }

#main .information-block dl ul, #main .meeting-block dl ul { list-style: none; margin: -1px 0 -9px; padding: 0; }

#main .information-block dl ul li, #main .meeting-block dl ul li { background: none; padding: 0 0 7px; }

#main .management-list { list-style: none; margin: 0 -40px -53px 0; padding: 26px 0 0 !important; line-height: 18px; }

#content.combined-results ul.list.type-3 li.contact, #main .management-list > li { display: inline-block; vertical-align: top; float: none; width: 315px; margin: 0 23px 61px 0; padding: 0; background: none; overflow: hidden; padding-top: 15px; }
#content.combined-results ul.list.type-3 li.contact.surfmarket, #main .management-list > li.surfmarket { border-top: 3px solid #d73232; }
#content.combined-results ul.list.type-3 li.contact.surf, #content.combined-results ul.list.type-3 li.contact.surfacademy, #content.combined-results ul.list.type-3 li.contact.wtr, #main .management-list > li.surf, #main .management-list > li.surfacademy, #main .management-list > li.wtr { border-top: 3px solid #fbb041; }
#content.combined-results ul.list.type-3 li.contact.surfsara, #main .management-list > li.surfsara { border-top: 3px solid #008641; }
#content.combined-results ul.list.type-3 li.contact.surfshare, #main .management-list > li.surfshare { border-top: 3px solid #b91455; }
#content.combined-results ul.list.type-3 li.contact.surfnet, #main .management-list > li.surfnet { border-top: 3px solid #1570a6; }

.management-list li .photo { float: left; margin: 2px 10px 0 0; }

#content.combined-results ul.list.type-3 li.contact .text, .management-list .text { overflow: hidden; height: 1%; color: #292929; }

#content.combined-results ul.list.type-3 li.contact .text { float: none; width: auto; color: inherit; margin: 0; }

#main .management-list .text h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 15px; color: #2c2c2b; margin: 0; font-weight: bold; }

#main .management-list .text p { margin: 0; }

#content.combined-results ul.list.type-3 li.contact .contacts, #main .management-list .contacts { list-style: none; margin: 0; padding: 18px 0 0 !important; line-height: 18px; }

#content.combined-results ul.list.type-3 li.contact .contacts li, #main .management-list .contacts li { background: none; padding: 0; }

#content.combined-results ul.list.type-3 li.contact .contacts li a { color: #1570a6; }
#content.combined-results ul.list.type-3 li.contact .contacts li a:hover { text-decoration: underline; }

.forms-block { padding: 0 0 33px; }

#content .forms-block h1 { margin: 0 0 19px -5px; }

#content .forms-block p { margin: 0 0 24px; }

.content .forms-block .details p, #content .forms-block .details p { margin: 0 0 10px; }

#content .forms-block .details .row p { float: right; }

#content .forms-block .details .row .text-other { background: url(../images/bg-text.png) no-repeat 0 100%; width: 359px; }

form legend { position: absolute; left: -9999px; }

form legend.label { position: static; left: 0; margin: 0; padding: 0; color: #2c2c2b; }

.details .warning-block { color: #d73232; font-weight: bold; margin: 0 0 25px -1px; line-height: 15px; }

.details .warning-block:after, .details .warning-block:before { content: ""; display: block; clear: both; height: 1px; background: url(../images/separator-08.png) repeat-x; margin: 0 0 5px; }

.details .warning-block:after { margin: 3px 0 0; }

.details .warning-block span { display: block; padding: 4px 0 8px 33px; background: url(../images/ico-warning.png) no-repeat; }

.details .row { min-height: 45px; margin: 0 0 3px; overflow: hidden; }
.details .row div.area { margin-top: 10px; margin-left: 5px; }
.details .row div.area table, .details .row div.area select { margin-left: 5px; }

.details label, .details .label { float: left; width: 140px; width: auto; font-weight: bold; margin: 11px 0 0; position: relative; }

.content .details .area, #content .details .area { float: right; width: 446px; }

.details .newsletter { margin-bottom: 25px; }

.details .newsletter .area { width: 442px; }

#content .details .area p { margin: 11px 0 0 4px; }

#content .details .newsletter .area p { margin: 0px !important; }

.details .text { padding: 6px; width: 447px; height: 33px; background: url(../images/bg-text.png) no-repeat; position: relative; }

input[type="radio"] + span .text, input[type="checkbox"] + span .text { background: url(../images/bg-text.png) no-repeat; width: 425px; }

.details .text.short { width: 95px; background-position: 0 -45px; }

.details .text.medium { width: 325px; background-position: 0 -223px; }

/* asteriks links van veld, zoals oorspronkelijk */
/*.details .required .text:before{ content: ""; position: absolute; top: 9px; left: -14px; width: 8px; height: 7px; background: url(../images/mark.png) no-repeat;
}

.details .required ul.radio-list:before { content: ""; position: absolute; top: -3px; left: -20px; width: 8px; height: 7px; background: url(../images/mark.png) no-repeat;
}

.details .required ul.checkbox-list:before { content: ""; position: absolute; top: 12px; left: -14px; width: 8px; height: 7px; background: url(../images/mark.png) no-repeat;
}
.details .required.error .text:before { left: -44px;
}

.details .required.error ul.radio-list:before { left: -50px;
}
.details .required.error ul.checkbox-list:before { left: -44px;
}*/
/* eind asteriks link van veld */
/* asteriks op labels */
.details .required label:after, .details .required .label:after { content: ""; position: absolute; top: 4px; right: -14px; width: 8px; height: 7px; background: url(../images/mark.png) no-repeat; }

.details .required ul label:after { background: none; }

/* einde asteriks op labels */
.error { margin-bottom: 15px !important; }

.details .error label, .details .error legend { color: #d73232; }

.details .error ul label { color: #2C2C2B; }

.details .error .text:after { content: ""; position: absolute; top: 9px; left: -29px; width: 25px; height: 25px; background: url(../images/ico-warning.png) no-repeat; }

.details .error ul.radio-list:after { content: ""; position: absolute; top: -6px; left: -35px; width: 25px; height: 25px; background: url(../images/ico-warning.png) no-repeat; }

.details .error ul.checkbox-list:after { content: ""; position: absolute; top: 9px; left: -29px; width: 25px; height: 25px; background: url(../images/ico-warning.png) no-repeat; }

.details .required .area { min-height: 30px; }

.details .message { display: none; color: #d73232; font-weight: bold; margin: 0 0 0 8px; line-height: 15px; }

#main .details .error ul.radio-list { padding-bottom: 0px; display: inline-block; }

#main .details .error ul.checkbox-list { margin-bottom: -5px; padding-bottom: 0; }

.details .error .message { display: block; clear: left; }

.details input[type=text] { border: none 0; background: none; margin: 0; padding: 8px 10px; width: 418px; }

.details .short input[type=text] { width: 75px; }

.details .medium input[type=text] { width: 309px; }

#main .details .radio-list { list-style: none; margin: 19px 0 0 6px; padding: 0; height: 1%; line-height: 15px; position: relative; }

#main .details .radio-list li { float: left; margin: 0 24px 0 0; padding: 0; background: none; }

.details .radio-list input[type="radio"] { float: left; padding: 0; margin: 0 5px 0 0; width: 16px; height: 15px; }

.details .radio-list label, .details .checkbox-list label { width: auto; font-weight: normal; margin: 1px 0 0; }

#main .details .checkbox-list { list-style: none; margin: 0; padding: 16px 0 7px 6px; line-height: 17px; position: relative; }

#main .details .checkbox-list li { overflow: hidden; margin: 0 0 17px; padding: 0; background: none; }

.details .checkbox-list input[type="checkbox"] { float: left; padding: 0; margin: 1px 6px 0 0; width: 17px; height: 17px; }

.details .checkbox-list label { margin: 0; }

.details textarea { overflow: auto; border: none 0; background: url(../images/bg-text.png) no-repeat -5px -95px; width: 419px !important; height: 108px !important; max-width: 419px; max-height: 108px; margin: 14px 0 3px 5px; padding: 8px 10px; }

.details .select { float: left; width: 341px; margin: 14px 0 0 6px; }

#article input[type=submit] { margin: 20px 0px 20px; }

.details .text-row { padding: 18px 0 2px 2px; line-height: 24px; }

.checkup dl { margin: 0 0 15px 0; display: block; overflow: hidden; }

.checkup dl dt { font-weight: bold; margin: 0px 0 0 0; display: block; float: left; clear: left; width: 50%; }

.checkup dl dt.fullwidth { width: 100%; }

.checkup dl dd { margin: 0px; display: block; float: right; clear: right; width: 50%; }

.checkup dl dt label, .checkup dl dd label { width: 150px; float: left; }

#main .details .text-row p { margin: 0; }

.page-holder { margin: 0 auto; width: 1144px; padding: 55px 0; }

.gallery-holder { width: 100%; background: #d7d4d4; }

.gallery-frame { margin: 0 auto; width: 1144px; }

.gallery { position: relative; margin: 0 -68px; width: 1280px; }

.gallery .mask { position: relative; overflow: hidden; width: 1280px; }

.gallery .mask .slideset { width: 99999px; float: left; }

.gallery .mask .slide { width: 1280px; float: left; }

#main .gallery .slide > img { margin: 0 -100% 0 0; position: absolute; width: 1280px; }

.gallery .area { width: 900px; text-align: center; position: absolute; top: 268px; left: 188px; }

#main .gallery .pagination { overflow: hidden; list-style: none; margin: 0 26px 0 0; padding: 0; display: inline-block; vertical-align: top; }

#main .gallery .pagination li { float: left; margin: 0 5px; padding: 0; background: none; }

#main .gallery .pagination a { display: block; height: 26px; width: 20px; padding: 1px 3px 0; text-align: center; font: 14px/28px "VarelaRoundRegular", Arial, Helvetica, sans-serif; color: #fff; background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

html.lt-ie9 #main .gallery .pagination a { padding-top: 2px; padding-left: 2px; }

html.no-borderradius #main .gallery .pagination a { background: url(../images/bg-pagination.png) no-repeat; background-color: transparent; }

#main .gallery .pagination a:hover, #main .gallery .pagination .active a { text-decoration: none; color: #010101; background-color: white; }

html.no-borderradius #main .gallery .pagination a:hover, html.no-borderradius #main .gallery .pagination .active a { background-position: -26px 0; }

.gallery .btn-pause, .gallery .btn-play { border: none 0; width: 26px; height: 26px; overflow: hidden; text-indent: 100%; background-color: transparent; cursor: pointer; display: inline-block; vertical-align: top; margin: 0; padding: 0; position: relative; background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

html.no-borderradius .gallery .btn-pause, html.no-borderradius .gallery .btn-play { background: url(../images/bg-pagination.png) no-repeat; }

.gallery .btn-pause:after { font-family: "icomoon"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e001"; width: 26px; height: 26px; position: absolute; text-indent: 0; top: 0; left: 0; color: white; line-height: 27px; }

.gallery .btn-play:after { font-family: "icomoon"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e000"; width: 26px; height: 26px; position: absolute; text-indent: 0; top: 0; left: 0; color: white; line-height: 27px; }

html.lt-ie9 .gallery .btn-pause, html.lt-ie9 .gallery .btn-play { outline: none; }

html.lt-ie9 .gallery .btn-play:after, html.lt-ie9 .gallery .btn-pause:after { line-height: 3px; }

html.lt-ie9 .gallery .btn-play:after { left: 1px; top: 1px; }

html.no-borderradius .gallery .btn-play:after, html.no-borderradius .gallery .btn-pause:after { text-align: center; font-size: 10px; }

.gallery.stop-rotation .btn-play { display: inline-block; }

.gallery.stop-rotation .btn-pause { display: none; }

.gallery .btn-play:hover, .gallery .btn-pause:hover { background-color: white; }

.gallery .btn-play:hover:after, .gallery .btn-pause:hover:after { color: black; }

html.no-borderradius .gallery .btn-play:hover, html.no-borderradius .gallery .btn-pause:hover { background-position: -26px 0; }

.gallery .slide .holder { padding: 43px 0 4px; margin: 0 auto; width: 1144px; }

.gallery .slide .holder .title-slides.hidden { display: none; }

#main .gallery .switchItem { font: 42px/44px "VarelaRoundRegular", Arial, Helvetica, sans-serif; letter-spacing: -2px; }

#main .gallery .switchItem, #main .gallery .first-item { margin: 0 auto 63px auto; display: table; color: #fff; }

#main .gallery h1 { text-indent: 100%; white-space: nowrap; margin: 0; padding: 0; position: absolute; }

#main .gallery .switchItem.has-nav, #main .gallery .first-item.has-nav, #main .gallery .holder .heading .text h1 span { height: 220px; }

#main .gallery .switchItem a, #main .gallery .first-item a { color: white; }

#main .gallery .switchItem a:hover span, #main .gallery .first-item a:hover span { text-decoration: underline; }

.gallery .switchItem span, .gallery .first-item span, #main .gallery .holder .heading .text h1 span { float: left; clear: left; height: 64px; background-color: rgba(0, 0, 0, 0.5); position: relative; color: white; font-weight: normal; text-indent: 0; line-height: 69px; padding-left: 12px; padding-right: 20px; white-space: nowrap; max-width: 1000px; -webkit-border-radius: 10px 10px 10px 0; -khtml-border-radius: 10px 10px 10px 0; -moz-border-radius: 10px 10px 10px 0; -ms-border-radius: 10px 10px 10px 0; -o-border-radius: 10px 10px 10px 0; border-radius: 10px 10px 10px 0; }

.gallery .switchItem span.center, .gallery .first-item span.center { height: 51px; line-height: 33px; max-width: 970px; -webkit-border-radius: 0 0 10px 0; -khtml-border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; -ms-border-radius: 0 0 10px 0; -o-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0; }

.gallery .switchItem span.bottom, .gallery .first-item span.bottom, #main .gallery .holder .heading .text h1 span.bottom { height: 47px; line-height: 27px; max-width: 940px; -webkit-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }

html.no-borderradius .gallery .switchItem span, html.no-borderradius .gallery .first-item span, html.no-rgba .gallery .switchItem span, html.no-rgba .gallery .first-item span, html.no-borderradius #main .gallery .holder .heading .text h1 span, html.no-rgba #main .gallery .holder .heading .text h1 span { background: url(../images/bg-heading-c.png); margin: 0 10px; padding: 0 2px; }

html.no-borderradius .gallery .switchItem span:after, html.no-borderradius .gallery .switchItem span:before, html.no-rgba .gallery .switchItem span:after, html.no-rgba .gallery .switchItem span:before, html.no-borderradius .gallery .first-item span:after, html.no-borderradius .gallery .first-item span:before, html.no-rgba .gallery .first-item span:after, html.no-rgba .gallery .first-item span:before, html.no-borderradius #main .gallery .holder .heading .text h1 span:after, html.no-rgba #main .gallery .holder .heading .text h1 span:after, html.no-borderradius #main .gallery .holder .heading .text h1 span:before, html.no-rgba #main .gallery .holder .heading .text h1 span:before { content: ""; position: absolute; top: 0; left: -10px; height: 64px; width: 10px; background: url(../images/bg-heading-l.png) no-repeat; }

html.no-borderradius .gallery .switchItem span:after, html.no-rgba .gallery .switchItem span:after, html.no-borderradius .gallery .first-item span:after, html.no-rgba .gallery .first-item span:after, html.no-borderradius #main .gallery .holder .heading .text h1 span:after, html.no-rgba #main .gallery .holder .heading .text h1 span:after { left: auto; right: -10px; background: url(../images/bg-heading-r.png) no-repeat; }

html.no-borderradius .gallery .switchItem .center, html.no-rgba .gallery .switchItem .center, html.no-borderradius .gallery .first-item .center, html.no-rgba .gallery .first-item .center { height: 51px; line-height: 33px; padding-right: 12px; }

html.no-borderradius .gallery .switchItem .center:before, html.no-borderradius .gallery .switchItem .center:after, html.no-rgba .gallery .switchItem .center:before, html.no-rgba .gallery .switchItem .center:after, html.no-borderradius .gallery .first-item .center:before, html.no-borderradius .gallery .first-item .center:after, html.no-rgba .gallery .first-item .center:before, html.no-rgba .gallery .first-item .center:after { height: 51px; background: url(../images/bg-heading-l.png) no-repeat 0 -13px; }

html.no-borderradius .gallery .switchItem .center:after, html.no-rgba .gallery .switchItem .center:after, html.no-borderradius .gallery .first-item .center:after, html.no-rgba .gallery .first-item .center:after { background: url(../images/bg-heading-r.png) no-repeat 0 100%; }

html.no-borderradius .gallery .switchItem .bottom, html.no-rgba .gallery .switchItem .bottom, html.no-borderradius .gallery .first-item .bottom, html.no-rgba .gallery .first-item .bottom, html.no-borderradius #main .gallery .holder .heading .text h1 span.bottom, html.no-rgba #main .gallery .holder .heading .text h1 span.bottom { height: 47px; line-height: 27px; padding-right: 7px; }

html.no-borderradius .gallery .switchItem .bottom:before, html.no-borderradius .gallery .switchItem .bottom:after, html.no-rgba .gallery .switchItem .bottom:before, html.no-rgba .gallery .switchItem .bottom:after, html.no-borderradius .gallery .first-item .bottom:before, html.no-borderradius .gallery .first-item .bottom:after, html.no-rgba .gallery .first-item .bottom:before, html.no-rgba .gallery .first-item .bottom:after, html.no-borderradius #main .gallery .holder .heading .text h1 span.bottom:after, html.no-rgba #main .gallery .holder .heading .text h1 span.bottom:after, html.no-borderradius #main .gallery .holder .heading .text h1 span.bottom:before, html.no-rgba #main .gallery .holder .heading .text h1 span.bottom:before { height: 47px; background: url(../images/bg-heading-l.png) no-repeat 0 100%; }

html.no-borderradius .gallery .switchItem .bottom:after, html.no-rgba .gallery .switchItem .bottom:after, html.no-borderradius .gallery .first-item .bottom:after, html.no-rgba .gallery .first-item .bottom:after, html.no-borderradius #main .gallery .holder .heading .text h1 span.bottom:after, html.no-rgba #main .gallery .holder .heading .text h1 span.bottom:after { background: url(../images/bg-heading-r.png) no-repeat 0 100%; }

.three-columns, .visual-section .columns-holder, .section-container, .section .holder .section-container { margin: 0 -43px 0 0; }

html.no-borderradius .three-columns { margin: 0 -43px 0 -10px; }

.three-columns, .section-container, .section .holder .section-container { display: table; }

.section .section-container { margin: 30px 0 30px 48px; }

.section-container .box { float: left; width: 290px; margin: 0 45px 40px 0; padding: 27px 31px 57px 31px; position: relative; z-index: 1; line-height: 16px; min-height: 128px; background-color: white; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

.section-container .box.same-height-right { margin-right: 0px; }

html.no-borderradius .section-container .box { background-color: transparent; background-image: url(../images/bg-box-02.png); background-repeat: no-repeat; margin: 0 21px 11px 0; padding: 39px 43px 70px; }

html.no-borderradius .section-container .box:hover { background-image: url(../images/bg-box-02-hover.png); }

.section-container .box.alt { padding-bottom: 27px; }

html.no-borderradius .section-container .box:after, html.no-borderradius .section-container .box:before { content: ''; position: absolute; height: 21px; left: 0; bottom: 0; width: 100%; background: url(../images/bg-box-02.png) no-repeat -752px 0; z-index: -1; }

html.no-borderradius .section-container .box:after { top: 21px; height: auto; bottom: 21px; background: url(../images/bg-box-02.png) repeat-y -376px 0; }

.section-container .box:hover { box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.2); background-color: #EDEBEB; }

html.no-borderradius .section-container .box:hover:before { background-image: url(../images/bg-box-02-hover.png); }

html.no-borderradius .section-container .box:hover:after { background-image: url(../images/bg-box-02-hover.png); }

#main .section-container .box h2, .thema_title { margin: 0 0 11px 1px; color: #100f0f; font-size: 22px; }

.thema_title { display: block; }

#main .section-container .box .list-links { list-style: none; margin: 0; padding: 0; }

#main .section-container .box .blog-links { margin-top: 20px; line-height: 15px; }

#main .section-container .box .list-links li { margin: 0 0 15px 1px; padding: 0; background: none; line-height: 16px; }

#main .section-container .box .blog-links li { background: url("../images/arrow-04.png") no-repeat scroll 0 5px transparent; padding-left: 15px; }

.section-container .box .button-block { position: absolute; bottom: 28px; right: 31px; width: 290px; overflow: hidden; padding: 10px 0 0; background: url(../images/separator-04.png) repeat-x; }

.section-container .box.alt .button-block { display: none; }

.section-container .box .button-block .more { float: right; padding: 0 0 0 8px; }

.section-container .box p { margin: 0; }

.section-container .box.middle { margin: 0 auto; display: table; float: none; }

.section-container .box.middle .search-form { width: 279px; }

#main .section-container .news-list, #main .section-container .agenda-list { list-style: none; margin: 0; padding: 0; line-height: 15px; }

#main .section-container .news-list li { overflow: hidden; margin: 0 0 15px; padding: 0; background: none; }

.section-container li span { float: right; width: 231px; font-size: 13px; line-height: 16px; margin: 0; font-weight: normal; }

#main .section-container .agenda-list li { overflow: hidden; margin: 0 0 14px; padding: 0; background: none; }

.section-container .news-list .date { float: left; width: 50px; font-weight: bold; font-style: normal; color: #000; margin: 0 0 0 1px; }

.section-container .agenda-list .date { float: left; width: 62px; font: 15px/26px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; color: #fff; }

.section-container .agenda-list .date span { float: left; width: 21px; padding: 2px 5px 0 5px; text-align: center; height: 26px; background-color: black; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; font: 15px/26px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; color: #fff; }

html.no-borderradius .section-container .agenda-list .date span { background: url(../images/bg-date.png) no-repeat; }

.section-container .agenda-list span { width: 217px; }

.section-container .agenda-list span a { line-height: 16px !important; }

#main .panel-bar { list-style: none; margin: 0 -101px 0 0; padding: 0; overflow: hidden; }

#main .panel-bar li { float: left; width: 240px; height: 88px; white-space: nowrap; background: none; }

#main .panel-bar li div div div { border-left: 3px solid #fbb041; padding: 0 29px; height: 88px; }
#main .panel-bar li div div div img { padding-top: 20px; }

.panel-bar li:after { content: ''; display: inline-block; height: 100%; width: 1px; overflow: hidden; margin: 0 0 0 -5px; vertical-align: middle; }

.panel-bar li a { vertical-align: middle; display: inline-block; white-space: normal; margin: 10px 0 0; }

#main .panel-bar .net { border-color: #1570a6; }

#main .panel-bar .market { border-color: #d73232; }

#main .panel-bar .sara { border-color: #008741; }

#main .panel-bar .share { border-color: #b91455; }

.article-content { margin: 0 auto; width: 1144px; overflow: hidden; padding: 0 0 38px; }

.article-content .holder { float: left; width: 640px; padding: 0 0 5px; }

#main .article-content h1 { margin-bottom: 8px; }

.article-content p { margin: 0; }

.article-content .heading p { font-weight: bold; }

.article-content .breadcrumbs { width: auto; margin: 0 0 25px; }

.article-content .picture { float: right; margin: 2px 0 0; }

.block-twocolumns { width: 100%; background: #f6f4f4; padding: 53px 0 49px; }

.block-twocolumns .holder { margin: 0 auto; width: 1142px; position: relative; }

.block-twocolumns .frame { float: left; }

.block-twocolumns .container { background: url(../images/bg-block-twocolumns.png) no-repeat; position: relative; z-index: 1; padding: 0 33px 69px 32px; margin: 0; float: left; }

.block-twocolumns .container:after, .block-twocolumns .container:before { content: ''; position: absolute; height: 8px; left: 0; bottom: 0; width: 100%; background: url(../images/bg-block-twocolumns.png) no-repeat -1142px 0; z-index: -1; }

.block-twocolumns .container:after { top: 8px; height: auto; bottom: 8px; background: url(../images/bg-block-twocolumns.png) repeat-y -2284px 0; }

.block-twocolumns .column-block { float: left; width: 484px; margin: 22px 0 0 109px; }

.block-twocolumns .column-block:first-child { margin-left: 0; }

.block-twocolumns .column-block .heading { overflow: hidden; margin: 0 0 8px; }

.block-twocolumns .column-block .search-form { float: right; margin: 0 0 0 15px; }

#main .block-twocolumns .column-block h2 { margin: 3px 0 0 1px; color: #100f0f; font-size: 24px; line-height: 26px; }

.block-twocolumns .column-block p { margin: 0 0 6px; }

.block-twocolumns .post-block { margin: 0 0 -15px; }

.block-twocolumns .post-block .post { overflow: hidden; margin: 0 0 -15px; position: relative; z-index: 1; padding: 25px 0 24px; }

.block-twocolumns .post-block .post:hover, .block-twocolumns .post-block .post.active { background: url(../images/bg-post-hover.png) no-repeat; margin: 0 -42px -15px; padding: 25px 42px 24px; width: 484px; }

.block-twocolumns .post-block .post:hover:after, .block-twocolumns .post-block .post:hover:before, .block-twocolumns .post-block .post.active:after, .block-twocolumns .post-block .post.active:before { content: ''; position: absolute; height: 12px; left: 0; bottom: 0; width: 100%; background: url(../images/bg-post-hover.png) no-repeat -568px 0; z-index: -1; }

.block-twocolumns .post-block .post:hover:after, .block-twocolumns .post-block .post.active:after { top: 12px; height: auto; bottom: 12px; background: url(../images/bg-post-hover.png) repeat-y -1136px 0; }

.block-twocolumns .post-block.type-02 .post { margin: 0 0 -8px; }

.block-twocolumns .post-block.type-02 .post:hover { margin: 0 -42px -8px; }

.block-twocolumns .post .icon { float: left; margin: 2px 12px 0 0; }

.block-twocolumns .post .post-text { overflow: hidden; height: 1%; padding: 0 0 0 2px; line-height: 20px; width: 420px; float: right; }

.block-twocolumns .post .post-text.no-image { width: auto; float: none; }

.post-text .post-heading { display: table; margin: 0 0 2px; width: 100%; }

.block-twocolumns .post h3 { font-size: 15px; line-height: 17px; margin: 0 0 0 1px; display: table-footer-group; }

.block-twocolumns .post h3 a { margin: 0 0 0 -1px; }

.block-twocolumns .post .date { display: table-header-group; }

.block-twocolumns .post .date span { display: block; font-style: normal; font-weight: bold; font-size: 12px; color: #000; line-height: 14px; padding: 0 0 3px; }

.block-twocolumns .post p { margin: 0 0 -1px; }

#main .block-twocolumns .links-nav { margin-bottom: 0; }

.block-twocolumns .button-block { position: absolute; bottom: 31px; background: url(../images/separator-04.png) repeat-x; padding: 12px 0 0; width: 484px; line-height: 15px; }

.block-twocolumns .button-block .more { float: right; padding: 0 0 0 8px; background: url(../images/arrow-04.png) no-repeat 0 4px; }

.container-main { margin: 0 auto; width: 1144px; padding: 0 0 18px; }

.container-main .content-block { padding-top: 2px; }

#main .container-main h1 { font-size: 40px; line-height: 42px; letter-spacing: 1px; margin-bottom: 22px; }

#main h1 + span.subtitle { font-size: 20px; margin-bottom: 25px; display: inline-block; margin-top: -3px; }

.text-article { overflow: hidden; margin: 0 0 10px -5px; }

.text-article .icon { float: left; margin: 3px 14px 0 0; }

.text-article .holder { overflow: hidden; height: 1%; padding: 0 0 0 1px; }

.text-article .date { display: block; margin: 0 0 4px -1px; font-style: normal; font-weight: bold; color: #000; font-size: 12px; line-height: 15px; }

.content-block #content .text-article p { margin: 0 0 19px; }

#main .text-article .links-nav { margin: 0 0 16px; }

.text-article .field { display: block; margin: 0 0 21px; font-size: 12px; line-height: 15px; color: #000; }
.text-article .field .label { padding-right: 3px; }

#main .text-article .field ul.links-nav { display: inline-block; margin-left: 5px; margin-bottom: 0px; line-height: 18px; }

.text-article .field ul.links-nav li { display: inline; }

.text-article .info-list { overflow: hidden; margin: 0 0 21px; font-size: 12px; color: #000; line-height: 15px; }

.text-article .info-list dt { float: left; padding: 0 3px 0 12px; background: url(../images/separator-03.png) no-repeat 0 3px; }

.text-article .info-list dt:first-child { background: none; padding-left: 0; }

.text-article .info-list dd { float: left; margin: 0 10px 0 0; font-weight: bold; }

#main .text-article h2 { font-size: 22px; }

#main .buttons-list-container { float: left; width: 100%; }

#main .buttons-list-container .buttons-list { list-style: none; margin: 0 0 5px 1px; padding: 0; overflow: hidden; float: left; margin-left: 120px; margin-bottom: 49px; }

#main .buttons-list-container .buttons-list li { float: left; margin: 0 29px 0 0; padding: 0; background: none; }

#main .buttons-list-container .buttons-list .download-box { background-color: transparent; }

#main .buttons-list-container .buttons-list .download-box, #main .buttons-list-container .buttons-list .download-box:after { background-image: none; }

/*
#main .buttons-list-container .buttons-list a { display: block; height: 44px; font: 18px/46px 'VarelaRoundRegular', Arial, Helvetica, sans-serif; color: #fff; padding: 0 4px 0 16px; position: relative; background: url(../images/btn-more.png) no-repeat;
}*/
/*.buttons-list a:after { content: ""; position: absolute; top: 0; left: 100%; height: 44px; width: 9px; background: url(../images/btn-more.png) no-repeat 100% -44px;
}*/
#main .buttons-list-container .buttons-list a:focus { color: #fbb040; outline-color: #fbb040; }

.buttons-list .info { text-align: center; }

.main-content .info { margin: -5px 0 21px 8px; display: block; }

.container-main .info { margin: 8px 0 0px 8px; display: block; }

.container-main #content .block-social { padding-bottom: 30px; }

#main .container-main .contact-block h2 { margin-bottom: 9px; }

.container-main .contact-block .contact-box { padding: 26px 0 0; border-color: #d73232; }

.container-main .contact-block .logo.market { background: url(../images/logo-05.png) no-repeat; width: 167px; }

.text-container { width: 648px; padding: 0 0 12px; }

.text-container .rss { margin: 9px -62px 0 0; }

#main .text-container h1 { margin: 0 0 8px -3px; }

.main-content .text-container p { margin: 0 0 13px; }

.text-container .block-button { background: url(../images/separator-04.png) repeat-x; padding: 14px 0 0; overflow: hidden; }

.text-container .block-button .more { float: right; background: url(../images/arrow-04.png) no-repeat 0 5px; padding: 0 0 0 8px; line-height: 15px; }

.visual-section { background: repeat-y 50% 0; width: 100%; padding: 32px 0 19px; }

.visual-section .holder { margin: 0 auto; width: 1144px; }

.visual-section .column { float: left; }

.visual-section .column .box { display: block; width: 289px; margin: 0 0 21px; padding: 39px 43px 33px; position: relative; z-index: 1; background: url(../images/bg-box-02.png) no-repeat; line-height: 18px; min-height: 128px; }

.visual-section .column .box:after, .visual-section .column .box:before { content: ''; position: absolute; height: 21px; left: 0; bottom: 0; width: 100%; background: url(../images/bg-box-02.png) no-repeat -752px 0; z-index: -1; }

.visual-section .column .box:after { top: 21px; height: auto; bottom: 21px; background: url(../images/bg-box-02.png) repeat-y -376px 0; }

.visual-section .column .box:hover { background-image: url(../images/bg-box-02-hover.png); }

.visual-section .column .box:hover:before { background-image: url(../images/bg-box-02-hover.png); }

.visual-section .column .box:hover:after { background-image: url(../images/bg-box-02-hover.png); }

#main .visual-section .column h2 { color: #100f0f; margin: 0 0 10px; }

#main .visual-section .column ul { list-style: none; margin: 0; padding: 0; line-height: 18px; }

#main .visual-section .column ul li { margin: 0 0 20px 1px; padding: 0; background: none; }

.visual-section .column h3 { margin: 0 0 1px -1px; font-size: 15px; line-height: 17px; }

.visual-section .column p { margin: 0; }

#main .breadcrumbs-holder { position: absolute; top: 0; left: 0; z-index: 20; width: 100%; padding: 41px 0 0; }

.gallery-holder.alt:before { content: ""; display: block; clear: both; height: 3px; background: #008741; }

.gallery-holder.alt .gallery .slide .holder { padding: 101px 0 31px; }

.subsidiary .slide img.picture { position: relative; z-index: 5; }

.subsidiary .slide .holder { position: relative; z-index: 10; }

#main .gallery .slide .heading { height: 230px; overflow: hidden; }

#main .gallery .slide .heading .text { float: right; width: 751px; }

#main .gallery .slide .heading .text h1 { min-height: inherit; margin: 0 0 27px; line-height: 65px; padding: 0; }

#main .gallery .slide .heading .text h1 .bottom { height: 51px; line-height: 30px; padding-right: 2px; }

#main .gallery .slide .heading .text h1 .bottom:after, #main .gallery .slide .heading .text h1 .bottom:before { height: 51px; }

#main .gallery .slide .heading .btn-more { float: right; height: 39px; position: relative; background: url(../images/btn-more-02.png) no-repeat; font: 13px/41px "VarelaRoundRegular", Arial, Helvetica, sans-serif; padding: 0 3px 0 14px; margin: 130px 11px 20px 0; color: #ffffff; }

#main .gallery .slide .heading .btn-more:after { content: ""; position: absolute; top: 0; right: -11px; width: 11px; height: 39px; background: url(../images/btn-more-02.png) no-repeat 100% -39px; }

#main .gallery .slide .heading .btn-more:focus { color: #fbb040; outline-color: #fbb040; }

#main .gallery .slide .heading .logo { margin: 0 0 0 70px; }

#main .gallery .slide .heading .logo.sara { background: url(../images/logo-06.png) no-repeat; width: 208px; height: 77px; }

.section-container .text-section { margin: -3px 0 14px; }

.text-section .search-form { margin-top: 20px; margin-bottom: 20px; }

.main-holder { width: 1144px; margin: 0 auto; overflow: hidden; padding: 46px 0 27px; }

.blocks-holder { overflow: hidden; margin: 0 -45px -18px 1px; }

.blocks-holder .section-block { float: left; margin: 0 44px 50px 0; width: 287px; padding: 27px 32px 56px 33px; position: relative; z-index: 1; background: url(../images/bg-section-block.png) no-repeat; min-height: 150px; }

.blocks-holder .section-block:after, .blocks-holder .section-block:before { content: ''; position: absolute; height: 8px; left: 0; bottom: 0; width: 100%; background: url(../images/bg-section-block.png) no-repeat -352px 0; z-index: -1; }

.blocks-holder .section-block:after { top: 8px; height: auto; bottom: 8px; background: #f9f9f9; }

#main .section-block h2 { margin: 0 0 14px; font-size: 22px; }

#main .box.twitter-block h2 { padding: 0 0 0 39px; background: url(../images/ico-twitter-02.png) no-repeat; margin-left: -4px; }

.box .post-list { overflow: hidden; margin: 0 0 -10px; }

#main .box.twitter-block .post-list { margin: 0 -5px -3px 0; }

.box .post-list .post { overflow: hidden; margin: 0 0 15px; font-size: 12px; line-height: 16px; }

.box .post-list .post .picture { float: left; margin: 0 10px 0 0; }

.post-list .post .image { float: left; margin: 0 10px 0 0; width: 66px; height: 66px; border: none; }

.box .post-list .post .text { overflow: hidden; height: 1%; }

#main .box.twitter-block .post-list .post .text { min-height: 67px; }

.box .post-list .post p { margin: 0; }

#main .box .post-list .post .info-list { float: right; list-style: none; margin: 0 1px 0 0; padding: 0; color: #1570a6; font-size: 11px; line-height: 15px; }

#main .box .post-list .post .info-list li { float: left; padding: 0 4px 0 5px; background: url(../images/bullet-05.png) no-repeat 0 8px; }

#main .box .post-list .post .info-list li:first-child { background: none; padding-left: 0; }

.box .bottom-link { position: absolute; right: 32px; width: 287px; bottom: 32px; background: url(../images/separator-04.png) repeat-x; padding: 9px 0 0; overflow: hidden; }

.box .bottom-link .more { float: right; padding: 0 0 0 8px; background: url(../images/arrow-04.png) no-repeat 0 5px; line-height: 15px; }

.box .bottom-link .more.alt { background: url(../images/bullet-06.png) no-repeat 0 4px; padding-left: 12px; }

.box h3 { font-size: 13px; line-height: 15px; margin: 0; }

.box p { margin: 0 0 15px 0; font-size: 12px; line-height: 16px; }

.box .post-list.type-02 .post .picture { margin: 1px 11px 0 0; }

.box .post-list.type-02 .post { margin-bottom: 13px; color: #100f0f; }

.box .post-list .discussie { font-size: 11px; }

.box .post-list.type-03 .post { margin: 0 0 24px; }

.box .post-list.type-03 .heading { float: right; width: 211px; }

.box .post-list.type-03 .heading .heading-row { display: table-footer-group; }

.box .post-list.type-03 .heading h3 { font-size: 15px; line-height: 20px; margin: 0; }

.box .post-list.type-03 .heading .date { display: table-header-group; }

.box .post-list.type-03 .heading .date span { display: block; font-weight: bold; font-style: normal; color: #000; font-size: 12px; line-height: 12px; padding: 0 0 3px; }

.box .post-list .post .picture.with-border { border: 1px solid #dbdbdb; margin-right: 8px; }

.ui-datepicker-calendar caption { display: none; }

.top-panel:after, .navigation:after, #nav:after, #content .heading:after, .nav-bar > li:after, .info-form .area .field:after, .nav-bar .holder:after, .footer-holder:after, .copyright .holder:after, .main-content:after, .details .row:after, .block-twocolumns .holder:after, .container-main:after, .visual-section .columns-holder:after, .nav-bar .options-list li:after, .nav-bar ul li:after, #main .gallery .slide .heading:after, .info-form .row:after, #main .details .radio-list:after, #main .details .checkbox-list:after { content: ""; display: block; clear: both; }

#oc_container rect { background-color: #d7d4d4 !important; cursor: pointer; }

#oc_container text { cursor: pointer; }

/* BUTTONS */
#main .buttons-list-container .buttons-list a, .button, .download-box { background-color: black; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

.button a { color: white; }

html.no-borderradius #main .buttons-list-container .buttons-list a, html.no-borderradius .button { background-color: transparent; background: url(../images/button-left.png) no-repeat; }

html.no-borderradius .download-box { background-color: transparent; padding: 3px 0 0 8px; background: black url(../images/btn-download-before.png) no-repeat; position: relative; }

html.no-borderradius #main .buttons-list-container .buttons-list a:after, html.no-borderradius .button:after { content: ""; position: absolute; height: 44px; width: 9px; background-image: url(../images/button-right.png); background-position: right; background-color: transparent; position: absolute; right: -9px; top: 0; }

html.no-borderradius .download-box:after { content: ""; position: absolute; width: 9px; height: 33px; top: 0; right: -9px; background-image: url(../images/btn-download-after.png); background-repeat: no-repeat; background-position: right; }

span.summary.bold { display: block; font-weight: bold; margin-bottom: 10px; }

div.innovationproject-area { float: left; width: 100%; }
div.innovationproject-area select.status { float: right; }

body.surfsara div#header { margin-bottom: 0px; }
body.surfsara div#header .navigation, body.surfsara div#header .navigation:before, body.surfsara div#header .navigation:after { background: none; }
body.surfsara div#header:before { background: #008741; }
body.surfsara div.subsidiary .gallery-holder.alt:before { height: 0px; }
body.surfsara div.subsidiary .gallery h1.has-nav { height: auto !important; }

body.surfshare div#header { margin-bottom: 0px; }
body.surfshare div#header .navigation, body.surfshare div#header .navigation:before, body.surfshare div#header .navigation:after { background: none; }
body.surfshare div#header:before { background: #b91455; }
body.surfshare div.subsidiary .gallery-holder.alt:before { height: 0px; }
body.surfshare div.subsidiary .gallery h1.has-nav { height: auto !important; }

body.surfmarket div#header { margin-bottom: 0px; }
body.surfmarket div#header .navigation, body.surfmarket div#header .navigation:before, body.surfmarket div#header .navigation:after { background: none; }
body.surfmarket div#header:before { background: #d73232; }
body.surfmarket div.subsidiary .gallery-holder.alt:before { height: 0px; }
body.surfmarket div.subsidiary .gallery h1.has-nav { height: auto !important; }

body.surfnet div#header { margin-bottom: 0px; }
body.surfnet div#header .navigation, body.surfnet div#header .navigation:before, body.surfnet div#header .navigation:after { background: none; }
body.surfnet div#header:before { background: #1570a6; }
body.surfnet div.subsidiary .gallery-holder.alt:before { height: 0px; }
body.surfnet div.subsidiary .gallery h1.has-nav { height: auto !important; }

body.surf div#header, body.surfacademy div#header, body.wtr div#header { margin-bottom: 0px; }
body.surf div#header .navigation, body.surf div#header .navigation:before, body.surf div#header .navigation:after, body.surfacademy div#header .navigation, body.surfacademy div#header .navigation:before, body.surfacademy div#header .navigation:after, body.wtr div#header .navigation, body.wtr div#header .navigation:before, body.wtr div#header .navigation:after { background: none; }
body.surf div#header:before, body.surfacademy div#header:before, body.wtr div#header:before { background: #fbb041; }
body.surf div.subsidiary .gallery-holder.alt:before, body.surfacademy div.subsidiary .gallery-holder.alt:before, body.wtr div.subsidiary .gallery-holder.alt:before { height: 0px; }
body.surf div.subsidiary .gallery h1.has-nav, body.surfacademy div.subsidiary .gallery h1.has-nav, body.wtr div.subsidiary .gallery h1.has-nav { height: auto !important; }

div.twitterfeed-component h2 { padding: 0 0 0 39px; background: url(../images/ico-twitter-02.png) no-repeat; margin-left: -4px; }
div.twitterfeed-component div.tweet { position: relative; font-size: 11px; line-height: 11px; margin-bottom: 10px; clear: left; padding: 0 0 10px 55px; }
div.twitterfeed-component div.tweet a[href^="http://"]:before, div.twitterfeed-component div.tweet a[href^="https://"]:before { content: ""; line-height: 0; }
div.twitterfeed-component div.tweet a.username { font-weight: bold; }
div.twitterfeed-component div.tweet a.screen-name, div.twitterfeed-component div.tweet a.screen-name:hover { color: gray; text-decoration: none; }
div.twitterfeed-component div.tweet img { position: absolute; left: 0; top: 0; }
div.twitterfeed-component div.tweet .user { margin-bottom: 5px; }
div.twitterfeed-component div.tweet .text { clear: left; }
div.twitterfeed-component div.tweet .date { position: absolute; top: 0; right: 0; color: gray; }
div.twitterfeed-component div.tweet .action { margin-top: 5px; }
div.twitterfeed-component div.tweet .action span { padding-right: 14px; padding-left: 10px; }
div.twitterfeed-component div.tweet .action span:last-child { padding-right: 0; }
div.twitterfeed-component div.tweet .action span:first-child { padding-left: 0; }
div.twitterfeed-component div.tweet:last-child { margin-bottom: 0px; }

div.iframe-component iframe { width: 100%; background-color: white; border: 0px none transparent !important; overflow: hidden; }

div.rss-component div.post h3 { font-size: 13px; line-height: 15px; margin: 0; }
div.rss-component div.post p { margin: 0 0 15px 0 !important; font-size: 12px; line-height: 16px; }
div.rss-component div.post img { width: 292px; }

div#sitemap-container { width: 640px; }
div#sitemap-container div.group { position: relative; clear: both; margin-bottom: 10px; }
div#sitemap-container div.group div.main-page { font-weight: bold; background: #EBEBEB; padding: 5px 0 5px 10px; }
div#sitemap-container div.group div.sub-pages ul { margin-top: 5px; float: left; width: 32%; }
div#sitemap-container div.group div.sub-pages ul li.page { padding: 0 0 5px 10px; list-style-type: none; background: none; }

.text .overview.logo { float: right; margin: 2px -85px 0 0; }

.list.management-list .text { width: 202px; }

a.elipses { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 100%; }

/* added for issue 671 */
#content p span.orderingSelected { font-weight: bold; color: #1570a6; }

#content p.marginBeforeResults { margin-bottom: 60px; }

/* added for issue 772 */
p span.content-type { font-variant: small-caps; font-size: 14px; }

/* added for issue 771 */
#main .submenu li a.notSelectedWithChildren, #main .submenu li a.childSelected, #main .submenu li span.selectedWithChildren, #main .submenu li a.leaf, #main .submenu li span.leaf { position: relative; background: none; padding-left: 10px; display: inline-block; }

#main .submenu ul.doNotShow { display: none; }

#main .submenu li a.notSelectedWithChildren:before { content: ""; width: 12px; height: 12px; position: absolute; left: -10px; background-repeat: no-repeat; vertical-align: top; background-image: url("../images/sprite-arrows.png"); }

#main .submenu li a.childSelected:before, #main .submenu li span.selectedWithChildren:before { content: ""; width: 12px; height: 12px; position: absolute; left: -10px; background-repeat: no-repeat; vertical-align: top; background-image: url("../images/sprite-arrows.png"); background-position: 0px -92px; }

div.button > input[type="submit"]:focus, a:focus { outline: 2px solid #1570a6; outline-offset: 5px; }
div.button > input[type="submit"]:focus.hide-outline, a:focus.hide-outline { outline: none; }

#nav .has-drop > a { background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: right -89px; }

#nav .has-drop.hover > a, html.no-touch #nav .has-drop:hover > a { background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: right -71px; }

#main .breadcrumbs li { background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: -5px -56px; }

.nav-bar .has-drop > .holder > a { padding: 0 0 0 15px; }
.nav-bar .has-drop > .holder > a:before { width: 11px; height: 12px; background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: -1px 1px; content: ""; display: inline-block; vertical-align: top; margin-right: 4px; margin-left: -15px; }

.nav-bar .has-drop > .holder > span.selected, .nav-bar .active > .holder > a { padding: 0 0 0 15px; color: black; }
.nav-bar .has-drop > .holder > span.selected:before, .nav-bar .active > .holder > a:before { width: 11px; height: 11px; background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: -1px -72px; content: ""; display: inline-block; vertical-align: top; margin-right: 4px; margin-left: -15px; }

.nav-bar .close .holder + ul { display: none; }

.nav-bar ul li a { padding: 0 0 0 15px; }

#main .submenu ul li { position: relative; background: none; }

.section-container .box .button-block .more { background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: -5px -36px; }

#main .section-container ul.news-list span img { margin: 0 10px 0 0; }
#main .section-container ul.news-list span img + a { display: table; }

#main .list .text .links { color: black; }

a[href^="https"], a[href^="http"] { background-color: transparent; }
a[href^="https"]:before, a[href^="http"]:before { font-family: "icomoon"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e003"; font-size: 15px; padding-right: 2px; }
a[href^="https"]:hover:before, a[href^="http"]:hover:before { border-bottom: 1px solid; }
ul.top-nav a[href^="https"]:before, ul.social-networks a[href^="https"]:before, ul.top-nav a[href^="http"]:before, ul.social-networks a[href^="http"]:before { display: none; }

a[href^="http://www.surf.nl"]:before, a[href^="https://www.surf.nl"]:before { display: none; }

a[href^="http"].button { background-color: black; }

a:not([href^="http"]):not([href^="https"]):not(.button):not(ul.skiplinks a) { background-color: transparent; }
a:not([href^="http"]):not([href^="https"]):not(.button):not(ul.skiplinks a):before { display: none; }

.organizations.list a { color: #1570a6; }
.organizations.list a:hover { text-decoration: underline; }

html.lt-ie9 .block-twocolumns .post-block .post:hover div.post-text { padding-right: 20px; }

#content.combined-results { width: 710px; padding: 0 152px 0 0; float: right; }
#content.combined-results ul.list.type-3 li { position: relative; }
#content.combined-results ul.list.type-3 li div.text { float: right; width: 380px; margin: 2px 167px 0 0; }
#content.combined-results ul.list.type-3 li div.download-container { width: 155px; float: none; position: absolute; right: 0; }

#main ul.list.type-1 li { position: relative; }
#main ul.list.type-1 li div.text { float: right; width: 380px; margin: 2px 167px 0 0; }
#main ul.list.type-1 li div.download-container { width: 155px; float: none; position: absolute; right: 0; }

#main ul.list.type-1 li div.download-container { width: 165px; }
#main ul.list.type-1 li div.download-container .download { padding: 6px 0px 0; }

#main { margin-bottom: 0px !important; }
#main img[align="left"] { float: left; }
#main img[align="right"] { float: right; }
#main div.google-map #content { padding: 0 251px 0 0; }

table.ef-likert-table { border-collapse: collapse; }
table.ef-likert-table td { text-align: center; padding: 3px; white-space: nowrap; }
table.ef-likert-table td:first-child { text-align: left; }

#main .details .checkbox-list li.other { display: block; overflow: visible; }
#main .details .checkbox-list li.other span.text { display: block; margin-top: 3px; margin-left: -10px; }

#main .details .radio-list li.other { margin-top: 7px; }
#main .details .radio-list li.other span.text { display: block; margin-top: 3px; margin-left: -10px; }

#autocomplete-container { background-color: white; width: 211px; position: absolute; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-image: -moz-linear-gradient(left, #ebebeb 0%, white 2%, white 98%, #eeeeee 100%); background-image: -webkit-linear-gradient(left, #ebebeb 0%, white 2%, white 98%, #eeeeee 100%); background-image: -o-linear-gradient(left, #ebebeb 0%, white 2%, white 98%, #eeeeee 100%); background-image: -ms-linear-gradient(left, #ebebeb 0%, white 2%, white 98%, #eeeeee 100%); background-image: linear-gradient(to right, #ebebeb 0%, #ffffff 2%, #ffffff 98%, #eeeeee 100%); font-size: 14px; line-height: 16px; top: 0px; z-index: 200; }
html.lt-ie9 #autocomplete-container { border: 1px solid #eeeeee; }
#autocomplete-container:after { content: ""; display: block; width: 100%; position: absolute; height: 4px; bottom: 0px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #eeeeee 100%); }
html.lt-ie9 #autocomplete-container:after { display: none; }
#autocomplete-container ul.search-drop { list-style: none; margin: 0; padding: 0; }
#autocomplete-container ul.search-drop li { display: block; color: #010101; padding: 5px 10px 8px; cursor: pointer; }
#autocomplete-container ul.search-drop li:hover, #autocomplete-container ul.search-drop li.hover { background-color: #e8e7e7; }

#main div.main-content.google-map div#content div.list { width: 50%; float: left; clear: none; }
#main div.main-content.google-map div#content div.list h2 { margin-bottom: 0px; }
#main div.main-content.google-map div#content div.list ul { padding-left: 2px; }
#main div.main-content.google-map div#content div.list ul li { background: none; padding-left: 0; }
#main div.main-content.google-map div#content #map-canvas { height: 750px; width: 640px; }
#main div.main-content.google-map div#content .infowWindow h4 { margin: 0; }
#main div.main-content.google-map div#content .infowWindow a, #main div.main-content.google-map div#content .infowWindow span { display: block; }
#main div.main-content.google-map div#content .infowWindow a { background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: -5px -33px; float: right; padding-left: 10px; }

#main .column-block .hst-container { margin: 0; float: none; }

#main .section .holder { display: table; }
#main .section .holder .hst-container { margin: 0; float: none; }

#main .section .holder .three-columns .hst-container, #main .hst-container, #main { float: left; margin-right: 43px; margin-bottom: 35px; }
html.no-borderradius #main .section .holder .three-columns .hst-container, html.no-borderradius #main .hst-container, html.no-borderradius #main { margin-right: 19px; margin-bottom: 19px; }
#main .section .holder .three-columns .hst-container .hst-container-item + .hst-container-item, #main .hst-container .hst-container-item + .hst-container-item, #main .hst-container-item + .hst-container-item { margin-top: 35px; }
html.no-borderradiuss #main .section .holder .three-columns .hst-container .hst-container-item + .hst-container-item, html.no-borderradiuss #main .hst-container .hst-container-item + .hst-container-item, html.no-borderradiuss #main .hst-container-item + .hst-container-item { margin-top: 19px; }
#main .section .holder .three-columns .hst-container .component-box, #main .hst-container .component-box, #main .component-box { position: relative; width: 352px; min-height: 220px; padding: 27px 30px 20px 30px; z-index: 1; background-color: white; -webkit-border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
#main .section .holder .three-columns .hst-container .component-box *, #main .hst-container .component-box *, #main .component-box * { webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
#main .section .holder .three-columns .hst-container .component-box.last, #main .hst-container .component-box.last, #main .component-box.last { margin-right: 0; }
#main .section .holder .three-columns .hst-container .component-box.middle, #main .hst-container .component-box.middle, #main .component-box.middle { margin: 0 auto; float: none; display: table; }
#main .section .holder .three-columns .hst-container .component-box h2, #main .hst-container .component-box h2, #main .component-box h2 { margin: 0; font-size: 22px; font-family: "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; margin-bottom: 12px; }
#main .section .holder .three-columns .hst-container .component-box h2 + p, #main .hst-container .component-box h2 + p, #main .component-box h2 + p { line-height: 16px; }
#main .section .holder .three-columns .hst-container .component-box .post-list, #main .hst-container .component-box .post-list, #main .component-box .post-list { overflow: hidden; margin: 0 0 -10px; }
#main .section .holder .three-columns .hst-container .component-box .post-list .post, #main .hst-container .component-box .post-list .post, #main .component-box .post-list .post { overflow: hidden; margin: 0 0 15px; font-size: 12px; line-height: 16px; }
#main .section .holder .three-columns .hst-container .component-box .post-list .post .image, #main .hst-container .component-box .post-list .post .image, #main .component-box .post-list .post .image { float: left; margin: 0 10px 0 0; width: 66px; height: 66px; border: none; }
#main .section .holder .three-columns .hst-container .component-box .post-list .post div.date, #main .hst-container .component-box .post-list .post div.date, #main .component-box .post-list .post div.date { font-weight: bold; }
#main .section .holder .three-columns .hst-container .component-box .post-list.type-03 .heading, #main .hst-container .component-box .post-list.type-03 .heading, #main .component-box .post-list.type-03 .heading { float: right; width: 211px; margin-bottom: 0px; height: auto; }
#main .section .holder .three-columns .hst-container .component-box .post-list.type-03 .heading h3, #main .hst-container .component-box .post-list.type-03 .heading h3, #main .component-box .post-list.type-03 .heading h3 { font-size: 13px; line-height: 20px; margin: 0; font-weight: normal; }
#main .section .holder .three-columns .hst-container .component-box .post-list.type-03 .heading .heading-row, #main .hst-container .component-box .post-list.type-03 .heading .heading-row, #main .component-box .post-list.type-03 .heading .heading-row { display: table-footer-group; }
#main .section .holder .three-columns .hst-container .component-box .post-list.type-03 .heading .date, #main .hst-container .component-box .post-list.type-03 .heading .date, #main .component-box .post-list.type-03 .heading .date { display: table-header-group; }
#main .section .holder .three-columns .hst-container .component-box div.button-block, #main .hst-container .component-box div.button-block, #main .component-box div.button-block { position: absolute; border-top: 1px dotted black; left: 30px; right: 30px; bottom: 25px; padding: 5px 2px 0 0; text-align: right; }
#main .section .holder .three-columns .hst-container .component-box div.button-block a, #main .hst-container .component-box div.button-block a, #main .component-box div.button-block a { background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: -5px -36px; padding: 0 0 0 8px; }
#main .section .holder .three-columns .hst-container .component-box ul, #main .hst-container .component-box ul, #main .component-box ul { list-style: none; margin: 0; padding: 0; line-height: 16px; }
#main .section .holder .three-columns .hst-container .component-box ul.arrow-links li, #main .hst-container .component-box ul.arrow-links li, #main .component-box ul.arrow-links li { margin-left: 17px; }
#main .section .holder .three-columns .hst-container .component-box ul.arrow-links li:before, #main .hst-container .component-box ul.arrow-links li:before, #main .component-box ul.arrow-links li:before { background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: -3px -41px; content: ""; display: inline-block; height: 7px; width: 5px; margin-right: 12px; margin-left: -17px; }
#main .section .holder .three-columns .hst-container .component-box ul.list-links, #main .hst-container .component-box ul.list-links, #main .component-box ul.list-links { display: table; }
#main .section .holder .three-columns .hst-container .component-box ul.list-links li, #main .hst-container .component-box ul.list-links li, #main .component-box ul.list-links li { margin: 0; display: block; min-height: inherit; margin-bottom: 8px; }
#main .section .holder .three-columns .hst-container .component-box ul.list-links li a + p, #main .hst-container .component-box ul.list-links li a + p, #main .component-box ul.list-links li a + p { margin-top: 0; }
#main .section .holder .three-columns .hst-container .component-box li, #main .hst-container .component-box li, #main .component-box li { margin: 8px 0; min-height: 24px; background-image: none; padding: 0; }
#main .section .holder .three-columns .hst-container .component-box li a, #main .hst-container .component-box li a, #main .component-box li a { line-height: 16px; }
#main .section .holder .three-columns .hst-container .component-box li:last-child p, #main .hst-container .component-box li:last-child p, #main .component-box li:last-child p { margin: 0; }
html.borderradius #main .section .holder .three-columns .hst-container .component-box form, html.borderradius #main .hst-container .component-box form, html.borderradius #main .component-box form { width: 100%; }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box, html.no-borderradius #main .hst-container .component-box, html.no-borderradius #main .component-box { width: 376px; background-color: transparent; background-image: url(../images/bg-box-02.png); background-repeat: no-repeat; padding: 41px 42px 31px 42px; min-height: 130px; }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box:after, html.no-borderradius #main .section .holder .three-columns .hst-container .component-box:before, html.no-borderradius #main .hst-container .component-box:after, html.no-borderradius #main .hst-container .component-box:before, html.no-borderradius #main .component-box:after, html.no-borderradius #main .component-box:before { content: ""; position: absolute; height: 21px; left: 0; bottom: 0; width: 100%; background: url(../images/bg-box-02.png) no-repeat -752px 0; z-index: -1; }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box:after, html.no-borderradius #main .hst-container .component-box:after, html.no-borderradius #main .component-box:after { top: 21px; height: auto; bottom: 21px; background: url(../images/bg-box-02.png) repeat-y -376px 0; }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box.last, html.no-borderradius #main .hst-container .component-box.last, html.no-borderradius #main .component-box.last { margin-right: 0; }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box div.button-block, html.no-borderradius #main .hst-container .component-box div.button-block, html.no-borderradius #main .component-box div.button-block { left: 42px; right: 42px; bottom: 37px; }
#main .section .holder .three-columns .hst-container .component-box:hover, #main .hst-container .component-box:hover, #main .component-box:hover { -webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 0.2); background-color: #edebeb; }
#main .section .holder .three-columns .hst-container .component-box:hover .search-form, #main .hst-container .component-box:hover .search-form, #main .component-box:hover .search-form { background-color: #d7d5d5; }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box:hover, html.no-borderradius #main .hst-container .component-box:hover, html.no-borderradius #main .component-box:hover { background-image: url(../images/bg-box-02-hover.png); }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box:hover:before, html.no-borderradius #main .hst-container .component-box:hover:before, html.no-borderradius #main .component-box:hover:before { background-image: url(../images/bg-box-02-hover.png); }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box:hover:after, html.no-borderradius #main .hst-container .component-box:hover:after, html.no-borderradius #main .component-box:hover:after { background-image: url(../images/bg-box-02-hover.png); }
#main .section .holder .three-columns .hst-container .component-box.has-button-block, #main .section .holder .three-columns .hst-container .component-box.agenda-component, #main .section .holder .three-columns .hst-container .component-box.news-component, #main .section .holder .three-columns .hst-container .component-box.links-component, #main .hst-container .component-box.has-button-block, #main .hst-container .component-box.agenda-component, #main .hst-container .component-box.news-component, #main .hst-container .component-box.links-component, #main .component-box.has-button-block, #main .component-box.agenda-component, #main .component-box.news-component, #main .component-box.links-component { padding-bottom: 61px; }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box.has-button-block, html.no-borderradius #main .section .holder .three-columns .hst-container .component-box.agenda-component, html.no-borderradius #main .section .holder .three-columns .hst-container .component-box.news-component, html.no-borderradius #main .section .holder .three-columns .hst-container .component-box.links-component, html.no-borderradius #main .hst-container .component-box.has-button-block, html.no-borderradius #main .hst-container .component-box.agenda-component, html.no-borderradius #main .hst-container .component-box.news-component, html.no-borderradius #main .hst-container .component-box.links-component, html.no-borderradius #main .component-box.has-button-block, html.no-borderradius #main .component-box.agenda-component, html.no-borderradius #main .component-box.news-component, html.no-borderradius #main .component-box.links-component { padding-bottom: 79px; }
#main .section .holder .three-columns .hst-container .component-box.agenda-component li, #main .section .holder .three-columns .hst-container .component-box.news-component li, #main .hst-container .component-box.agenda-component li, #main .hst-container .component-box.news-component li, #main .component-box.agenda-component li, #main .component-box.news-component li { margin: 0 0 15px; }
#main .section .holder .three-columns .hst-container .component-box.agenda-component li span, #main .section .holder .three-columns .hst-container .component-box.news-component li span, #main .hst-container .component-box.agenda-component li span, #main .hst-container .component-box.news-component li span, #main .component-box.agenda-component li span, #main .component-box.news-component li span { float: right; width: 231px; font-size: 13px; line-height: 16px; margin: 0; font-weight: normal; }
#main .section .holder .three-columns .hst-container .component-box.agenda-component li span.date, #main .section .holder .three-columns .hst-container .component-box.news-component li span.date, #main .hst-container .component-box.agenda-component li span.date, #main .hst-container .component-box.news-component li span.date, #main .component-box.agenda-component li span.date, #main .component-box.news-component li span.date { float: left; width: 58px; font-weight: bold; font-style: normal; color: black; margin: 0 0 0 1px; }
#main .section .holder .three-columns .hst-container .component-box.agenda-component li span, #main .hst-container .component-box.agenda-component li span, #main .component-box.agenda-component li span { width: 217px; }
html.lt-ie9 #main .section .holder .three-columns .hst-container .component-box.agenda-component li span, html.lt-ie9 #main .hst-container .component-box.agenda-component li span, html.lt-ie9 #main .component-box.agenda-component li span { width: 210px; }
#main .section .holder .three-columns .hst-container .component-box.agenda-component li span.date, #main .hst-container .component-box.agenda-component li span.date, #main .component-box.agenda-component li span.date { width: 65px; }
html.lt-ie9 #main .section .holder .three-columns .hst-container .component-box.agenda-component li span.date, html.lt-ie9 #main .hst-container .component-box.agenda-component li span.date, html.lt-ie9 #main .component-box.agenda-component li span.date { width: 65px; }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box.agenda-component li span.date, html.no-borderradius #main .hst-container .component-box.agenda-component li span.date, html.no-borderradius #main .component-box.agenda-component li span.date { margin-right: 12px; }
#main .section .holder .three-columns .hst-container .component-box.agenda-component li span.date span, #main .hst-container .component-box.agenda-component li span.date span, #main .component-box.agenda-component li span.date span { -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; float: left; width: 25px; padding: 2px 0 0 0; text-align: center; height: 26px; background-color: black; font: 15px/26px "ProximaNovaSoft-Bold", Arial, Helvetica, sans-serif; color: white; }
html.no-borderradius #main .section .holder .three-columns .hst-container .component-box.agenda-component li span.date span, html.no-borderradius #main .hst-container .component-box.agenda-component li span.date span, html.no-borderradius #main .component-box.agenda-component li span.date span { background-image: url(../images/bg-date.png); background-repeat: no-repeat; background-color: transparent; padding: 4px 0 0 0; width: 32px; height: 29px; }

#main .section .holder .three-columns .hst-container { margin-right: 0; }
#main .section .holder .three-columns .hst-container .hst-container-item { margin-right: 43px; }
html.lt-ie9 #main .section .holder .three-columns .hst-container .hst-container-item { margin-right: 0; }

div.nojs-error { color: red !important; padding: 10px; background-color: whitesmoke; width: 100%; border-bottom-style: dashed; border-bottom-width: 1px; }

form.easyform { padding: 10px; background-color: whitesmoke; display: table; width: 100%; }
form.easyform div.ef-field { width: 100%; margin: 0px 0px 12px 0px; padding-bottom: 12px; border-bottom-width: 1px; border-bottom-style: dotted; }
form.easyform div.ef-field span.label, form.easyform div.ef-field label { width: 45%; display: inline-block; font-weight: bold; vertical-align: middle; }
form.easyform div.ef-field span.ef-hint { display: block; margin-left: 45%; padding-left: 5px; font-size: 12px; }
form.easyform div.ef-field select, form.easyform div.ef-field input[type=text] { width: 50%; }
form.easyform div.ef-field select:focus, form.easyform div.ef-field input[type=text]:focus { outline: 1px solid grey; }
form.easyform div.ef-field select:active, form.easyform div.ef-field input[type=text]:active { outline: none; }
form.easyform div.ef-field input[type=text] { height: 25px; }
html.lt-ie9 form.easyform div.ef-field input[type=text] { padding-top: 3px; }
form.easyform div.ef-field.radiocheckbox span.label { vertical-align: top; }
form.easyform div.ef-field.radiocheckbox ul { list-style-type: none; margin: 0; padding: 0; display: inline-block; width: 50%; }
form.easyform div.ef-field.radiocheckbox ul li.radio { display: inline-block; width: 100%; margin: 2px 0; }
form.easyform div.ef-field.radiocheckbox ul li.radio label { width: auto; display: inline; font-weight: normal; margin-right: 10px; }
form.easyform div.ef-field.radiocheckbox ul li.radio label input[type=radio] { margin-right: 6px; outline: none; }
form.easyform div.ef-field.radiocheckbox ul li.radio label input[type=radio]:focus { outline: 1px dotted grey; }
form.easyform div.ef-field.radiocheckbox span.ef-hint { margin-top: 5px; }
form.easyform div.ef-buttons { margin: 15px 0 5px 0; display: block; }
form.easyform div.ef-buttons input[type=submit] { height: 30px; margin: 0 0 0 80%; display: inline-block; border: none; position: relative; vertical-align: middle; outline: none; vertical-align: top; font-weight: bold; cursor: pointer; padding: 0 10px 1px 10px; }
form.easyform div.ef-buttons input[type=submit]:focus { outline: 1px solid grey; }

.faq-content { font-weight: bold; }

.faqcategory { padding: 10px 0 21px; }
.faqcategory .faq .question { cursor: pointer; font-weight: bold; padding-left: 20px; background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: -4px 3px; }
.faqcategory .faq .question.q_active { background-repeat: no-repeat; background-image: url("../images/sprite-arrows.png"); background-position: left -89px; }
.faqcategory .faq .answer { padding: 10px 0; }