/***************** COMMON STYLES ***********************/

@import url("https://fonts.googleapis.com/css?family=Corben");



body
{
    margin:0px;
    padding:0px;
    font-size:100%;
    font-family:  'Helvetica Neue', Helvetica;

    background-color:#EAEAEA;
}

.wrapper
{
    position:relative;
    margin:auto;
    width:90%;
    min-width:760px;
}



*
{ 
    margin: 0px;
    padding: 0px;
}


img
{
    border:none;
    outline:none;
}

*:focus {
    outline: none;
}

a:link {text-decoration: none; color:#383838;}
a:visited {text-decoration: none; color:#383838;}
a:active {text-decoration: none}
a:hover {text-decoration: underline;}

#footer a:link, .menu_link a:link, .menu_link_right a:link {text-decoration: none; color:#EEE; text-shadow: 0px 1px 0px #000;}
#footer a:visited, .menu_link a:visited, .menu_link_right a:visited {text-decoration: none; color:#EEE; text-shadow: 0px 1px 0px #000;}
#footer a:active, .menu_link a:active, .menu_link_right a:active {text-decoration: none;  color:#EEE; text-shadow: 0px 1px 0px #000;}
#footer a:hover, .menu_link a:hover, .menu_link_right a:hover {text-decoration: none; color:#20ACF0; text-shadow: 0px 1px 0px #000;}


/****************** HEADER STYLES ***************/

#header
{
    position:relative;
    height:120px;
}

/***************** NEW LOGO - NEW SEARCH ***************/

.newSearch, .newLogo
{
    position:relative;

    width:253px;
    padding:11px;
    margin-right:14px;
    min-height:381px;
    
    background: linear-gradient(to right, #4Ba7f0, #4fabf4);

    color:white;
    
    border-radius:5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
}


.newSearch
{
    font-family: "Roboto Condensed";
    font-weight:400;
    font-size:18px;
    line-height:21px;

    text-align:center;
    padding-top:30px;
}
.newLogo
{
    font-family:"Berkshire Swash";
    letter-spacing:1px;
    font-size:26px;
    
    position:absolute;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    height:72px;
    bottom:0px;
    
    text-align:center;
}
.newLogo2
{
    position:absolute;
    top:30px;

    font-family:"Berkshire Swash";
    letter-spacing:1px;
    font-size:28px;

    line-height:30px;
}
.newLogo2Prefix
{
    position:relative;
    background: linear-gradient(to bottom, #51aDf6, #3F9be4);

    color:white;
    border-radius:4px;
    padding:10px;
    padding-left:16px;
    padding-right:16px;
    padding-bottom:14px;
    float:left;
}
.newLogo2Suffix
{
    padding:10px;
    padding-left:15px;
    float:left;
}


.newLogoImg
{
    position:relative;
    width:40px;
    float:left;
    top:7px;
    margin-right:10px;
}
.searchDropDown
{
    margin:16px;
    text-align:left;
}
.searchCheckboxes
{
    margin:16px;
    margin-bottom:25px;
    text-align:left;
    font-size:16px;
}
.searchLocation
{
    margin:16px;
    text-align:left;
    font-size:16px;
}



/***************** LOGO STYLES *************************/

.logo
{
    float:left;
    margin-top:35px;
    margin-right:15px;
    height:75px;
}

h1
{
    font-family:Corben;
    font-weight:400;
    font-size:34px;
    line-height:34px;
    color:white;
    outline:none;

}


.logoPrefix
{
    float:left;

    position:relative;
    bottom:10px;

    min-width:23px;
    margin-top:3px;
    padding:15px;
    padding-right:17px;
    padding-top:5px;
    padding-bottom:18px;

    background: #088ADA; /* Old browsers */

    background: linear-gradient(to bottom, #50aBf4, #2F8BD4);

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
text-shadow: 0px -1px 0px rgba(0,0,0,.23);

    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.45);

}

.logoPrompt
{
    display:none;

    position:absolute;
    bottom:17px;
    right:19px;
    z-index:3;

    width:21px;
    height:5px;

    background-color:white;

    border-width:0px;
    border-style:solid;

    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.logoDot
{
    float:left;

    position:relative;
    left:-10px;
    top:19px;

    width:18px;
    height:18px;
    background-image:url('/images/common/logo/dot_blue.png');
    background-size:cover;
}

.logoDotFa
{
    float:left;

    position:absolute;
    right:-7px;
    top:26px;
    z-index:29;
}

.logoDotFaWhite
{
    float:left;

    position:absolute;
    right:-3px;
    top:26px;
    z-index:30;
}


.logoStartpagina
{
    float:left;

    position:relative;
    left:15px;
    top:3px;
    
    width:240px;
    height:36px;

    background-image:url('/images/common/logo/sp_logo_280px.png');
    background-size:cover;
    background-repeat:no-repeat;

/* todo : background-size nakijken voor verschillende browsers */
}


.logoStartpaginaNew
{
    float:left;

    font-family:Corben;

    position:relative;
    left:15px;
    top:-5px;

    color:#000000;
    font-family:Corben;
    font-weight:400;
    font-size:36px;
    line-height:36px;
}





.logoBe
{
    float:left;

    position:relative;
    left:-4px;
    top:3px;

    width:44px;
    height:39px;
    
    background-image:url('/images/common/logo/be_logo.png');
    background-size:cover;
    background-repeat:no-repeat;

/* todo : background-size nakijken voor verschillende browsers */
}


/************************** COMMON MAPBOX STYLES ******************************/

.mapboxgl-ctrl-compass {
display: none !important;
} 
.mapboxgl-popup 
{
    max-width: 230px;

    letter-spacing:0px;
    font-family: 'Roboto Condensed', sans-serif, Helvetica;
    font-size:12px;
    line-height:15px;
    font-weight:600;
    text-transform: uppercase;

    color:#444;
}

.markerPopupTitle
{
    max-width:110px;
    cursor:pointer;
}
.markerPopupImg
{
    border-width:1px;
    border-style:solid;
    border-color:white;
    cursor:pointer;
}

.mapboxgl-popup a:link {text-decoration: none; color:#444;}
.mapboxgl-popup a:visited {text-decoration: none; color:#444;}
.mapboxgl-popup a:active {text-decoration: none; color:#444;}
.mapboxgl-popup a:hover {text-decoration: none; color:#20ACF0;}


/****************** SEARCHBAR *****************/

.searchBarBig
{
    float:right;
    margin-top:35px;
    margin-right:10px;
}


.searchFieldBig
{
    position:relative;
    float:left;
    left:4px;
    z-index:200;
    
    height:39px;
    width:281px;
    padding-left:5px;
    padding-right:5px;
    
    border-width:1px;
    border-style:solid;
    border-color:white;
    border-top-color:#CCC;
    border-left-color:#CCC;
    border-radius:3px;

    font-size:16px;
}

/****************** NEW SEARCH BAR ************/

.searchButton
{
    position:relative;
    float:right;
    height:40px;
    width:40px;
    border-radius:5px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.27);

/*    box-shadow: 1px 1px 0px #AAAAAA;
    //rgba(0, 0, 0, 0.27);*/
//    background: linear-gradient(to right, #4Ba7f0, #4fabf4);
    background: linear-gradient(to bottom, #F9F9F9, #DDDDDD);
    background-image: linear-gradient(to bottom, #FAFAFA 0%, #F0F0F0 100%);

    color:white;
    z-index:300;
    cursor:pointer;
}

.searchBarNew
{
    float:right;
    position:relative;
    top:35px;
/*    position:absolute;
    right:0px;
    top:35px;
*/
}

.searchFieldNew
{
    position:relative;
    float:right;
    left:4px;
    z-index:100;
    font-family:"Roboto Condensed";
    font-size:18px;

    height:38px;
    width:300px;
    padding-left:5px;
    padding-right:5px;

    border-width:1px;
    border-style:solid;
    border-color:white;
    border-top-color:#CCC;
    border-left-color:#CCC;
    border-radius:4px;
}
.searchFieldNew::placeholder
{
    color:#C5C5C5;
}


/****************** NEW MENU STYLES ***********/

#menu_new
{
    position:relative;
    color:white;
    height:50px;
}
.menu_page_div
{
    height:100%;
    float:left;
    width:253px;
    padding-left:11px;
    padding-right:11px;

    background-color: #3B97E0;

    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.27);
    border-radius:0px;
    border-bottom-left-radius:4px;
}
.menu_page
{
    font-family:"Berkshire Swash";

    letter-spacing:1px;

    font-weight:400;
    font-size:22px;
    line-height:22px;

    text-align:center;
    padding-top:14px;
    padding-bottom:14px;
}

#menu_items_div
{
    height:50px;
    overflow:hidden;

    background: url(/images/common/menu/menu_bg.jpg) repeat-x;

    border-radius:5px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
//    box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.27);

    font-family: "Roboto Condensed";
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    
    border-bottom-left-radius:4px;
    border-top-left-radius:4px;
}

#add_box_div
{
    float:right;
    padding:13px;
    min-width:220px;
    height:100%;
    cursor:pointer;
}
#add_box_div a
{
    color:white;
}

.menu_items
{
    height:100%;
    overflow:hidden;
}
#main_items
{
    float:left;
    height:100%;
}

.menu_item
{
    float:left;

    height:100%;
    list-style:none;

    color:white;

    border-style:solid;
    border-width:0px;
    border-right-width:1px;
    border-color:#282828;
//    border-color: #2B87D0;

    cursor:pointer;
}
.menu_item_text, #more_item_text
{
    float:left;
    padding-top:15px;
    padding-bottom:14px;
    margin-left:12px;
    margin-right:12px;
}
.menu_item a, .more_item a, .dropdown_item a, .subcategory_item a
{
    text-decoration:none;
    color:white;
}

#dropdown_div
{
    float:right;
    display:inline-block;
    visibility:hidden;
    height:100%;
    min-width:240px;
    margin-right:30px;
}

#dropdown_items, .subcategory_items
{
    position:absolute;
    background-color:#C9C2B9;

    padding-bottom:5px;
    top:50px;
    z-index:50;
    width:220px;

    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.27);

    border-radius:5px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;

    display:none;
}

#dropdown_items .menu_item_text
{
    width:100%;
}
#more_item
{
    height:50px;
    display:inline-block;
    cursor:pointer;
}
#more_item_text2:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #fff transparent transparent transparent;
    position: relative;
    top: 14px;
    left: 10px;
    margin-right:10px;
}

.dropdown_item, .subcategory_item
{
    clear:both;
    display:block;
    list-style:none;
    height:40px;
    width:100%;
    color:white;
    padding-left:0px;

    background-color:#C9C2B9;
    border-style:solid;
    border-width:0px;
    border-top-width:1px;
    border-color:white;
    border-color: #FFFFFF;
    cursor:pointer;
}

.dropdown_item .menu_item_text, .subcategory_item .menu_item_text
{
    padding-top:8px;
    padding-bottom:8px;
}

.menu_items_before
{
    position:relative;
    float:left;
    padding-top:8px;
    left:-1px;
    width:13px;
    padding-right:40px;
}

.menu_item_selected, .menu_item:hover, #more_item:hover, .dropdown_item:hover, .subcategory_item:hover
{
    background-color:#FF5443;
}


/****************** MENU STYLES ***************/

#menu_bg
{

    width:100%;
    background:url('/images/common/menu/menu_bg.jpg') repeat-x;

    height:50px;
}

#menu
{
    position:relative;
    height:100%;
    z-index:200;
}

h2
{
    font-family:"Roboto Condensed";
    font-size:17px;
    font-weight:400;
    line-height:21px;
    color:#EEE;
}


.item_list
{
    float:left;
    width:912px;
}


.menu_not_selected
{
    float:left;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:4px;
    padding-top:16px;

    height:30px;

}

.menu_selected
{
    float:left;

    padding-left:11px;
    padding-right:11px;
    padding-bottom:4px;
    padding-top:16px;

    height:30px;

    background: #119FE1;

    background-image: linear-gradient(to top, #119FE1 0%, #0889DA 65%, #0889DA 100%);
    background-image: -o-linear-gradient(top, #119FE1 0%, #0889DA 65%, #0889DA 100%);
    background-image: -moz-linear-gradient(top, #119FE1 0%, #0889DA 65%, #0889DA 100%);
    background-image: -webkit-linear-gradient(top, #119FE1 0%, #0889DA 65%, #0889DA 100%);
    background-image: -ms-linear-gradient(top, #119FE1 0%, #0889DA 65%, #0889DA 100%);

    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #119FE1),
	color-stop(0.65, #0889DA),
	color-stop(1, #0889DA));

}


#dropdown_menu, #dropdown_menu_selected
{
    float:left;
    position:relative;

    z-index:1000;
}

#dropdown_menu > ul, #dropdown_menu_selected > ul
{
    margin:0 auto;
    list-style:none;
}


#dropdown_menu li ul, #dropdown_menu_selected li ul 
{
    position:absolute;
    list-style:none;
    min-width:140px;
    padding:0px;
    margin:0px;
    padding-left:0px;

    left:50%;
    margin-left:-75px;
    top:56px;


    /* This is important for the show/hide CSS animation */
    max-height:0px;
    overflow:hidden;

    background:url('/images/common/menu/menu_dropdown_bg.jpg');
    box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #777;

border-width:0px;
border-style:solid;
border-color:white;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    -webkit-transition:max-height 0.4s ease-in-out;
    -moz-transition:max-height 0.4s ease-in-out;
    transition:max-height 0.4s ease-in-out;
}

#dropdown_menu li ul li, #dropdown_menu_selected li ul li 
{
    padding-left:10px;
    padding-right:10px;
    margin-top:5px;
    margin-bottom:5px;
    font-size:16px;
    white-space:nowrap;
}

#dropdown_menu li ul li:hover, #dropdown_menu_selected li ul li:hover 
{
    background: #119FE1;

    background-image: linear-gradient(to top, #119FE1 0%, #0889DA 65%, #0889DA 100%);
    background-image: -o-linear-gradient(top, #119FE1 0%, #0889DA 65%, #0889DA 100%);
    background-image: -moz-linear-gradient(top, #119FE1 0%, #0889DA 65%, #0889DA 100%);
    background-image: -webkit-linear-gradient(top, #119FE1 0%, #0889DA 65%, #0889DA 100%);
    background-image: -ms-linear-gradient(top, #119FE1 0%, #0889DA 65%, #0889DA 100%);

    background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #119FE1),
	color-stop(0.65, #0889DA),
	color-stop(1, #0889DA));

}



.submenu_item a:link, .menu_not_selected a:link {text-decoration: none; color:#EEEEEE;}
.submenu_item a:visited, .menu_not_selected a:visited {text-decoration: none; color:#EEEEEE;}
.submenu_item a:active, .menu_not_selected a:active {text-decoration: none;  color:#EEEEEE;}
.submenu_item a:hover, .menu_not_selected a:hover {text-decoration: none; color:#FFF}

.menu_selected a:link {text-decoration: none; color:#FFF;}
.menu_selected a:visited {text-decoration: none; color:#FFF;}
.menu_selected a:active {text-decoration: none; color:#FFF;}
.menu_selected a:hover {text-decoration: none; color:#FFF}

.menu_selected_left
{
    float:left;
    height:50px;
    width:10px;
    background-image:url(/images/common/menu/menu_shadow_left.png);
}

.menu_selected_right
{
    float:left;
    height:50px;
    width:10px;
    background-image:url(/images/common/menu/menu_shadow_right.png);
}


.menu_link
{
    float:left;
    padding-top:15px;
    padding-bottom:15px;
    margin-left:30px;
}
.menu_link_right
{
    position:relative;
    float:right;
    text-align:right;

    width:220px;
    padding-right:2px;
    height:20px;
    padding-top:16px;
    padding-bottom:14px;
}

.submenu
{
    position:relative;
    z-index:1;
    height:30px;
    background-color:#0889DA;

    background-image: linear-gradient(to right, #0889DA, #0889DA 80%, #1797E9 100%);
}
.submenu_item
{
    float:left;
    font-family:"Roboto Condensed";
    font-size:14px;
    font-weight:400;
    line-height:17px;
    color:#EEE;
    padding-top:7px;
    padding-right:14px;
}



/** ITEMBOX NEW - BEGIN **************/

#grid
{
    padding-top:19px;
    padding-bottom:25px;
}

.gridItem
{
    width:275px;
}
.gridItemBig
{
    width:564px;
}
.gridItemMaxi
{
    width:853px;
}

.itemBoxNew
{
    position:relative;
    font-weight:400;
    float: left;
    font-size:13px;
    line-height:20px;
//    letter-spacing:0.01em;
    font-family:  'Open Sans', 'Helvetica Neue', Helvetica;

    background-color:#FFF;
    background-image: linear-gradient(to top, #FFFFFF 0%, #FDFDFD 70%, #F9F9F9 100%);

    color:#3C3C3C;
    
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
    border-radius:4px;
}

.gridItem .itemBoxImage
{
    margin:8px;
}

.addBox
{
    position:relative;
    float:left;
    
    background-color:#FFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.27);
}

.boxDesc
{
    margin:11px;
    overflow:hidden;
}

.cityName
{
    font-family:'Roboto Condensed';
    color:#F2460C;
    font-size:16px;
    font-weight:500;
}
.cityNameZoekertjes
{
    font-size:24px;
    color:#f6a330;
    float:left;
    margin-top:4px;
    margin-right:13px;
}

.boxTitle
{
    padding: 11px;
    padding-top: 4px;
    padding-bottom: 0px;
}

.companyDiv
{
    padding:10px;
    padding-top:15px;
    padding-bottom:5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}

h3
{
    letter-spacing:0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    line-height:24px;
    font-weight:600;

    color:#444444;
}

.box-heart
{
    position:absolute;
    z-index:190;
    top:16px;
    left:16px
}
.box-heart-open
{
    font-size:20px;
    cursor:pointer;
    color:white;
}
.box-heart-full
{
    font-size:20px;
    cursor:pointer;
    color:#FDb543;
}

/** ITEMBOX NEW - END ****************/


.masbox
{
    margin-bottom:11px;
}

.boxCountry
{
    font-family:'Roboto Condensed';

    padding:0px;
    padding-left:2px;
    padding-right:2px;
    margin-left:5px;
    position:relative;
    bottom:1px;
    background-color:#F2460C;
    color:white;
    font-size:11px;
    border-width:1px;
    border-style:solid;
    border-color:#F2460C;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


.boxFooter
{
    font-size:13px;
    font-weight:600;
    color:#444;
    padding-left:4px;
    height:22px;
    padding-bottom:3px;
    padding-right:3px;
    margin-top:10px;
}

.boxFooterLine
{
    padding-bottom:4px;
    padding-left:8px;
}
.boxFooterTitle
{
    font-weight:600;
    color:#E64123;
    padding-right:4px;
}

.boxIcon
{
    float:left;
    margin-left:3px;
    margin-right:5px;
    margin-top:3px;
    position:relative;
    bottom:1px;
}

.boxLink
{
    margin:3px;
}

.boxTitle a:link {text-decoration: none; color:#333;}
.boxTitle a:visited {text-decoration: none; }
.boxTitle a:active {text-decoration: none; }
.boxTitle a:hover {text-decoration: none; color:#000; }

.boxDesc a:link {text-decoration: none; color:#555}
.boxDesc a:visited {text-decoration: none;}
.boxDesc a:active {text-decoration: none;}
.boxDesc a:hover {text-decoration: none; font-weight:400;color:#000}

.boxLink a:link {text-decoration: none; }
.boxLink a:visited {text-decoration: none; }
.boxLink a:active {text-decoration: none; color:#20ACF0;}
.boxLink a:hover {text-decoration: none; color:#20ACF0;}


.boxCopyright
{
    position:absolute;
    right:5px;
    bottom:3px;
    z-index:3;
    color:white;
    font-size:9px
}

.priceZoekertje
{
    float:left;
    color: #4D4D4D;
    padding:5px;
    padding-left:0px;
    margin-right:10px;
    font-family:'Open Sans';
    font-weight:600;
    font-size:24px;
    text-shadow: 2px 2px #EEE;
}

/****************** CONTENT STYLES ***************/

#content
{
    position:relative;
    min-height:600px;
    padding-bottom:50px;
}

/****************** FOOTER STYLES ***************/

#footer_bg
{
    width:100%;
    height:200px;

    background:url('/images/common/footer_bg_small.png') repeat-x;
}

#footer
{
    height:100%;
    
    font-family: "Roboto Condensed";
    font-size:16px;
    line-height:20px;
    font-weight:300;
    color:#FFF;
}

.footerTitle
{
    font-size:17px;
}

.footerColumn
{
    float:left;
    width:218px;
    height:75px;
    padding-top:25px;
    padding-right:10px;
    border-width:0px;
    border-right-width:0px;
    border-color:#EEE;
    border-style:solid;
}

/***************** RELATED PAGES ***********************/

/**
  * This div cannot be a float because it must take all available space
  *	http://stackoverflow.com/questions/17064767/css-how-i-could-make-the-div-takes-all-available-space-in-width-without-a-spec
  * ? margin-left does not work : why ?
  */
.related_pages
{
    margin-right:35px;
    height:102px;
    font-family:'Roboto Condensed';
    font-size:16px;
    font-weight:300;
overflow:hidden;
}

/**
  * Following 2 divs ensure vertical alignment of the related page tags
  * http://css-tricks.com/centering-in-the-unknown/
  */
.related_pages_table
{
    display:table;
    width:100%;
    height:100%;
}
.related_pages_cell
{
    display: table-cell;
    vertical-align: middle;
}

.related_page
{
    float:left;

    padding:3px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:4px;
    margin-right:5px;
    margin-top:5px;

    background-color:#D5D5D5;
    border-style:solid;
    border-color:white;
    border-width:1px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor:pointer;
}
.related_page:hover
{
    background-color:#088ADA;
}



.related_pages a:link {text-decoration: none; color:#FFFFFF; cursor:pointer; }
.related_pages a:visited {text-decoration: none; color:#FFFFFF;}
.related_pages a:active {text-decoration: none}
.related_pages a:hover {text-decoration: none;}


/******** box pages *******/


.box_page
{
    position:relative;
    float:right;
    z-index:101;

    padding:4px;
    padding-left:5px;
    padding-right:5px;
    margin-right:4px;
    margin-top:3px;

    font-size:12px;
    color:white;

//    background-color:#D5D5D5;
background-color:#A8DAEF;
    border-style:solid;
    border-color:white;
    border-width:1px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    cursor: pointer;
}
.box_page:hover
{
    background-color:#088ADA;
}

/** DELETE BUTTON ****/

.deleteButton
{
    float:left;
    margin-left:5px;
    margin-right:15px;
    
    font-family:Helvetica;
    font-size:15px;
    
    border-style:solid;
    border-width:0px;
    padding:6px;
    padding-top:0px;
    padding-bottom:2px;
    color:white;
    background: #088ADA;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    cursor: pointer;
}

/********** LOAD MORE BUTTON ******************/

.moreButton
{
    display:block;
    margin:auto;
    max-width:150px;
    text-align:center;
    border-radius:8px;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.27);
    color:white;
    font-size:16px;
    white-space: nowrap;
    text-decoration:none;
    padding:1em 1em;
    cursor:pointer;

}

#moreButtonZoekertjes
{
    background-color: #FDb543;
}
#moreButtonStartpagina
{
    background-color: #088ADA;
}


/********** CALENDAR ********/

.calendar
{
    font-family: 'Port Lligat Sans', sans-serif;
    font-size:11px;
    padding:3px;
    padding-top:5px;
    width:54px;
    height:67px;
    background: rgba(242, 242, 242, 0.9);
    color:#000;
    text-align:center;

    -webkit-box-shadow: 2px 1px 2px -1px rgba(45,45,45,1);
    -moz-box-shadow: 2px 1px 2px -1px rgba(45,45,45,1);
    box-shadow: 1px 1px 2px -1px rgba(45,45,45,1);

}
.calendarLong
{
    height:80px;
    width:60px;
}
.calendarShort
{
    height:60px;
}
.calendarOverImg
{
    position:absolute;
    top:5px;
    right:15px;
}
.calendarLeft
{
    float:left;
    margin:8px;
    margin-bottom:0px;
    margin-top:4px;
}

.calendarMonth
{
    font-size:10px;
    line-height:14px;
}
.calendarDayPeriod
{
    font-size:17px;
    line-height:20px;
}
.calendarMonthPeriod
{
    font-size:10px;
    line-height:16px;
}
.calendarDay
{
    font-size:28px;
    line-height:28px;
    padding-top:4px;
    padding-bottom:2px;
}
.calendarDays
{
    font-size:18px;
    padding-top:7px;
    padding-bottom:3px;
}
.calendarAmpersand
{
    font-family:"PT Sans";
    font-size:10px;
    color:#333;
    padding:2px;
}
.calendarDOW
{
    font-size:11px;
    line-height:16px;
}
.calendarYear
{
    font-family:"PT Sans";
    font-size:10px;
    line-height:12px;
    font-weight:600;
    color:#F2460C;
}

.calendarHr {
    position:relative;
    margin:auto;
    width:35px;
    border: 0;
    height: 1px;
    background: #000;
    background-image: linear-gradient(to right, #999, #000, #999);
}
.calendarHrLong 
{
    width:45px;
}

.calendarList
{
    float:left;
    padding-right:10px;
    padding-bottom:15px;
}
.calendarListItem
{
    float:left;
    margin-right:7px;
}

.calendarMenu
{
    position:relative;
    z-index:120;
    font-family: 'Roboto Condensed', Helvetica;
    font-size:17px;
    line-height:22px;

    -webkit-box-shadow: 1px 1px 1px -1px rgba(45,45,45,1);
    -moz-box-shadow: 1px 1px 1px -1px rgba(45,45,45,1);
    box-shadow: 1px 1px 1px -1px rgba(45,45,45,1);
    
    background: #FAFAFA; 
    background: -webkit-linear-gradient(#E4E4E4, #FEFEFE);
    background: -o-linear-gradient(#E4E4E4, #FEFEFE); 
    background: -moz-linear-gradient(#E4E4E4, #FEFEFE); 
    background: linear-gradient(#E4E4E4, #FEFEFE); 
}
.calendarMenuItem
{
    position:relative;
    float:left;
    text-align:center;
    padding-top:14px;
    height:36px;
    padding-left:10px;
    padding-right:10px;
    border-style:solid;
    border-width:0px;
    border-right-width:1px;
    border-color:#F5F5F5;
    cursor:pointer;

    z-index:500;
}
.calendarMenuItemSelected, .calendarMenuItem:hover
{
    color:#F2460C;
}
.calendarYearItem
{
    font-weight:600;
    color:#F2460C;
}

.calendarTable
{
    display:none;
    position:absolute;
    background-color:#FEFEFE;
    padding-left:7px;
    padding-right:7px;
    padding-bottom:4px;
    left:0px;
    font-size:11px;
    margin-top:14px;
    color:#333;
    
    -webkit-box-shadow: 1px 1px 1px -1px rgba(45,45,45,1);
    -moz-box-shadow: 1px 1px 1px -1px rgba(45,45,45,1);
    box-shadow: 1px 1px 1px -1px rgba(45,45,45,1);

    line-height:14px;
}
.calendarTable td
{
    padding:1px;
    text-align:center;
}
.dayEvents
{
    line-height:11px;
    border-radius:2px;
    background-color:#F2460C;
    color:white;
    padding:1px;
    padding-bottom:1px;
//    padding-bottom:
    font-size:10px;
}

/** ALL PAGES & FAQ *********/

.pagesGridItem
{
    width:260px;
}

#pagesGrid
{
    font-family:"Roboto Condensed";
    padding-top:25px;
}

#faqPage, #generalTerms
{
    padding-left:20px;
}

#pagesGrid a:link {text-decoration: none; color:#3A3A3A;}
#pagesGrid a:visited {text-decoration: none; color:#3A3A3A;}
#pagesGrid a:active {text-decoration: none; color:#20ACF0;}
#pagesGrid a:hover {text-decoration: none; color:#20ACF0;}

.pageBox
{
    float:left;
}

.faqAnswer
{
    margin-top:10px;
    font-size:15px;
    width:900px;
}


/** SEARCH ************/

.searchInfo
{
    padding-top:16px;
    padding-right:10px;
    font-family:Helvetica;
    float:right;
    font-size:14px;
}

/** USER ACTIVATION **/

.open_login_link
{
    cursor:pointer;
}

/*** BOX POINTS - TESTING ***/

.box_points
{
    background-color:red;
    padding:0px;
    padding-left:2px;
    padding-right:2px;
    color:white;
    float:left;
    margin-left:10px;
    margin-bottom:2px;
}


/***** BVAKANTIEKAMP TEMPLATE ***/

.vakantiekampData
{
    clear:both;
    padding:11px;
    padding-top:5px;
}

.vakantiekampFooter
{
    font-family:'Open Sans','Roboto Condensed','Port Lligat Sans', sans-serif;
    height:60px;
    padding-top:10px;
    padding-bottom:15px;
}
.vakantiekampFooterLarge
{
    height:80px;
}
.vakantiekampFooterColumn
{
    float:left;
    width:27%;
    padding:1%;
    margin-left:3.25%;
    height:100%;
    color:white;
    text-align:center;
    font-size:11px;
    font-size:14px;
    border-type:solid;
    border-radius:3px;

//    margin-top:10px;
//    margin-bottom:10px;
}
.vakantiekampFooterColumn .columnData
{
    padding-top:4px;
    line-height:16px;
}
.vakantiekampFooter .textS
{
    font-size:12px;
}
.vakantiekampFooter .textM
{
    font-size:14px;
}
.vakantiekampFooter .textL
{
    font-size:16px;
}


.vakantiekampFooterColumMiddle
{
    border-style:solid;
    border-width:0px;
    border-right-width:1px;
    border-left-width:1px;
    border-image: linear-gradient(white, #F5F5F5, #B1B1B1) 10;
}

.vakantiekampMoreDates
{
    width:16px;
    height:14px;
    border-style:solid;
    border-radius: 9px;
    border-width:1px;
    border-color:black;
    background: #BADA55;
    background:white;
    padding-top:2px;
    color:black;

    font-size:14px;
    line-height:14px;
    
}

/***** UIT IN VLAANDEREN *****/

.uiv-source
{
    margin-top:20px;
}

#add_website_uit a:link {text-decoration: none; }
#add_website_uit a:visited {text-decoration: none; }
#add_website_uit a:active {text-decoration: none; color:#20ACF0;}
#add_website_uit a:hover {text-decoration: none; color:#20ACF0;}


/****** ZOEKERTJES LABELS - OOK NODIG IN SEARCH --> DAAROM IN common.css ******/

.zlabel
{
    position:relative;
    float:right;
    z-index:101;

    padding:5px;
    padding-left:10px;
    padding-right:10px;
    margin-right:10px;
    
    box-shadow:0 1px 0px rgba(0, 0, 0, 0.27);

    font-family:'Helvetica Neue', 'Helvetica';
    font-size:14px;
    color:white;

//    background-color:#D5D5D5;
background-color:#A8DAEF;
    border-style:solid;
    border-color:white;
    border-width:0px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    cursor: pointer;
}

/****** ZOEKERTJES SEARCH BOX ***************/

.ui-slider {
    margin-top: 20px;
    height: 6px;
    position: relative;
    border: none;
    background: #FFF;
    z-index:3000;
}

.ui-slider .ui-state-default {
    background: #FDb543;
    border-radius: 25px;
    outline: none;
    border: 1px solid #FFF;
    position: absolute;
    cursor:pointer;
    top: -8px;
}


.ui-slider-horizontal .ui-slider-range {
    background: #FDb543;
}

#labelHolder {
    height: 7px;
    position: relative;
    bottom:10px;
    border: none;
}
#labelHolder span {
  position: absolute;
  width: 3.2em;
  height: 1.2em;
  margin-left: -.6em;
  text-align: center;
}

.minmax-input {
    font-size: 15px;
    height: 25px;
    width: 50px;
    padding-left: 5px;
    padding-right: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    border-top-color: #CCC;
    border-left-color: #CCC;
    border-radius: 4px;
}

/**** SIDE TABS ****/

.sideTabIcon
{
    position:relative;
    top:10px;
    left:10px;
    font-size:20px;
    cursor:pointer;
    color:#FDb543;
}