/**
 * Place your custom styles here.
 */

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

body {
	background-color:#e4ece8;
	font-family: 'TitilliumWeb-Regular';
	font-size:16px;
	overflow-y: scroll;
}

a {
	color:#000000;
}

a:hover {
	color:#000;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
	color:#003e6f;
}

.header {
	border-bottom:solid 1px #003e6f;
	background-color:#003e6f;
}

.header img {

}


.logo {
	top:135px;
	left:0px;
	margin-left:10px;
	position:absolute;
	z-index:50;
}

.logo img {
	max-width:185px;
	-webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 7, 0.75);
	-moz-box-shadow:    0px 3px 11px 0px rgba(0, 0, 7, 0.75);
	box-shadow:         0px 3px 11px 0px rgba(0, 0, 7, 0.75);
}

.subheader {
	background-color:#003e6f;
	padding:10px 0px;
}

.form-group {
    margin: 0px;
}

.inhoud {
	background-color:#f2f7f0;
	padding:50px 0px;
}

.fullscreen {
	max-width:1450px;
	margin:auto;
	position:relative;
}

.blockleft .nav {
	border-top:solid 1px #cedbdc;
}

.blockleft .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
	border-bottom:solid 1px #cedbdc;
	color:#003e6f;
}

.blockleft .active a {
	background-color:#e4ece8;
}



.blockleft .nav > li > a:hover {
	background-color:#e4ece8;
}


.blockright .block {
	background-color:#e4ece8;
	border:solid 1px #cedbdc;
	padding:0px 20px 20px 20px;
	margin-bottom:30px;
}

.blockright .block h2 {
	font-size:24px;
}

.footer {
	padding:30px 0px 100px 0px;
}

.design {
	margin:80px 10px;
	text-align:center;
	font-size:14px;
	color:#666;
}

.design a {
	color:#666666;
	text-decoration:none;
}

.design a:hover {
	color:#000;
} 

.adres {
	padding:12px;
	text-align:center;
	font-size:14px; 
	color:#e4ece8;
	background-color:#003e6f;
	border-bottom:solid 1px #000000;
}

.adres a {
	color:#e4ece8;
}

.adres span {
	padding:0px 30px;
	color:#003e6f;
}

.adres a:hover {
	text-decoration:none;
}

.adres .glyphicon {
	color:#FFFFFF;
}


.region-sidebar-second {
	border-left:solid 1px #cedbdc;
}

.region-sidebar-second img {
	border:solid 1px #000000;
	padding:3px;
	margin-bottom:31px;
}

.sfeerfotos {
	margin:0px 0px 31px 31px;
}


#edit-checkout--2 {
    color: #fff;
    background-color: #003e6f;
    border-color: #003e6f;
}

#edit-checkout--2:hover {
	background-color:#449d44;
	border-color:#449d44;
}

#edit-update {
	color:#000000;
	background-color:#FFFFFF;
	border-color:#ccc;
}

#edit-update:hover {
	color:#000000;
	background-color:#f0f0f0;
	border-color:#999;
}

#cart-form-pane {
	border-bottom:solid 1px #000000;
	padding-bottom:50px;
	margin-bottom:10px;
}


/********************* submenu *********************/

#block-menu-block-1 a {
	float:left;
	display:block;
	background-color:#cedbdc;
	color:#000;
	margin:0px 15px 15px 0px;
	padding:3px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#block-menu-block-1 a:hover {
	background-color:#003e6f;
	color:#f0f0f0;
}

#block-menu-block-1 .active a {
	background-color:#003e6f;
	color:#fff;
}

/****************** paragraphs ******************/

.paragraphs-items-field-lay-out .field-name-field-titel {
	font-size:22px;
}

.paragraphs-items-field-lay-out .content {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 1px #000000;
	overflow:auto;
}

.paragraphs-items-field-lay-out .field-name-field-afbeelding img {
	float:right;
	border:solid 1px #000000;
	padding:3px;
	margin:0px 0px 0px 30px;
	width:350px;
}


.paragraphs-items-field-lay-out .field-name-field-fotos {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3; 
}

.paragraphs-items-field-lay-out .field-name-field-fotos img {
	border:solid 1px #000000;
	padding:3px;
	margin-bottom:20px;
}


/************** activiteiten *****************/

.thumbnail_right img {
	border:solid 1px #000000;
	padding:3px;
	margin-left:30px;
	float:right;
}

.thumbnail_left img {
	border:solid 1px #000000;
	padding:3px;
	margin-right:30px;
	float:left;
}


.activiteit {
	overflow:auto;
	border-bottom:solid 1px #000000;
	padding:0px 0px 30px 0px;
}

.activiteit .thumbnail_right img {
	border:solid 1px #000000;
	padding:3px;
	margin:30px 0px 0px 30px;
	float:right;
}

.activiteit h3 {
	text-transform:lowercase; 
}


/*************** overnachtingen **************/


.overnacht {
	overflow:auto;
	border-bottom:solid 1px #000000;
	padding:30px 0px;
}

.view-kaart-overnachtingen {
	margin:10px 0px;
}

.view-kaart-overnachtingen .gmap {
	border:solid 1px #003e6f;
	margin:10px 0px 25px 0px;
}

/*************** webshop ***************/

.webshop {
	background-color:#e4ece8;
	padding:20px;
	margin-bottom:30px;
	border:solid 1px #cedbdc;
}

.webshop .image {
	padding:25px;
}

.webshop img {
	padding:6px;
	border:solid 1px #cedbdc;
	background-color:#f2f7f0;
}


.webshop a:hover {
	text-decoration:none;
}



.webshop .node-add-to-cart {
	margin-top:3px;
}



.webshop .uc-price {
	font-size:20px;
	float:right;
}

.add-to-cart {
	margin-top:20px;
}


.cart-block-summary-links ul.links li {
    border-right: solid 0px;
    display: inline;
    padding: 20px 3px 0px 0px; 
	font-weight:bolder;
}


.node-product {
	border-bottom:solid 1px #000000;
	padding-bottom:30px;
}


.winkelkar {
	color:#FFFFFF;
	font-family: 'TitilliumWeb-Regular';
	text-align:center;
	padding:5px 0px 5px 0px;
}

.winkelkar a {
	color:#FFFFFF;
	text-decoration:none;
}

.winkelkar a:hover {
	color:#cedbdc;
	text-decoration:none;
}

.winkelkar span {
	margin-right:10px;
}


.views-field-edit-node a, .views-field-delete-node a {
	background-color:#000000;
	padding:4px 20px;
	margin:10px 15px 0px 0px;
	float:left;
	color:#FFFFFF;
}

.clear {
	clear:both;
}

.views-field-edit-node a:hover, .views-field-delete-node a:hover {
	text-decoration:none;
	background-color:#666666;
}


.addactiviteit {
	text-align:center;
}

.addactiviteit a {
	background-color:#000000;
	padding:8px 24px;
	margin:10px 15px 0px 0px;
	color:#FFFFFF;
	text-align:center;
	display:block;
}

.addactiviteit a:hover {
	text-decoration:none;
	background-color:#666666
}



    @media only screen and (max-width : 1300px) {

.fullscreen {
	max-width:1100px;
	margin:auto;
	position:relative;
}

.logo {
	margin-left:50px;
}

.logo img {
	max-width:155px;
}
.adres span {
	padding:0px 8px;
	color:#e4ece8;
}

.paragraphs-items-field-lay-out .field-name-field-afbeelding img {
	width:240px;
}
    }



/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
.logo img {
	max-width:155px;
}

.logo {
	top:50px;
}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
.logo img {
	max-width:120px;
}




    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
.logo img {
	max-width:80px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 7, 0.75);
	-moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 7, 0.75);
	box-shadow:         0px 0px 0px 0px rgba(0, 0, 7, 0.75);
}

.logo {
	top:85px;
}

.region-sidebar-second img {
	width:130px;
	float:left;
	margin:10px;
}

.activiteit .thumbnail_right img {
	border:solid 1px #000000;
	padding:3px;
	margin:30px 0px 0px 30px;
	float:right;
	width:250px;
}


    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
.logo {
	top:0px;
	left:0px;
	margin:auto;
	position:relative;
	z-index:50;
	display:none; 
}

.logo img {
	max-width:120px;
	-webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 7, 0.75);
	-moz-box-shadow:    0px 3px 11px 0px rgba(0, 0, 7, 0.75);
	box-shadow:         0px 3px 11px 0px rgba(0, 0, 7, 0.75);
	margin:auto;
}

.subheader {
	background-color:#003e6f;
	padding:61px 0px 10px 0px;
}

.adres {
	display:none;
}

.paragraphs-items-field-lay-out .field-name-field-afbeelding img {
	float:right;
	border:solid 1px #000000;
	padding:3px;
	margin:0px 0px 10px 30px;
	width:100%;
}

.winkelkar {
	color:#FFFFFF;
	font-family: 'TitilliumWeb-Regular';
	text-align:center;
	padding:5px 0px 5px 0px;
	margin-top:-10px;
}

.inhoud {
	background-color:#f2f7f0;
	padding:20px 0px;
}

.region-sidebar-second {
	border-left:solid 0px #cedbdc;
}

.activiteit .thumbnail_right img {
	border:solid 1px #000000;
	padding:3px;
	margin:30px 0px 0px 30px;
	float:right;
	width:100%;
}

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
		

    }