html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
}
body
{
background: #F5F5F5;
font: normal 300 8pt/15pt Verdana, Arial, sans-serif;
color: #242424;
overflow-y: scroll;
}
.lview-foto-yitc-back {
width: 300px;
height: 200px;
/*margin-top: 35px;*/
}
table{border-collapse: collapse; border-spacing: 0;}
/* -----------------------------------------------------------------------------------------------------
BASE RULES
-------------------------------------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-family: Verdana, Arial, sans-serif; font-weight: 600; font-style: normal;}
h1,h2,h3{line-height:22px;}
h1{font-size: 30px;}
h2
{
font-size: 5px;
margin-top: 5px;
margin-bottom: 5px;
padding-bottom: 15px;
}
h3
{
font: bold 12pt/15pt Verdana, Arial, sans-serif;
padding-bottom: 10px;
color: #2C8DCE;
}
h4{font-size: 24px; color: #868889; margin-bottom: 17px;}
a{color: #0090d4; text-decoration: none; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s; transition:color .3s;}
a:hover{color: #1fa5e4;}
textarea, input, select, option{outline: none; /* -webkit-appearance: none; */ font: normal 300 13px/1.5em "museo-sans", "Museo Sans", Myriad Pro, Trebuchet MS, Helvetica Neue, Helvetica, Arial, sans-serif; color: #242424;}
textarea, input[type="text"]{-webkit-appearance: none; border: 1px solid #ddd; padding: 1px 6px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -o-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.07); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
textarea:focus, input[type="text"]:focus{padding: 0 5px; border: 2px solid #5cc3ff; -webkit-box-shadow: 0 1px 3px #cfedff;}
/* -----------------------------------------------------------------------------------------------------
LAYOUT RULES
-------------------------------------------------------------------------------------------------- */
.wrapper{position: relative;}
.wrapper.bottom
{
background-color: #EEEEEE;
}
.wrapper.top > .wrapper{overflow: visible;}
.wrapper .wrapper .wrapper{padding-bottom: 10px;}
.wrapper .wrapper{width: 984px; margin: 0 auto; background: none; overflow: hidden;}
.wrapper .wrapper.header
{
height: 240px;
padding-bottom: 0;
overflow: visible;
z-index: 50;
top: 0px;
left: 0px;
}
.wrapper.bottom {border-bottom: 1px solid #e9e9e9; margin: 0;}
.wrapper.carousel
{
margin: 10px 0 10px 0;
overflow: visible;
}
.primary{width: 984px; float: left;}
.primary.fullwdithexclude {width:984px}
.primary.fullwidth{width:100%}
.primary.smaller{width: 480px;}
.primary.half{width: 490px;}
.primary.tree {width: 324px;}
.primary.vree {
width: 324px;
}
.treed {
width: 324px;
float: right;
}
.secondary{width: 490px; float: right;}
.wrapper.main
{
padding-top: 10px;
background-color: #EEEEEE;
}
.wrapper.content
{
}
.logo{margin: 0px 0 0px 0; display: inline-block;}
/* -----------------------------------------------------------------------------------------------------
'LIGHT' REUSABLE CLASSES
-------------------------------------------------------------------------------------------------- */
/* used on header */
.light{color: #868889; font-size: 18px;}
.date {color: #868889; font-size: 13px;}
.left
{
float: left;
font-size: 14px;
}
.right{float: right;}
.clear{clear: both;}
/* -----------------------------------------------------------------------------------------------------
NAVIGATION ITEMS
-------------------------------------------------------------------------------------------------- */
.main-nav{width: 100%; min-height: 46px; position: absolute; top: 160px; left: 0; background: white no-repeat center 0; list-style: none;z-index: 2;}
.main-nav .sub-nav-container
{
display: none;
position: absolute;
top: 46px;
left: 0;
}
.main-nav .sub-nav
{
width: 944px; /* min-height: 259px; */
padding: 20px 20px 50px 20px;
overflow: hidden;
background: #2C8DCE;
list-style: none;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.main-nav > li:hover
{
background: #2C8DCE;
}
.main-nav > li.btn:hover
{
background: white;
}
.main-nav > li > a:hover
{
color: #fff;
}
.main-nav > li:hover.has-sub a
{
color: #fff;
}
.main-nav > li.active a{color: #0090d4}
.main-nav > li
{
float: left;
font-size: 19px;
line-height: 46px;
}
.main-nav > li > a
{
padding: 0 18px;
display: block;
border-right: 1px solid #e1e1e1;
color: black;
font-family: Goudy, Trebuchet MS;
font-style: normal;
}
/* static items in main-nav with different layout */
.main-nav .home a{width: 50px; height: 0; padding: 46px 0 0 0; display: block; overflow: hidden; background: url('../Cuijk/images/icon_home.png') no-repeat 50% 0;
}
.main-nav .home a:hover{background-position: 50% -92px;}
.main-nav .btn a{border-right: none; margin: 8px 0 0 8px; padding: 0 6px 0 0; color: white;}
.main-nav .btn a:hover{color: white;}
/* submenu */
.main-nav > li:hover .sub-nav-container{display: block;}
.main-nav .sub-nav a
{
color: white;
text-transform: none;
vertical-align: middle;
}
.main-nav .sub-nav li
{
width: 236px;
float: left;
vertical-align: middle;
}
.main-nav .sub-nav > li > a
{
font-family: Trebuchet MS, Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
vertical-align: middle;
}
.main-nav .sub-nav li a
{
height: 25px;
padding: 0 0 0 10px;
display: block;
line-height: 25px;
vertical-align: middle;
font-weight: bold;
}
.main-nav .sub-nav > li > a:hover{}
.main-nav .sub-nav .active > a{}
/* sub-sub menu */
.main-nav .sub-nav li ul{list-style: none; padding-top: 0px;}
.main-nav .sub-nav li ul li{float: none; height: auto;}
.main-nav .sub-nav li ul li a
{
height: auto;
padding-left: 25px;
padding-right: 20px;
background: url(../images/arrow_white_right_small.png) no-repeat 10px 9px;
line-height: 20px;
font-size: 14px;
font-weight: normal;
}
.main-nav .sub-nav li ul li a:hover
{
background-position: 10px 9px;
text-decoration: underline;
}
/* sub-sub-sub menu */
.main-nav .sub-nav li ul li ul{margin-left: 5px; padding-top: 0;}
/* secondary-sub menu */
.sec-sub-nav{width: 100%; min-height: 32px; position: absolute; top: 137px; left: 0; background: #4cace4; list-style: none;z-index: 1;-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;-webkit-box-shadow: 2px 2px 2px 0px #d0d0d0;box-shadow: 2px 2px 2px 0px #d0d0d0; }
.sec-sub-nav a{text-transform: lowercase;}
.sec-sub-nav > li{position:relative;float: left; font-size: 18px; line-height: 32px; text-transform: lowercase;}
.sec-sub-nav > li > a{padding: 0 15px; display: block; border-right: 1px solid #449acd; color: white; font-family: Trebuchet MS, Arial, sans-serif;font-size: 16px; font-style: normal; font-weight: 400;}
.sec-sub-nav > li.active{ background:#66B8E8}
.sec-sub-nav .sec-sub-sub-nav-container{display: none; position: absolute; top: 32px; left: 0;-webkit-box-shadow: 2px 2px 2px 0px #d0d0d0;box-shadow: 2px 2px 2px 0px #d0d0d0;}
.sec-sub-nav .sec-sub-sub-nav{ padding: 0; overflow: hidden; background: #66b8e8; list-style: none;padding-bottom:5px;}
.sec-sub-nav .sec-sub-sub-nav li.active{ background:#7fc4ec; }
.sec-sub-nav > li:hover{ background: #66b8e8;}
.sec-sub-nav > li:hover .sec-sub-sub-nav-container{display: block;}
.sec-sub-nav .sec-sub-sub-nav a{color: white; text-transform: none;}
.sec-sub-nav .sec-sub-sub-nav li{text-shadow: 0 -1px rgba(0,0,0,.25);}
.sec-sub-nav .sec-sub-sub-nav li a{ padding: 0 15px; display: block; font-size: 14px;line-height:25px;white-space:nowrap;}
.sec-sub-nav .sec-sub-sub-nav li a:hover{ background: #7fc4ec; }
.social-nav{position: absolute; top: 169px; right: 8px; list-style: none;z-index:3;}
.social-nav li{float: left; margin-left: 5px;}
.social-nav li:first-child{margin-left: 0;}
.social-nav a{width: 30px; height: 0; padding-top: 30px; display: block; overflow: hidden; background-image: url('../images/icons-social.png');
background-repeat: no-repeat;
}
.social-nav a:hover{opacity: 0.9;}
.social-nav .facebook{background-position: 0 -30px;}
.social-nav .twitter{background-position: 0 0;}
.social-nav .hyves{background-position: 0 -60px;}
/* -----------------------------------------------------------------------------------------------------
MAIN CONTENT
-------------------------------------------------------------------------------------------------- */
.latest-news h2{margin-bottom: 20px; color: #868889; font-size: 24px;}
.latest-news .date {color: #868889;}
.news-item{overflow: hidden; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #f4f4f4;}
.news-item div{float: right; width: 425px;}
.news-item img{float: left; margin-right: 20px;}
.news-item .date + p{margin-top: 10px;}
.news-item:nth-child(odd) img{-webkit-border-radius: 0 10px 0 6px; -moz-border-radius: 0 10px 0 6px; -o-border-radius: 0 10px 0 6px; border-radius: 0 10px 0 6px;}
.news-item:nth-child(even) img{-webkit-border-radius: 6px 0 10px 0; -moz-border-radius: 6px 0 10px 0; -o-border-radius: 6px 0 10px 0; border-radius: 6px 0 10px 0;}
.news-list li{padding-bottom: 8px; list-style: none; overflow: hidden;}
.news-list .date{width: 60px; float: left ;font-size: 14px;}
.news-list .text
{
width: 350px;
float: left;
font-size: 14px;
}
/* -----------------------------------------------------------------------------------------------------
MODULES, REUSABLE CLASSES
-------------------------------------------------------------------------------------------------- */
.header .search-form{position: absolute; top: 115px; right: 0;}
.header .search-form .search-input{border-style: none;
border-color: inherit;
border-width: 0;
width: 188px; height: 31px; padding: 0 35px 0 5px; background: url('../../Cuijk/images/bg_input_search_form.png') no-repeat 0 0;
}
.header .search-form .search-submit{border-style: none;
border-color: inherit;
border-width: 0;
width: 26px; height: 26px; position: absolute; top: 2px; right: 2px; background: url('../../Cuijk/images/btn_submit_magnifier.png') no-repeat 0 0;
}
.header .search-form .search-submit:hover{background-position: 0 -26px;}
.header .search-form .search-submit:active,.header .search-form .search-submit:focus{top: 3px;}
.carousel{width: 984px; height: 310px;}
.landkaart{width: 984px; height: 310px;}
.carousel .slide{width: 984px; height: 310px; position: absolute; top: 0; left: 0;}
.landkaart .slide{width: 984px; height: 310px; position: absolute; top: 0; left: 0;}
.carousel .image-wrapper
{
position: absolute;
top: 0;
left: 160;
width: 733px;
height: 310px;
right: 0px;
}
.carousel .intro{display: none;}
.carousel .description-wrapper, .landkaart .description-wrapper, .news-highlight .description-wrapper
{
width: 330px;
height: 310px;
padding: 30px 30px 0 30px;
position: absolute;
top: 0px;
right: 0px;
background: url('../../images/bg_carousel_description.png') no-repeat 0 0;
color: white;
font-size: 30px;
line-height: 30px;
left: 0px;
}
.carousel .description-wrapper p, .landkaart .description-wrapper p, .news-highlight .description-wrapper p{font-family: "ff-dax-web-pro-n7", "ff-dax-web-pro", Myriad Pro, Trebuchet MS, Arial, sans-serif; line-height: 40px; font-style: normal; font-weight: 700;}
.carousel .description-wrapper a, .news-highlight .description-wrapper a{color: white; text-shadow: 0 -1px rgba(0,0,0,.1);}
.carousel .description-wrapper ul, .news-highlight .description-wrapper ul{list-style: none; margin-top: -13px;}
.carousel .description-wrapper li, .news-highlight .description-wrapper li{font-size: 15px; text-shadow:0 1px 1px rgba(0,0,0,.2); line-height: 32px; padding-left: 26px;}
.carousel .description-wrapper li strong, .news-highlight .description-wrapper li strong{display: inline-block; float: right; width: 65%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.carousel .description-wrapper .readon, .news-highlight .description-wrapper .readon{display: block; padding-right: 25px; position: absolute; bottom: 25px; left: 50px; background: url('../../images/arrow_white_right.png') no-repeat right center;
font-size: 16px;
}
/* Alternative header styles */
.carousel.alt-header .image-wrapper{right: 0; background: url()}
.carousel.alt-header .description-wrapper, .landkaart.alt-header .description-wrapper, .news-highlight.alt-header .description-wrapper{width: 315px; height: 244px; left: 0; right: auto; padding: 40px 65px 0 40px; background: url('../../Cuijk/images/bg_carousel_description_flipped_orange.png') no-repeat left top;
}
.carousel.alt-header .description-wrapper p, .landkaart.alt-header .description-wrapper p{font-size:29px; margin-top: 0px; text-shadow: 0 -1px rgba(0,0,0,.1);}
.carousel.alt-header .description-wrapper .readon, .landkaart.alt-header .description-wrapper .readon, .news-highlight.alt-header .description-wrapper .readon{left: auto; right: 0px;}
.alt-header .image-wrapper img{float: right;}
.alt-header .image-wrapper.larger .overlay .landkaart{left: auto; right: 0;}
.carousel-nav-wrapper{height: 53px; position: absolute; bottom: 0; right: 1px; z-index: 20;}
.carousel-nav-wrapper a{width: 200px; height: 53px; display: block; float: left; background: url('../../Cuijk/images/bg_carousel_nav.png') no-repeat -204px 0;
color: #6a7b86; font-size: 15px; line-height: 53px; text-align: center;
}
.carousel-nav-wrapper .active{background-position: -204px -53px;}
.carousel-nav-wrapper .first{background-position: 0 0;}
.carousel-nav-wrapper .last{background-position: -404px 0;}
.carousel-nav-wrapper .first.active{background-position: 0 -53px;}
.carousel-nav-wrapper .last.active{background-position: -404px -53px;}
.content-block{width: 312px; margin-left: 24px; position: relative; float: left;}
.content-block .image{width: 312px; height: 210px; margin-bottom: 15px; display: block; overflow: hidden;}
.content-block .image img{display: block; width: 312px; height: 210px; float: left;}
.content-block .readmore{position: absolute; top: 186px; right: 18px;}
.wrapper .content-block:first-child{margin-left: 0;}
.blue-block-container{width: 323px; padding-bottom: 33px; background: url('../../Cuijk/images/bg-block-bottom-blue.png') no-repeat left bottom;
}
.blue-block-content{padding: 30px 20px 0 31px; color: #fff; text-shadow: 0 -1px rgba(0,0,0,.1); background: url('../../Cuijk/images/bg-block-top-blue.png') no-repeat left top;
}
.blue-block-content h2, .blue-block-content h3{color: #fff; text-shadow:0 -1px rgba(0,0,0,.15); margin:0 0 10px 5px;}
.blue-block-content p.body{margin: 0 0 10px 5px;}
.blue-block-container.alt-blue{background: url('../../Cuijk/images/bg-block-bottom-purple.png') no-repeat left bottom;
}
.blue-block-container.alt-blue .blue-block-content{background: url('../../Cuijk/images/bg-block-top-purple.png') no-repeat left top;
}
.alt-blue h3{padding: 10px 4px; text-align: right; text-shadow: 0 1px rgba(0,0,0,.1);}
.alt-blue h3 div{text-align: left; color: #e2def4; margin-bottom:-14px;}
.alt-blue h3 span{margin-top: 15px; display: inline-block; font-size: 50px;}
.image-wrapper{overflow: hidden; position: relative;}
.image-wrapper .overlay{display: block; /* overlay is applied to as well */ position: absolute; top: 0; left: 0;}
.image-wrapper img{float: left;}
.image-wrapper.medium .overlay{width: 200px; height: 260px; background: url('../../Cuijk/images/image-mask-medium.png') no-repeat left top;
}
.image-wrapper.medium img{width: 200px; height: 260px;}
.image-wrapper.large .overlay{width: 648px; height: 290px; background: url('../../Cuijk/images/image-mask-large.png') no-repeat left top;
}
.image-wrapper.large img{width: 648px; height: 290px;}
.image-wrapper.larger .overlay{width: 733px; height: 310px; background: url('../../Cuijk/images/image-mask-larger.png') no-repeat 0 0;
}
.image-wrapper.larger img{width: 733px; height: 310px;}
.image-wrapper.extralarger .overlay{margin-left:251px;width: 733px; height: 310px; background: url('../../Cuijk/images/image-mask-larger.png') no-repeat 0 0;
}
.image-wrapper.extralarger img{margin-left:251px;width: 733px; height: 310px;}
.image-wrapper.landkaart img{width: 500px; height: 428px;}
.readmore{display: inline-block; height: 42px; line-height: 42px; padding: 0 13px 0 0; color: #fff; text-shadow:0 -1px rgba(0,0,0,.1); font-weight: 600; background: url('../../Cuijk/images/bg_btn_readmore.png') no-repeat right 0;
}
.readmore span{display: inline-block; height: 42px; line-height: 38px; padding: 0 15px 0 24px; background: url('../../Cuijk/images/bg_btn_readmore.png') no-repeat 0 -42px;
font-family: Trebuchet MS, Arial, sans-serif; font-style: normal; font-weight: 400;
}
.readmore:hover{background-position: right -84px; color: #fff;}
.readmore:hover span{background-position: 0 -126px;}
.content-btn-wrapper{position: relative;}
.content-btn-wrapper .readmore{position: absolute; bottom: -15px; right: 15px;}
.btn-action{height: 32px; display: block; padding-right: 6px; background: url('../../Cuijk/images/btn_orange.png') no-repeat right 0;
color: white; line-height: 30px;
}
.btn-action span{height: 32px; display: block; padding: 0 14px 0 20px; background: url('../../Cuijk/images/btn_orange.png') no-repeat 0 -32px;
}
.btn-action:hover{background-position: right -64px;}
.btn-action:hover span{background-position: 0 -96px;}
.default-list{margin-bottom: 10px; list-style: none;}
.default-list li{padding: 5px 0;}
.block-arrow{margin-bottom: 30px; list-style: none;}
.block-arrow li{margin-bottom: 5px; background: white; -webkit-border-radius: 6px 0 10px 0; -moz-border-radius: 6px 0 10px 0; -o-border-radius: 6px 0 10px 0; border-radius: 6px 0 10px 0;}
.block-arrow a{padding: 10px 50px 10px 20px; display: block; background: url('../../Cuijk/images/arrow_blue_right.png') no-repeat right center;
}
.block.callout{float: left; position: relative; width: 270px; margin: 0 0 20px 26px; padding: 20px 20px 30px 20px; background-color: #ecf8ff;}
.block.callout:first-child{ margin-left: 0;}
.block.callout h2 {color: #0090d4; margin:0 0 5px 0;}
.block.callout .readmore{position: absolute; right: 10px; bottom: -20px;}
.wrapper .blocks {position: relative; left: -20px;}
.additional-info {float: left; position: relative; width: 432px; background-color: #ecf8ff; margin: 20px 0px 20px 20px;padding: 20px 20px 20px 20px;}
.additional-info h2 {color: #0090d4; margin-bottom: 5px;}
.additional-info h3 {margin-bottom: 10px;}
.additional-info img{float: left;}
.additional-info .text {float: right; width: 268px;}
.additional-info .readmore {position: absolute; right: 10px; bottom: -20px;}
.additional-info .rounded-image-frame {float: left; position: absolute; left: 20px; right: 24px; width: 144px; height: 144px; background:url('../../Cuijk/images/mask-rounded-image-frame.png') no-repeat left top;
}
.additional-info .rounded-image-frame.alt-square {background:url('../../Cuijk/images/mask-roundedsquare-image-frame.png') no-repeat left top;
}
.list-pagination{overflow: hidden; text-align: center;}
.list-pagination ul{display: inline-block; *display: block;/* IE7 */ list-style: none; text-align:center;}
.list-pagination li{float: left; margin-left: 5px;}
.list-pagination a,
.list-pagination li.active {padding:5px 14px 10px 14px; display: block; background: #fff url('../../Cuijk/images/bg-aside-nav.png') no-repeat center bottom;
-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
.list-pagination a:hover{background-color: #e1f4ff; text-shadow: 0 1px rgba(255,255,255,.5)}
.list-pagination li.active{color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3); background-color: #4db1ed; cursor: default;}
.list-pagination .prev-btn{float: left;}
.list-pagination .next-btn{float: right; *display: block;/* IE7 */ *margin-left: 5px;}
.social-buttons{height: 30px; margin: 30px 0 0 0; position: relative; border-top: 1px solid #e9e9e9;}
.social-buttons .mail-share-button{padding-left: 25px; display: block; background: url('../../Cuijk/images/icon_mail.png') no-repeat 0 4px;
line-height: 26px; font-size: 13px;
}
.social-buttons .shareBtn {overflow: hidden; width: 125px; float: left; margin: 10px 1px 0 0;}
/*
.social-buttons .facebook-share-button{position: absolute; top: 9px; left: 200px;}
.social-buttons .twitter-share-button{position: absolute; top: 8px; left: 100px;}
.social-buttons .mail-share-button{padding-left: 25px; position: absolute; top: 8px; left: 0; display: block; background: url(../images/icon_mail.png) no-repeat 0 4px; line-height: 26px; font-size: 13px;}
*/
/* to be applied to */
.numbered-boxes{margin-top: 20px; list-style: none;}
.numbered-boxes li{width: 182px; height: 97px; margin-left: 24px; padding-right: 18px; position: relative; float: left; background: url('../../Cuijk/images/bg_blob_white_small_right.png') no-repeat right 0;
}
.numbered-boxes li:first-child{margin-left: 0;}
.numbered-boxes .text{height: 79px; padding: 18px 18px 0 18px; display: block; background: url('../../Cuijk/images/bg_blob_white_small_left.png') no-repeat 0 0;
}
.numbered-boxes .number{width: 29px; height: 39px; padding-left: 15px; display: block; position: absolute; top: -15px; left: 5px; background: url('../../Cuijk/images/bg_blob_yellow_small.png') no-repeat;
color: white; line-height: 35px;
}
#breadcrumbs ol{list-style: none; overflow: hidden; padding-top: 30px;}
#breadcrumbs li{display: block; float: left; padding-right: 15px; margin-right: 10px; font-size: 12px; color: #868889; text-transform: lowercase; background: url('../../Cuijk/images/arrow-breadcrumb.png') no-repeat right center;
}
#breadcrumbs li.active{padding: 0; background: none; font-weight: bold;}
#breadcrumbs a{color: #868889;}
.quote{width: 234px; margin: 20px 0;}
.quote blockquote{padding: 38px 25px 0 25px; font-size: 16px; background: url('../../Cuijk/images/bg-quote-top.png') no-repeat left top;
}
.quote em{display: block; padding: 0 25px 20px 25px; color: #888; text-align: right; background: url('../../Cuijk/images/bg-quote-bottom.png') no-repeat left bottom;
}
.intro-text{width: 984px; margin-bottom: 20px; font-size: 15px;}
.intro-text h2{margin-bottom: 0px;}
.intro-text p {margin-top: 0px; }
.call-to-action{list-style: none;}
.call-to-action a, .call-to-action button{display: block; overflow: hidden; padding-right: 50px; height: 56px; background-position: right top; font-family: Trebuchet MS, Arial, sans-serif; font-style: normal;font-weight: 400;}
.call-to-action a:hover, .call-to-action button:hover{background-position: right bottom;}
.call-to-action a span, .call-to-action button span.call-to-action-span{display: block;
height:56px; padding-left:25px; padding-left:20px\0/; line-height:56px; color: #fff; font-size: 19px; font-weight: bold; text-transform: lowercase; text-shadow:0 -1px rgba(0,0,0,.25); background-position:left top;}
.call-to-action span.zvl_vakantie {font-size:17px;}
.call-to-action a:hover span, .call-to-action button:hover span{background-position: left bottom;}
.call-to-action a, .call-to-action a span, .call-to-action button, .call-to-action button span{background-image: url('../../Cuijk/images/button-block-middle-blue.png');
}
.call-to-action .btn-top, .call-to-action .btn-top span{background-image: url('../../Cuijk/images/button-block-top-blue.png');
}
.call-to-action .btn-bottom, .call-to-action .btn-bottom span{background-image: url('../../Cuijk/images/button-block-bottom-blue.png');
}
.call-to-action b {font-family: Trebuchet MS, Arial, sans-serif; font-size:30px; font-weight:400;line-height:40px;font-style: normal;}
.pagination{overflow: hidden;}
.pagination li{display: block; float: left; margin: 0 3px;}
.pagination li a{display: block; width: 19px; height: 20px; text-indent: -9999px;}
.pagination .prev{background: url('../../Cuijk/images/arrow-prev-yellow.png') no-repeat 0 0;
}
.pagination .next{background: url('../../Cuijk/images/arrow-next-yellow.png') no-repeat 0 0;
}
.pagination .prev:hover,.pagination .next:hover{background-position: 0 -20px;}
.text-carousel{position: relative;}
.text-carousel .pagination{position: absolute; top: 100px; left: 100px; z-index: 20;}
.news-highlight h1{margin-bottom:10px; line-height:35px; text-shadow:0 -1px rgba(0,0,0,.1);}
.news-highlight p{font-size:16px; line-height:22px; text-shadow:0 -1px rgba(0,0,0,.1);}
.latest-news .readmore{float: right;}
.activities {list-style: none; margin-top: 10px;}
.activities li a{display: block; background: #ecf8ff; padding: 15px 20px; margin-bottom: 20px; color: #444; text-shadow:0 -1px rgba(255,255,255,.3); -webkit-border-radius: 2px;}
.activities strong{font-size:17px; color: #0090d4; text-shadow:0 -1px rgba(255,255,255,.3);}
.activities .date{color: #888;}
#news-archive{overflow: hidden; margin: 10px 0 30px 0; padding-top: 25px; border-top:1px solid #e9e9e9;}
#news-archive h1{margin: 10px 0 40px 0;}
#news-archive h1 span{font-weight: normal;}
#news-archive .news-item{border-color: #e9e9e9;}
#news-archive .news-item div{width: 484px;}
/* -----------------------------------------------------------------------------------------------------
LIGHTBOX (Shadowbox)
-------------------------------------------------------------------------------------------------- */
#sb-container{position: fixed; margin: 0; padding: 0; top: 0 ; left: 0 ; z-index: 999; text-align: left; visibility: hidden; display: none;}
#sb-overlay{position: relative; height: 100%; width: 100%; background: #031421 !important;}
#sb-wrapper{position: absolute; visibility: hidden; width: 100px; padding: 0 20px 6px 20px; background: url('../../Cuijk/images/bg-white-bottom.png') no-repeat left bottom;
-webkit-border-radius: 0 20px 0 0;
}
#sb-wrapper-inner{position: relative; overflow: hidden; height: 100px;}
#sb-body{position: relative; height: 100%;}
#sb-body-inner{position: absolute; height: 100%; width: 100%;}
#sb-body-inner img{left: 20px;}
#sb-player.html{height: 100%; overflow: auto;}
#sb-body img{border: none;}
#sb-loading{position: relative; height: 100%;}
#sb-loading-inner{position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center;}
#sb-loading-inner span{display: inline-block; color: #aaa;}
#sb-title,#sb-info{position: relative; margin: 0; padding: 0; overflow: hidden;}
#sb-title,#sb-title-inner{height: 40px; line-height: 40px; text-align: center;}
#sb-title-inner{font-size: 16px;}
#sb-info,#sb-info-inner{height: 40px; line-height: 42px;}
#sb-info-inner{position: relative; font-size: 14px; color: #777;}
#sb-nav{float: right; height: 16px; padding: 2px 0; width: 45%;}
#sb-nav a{display: block; float: right; margin-left: 3px; cursor: pointer; background-repeat: no-repeat;}
#sb-nav-close{background-image:url('../../Cuijk/images/close.png');
float:right;cursor:pointer;width:16px;height:16px;position:absolute;top:10px;right:20px;
}
#sb-nav-next, #sb-nav-previous{position: absolute; top: 12px; width: 16px; height: 16px;}
#sb-nav-next{right: 17px; background: url('../../Cuijk/images/next-arrow.png');
}
#sb-nav-previous{left: 17px; background: url('../../Cuijk/images/previous-arrow.png');
}
#sb-nav-play{background-image: url('../../Cuijk/images/play.png');
}
#sb-nav-pause{background-image: url('../../Cuijk/images/pause.png');
}
#sb-counter{text-align: center;}
#sb-counter a{padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff;}
#sb-counter a.sb-counter-current{text-decoration: underline;}
div.sb-message{font-size:12px;padding:10px;text-align: center;}
div.sb-message a:link,div.sb-message a:visited{color: #fff; text-decoration: underline;}
/* -----------------------------------------------------------------------------------------------------
IMAGE SLIDER
-------------------------------------------------------------------------------------------------- */
.image-thumb-slider{overflow: hidden; padding:28px 0 31px 0; background: url('../../Cuijk/images/bg-white-bottom.png') no-repeat right bottom;
}
.image-thumb-slider .viewport{float: left; width: 600px; height: 68px; overflow: hidden; position: relative;}
.image-thumb-slider .buttons{display: block; float: left; width: 24px; height: 68px;}
.image-thumb-slider .buttons span{display: none;}
.image-thumb-slider .prev{background: url('../../Cuijk/images/previous-arrow.png') no-repeat right center;
}
.image-thumb-slider .next{background: url('../../Cuijk/images/next-arrow.png') no-repeat left center;
}
.image-thumb-slider .disable{visibility: hidden;}
.image-thumb-slider .overview{list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0;}
.image-thumb-slider .overview li{float: left; padding: 0 5px; width: 110px; text-align: center; opacity: .9; -webkit-transition: opacity .4s; -moz-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s;}
.image-thumb-slider .overview li:hover{opacity: 1;}
.image-thumb-slider .overview img{display: inline-block; max-width: 110px; max-height: 68px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px;}
/* -----------------------------------------------------------------------------------------------------
FORM
-------------------------------------------------------------------------------------------------- */
form{overflow: hidden;}
form .entry{overflow: hidden; padding: 5px 0;}
form .entry label{line-height: 30px; width: 200px;}
form .entry input, form .entry textarea{line-height: 26px;}
form .entry input[type="text"]{height: 26px;}
form .entry select{margin-top: 2px;}
form .entry input[type="text"], form .entry textarea{width: 250px;}
form .entry.small input[type="text"], form .entry.small textarea{width: 60px;}
form .entry label, form .entry input, form .entry textarea, form .entry select{display: inline-block;}
form .entry input[type="checkbox"]{margin: 6px 12px 0 0;}
form .entry.radio-inputs{}
form .entry.radio-inputs .radio-title{display: block; float: left; line-height: 30px; width: 200px;}
form .entry.radio-inputs label{display: inline-block; width: auto;}
form .entry.textarea label{float: left; margin-left: 4px;}
form .entry.checkbox{margin-left: 205px;}
form .entry.checkbox label{width: auto;}
form .entry.checkboxes .checkbox-title{width: 200px; float: left;}
form .entry.checkboxes .checkbox-container{float: left; margin-left: 5px; overflow: hidden;}
form button.send{display: block; height: 48px; float: left; margin-top: 10px; padding-right: 18px; line-height: 48px; background: url('../../Cuijk/images/bg_btn_send_blue.png') no-repeat right top;
}
form button.send span{display: block; padding-left: 18px; font-weight: bold; font-size: 16px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.1); background: url('../../Cuijk/images/bg_btn_send_blue.png') no-repeat left -48px;
}
form button.send:hover{background-position: right -96px;}
form button.send:hover span{background-position: left bottom;}
form.donate-amount{ background: #fff; padding: 20px;}
form .entry .add-more{ cursor: pointer; margin: 0 0 15px 200px; padding: 10px 20px; background: #56b9f7; text-align: center; color: #56b9f7; color: #fff; font-weight: 500; text-shadow: 0 1px rgba(0,0,0,.1); display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
/* -----------------------------------------------------------------------------------------------------
TEXT ENLARGEMENT, when class 'larger-text' is added to
-------------------------------------------------------------------------------------------------- */
.larger-text p,
.larger-text a,
.larger-text .date,
.larger-text address,
.larger-text label{font-size: 120%;}
.larger-text .main-nav li a{padding: 0 15px;}
.larger-text .main-nav li.home a{padding:46px 0 0 0;}
.larger-text .main-nav li.btn a.btn-action{padding:0 6px 0 0;}
.larger-text .main-nav li.btn a.btn-action span{padding:0 14px 0 20px;}
/* text that need not be enlarged */
.larger-text .description-wrapper p a,
.larger-text .description-wrapper h1 a{font-size: 35px;}
.larger-text .news-highlight .description-wrapper p a{font-size: 16px;}
.larger-text .payoff{font-size: 27px;}
/* -----------------------------------------------------------------------------------------------------
RULES WHEN JAVASCRIPT IS TURNED OFF
-------------------------------------------------------------------------------------------------- */
.no-js .main-nav > li:hover .sub-nav-container{display: block;}
.no-js .text-carousel .slides .fun-facts{display: none;}
.no-js .text-carousel .slides .fun-facts:first-child{display: block;}
.no-js .text-carousel .pagination{display: none;}
/* -----------------------------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------------------------- */
.footer{padding-top: 20px;}
.block
{
float: left;
width: 220px;
padding: 15px 15px 20px 0;
}
.block.social
{
float: right;
width: 400px;
vertical-align: top;
}
/*.block.social li {list-style:none; height: 16px; padding: 0 0 14px 45px; background: url('../../images/icons-social.png') no-repeat;}
//.block.social li.facebook {margin-top: 10px; background-position: 0 -30px;}
//.block.social li.hyves{margin-top: 10px; background-position: 0 -60px;}
//.block.social li.follow a{float: left; margin-top: 4px;}*/
.block.newsletter p
{
width: 208px;
font-size: 14px;
}
.block.newsletter form {margin-top: 20px;}
.block.newsletter input {background:url('../../Cuijk/images/form-inputfield.png') no-repeat;
width: 188px; height: 31px; margin-top: 5px; padding: 0 10px; border-style: none;
}
.block.newsletter input.button {float: right; background-image:url('../../Cuijk/images/button-submit.png');
color: #FFF; width: 104px; height: 32px; margin-right: 17px; border-style: none;
}
.block.newsletter input.button:hover{background-position: 0 -32px; cursor: pointer;}
.block.links li
{
margin-left: 14px;
list-style-image: url('../../Cuijk/images/bullet-arrow.png');
line-height: 1.8em;
font-size: medium;
}
.block.contact{padding: 15px 0 0 0; line-height: 1.8em;}
.block.contact address{font-style: normal;}
.block.last{float: left; padding: 20px 100px 25px 0; width: 500px;}
.block.last-right {float: right; width: 254px; padding:20px 0;}
.block.last-right img{float: left; padding-left: 26px;}
.payoff {color: #505050; margin-top: 20px; font-size: 27px; font-family: Trebuchet MS, Arial, sans-serif; font-style: normal; font-weight: 400;}
/* Slogan footer */
.wrapper.bottom .block.last-right{padding-bottom:15px;}
/* -----------------------------------------------------------------------------------------------------
FOOTER - Social media buttons
-------------------------------------------------------------------------------------------------- */
.social-tabs { width:349px;
height: 136px;
}
.social-tabs .tabshow { position: relative; float:right; border:1px solid #eee; width:400px; height:120px; background-color:#fff; margin-right:17px; margin-left:-1px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomleft: 20px; border-top-right-radius: 8px; border-bottom-left-radius: 20px;}
.social-tabs .tabshow .tab-active{ overflow: hidden; }
.social-tabs ul { position: relative; z-index: 8; list-style: none; overflow: hidden; float:left; padding:0; }
.social-tabs li { display:block; padding: 6px; -webkit-border-top-left-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomleft: 9px; border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
.social-tabs li.tab-active { background-color: #fff; padding: 5px; border: 1px solid #eee; border-right:0; }
.social-tabs span{ display: block; cursor: pointer; width: 30px; height: 30px; background-image: url('../../images/icons-social.png');
background-repeat:no-repeat; }
.social-tabs span#tabs-1 { background-position: left top; }
.social-tabs span#tabs-2 { background-position: left -30px; }
.social-tabs span#tabs-3 { background-position: left bottom; }
.social-tabs .tab-notactive { display:none; }
.twitter-logo { float:left; width:48px; margin:15px; }
.twitter-text { float:left; width:307px; margin:15px 15px 15px 0; }
.twitter-line { border-top-style: solid; border-color: #f4f4f4; border-width: 1px; width:80%; margin-top:10px }
.twitter-link { position:absolute; left:1px; right:1px; bottom:1px; padding:10px 15px; text-align: right; border-top:1px dotted #eee; }
.twitter-link a:hover{ text-decoration: underline; }
.facebook_message { padding:10px; }
.facebook-link { float: right; padding:5px; font-weight:bold; }
.youtube-player { float:left; }
.youtube-video { width:125px;height:100px;margin:25px 0px 25px 25px; }
.youtube-info { float:left; width:215px; margin:25px 0px 25px 25px; }
.youtube-info-title { font-weight: bold; }
/* line 33, sass/ivana.sass */
/* Generic button styling */
/* Please ADD new styling below */
.buttonblue
{
background-position: center center;
cursor: pointer;
font-family: verdana;
font-size: 13px;
color: #FFFFFF;
height: 30px;
background-image: url('../Images/background/button.png');
background-repeat: no-repeat;
text-align: center;
width: 120px;
padding-bottom: 2.5px;
}
#roundboxbluemenu
{
position: relative;
background-color: #2C8DCE;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
box-shadow: 1px 1px 6px 1px #EEEEEE; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
font-family: verdana;
font-size: 13px;
color: #FFFFFF;
behavior: url(../App_Themes/PIE.htc);
padding-top: 10px;
padding-bottom: 10px;
list-style-type: none;
}
#roundboxbluemenu a:link, #roundboxbluemenu a:visited, #roundboxbluemenu a:hover
{
color: #FFFFFF;
font-family: verdana;
font-size: 13px;
}
.labelmaand1 a:link, .labelmaand1 a:visited
{
font-family: verdana;
font-size: 14px;
font-weight: normal;
color: #0090D4;
list-style-type: none;
}
.labelmaand1 a:hover, .labelmaand1 a:active
{
font-family: verdana;
font-size: 14px;
font-weight: bold;
color: #0090D4;
}
.datea
{
background-image: url('../Images/agenda_onder.png');
background-repeat: no-repeat;
width: 50px;
height: 50px;
float: left;
text-align: center;
font-weight: bold;
font-size: 13px;
line-height: 13px;
}
.datea p {
font-family: Helvetica, sans-serif;
font-size: 14px; text-align: center; color: #9e9e9e;
}
.datea p span {
font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase;
padding: 6px 0 6px 0;
}
.s-nav
{
min-height: 46px;
position: absolute;
top: 160px;
list-style: none;
z-index: 2;
left: 737px;
}
.s-nav > li:hover
{
background: #4F6193;
}
.s-nav > li.btn:hover{background: white;}
.s-nav > li > a:hover{color: #fff;}
.s-nav > li:hover.has-sub a{color: #fff;}
.s-nav > li.active a{color: #0090d4}
.s-nav a{}
.s-nav > li{float: left; font-size: 18px; line-height: 46px; }
.s-nav > li > a{padding: 0 18px; display: block; border-right: 1px solid #e1e1e1; color: black; font-family: Goudy, Trebuchet MS; font-style: normal; }
.a-nav
{
min-height: 46px;
position: absolute;
top: 160px;
list-style: none;
z-index: 2;
left: 690px;
background-color: #A368A4;
}
.a-nav > li:hover
{
background: #A368A4;
}
.a-nav > li.btn:hover
{
background: #A368A4;
}
.a-nav > li > a:hover{color: #fff;}
.a-nav > li:hover.has-sub a{color: #fff;}
.a-nav > li.active a{color: #0090d4}
.a-nav a{}
.a-nav > li{float: left; font-size: 18px; line-height: 46px; }
.a-nav > li > a{padding: 0 18px; display: block; border-right: 1px solid #e1e1e1; color: black; font-family: Goudy, Trebuchet MS; font-style: normal; }