@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/forms.css";
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800);*/
body {
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color:#7b7b7b;   /* #98a3ac */
	position:relative;
	-webkit-text-size-adjust: none;
}
html, body {height:100%;}
p {padding-bottom:17px;}
p.fiets {font-size:11px;line-height:1.5em}
p.extra {padding-bottom:6px}
a {
	color:#ef4f33;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
a[href^="tel:"] {
color: inherit;
text-decoration:none;
}
a:hover {text-decoration: underline}
/*  Header styles */
h1, h2, h3, h4, h5, h6 {
	font-family:'Open Sans',sans-serif;
	line-height:1.2em;
	padding-bottom:18px;
	color:#fff;
	font-weight:bold;
}
h1 {font-size:26px;}
h2 {font-size:24px;padding:0;line-height:34px;letter-spacing:-0px}
h3 {font-size:24px;padding-bottom:40px;}
h4 {font-size:22px;padding-bottom:7px;line-height:24px;letter-spacing:-1px;}
h4 a {color:#fff}
h5 {font-size:16px;padding-bottom:10px;}
h6 {font-size:14px;}
/* Global Structure---------------------------------------- */
/*----- txt,links,lines,titles -----*/
.clear {clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper {width:100%;overflow:hidden;position:relative;}
.extra-wrap {overflow:hidden;display:block;}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.alignmiddle * {vertical-align:middle}
.color-1 {color:#ccbc04;}
.color-2 {color:#6837a3;}
.color-3 {color:#8db404;}
.color-4 {color:#0e7dc3;}
.color-5 {color:#e03e16;}
.color-6 {color:#c7b704;}
.color-7 {color:#90b704 !important;}
img {max-width:100%;height:auto;}
img.mydoc {
	padding-right:6px;
	padding-top:6px;
	float:left;
	width:326px;
	height:245px;
}
.main {
	width:1240px;
	margin:0 auto;
	position:relative
}
.p0 {padding-bottom:0 !important;}
.p01 {padding-top:0 !important;}
.p {padding-top:1px}
.p1 {padding-top:2px}
.p2 {padding-top:3px}
.p3 {padding-top:4px;float:right;display:none}
.p4 {padding-top:5px;float:right}
.p5 {padding-top:6px}
.p6 {padding-top:7px}
.p7 {padding-top:8px}
.p8 {padding-top:9px}
.p9 {padding-top:10px}
.p10 {padding-top:11px}
.p11 {padding-top:12px}
.p12 {padding-top:13px}
.p13 {padding-top:14px}
.p14 {padding-top:15px}
.p15 {padding-top:16px}
.p16 {padding-top:17px}
.p17 {padding-top:18px}
.p18 {padding-top:20px}
.p19 {padding-top:21px}
.p20 {padding-top:25px}
.p21 {padding-top:33px}
.p22 {padding-top:38px}
.padd-1 {padding:4px 0 5px;}
.padd-2 {padding-top:48px;}
.padd-3 {padding-top:72px;}
.padd-4 {padding:104px 0 86px;}
.padd-5 {padding-top:60px}
.m0 {margin:0 !important}
.m1 {margin-top:-1px}
.m2 {margin-top:-2px}
.m3 {margin-top:-3px}
.m4 {margin-top:-4px}
.m5 {margin-top:-5px}
.m6 {margin-top:-7px}
.m7 {margin-top:-13px}
.overflow {overflow:hidden}
.img-indent {float:left;margin:0 19px 0 0}
.img-indent1 {float:left;margin:0 10px 0 0}
.img-indent2 {float:left;margin:3px 20px 0 0}
.img-indent2 {float:left;margin:4px 22px 0 0}
.line-h {line-height:21px}
.indent-1 {float:left;margin: 0 26px 0 0}
.indent-2 {float:left;margin: 0 44px 0 0}
.t-tr {text-transform:uppercase}
.oveflow {overflow:hidden}
.bg-main {background:url(../images/bg-main.jpg) no-repeat center 0;height:100%}
.glow-main {background:url(../images/glow-main.png) no-repeat center 0;height:100%}
.spinner {position:fixed;top:50% !important;left:50%;}
/*********************************header*************************************/
header.mysite {padding:0;position:relative;z-index:100;background:url(../images/tail-header.gif) repeat-x 0 0;}

header h1 a {
	display:inline-block;
	width:300px; /* 230px */
	height:50px; /* 85px */
	text-indent:-999em;
	align-items: center;
	background:url(../images/logo-2.png) 0 -10px no-repeat;
	background-size:100% auto;
}
header h1 {display:block;padding:0 0 0 2px;z-index:100;float:left;}

.tail {
	height:34px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#0E46DC, endColorstr=#9DB7F9);
	background: -webkit-linear-gradient(left, #0E46DC, #9DB7F9);
	background: -o-linear-gradient(right, #0E46DC, #9DB7F9);
 	background: -moz-linear-gradient(right, #0E46DC, #9DB7F9);
	background: linear-gradient(to right, #0E46DC, #9DB7F9);
}

nav {
/*	position:relative;*/
	/*float:left;*/
	display:table;
	left:0;top:0}
.border-top {
	background:url(../images/bg-row-top.png);
	height:11px
}
.border-bottom {
	background:url(../images/line-bottom.png);
	height:10px
}
/* .row-logo {overflow:hidden;width:inherit}*/
.row-nav {
	background:url(../images/tail-row-nav.gif) repeat-x 0 bottom;
	border-radius:0 0 13px 13px;
	-moz-border-radius:0 0 13px 13px;
	-webkit-border-radius:0 0 13px 13px;
	border-bottom:7px solid #095392;
	position:relative;
	height:48px		/* 68px */
}
.row-logo {
	padding:0 0 0;	/* 24px 0 15px */
	overflow:hidden;
	width:inherit;
}
.box-soc {
	float:right;
	overflow:hidden;
	padding-top:12px
}
.box-soc span {
	display:inline-block;
	float:left;
	font-size:15px;
	line-height:18px;
	color:#fff;
	padding-top:10px
}
.box-soc a {float:left}
.box-soc ul {float:left;}
.box-soc ul li a{
	font-size:15px;
	color:#fff;
	font-weight:bold;
/*	padding:6px 11px 7px; */
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background:#99c304;
/*	background:url(../images/tail-btn-login.gif) repeat-x 0 0;*/
/*	border-bottom:3px solid #5a7e15;*/
	margin-left:7px;
	display:inline-block;	
}
.box-soc ul ul {display:none;position:absolute;padding-top:30px}
.box-soc ul li:hover > ul {display:block;}
.box-soc ul ul li a:hover {background: #5a7e15;}
.btn-tweeter {
	background:url(/images/bg-tweet.png) no-repeat 0 0;
	width:30px;
	height:24px;
	margin:2px 0 0 12px
}
.btn-tweeter:hover, .btn-facebook:hover {background-position:0 bottom}
.btn-facebook {
	background:url(/images/btn-facebook.png) no-repeat 0 0;
	width:87px;
	height:18px;
	margin:4px 0 0 14px
}
.btn-login, .btn-register, .btn-home {
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-size:15px;
	line-height:18px;
	padding:6px 11px 7px;
	letter-spacing:-1px;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	font-weight:bold;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-register {
	background:url(../images/tail-btn-reg.gif) repeat-x 0 0;
	border-bottom:3px solid #ca4719;
	margin-left:10px;
	display:none;
}
.btn-login, .btn-home {
	background:url(../images/tail-btn-login.gif) repeat-x 0 0;
	border-bottom:3px solid #5a7e15;
}
.btn-login {
	margin-left:7px;
	display:inline-block;
}
.btn-home {display:none}
.btn-login:hover, .btn-register:hover {padding:6px 11px 9px;text-decoration:none}
.btn-login:hover {border-bottom:1px solid #5a7e15}
.btn-register:hover {border-bottom:1px solid #ca4719}
#reg {display:none;}
/********************** Content ************************/
section#content {
	position:relative;
	z-index:20;
	padding:0 0 0px;
}
#page1 section#content {padding-top:20px}
.row-1 {padding-bottom:10px}
.inner-1 {padding:0 20px 0 19px}
.inner-2 {padding:10px 10px 21px}
.inner-3 {padding:15px 0 27px}
.inner-4 {padding:20px 0 0}
.inner-5 {padding:10px 0 0}
.inner-6 {padding:10px 10px 14px}
.inner-2.extra {padding-right:14px;padding-left:18px}
.title-1, .title-2, .title-3, .title-4, .title-5, .title-6, .title-7 {
	background:url(../images/tail-title1.gif) repeat-x 0 0 #ff6708;
	padding: 5px 10px 5px 10px;
	border-radius:11px 11px 0 0;
	-moz-border-radius:11px 11px 0 0;
	-webkit-border-radius:11px 11px 0 0;
}
.title-2 {background:url(../images/tail-title2.gif) repeat-x 0 0 #88ad04;}
.title-3 {background:url(../images/tail-title3.gif) repeat-x 0 0 #156eba;}
.title-4 {background:url(../images/tail-title4.gif) repeat-x 0 0 #6a39a6;}
.title-5 {background:url(../images/tail-title5.gif) repeat-x 0 0 #e44217;}
.title-6 {background:url(../images/tail-title6.gif) repeat-x 0 0 #c5b504;}
.title-7 {background:url(../images/tail-title7.gif) repeat-x 0 0 #645050;}
.box-cont {
	background:#f3f6fa;
	padding-bottom:0px !important;
	border-radius:0 0 11px 11px;
	-moz-border-radius:0 0 11px 11px;
	-webkit-border-radius:0 0 11px 11px;
}
/* Reference for title-group: http://learn.shayhowe.com/html-css/positioning-content/ section "Clearing & Containing Floats" */
.title-group::before,.title-group::after {content:"";display:table;}
.title-group::after {clear:both;}
.title-group {clear:both;*zoom:1;}

.txt-1 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	color:#6a39a6;
	padding-bottom:17px
}
.box-img {
	background:#f4f6fa;
	text-align:center
}
.box-recipes {
	float:left;
	width:200px;
	margin-left:20px;
	margin-bottom:19px
}
.txt-2, .txt-3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8ba1a5;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:2px
}
.txt-3 {color:#4a5658;
	font-size:12px;
	line-height:14px;
}
.box-recipes p {
	padding-bottom:12px
}
.box-recommend {
	overflow:hidden;
	padding:9px 9px 9px 9px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	border:solid 1px #999;/* #cbf78f */
}
.box-recommend {
	color:#708B8F;/* #8ba1a5 */
	margin-bottom:0px /* 9px*/
}
.box-recommend figure {
	float:left;
	margin-right:10px
}
.box-recommend:hover {
	color:#fff;
/*	background:url(../images/box-recommend.gif) repeat-x 0 bottom #9ac504; */
	background:#645050;
	text-decoration:none;
	border:1px solid #9ac504
}
.box-vakantie {
	overflow:hidden;
	color:#7b7b7b;
	display:block;
}
.box-vakantie:hover {
	color:#fff;
	background:#645050;
	text-decoration:none;
	border-radius: 0px 0px 11px 11px;
	-moz-border-radius: 0px 0px 11px 11px;
	-webkit-border-radius: 0px 0px 11px 11px;
}
.list-teens {
	padding-top:1px
}
.list-teens li {
	padding:0 0 24px 30px;
	line-height:18px
}
.list-teens li.last-child {
	padding-bottom:5px
}
.list-teens li.bg1 {
	background:url(../images/img1.png) no-repeat 0 4px
}
.list-teens li.bg2 {
	background:url(../images/img2.png) no-repeat 0 4px
}
.list-teens li.bg3 {
	background:url(../images/img3.png) no-repeat 0 4px
}
.box-staff {
	float:left;
	width:386px;/* 207px*/
	margin-left:16px;
	margin-bottom:8px /* 18px*/
}
.box-familie {
	float:left;
	margin:8px 16px 8px 16px;
}
.box-varia {
	margin:8px 16px 8px 16px;
}
.box-staff .txt-2 {
	padding-bottom:10px /* 14px*/
}
.box-staff figure {
	padding-bottom:4px
}
.box-logo {
	margin-top:-8px
}
.box-logo figure {
	width:48%
}
.box-logo a {
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.box-logo a:hover {
	opacity:0.7
}
.date {
	color:#ea7044
}

/*----- map -----*/
.map {
	margin:0 0 2px;
}
.map iframe {
	height:284px;
	overflow: hidden;
	width:100%;
}
/*----- address -----*/
.mail-1 {
	color:#1471bc;
	display:inline-block;
}
dl.address {
	float:left;
	width:192px;
	margin-left:20px;padding-bottom:30px
}
dl.address dt {
	padding-bottom:17px
}
dl.address dd span {
	display:inline-block;
	width:65px
}
.policy {
}
.policy p {
	padding-bottom:10px
}
.policy .mail-1 {
	color:#62319c;
	margin-top:8px
}
/*  links & buttons */
.link-1 {
	color:#ff7709;
	font-size:12px;
	background:url(../images/marker-3.png) no-repeat right 5px;
	padding-right:8px;
}
.link-1:hover {
	text-decoration:underline
}
.btn1, .btn2, .btn3, .btn4 {
	background:url(../images/tail-btn1.gif) repeat-x 0 bottom #ff6808;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
	text-transform:uppercase;
	font-size:12px;
/*	line-height:18px;*/
	padding:6px 10px 6px;
/*	letter-spacing:-1px;*/
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	font-weight:bold;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-bottom:4px solid #ca4719
}
.btn2 {
	background:url(../images/tail-btn2.gif) repeat-x 0 bottom #88ae04;
	border-bottom:4px solid #5a7e15
}
.btn3 {
	background:url(../images/tail-btn3.gif) repeat-x 0 bottom #156eba;
	border-bottom:4px solid #095392
}
.btn4 {
	background:url(../images/tail-btn4.gif) repeat-x 0 bottom #6d3ba9;
	border-bottom:4px solid #300f57
}
.btn1:hover, .btn2:hover, .btn3:hover, .btn4:hover {
	padding-bottom:9px;
	text-decoration:none
}
.btn1:hover {
	border-bottom:1px solid #ca4719
}
.btn2:hover {
	border-bottom:1px solid #5a7e15
}
.btn3:hover {
	border-bottom:1px solid #095392
}
.btn4:hover {
	border-bottom:1px solid #300f57
}
/*  lists */

.list-1.a {
	padding-top:4px;
	padding-bottom:8px
}
.list-1.b {
	padding:17px 24px 27px
}
.list-1 {
	padding:10px 50px 27px 3px
}
.list-1 li:first-child {
	background:none;
	padding-top:0 !important
}
.list-1 li.last-child {
	padding-bottom:0
}
.list-1 li {
	background:url(../images/border-tail.png) repeat-x 0 0;
	padding:8px 0 8px 0;
	line-height:13px;
	position:relative;
}
.list-1 li a {
	font-size:12px;
	color:#8ba1a5;
	display:inline-block;
	background:url(../images/marker-1.png) no-repeat 0 1px;
	padding-left:20px
}
.list-1 li a:hover {
	color:#1177bf;
	text-decoration:none
}
.list-1.a li a {background:url(../images/marker-2.png) no-repeat 0 1px}
.list-1.a li a:hover {color:#e24318}
.list-1.b li {padding:6px 0 9px 0;}
.list-1.b li a {
	background:none;
	padding:0;
	margin-top:7px
}
.list-1.b li span {
	width:27px;
	height:25px;
	margin-right:10px;
	display:inline-block
}
.list-1.b li.img1 span {background:url(../images/img4.gif) no-repeat 0 0}
.list-1.b li.img2 span {background:url(../images/img5.gif) no-repeat 0 5px}
.list-1.b li.img3 span {background:url(../images/img6.gif) no-repeat 0 1px}
.list-1.b li.img4 span {background:url(../images/img7.gif) no-repeat 0 5px}
.list-1.b li.img5 span {background:url(../images/img8.gif) no-repeat 0 0px}
.list-1.b li.img6 span {background:url(../images/img9.gif) no-repeat 0 8px}
.list-1.b li.img7 span {background:url(../images/img10.gif) no-repeat 0 0px}
.list-1.b li.img8 span {background:url(../images/img11.gif) no-repeat 0 2px}
.list-1.b li.img9 span {background:url(../images/img12.gif) no-repeat 0 2px}
/******************** Footer ******************/
footer {
	padding:19px 0 40px;
	position:relative;
	border-top:6px solid #f0f6fb;
	    border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
}

.footer-menu {
	float:left;
	overflow:hidden;
	margin-left:20px
}
.footer-menu li {
	float:left;
	margin-right:15px /* 28px*/
}
.footer-menu li a {
	color:#333;
	font-size:17px;
	line-height:20px
}
.footer-menu li.current a {text-decoration:underline}
.privacy {
	float:right;
	font-size:12px;
	line-height:14px;
/*	color:#98a3ac;*/
	color:#333;
	margin-right:20px;
	padding-top:4px
}
.privacy a {
	color:#333;
	margin-left:18px;
	text-decoration:none
}
.privacy a:hover {text-decoration:underline}
.required {
color:#FF0000;
font-size:11px;
font-style:italic;
padding-left:10px;
}
.screen {display:block}

/* Project specifics =========================================================== */
@keyframes blink_v {50%{outline:blue solid 3px;outline-offset:-3px;}}
@-webkit-keyframes blink_v {50%{outline:blue solid 3px;outline-offset:-3px;}}
@-moz-keyframes blink_v {50%{outline:blue solid 3px;outline-offset:-3px;}}
@-ms-keyframes blink_v {50%{outline:blue solid 3px;outline-offset:-3px;}}
@keyframes blink_im {50%{outline:red solid 3px;outline-offset:-3px;}}
@-webkit-keyframes blink_im {50%{outline:red solid 3px;outline-offset:-3px;}}
@-moz-keyframes blink_im {50%{outline:red solid 3px;outline-offset:-3px;}}
@-ms-keyframes blink_im {50%{outline:red solid 3px;outline-offset:-3px;}}

.privatePhoto {float:right;margin-top:1px;margin-right:8px;}
.privatePhoto img {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

.directoryThumbs {
	float:left;margin-right:10px;
	margin-bottom:10px;
	border:solid 1px #aaaaaa;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.directoryThumb {text-align:center;color:#7b7b7b;font-size:14px;padding-top:6px;
	border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}
.directoryThumbUpdate_v {
	outline:0 solid black;outline-offset:0; /* color does not matter */
	animation: blink_v 0.5s step-end infinite alternate;
	-moz-animation: blink_v .5s step-end infinite alternate;
	-webkit-animation: blink_v .5s step-end infinite alternate;
	-ms-animation: blink_v .5s step-end infinite alternate;
}
.directoryThumbUpdate_im {
	outline:0 solid black;outline-offset:0; /* color does not matter */
	animation: blink_im 0.5s step-end infinite alternate;
	-moz-animation: blink_im .5s step-end infinite alternate;
	-webkit-animation: blink_im .5s step-end infinite alternate;
	-ms-animation: blink_im .5s step-end infinite alternate;
}

.directoryThumbUpdate2 {
	outline:3px solid blue;outline-offset:-3px;
}
.directoryStory {margin-left:6px;float:left;width:67%;}
.StoryContent {display:block}
.directoryThumb:hover {color:#fff;background:#645050;}
.directoryThumbsAnchor {float:left;width:30%}
#lean_overlay {
	position:fixed;
	z-index:400;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background:#000;
	display:none;
}
.signin {
	width:354px;padding-bottom:2px;display:none;
	background:#FFF;
	border-radius: 5px; -moz-border-radius:5px;-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}
#test {
	width:600px;padding:30px;display:none;background:#FFF;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	box-shadow:0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.7);-moz-box-shadow:0 0px 4px rgba(0,0,0,0.7);
}
#test p {color:#666;text-shadow:none;}
.signin-header {background:url(../images/hd-bg.png);padding:6px 18px 4px 12px;
	border-bottom:1px solid #CCC;border-top-left-radius:5px;-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-radius-topright:5px;									
	-webkit-border-top-right-radius:5px;}
.signin-header h2 {color:#333;font-size:1.5em;font-weight:700;
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);}
.signin-header p {color:#333;font-size:1.2em;margin:0;padding-bottom:1px;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);text-shadow:none;}
.signin .txt-fld {position:relative;padding:8px 10px 2px 10px;
	border-bottom:1px solid #ABABAB;}
.signin .btn-fld {overflow:hidden;padding:6px 20px 6px 15px;}
.btn-fld a {position:relative;float:left;padding:7px 10px;
	background:#F93;color:#333;font-weight:bold;font-size:1.2em;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;}
.signin label {display:inline-block;
/*	float:left;*/
/*	width:150px; */
	color:#222;font-size:1.1em;text-align:left;padding:1px 1px 15px 1px;}
.signin input {padding:3px;border-radius:4px;
	-moz-border-radius:4px;-webkit-border-radius:4px;font-size:1.1em;
	color:#222;background:#F7F7F7;font-family:"Helvetica Neue";
	outline:none;border-top:1px solid #CCC;border-left:1px solid #CCC;
	border-right:1px solid #E7E6E6;border-bottom:1px solid #E7E6E6;}
.signin .txt-fld input.good_input {
/*	background:#DEF5E1 url(../images/good.png) no-repeat; */
	width:51%;font-family:"Arial";float:right}
.signin .txt-fld input.error_input {background:#FDE0E0;}
p.error {position:absolute;bottom:48px;right:20px;
	width:262px;color:#FFF;font-size:1.1em;padding-bottom:5px;
	background:url(../images/error-arw.png) 20px bottom no-repeat;
	text-align:left;margin:0;text-shadow:none;}
p.error span {display:inline-block;background:#D43636;padding:6px;border-radius:3px;
	-moz-border-radius:3px;-webkit-border-radius:3px;}
.txt-fld input:focus, .txt-fld textarea:focus {background-color:#FAF9DC;}
button {
	float:right;
	font-family:"Helvetica Neue", "Helvetica", "Arial",sans-serif;
	background:#3F9D4A; 
	border:none;
	width:auto;
	overflow:visible;
	font-size:1.2em;
	color:#FFF;
	padding:7px 10px;border-radius:4px;-webkit-border-radius:4px;
	-moz-border-radius:4px;font-weight:bold;text-shadow:0 1px 0 rgba(0,0,0,0.4);}
.mybutton {
	display:block;
	font-family:"Helvetica Neue", "Helvetica", "Arial",sans-serif;
	background:#3F9D4A; 
	border:none;
	overflow:visible;
	font-size:1.2em;
	color:#FFF;
	text-align:center;
	padding:7px 10px;border-radius:4px;-webkit-border-radius:4px;
	-moz-border-radius:4px;font-weight:bold;text-shadow:0 1px 0 rgba(0,0,0,0.4);}
.account {width:100%;cursor:pointer;}
.modal_close {position:absolute;top:12px;right:12px;display:block;
	width:14px;height:14px;background:url(../images/modal_close.png);z-index:2;}
	
/*	position:relative;width:100%; */
.tabs {
	position:relative;
	overflow:hidden;margin:0px 0px 1px;
	font-weight:300;
}
/* Nav */
.tabs .navDialog {text-align:center;padding:3px 10px 0px;}
.tabs .navAlbum {text-align:center;padding-left:10px;}

.tabs nav ul li {
	margin:0 -4px;width:13%;
	position:relative;display:inline-table;
	padding-right:8px;
	z-index:100;
}

.tabs nav a {
	color:#56595c;
	font-size:1.35em;line-height:1.8em;
	padding:0 1.1em;white-space:nowrap;
}
.tabs nav li.tab-current {z-index:101;}

.tabs nav .tabShape{
	position:absolute;
	z-index:-1;
	padding:0 1.1em;
	top:0px;right:0px;left:0px;bottom:0px;
	background:#ddd;
	border-left:1px solid;
	border-right:1px solid;
	border-radius:10px 10px 0 0;box-shadow:0 2px hsla(0,0%,100%,.5) inset;
	transform: perspective(7px) rotateX(2deg);
	transform-origin:bottom left;
}

.tabs nav a:hover {color:#333333}
.tabs nav li.tab-current a {color:#000;font-weight:bold;}
.tabs nav li.tab-current .tabShape{;bottom:-1px}

.tabDialogContent {padding:0px 3px 3px 3px;}

.content section {display:none;margin:0 auto;color:#000;}
.content section::before,.content section::after {content:'';display:table;}
.content section::after {clear:both;}
.content section.content-current {
	display:block;
	padding-top:10px;border-left:1px solid;
	border-right:1px solid;border-top:1px solid;
	border-bottom:1px solid;border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
}

table.fiets-data{
	border: 1px solid black;
}
#fixedmenu {
	position:fixed;
	right:5px;
	top:1%;
	z-index:120;
/*
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
*/
}
#fixedmenu span {
	display:block;
	width:15px;
	height:2px;
	background:#fff; /*#e84a64*/
	margin-top:-1px;
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	transition:background 0.3s;
}
#fixedmenu li {
  padding:14px 8px;
  background:#3984CA;
  cursor:pointer;
  border-radius:0.5em;
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -ms-transition:all 0.2s;
  -o-transition:all 0.2s;
  transition:all 0.2s;
}
#fixedmenu span::before, #fixedmenu span::after {
  content:'';
  position:absolute;
  left:8px;
  background:inherit;
  width: 15px;
  height: 2px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-transition:-webkit-transform 0.3s, background 0s;
  -moz-transition:-moz-transform 0.3s, background 0s;
  transition:transform 0.3s, background 0s;
}
#fixedmenu span::before {top:7px;}
#fixedmenu span::after {bottom:7px;}
#fixedmenu li:hover {background:#555;color:#fff;}
#fixedmenu li ul {
  padding:0px;
  position:absolute;
  top:28px;
  right:0;
  width:auto;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  display:none;
  opacity:0;
  visibility:hidden;
  -webkit-transiton:opacity 0.2s;
  -moz-transition:opacity 0.2s;
  -ms-transition:opacity 0.2s;
  -o-transition:opacity 0.2s;
  -transition:opacity 0.2s;
}
#fixedmenu li ul li { 
  background:#555; 
  display:block; 
  color:#fff;
  white-space:nowrap;
  text-shadow:0 -1px 0 #000;
  padding:8px 8px;
}
#fixedmenu li ul li:hover {background:#666;}
#fixedmenu li:hover ul {
  display:block;
  opacity:1;
  visibility:visible;
}
/*==========================================*/
@media only screen and (min-width: 996px) and (max-width: 1399px) {
body {min-width:996px;}
.main {width:940px;}
.box-staff {width:286px;}
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
body {min-width:768px;}
.main {width:748px}
.title-1, .title-2, .title-3, .title-4, .title-5, .title-6, title-7 {
padding:3px 0 4px 10px;
}
h2 {
word-spacing:-1px;
letter-spacing:0px;
font-size:20px	/* 30px */
}
.box-logo figure {width:47%;}
header h1 a {height: 36px;width: 200px; /* 164px */
background-size:100% auto;
}
h1 {margin-top:10px;}
.btn-tweeter {margin:2px 0 0 10px}
.btn-facebook {margin:4px 0 0 10px}
.btn-register {margin-left:10px}
.btn-login {margin-left:10px}
.box-staff {width:460px;/* 162px*/}
.box-recipes {width:160px;}
.list-1 {padding-right:0px;}
.img-indent.extra1{margin-bottom:12px}
.footer-menu li {margin-right:14px;}
dl.address {width: 162px;}
dl.address.a {margin-left:10px;}
}
@media only screen and (max-width: 767px) {
body {min-width:300px;}
.main {width:300px}
.title-1, .title-2, .title-3, .title-4, .title-5, .title-6, title-7 {
padding:3px 0 6px 10px;}
header h1 {float:none;}
header h1 a{width:200px;height:38px;background-size:100% auto;}
h2 {font-size:16px;line-height:20px}
.footer-menu {display:none}
.privacy {float:none;margin:0 0 0 20px}
.list-1 {padding-right:0px;}
.img-indent.extra1{margin-bottom:12px}
.btn-home {display:inline-block;padding:4px 6px 4px;margin-bottom:5px;}
.box-familie, .box-varia {
	margin-left:8px;
	margin-right:8px;
}
.box-recommend figure {
	margin-right:0px
}
.box-staff {margin-left:8px;}
.box-soc {padding-top:0px;}
.box-soc span {width:100%;padding-bottom:10px}
.btn-login {margin-left:0px;padding:4px 6px 4px;}
.btn-login:hover, .btn-register:hover {padding:4px 6px 6px;text-decoration:none}
.btn-facebook {margin:5px 0 0 10px;}
.btn-tweeter {margin:2px 0 0 10px;}
.img-indent2 {float:none;margin:0 0 18px;}
dl.address {margin-bottom:20px}
.familie-figure {width:384px}
.row-nav {height:35px}
.privatePhoto img {
	max-width:35px;
	max-height:35px;
	width:auto;
	height:auto;
}
.tabs nav ul li a {font-size:1.1em;}
.content section.content-current {
	border-radius:11px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
}
.content#albumContent section.content-current {
	padding-top:0px;
}

.directoryStory {width:47%;}
.directoryThumbsAnchor {width:50%}
.StoryContent {display:none}
.p3 {display:block;}
.inner-1 {padding:0 20px 0 19px}
.inner-2 {padding:5px 10px 21px}
.inner-3 {padding:7px 0 27px}
.inner-4 {padding:1px 0 0}
.inner-5 {padding:1px 0 0}
.inner-6 {padding:5px 10px 14px}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {min-width:420px;}
.main {width:420px}
header h1 a{display:none;width:200px;height:38px;background-size:100% auto;}
/*h2 {font-size:14px} */
.btn-facebook {margin:5px 0 0 18px;}
.btn-tweeter {margin:2px 0 0 18px;}
.box-logo figure {width:34%;}
.box-staff {width:198px;}
.box-recipes {width:178px;}
dl.address {width:172px;margin-bottom:0}
}
@media only screen and (max-width: 479px) {
header h1 a{display:none;width:200px;height:38px;}
h2 {word-spacing:-1px;letter-spacing:0px;font-size:14px}
.box-staff {width:284px;}
.familie-figure {width:264px}
.signin {width:300px;}
button {font-size:1em}
.btn-fld a {font-size:1em;}
img.mydoc {
	padding-right:6px;
	padding-top:6px;
	float:left;
	width:280px;
	height:auto;
}
}

/* Pour some CSS below ========================================================= */