@import url("normalize.css");

/* COLORS

@orange : #F36F21;
@gray	: #E6E7E8;

*/ 

/*

font-family:'Calibri Light';
font-family:'Calibri Light1246671';
font-family:'Calibri W01 Regular 904604';
font-family:'Calibri W01 Italic 904613';
font-family:'Calibri W01 Bold 904607';
font-family:'Calibri W01 Bold Italic 904610';

*/

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

/* GLOBAL STYLES ---------------------------------------*/

html {
background-color 	: #e7e8e9;
background-image 	: url('../img/bg.png');
background-repeat	: repeat-x;
background-position : center top;
}

body {
background-image	: url(/public/images/user/shadow-repeat.png);
background-repeat 	: repeat-y;
background-position : center top;
font-family			:'Calibri W01 Regular 904604';
font-size 			: 16px;
}

h1, h2, h3, h4 {
font-weight			: normal;
}

h1 { font-size : 24px; }
h2 { font-size : 22px; }
h3 { font-size : 20px; }
h4 { font-size : 18px; }

p {
font-size			: 16px;
font-weight			: normal;
line-height			: 22px;
}

a {
text-decoration		: none;
color				: #F36F21;	
}

a:hover {
text-decoration		: underline;	
}

img {
max-width 			: 100%;
}

/* TAPES.NL HELPER CLASSES */
.clear {
    clear: both;
}
.clearL {
    clear: left;
}
.clearR {
    clear: right;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.pointer {
    cursor: pointer;
}

.text-orange,
.orange {
	color: #F36F21;
}

.text-bold {
font-family:'Calibri W01 Bold 904607';
}

.text-right {
text-align: right;
}

/* COLUMNS BASED ON TWITTER BOOTSTRAP ---------------------------------------*/

.row {
margin 				: 0 -10px;
clear 				: both;
}

.row > * {
float 				: left;
padding 			: 0 10px;
position 			: relative;
}

.col-1 { width : 8.33333%; }
.col-2 { width : 16.6667%; }
.col-3 { width : 25%; }
.col-4 { width : 33.3333%; }
.col-5 { width : 41.6667%; }
.col-6 { width : 50%; }
.col-7 { width : 58.3333%; }
.col-8 { width : 66.6667%; }
.col-9 { width : 75%; }
.col-10 { width : 83.3333%; }
.col-11 { width : 91.6667%; }
.col-12 { width : 100%; }

/* GLOBAL LAYOUT ---------------------------------------*/
.wrapper {
width				: 960px;
margin				: 0 auto;	
background-color 	: #FEFEFE;
min-height 			: 700px;
overflow 			: hidden;
}


/* HEADER Content---------------------------------------*/
header {
padding 			: 30px 20px 12px 20px;
width 				: 100%;
position: relative;
}

header blockquote {
width 				: 400px;
float 				: right;
font-family			:'Calibri W01 Italic 904613';
text-align 			: right;
line-height 		: 20px;
margin 				: 0;
}

blockquote cite {
display 			: block;
font-style 			: normal;
}

/* MAIN NAVIGATION ---------------------------------------*/
.navigation {
overflow 			: hidden;
margin-top			: 30px;
}

.navigation li,
.navigation ul {
margin 				: 0;
padding 			: 0;
list-style 			: none;
}

.navigation li {
float 				: left;
}

.navigation li.active a {
color 				: #F36F21;
}

.navigation li a {
font-size 			: 20px;
color 				: #000;
padding 			: 0 15px;
border-right 		: 1px solid #000;
}

.navigation li a:hover {
text-decoration 	: none;
color 				: #F36F21;
}

.navigation li:first-of-type a {
padding-left 		: 0;
}

.navigation li:last-of-type a {
padding-right 		: 0;
border-right 		: none;
}

/* Content---------------------------------------*/
aside {
padding-top 		: 20px !important;
}

.service-list {
margin-bottom 		: 20px;
}

.service-list p {
    margin-top: 0;
    font-family			:'Calibri W01 Bold 904607';
    margin-bottom: 10px;
}

.cta {
font-size 			: 20px;
font-family			:'Calibri W01 Bold 904607';
color 				: #000;
display 			: block;
margin-bottom 		: 20px;
}

.cta-sub {
float 				: left;
margin-top 			: -20px;
font-size 			: 20px;
margin-bottom 		: 12px;
}

.block .cta {
font-size 			: 20px;
}

.slider {
margin 				: 0 0 20px 0;
padding 			: 0;
position 			: relative;
width 				: calc(100% + 20px);
height				: 330px;
overflow 			: hidden;
}

.slider .slide {
list-style 			: none;
margin 				: 0;
padding 			: 20px;
position 			: absolute;
top 				: 0;
left 				: 0;
background-color 	: #E6E7E8;
background-repeat 	: no-repeat;
background-size 	: cover;
background-position : center center;
background-size		: cover;
width 				: 100%;
height				: 330px;
float 				: right;
-webkit-transition	: 0.2s ease-out;  
-moz-transition		: 0.2s ease-out;  
-o-transition		: 0.2s ease-out;  
transition			: 0.2s ease-out;
}

.slider .slide h1  {
color 				: #fff;
font-size 			: 44px;
font-family			:'Calibri W01 Italic 904613';
position 			: absolute;
bottom 				: 0;
left 				: 0;
padding 			: 20px;
margin 				: 0;
width 				: 85%;
}

.container {
width 				: 100%;
background-color 	: #fff;
clear 				: both;
float 				: left;
padding 			: 0 20px 20px 20px;
}

.container-gray {
background-color 	: #E6E7E8;
}

section {
clear 				: both;
}

/* Album ---------------------------------------*/

.ablum {
margin 				: 0 -10px;
clear 				: both;
}

.ablum > * {
float 				: left;
padding 			: 0 10px;
position 			: relative;
}

.thumb {
width : 33.3333%;
background-position : center center;
background-repeat 	: no-repeat;
padding-top 		: 20%;
float 				: left;
border 				: 10px solid #fff;
}

.thumb-cover {
background-size 	: cover;
}

.thumb-contain {
background-size 	: contain;
}

/* Block element ---------------------------------------*/

.fsBlock {
background-color 	: #E6E7E8;
padding 			: 10px;
float 				: left;
width 				: 100%;
margin-bottom 		: 20px;
}

.fsBlock h1, .fsBlock h2, .fsBlock h3, .fsBlock h4 {
text-transform 		: uppercase;
font-family			:'Calibri W01 Bold 904607';
margin-top 			: 0;
margin-bottom 		: 8px;
}

.fsBlock h2 {
font-size: 24px;
line-height 		: 24px;
}

.fsBlock *:last-child {
margin-bottom 		: 0;
}

.fsBlock form {
margin-bottom 		: 0;
margin-top 			: 20px;
}

.netherlands-bg {
background-image	: url(/public/images/user/nederland.png);
background-position	: center right;
background-repeat	: no-repeat;
/*margin-bottom 		: 60px;*/
}

.netherlands-bg h2 {
margin-bottom 		: 0;
}

.netherlands-bg p { 
line-height 		: 14px;
font-size 			: 13px;
margin		 		: 0;
max-width 			: 100px;
}

.netherlands-bg form {
 margin-top 		: 4px;
}

/* Panel element ---------------------------------------*/

.panel {
border-top 			: 3px solid #000;
float 				: left;
width 				: 100%;
margin-bottom 		: 10px;
padding-top 		: 10px;
}

.panel h1, .panel h2, .panel h3, .panel h4 {
margin-top 			: 0;
}

.sm-icon {
margin-right 		: 15px;
}


/* IMAGE STYLES */

.img-center {
text-align 			: center;
min-height 			: 175px;
}

.img-center img {
display 			: inline;
max-width 			: 100%;
}

.img-fixed-ratio {
background-repeat 	: no-repeat;
background-position : center center;
background-size 	: cover;
width 				: 100%;
padding 			: 56% 0 0 0;
}

.service-logo {
margin-bottom 		: 15px;
}

.price {
width 				: 100%;
display 			: block;
text-align 			: right;
font-family:'Calibri W01 Bold 904607';
color 				: #F36F21;
}

/* FORM STYLES */

form {
margin-bottom 		: 20px;
overflow 			: hidden;
}

label {
font-size 			: 14px;
float 				: left;
margin-bottom 		: 2px;
}

select,
textarea,
input[type=text],
input[type=email] {
border 				: 2px solid #000;
padding				: 2px 5px 3px 5px;
width 				: 100%;
margin-bottom 		: 10px;
float 				: left;
}

input.emailinput {
font-family:'Calibri W01 Bold 904607';
font-size 			: 14px;
}

input.small {
width				: 40px;
display 			: inline;
float 				: none;
}

.btn,
input[type=submit] {
font-size: 16px;
text-transform 		: uppercase;
color 				: #fff;
}

.btn, input[type=submit], input[type=button] {
    box-sizing: content-box;
    border 				: none;
    padding 			: 4px 5px 4px 5px;
    height: 16px;
    line-height: 16px;
}

/* bigger forms */

.input-field {
width 				: 100%;
float 				: left;
clear 				: both;
}

.input-field label, .field label {
font-family:'Calibri W01 Bold 904607';
width 				: 25%;
float 				: left;
margin-top 			: 3px;
font-size 			: 16px;
}

.input-field .field {
width 				: 75%;
float 				: left;
margin-bottom 		: 15px;
}



.input-field .field .checkbox {
clear 				: both;
margin 				: 1px 6px 0 2px;
}

.input-field .field-checkbox {
margin-top 			: 5px;
}

.input-field .field span {
float 				: left;
}

.input-field .field textarea,
.input-field .field input {
margin-bottom 		: 2px;
}

.error-message {
color 				: red;
font-family:'Calibri W01 Bold 904607';
margin-bottom 		: 17px;
margin-top 			: -15px;
padding-left 		: 25%;
float 				: left;
width 				: 100%;
display 			: none;
}

/* FOOTER Content---------------------------------------*/
footer {
padding 			: 12px 20px;
width 				: 100%;
color 				: #fff;
float 				: left;
clear 				: both;
}

#footer .content {
    position: relative;
    z-index: 100;
}

#footer .content .blockitem {
    margin-bottom: 20px;
}

#footer .content .blockitem p {
	margin-top: 0;
}

footer a {
margin-left 		: 10px;
padding-left 		: 10px;
padding-bottom 		: 3px;
color 				: #fff;
border-left 		: 1px solid #fff;
}