/* MAIN STYLE SHEET CHALETJE.COM */
/* AUTHOR: Robin Hertog */
/* LAST UPDATE: 09-02-09 */


/* ALGEMEEN */
body {
	margin: 0px;
	padding: 0;
	font-family: 'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #313131;
	width: 100%;
	height: 100%;
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
        background: url('../images/bg.jpg') #989898;
	}
	/*ebebeb*/

input, select, textarea {
	height: 32px;
	padding-left: 4px;
	text-indent: 4px;
	margin: 1px 1px 1px 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #707070;
}

/* ALGEMENE LINK */
a:link { color: #b92923; text-decoration: none; }
a:visited { color: #b92923; text-decoration: none; }
a:hover { color: #b92923; text-decoration: underline; }

a.normaal:link { color: #b92923; text-decoration: none; }
a.normaal:visited { color: #b92923; text-decoration: none; }
a.normaal:hover { color: #b92923; text-decoration: underline; }

/* OVERZICHT */
a.overzicht:link { color: #313131; text-decoration: none; }
a.overzicht:visited { color: #313131; text-decoration: none; }
a.overzicht:hover { color: #989898; text-decoration: none; } /*32698d */

/* MENU */
a.menu:link { color: #FFF; text-decoration: none; font-weight: normal; padding: 10px; }
a.menu:visited { color: #FFF; text-decoration: none; font-weight: normal; }
a.menu:hover { color: #FFF; text-decoration: underline; font-weight: normal; }

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

.navi_menu a.active { color: #e16964; }

/* WIT VOOR BLOKKEN */
a.wit:link { color: #FFF; text-decoration: none; }
a.wit:visited { color: #FFF; text-decoration: none; }
a.wit:hover { color: #FFF; text-decoration: underline; }

/* FOOTER */
a.footer:link { color: #8d8779; text-decoration: none; }
a.footer:visited { color: #8d8779; text-decoration: none; }
a.footer:hover { color: #dcdcd4; text-decoration: underline; }

/* SCHADUW */
.shadow {
	-moz-box-shadow: 0px 2px 4px #deddd4;
	-webkit-box-shadow: 0px 2px 4px #deddd4;
	box-shadow: 0px 2px 4px #deddd4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#deddd4')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#deddd4');
}

/* STICK NAVI */
#nav {
  width: 100%;
}

/* FORMULIER VELDEN */
.formveld {
	height: 32px;
	padding-left: 4px;
	text-indent: 4px;
	margin: 1px 1px 1px 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #707070;
	}

/* KOPPEN */
.subkop_grijs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #b4b4b4;
}

/* RONDE HOEKEN CSS */
.rounded-corners {
  -moz-border-radius: 2px; /* Firefox */
  -webkit-border-radius: 2px; /* Safari, Chrome */
  border-radius: 2px; /* universal */
  behavior: url(../css/border-radius.htc); /* IE */
}

#dragon-x {
background: #00f;
}

#contact-form { width: 450px; box-sizing: border-box;  }
#contact-form .text-input{ width:50%; display: inline-block; }
#contact-form input[type=text],
#contact-form input[type=email]{ width: 100%; border-radius: 2px; color: #000; height: 35px; border: 0px; font-size: 14px; background-color: #fff; }
#contact-form .form-input-wrapper, 
#contact-form .form-textarea-wrapper,
#contact-form .button-wrapper{ padding: 4px; }
#contact-form textarea{ width: 100%; border-radius: 2px; color: #000; height: 85px; border: 0px; font-size: 14px; background-color: #fff; }
#contact-form .button-wrapper .btn{
    height: 40px;
    text-align: center;
    padding-top: 5px;
    margin-top: 4px;
    cursor: pointer;
    border: none;
    background: none;
    background-color: #b92923;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
    display: block;
    vertical-align: middle;
    text-shadow: none;
    padding: 0;
    line-height: 40px;
}
.bordered{ border: 1px solid #343a39; }
.mb{ margin-bottom: 8px; }
.fullwidth{ width: 100%; } 
.wit.active > div{ background: #ce4e48; }

/* ------------------------------ */
/* --- VANAF 120 PIXELS BREED --- */
/* ------------------------------ */
@media all and (min-width: 120px) {
	/* CONTAINER */
	#container { margin: 0px auto 0px; width: 100%; }

	/* NAVI */
	.navi_menu { float: right; height: 90px; display: block; width: 100%; }
	.navi_menu_shadow { -moz-box-shadow: 0px 2px 4px #deddd4; -webkit-box-shadow: 0px 2px 4px #deddd4; box-shadow: 0px 2px 4px #deddd4; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#deddd4')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#deddd4'); width: 100%; }
	.navi_menu_icon { display: none; }
	.navi_menu_icon_streep { background: url('../images/icons/icon-menu.png') no-repeat left; width: 100%; height: 90px; display: block; cursor: pointer; }
	.navi_menu_icon_kruis { background: url('../images/icons/icon-menu-kruis.png') no-repeat left; width: 100%; height: 90px; display: none; cursor: pointer; }
	.navi_menu_tekst_kort { display: block; }
	.navi_menu_tekst_lang { display: none; }

	.logo_groot { display: none; }
	.logo_klein { display: table; margin: 0 auto; margin-bottom: 20px; }

	#menu_list { display: block; position: absolute; background-color: #f3e0a7; z-index: 10; line-height: 26px; margin-left: -230px; width: 100%; margin-top: 32px; padding-top: 15px; }
	.menu_list_td { padding-left: 25px; }
	#menu_list.stick { width: 100%; }

	/* HEADER */
	.header-links { width: 100%; }
	.header-rechts { width: 80%; padding-top: 40px; }
	.header-chassis-td { margin: -50px 0px -10px -0px; }
	.header-chassis { margin-bottom: -100px; margin-right: 0px; }
	.header-tekst { padding-top: 45px; padding-left: 45px; font-size: 25px; line-height: 30px; }
	.header-tekst-klein { padding-top: 30px; padding-left: 45px; line-height: 25px; }

	.blok_een { float: left; width: 100%; display: block; background-color: #b92923; }
	.blok_twee { float: left; width: 100%; display: block; background-color: #8b201c; }
	.blok_drie { float: left; width: 100%; display: block; background-color: #343a39; }

	/* CONTENT */
	.content-links { float: left; width: 100%; }
	.content-rechts { float: left; width: 100%; margin: 10px 0px 0px 0px; }

	.submenu { padding: 8px 25px 16px 75px; }
	.infobox { width: 80%; width: calc(100% - 50px); background-color: #efefef; border: 1px solid #CCC; padding: 15px 25px; }

	/* FOOTER */
	.rounded-corners-kort { -moz-border-radius: 2px; /* Firefox */ -webkit-border-radius: 2px; /* Safari, Chrome */ border-radius: 2px; /* universal */ behavior: url(../css/border-radius.htc); /* IE */ width: 45%; height: 35px; background-color: #FFF; padding: 2px; }
	.rounded-corners-lang { -moz-border-radius: 2px; /* Firefox */ -webkit-border-radius: 2px; /* Safari, Chrome */ border-radius: 2px; /* universal */ behavior: url(../css/border-radius.htc); /* IE */ width: 94%; height: 35px; background-color: #FFF; padding: 2px; }

	.footer_seo1 { display: none; }
	.footer_seo1b { display: inline-block; font-weight: 400; width: auto; vertical-align: top; text-align: left; padding: 40px 20px 0px 20px; }
	.footer_seo2 { display: inline-block; font-weight: 400; width: auto; vertical-align: top; text-align: left; padding: 40px 20px 0px 10px; }
	.footer_contact { display: inline-block; padding: 0px 50px; font-weight: 400; vertical-align: top; }
}

.toast.toast-success {
    border-color: #32b643;
    background: rgba(50,182,67,.95);
}
.toast.toast-error {
    border-color: #a50909;
    background: #a50909;
}
.mt-2 {
    margin-top: .4rem!important;
}
.mb-2 {
    margin-bottom: .4rem!important;
}
.toast {
    display: block;
    width: 100%;
    padding: .4rem;
    color: #fff;
    border: .05rem solid #454d5d;
    border-color: #454d5d;
    border-radius: .1rem;
    background: rgba(69,77,93,.95);
    box-sizing: border-box;
}

/* ------------------------------ */
/* --- VANAF 480 PIXELS BREED --- */
/* ------------------------------ */
@media all and (min-width: 480px) {
}

/* ------------------------------ */
/* --- VANAF 500 PIXELS BREED --- */
/* ------------------------------ */
@media all and (min-width: 520px) {
	/* NAVI */
	.navi_menu_shadow { -moz-box-shadow: 0px 2px 4px #deddd4; -webkit-box-shadow: 0px 2px 4px #deddd4; box-shadow: 0px 2px 4px #deddd4; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#deddd4')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=90, Color='#deddd4'); width: 80%; width: -webkit-calc(100% - 200px); width: -moz-calc(100% - 200px); width: calc(100% - 200px);
}
	.logo_groot { float: left; display: block; }
	.logo_klein { display: none; }

	#menu_list { display: block; position: absolute; background-color: #f3e0a7; z-index: 10; line-height: 26px; margin-left: -350px; width: 100%; margin-top: 32px; padding-top: 45px; }
	.menu_list_td { padding-left: 85px; }

	/* HEADER */
	.header-tekst { padding-top: 65px; padding-left: 75px; font-size: 25px; line-height: 30px; }
	.header-tekst-klein { padding-top: 30px; padding-left: 75px; line-height: 25px; }

	/* FOOTER */
	.footer_seo1 { display: none }
	.footer_seo1b { display: inline-block; font-weight: 400; width: auto; vertical-align: top; text-align: left; padding: 40px 50px 0px 0px; }
	.footer_seo2 { display: inline-block; font-weight: 400; width: auto; vertical-align: top; text-align: left; padding-top: 40px; }
	.footer_contact { display: inline-block; padding: 0px 50px; font-weight: 400; vertical-align: top; }
}

/* ------------------------------ */
/* --- VANAF 610 PIXELS BREED --- */
/* ------------------------------ */
@media all and (min-width: 610px) {
	#menu_list { display: block; position: absolute; background-color: #f3e0a7; z-index: 10; line-height: 26px; margin-left: -350px; width: 100%; margin-top: 32px; padding-top: 0px; }
	.menu_list_td { padding-left: 360px; }
}

/* ------------------------------ */
/* --- VANAF 650 PIXELS BREED --- */
/* ------------------------------ */
@media all and (min-width: 650px) {
	.blok_een { float: left; width: 33%; display: block; background-color: #b92923; padding-bottom: 500em; margin-bottom: -500em; }
	.blok_twee { float: left; width: 34%; display: block; background-color: #8b201c; padding-bottom: 500em; margin-bottom: -500em; }
	.blok_drie { float: left; width: 33%; display: block; background-color: #343a39; padding-bottom: 500em; margin-bottom: -500em; }

	/* FOOTER */
	.rounded-corners-kort { -moz-border-radius: 2px; /* Firefox */ -webkit-border-radius: 2px; /* Safari, Chrome */ border-radius: 2px; /* universal */ behavior: url(../css/border-radius.htc); /* IE */ width: 217px; height: 35px; background-color: #FFF; padding: 2px; }
	.rounded-corners-lang { -moz-border-radius: 2px; /* Firefox */ -webkit-border-radius: 2px; /* Safari, Chrome */ border-radius: 2px; /* universal */ behavior: url(../css/border-radius.htc); /* IE */ width: 446px; height: 35px; background-color: #FFF; padding: 2px; }

	/* HEADER */
	.header-links { width: 60%; }
	.header-rechts { width: 40%; padding-top: 160px; }
	.header-chassis-td { margin: -50px 0px -50px -0px; }
	.header-chassis { margin-bottom: -100px; margin-right: 0px; }
	.header-tekst { padding-top: 85px; padding-left: 75px; font-size: 25px; line-height: 30px; }
	.header-tekst-klein { padding-top: 30px; padding-left: 75px; line-height: 25px; }

	/* CONTENT */
	.content-links { float: left; width: 60%; }
	.content-rechts { float: left; width: 39%; margin: 15px -20px 0px 20px; }

	.submenu { padding: 8px 75px 16px 75px; }
}

/* ------------------------------ */
/* --- VANAF 750 PIXELS BREED --- */
/* ------------------------------ */
@media all and (min-width: 765px) {

}

/* ------------------------------ */
/* --- VANAF 950 PIXELS BREED --- */
/* ------------------------------ */
@media all and (min-width: 830px) {
	.header-links { width: 50%; }
	.header-rechts { width: 50%; padding-top: 160px; }
	.header-chassis-td { margin: -50px 0px -50px -0px; }
	.header-chassis { margin-bottom: -100px; margin-right: 0px; }
	.header-tekst { padding-top: 85px; padding-left: 75px; font-size: 30px; line-height: 35px; }
	.header-tekst-klein { padding-top: 30px; padding-left: 75px; line-height: 25px; }

	.footer_contact { display: inline-block; padding: 0px 130px; font-weight: 400; vertical-align: top; }
}

/* ------------------------------ */
/* -- VANAF 1000 PIXELS BREED --- */
/* ------------------------------ */
@media all and (min-width: 1020px) {
	/* NAVI */
	.navi_menu_icon { background: url('../images/icons/icon-menu.png') no-repeat left; width: 100%; height: 90px; display: block; }
	.navi_menu_icon_streep { display: none; }
	.navi_menu_tekst_kort { display: none; }
	.navi_menu_tekst_lang { display: block; }

	/* BLOKKEN */
	.blokeen { float: left; width: 33%; background-color: #ff0000; }
	.bloktwee { float: left; width: 33%; background-color: #f0f000; }
	.blokdrie { float: left; width: 34%; background-color: #f00f00; }

	/* FOOTER */
	.footer_seo1 { display: inline-block; font-weight: 400; width: auto; vertical-align: top; text-align: left; padding: 0px; }
	.footer_seo1b { display: none; }
	.footer_seo2 { display: inline-block; font-weight: 400; width: auto; vertical-align: top; text-align: left; padding: 0px; }
	.footer_contact { display: inline-block; padding: 0px 50px; font-weight: 400; width: auto; vertical-align: top; }
}

/* ------------------------------- */
/* --- VANAF 1120 PIXELS BREED --- */
/* ------------------------------- */
@media all and (min-width: 1120px) {
	.header-links { width: 40%; }
	.header-rechts { width: 60%; }
	.header-chassis-td { margin: -50px 0px -50px -0px; }
	.header-chassis { margin-bottom: -100px; margin-right: 0px; }
}

/* ------------------------------ */
/* -- VANAF 1310 PIXELS BREED --- */
/* ------------------------------ */
@media all and (min-width: 1400px) {
	/* CONTAINER */
	#container { margin: 0px auto 0px; width: 1214px; }
}