/*-----------------------------------------------------------------------------------
	Theme Name: MJ
	Theme URI: http://themes.pulyavserdce.com
/*-----------------------------------------------------------------------------------*/

@charset "utf-8";
/*--------------------------------------------------------
	1.General
--------------------------------------------------------*/

	/*----------------------------
	i.-- imports
	-----------------------------*/
	
	@import url("fonts.css");
	@import url("styles.css");
	@import url("prettyPhoto.css");
	
	/*----------------------------
	ii.-- clear
	-----------------------------*/
	
	*{margin:0px;padding:0px;}
	html, body, div, h1, h2, h3, ul, ol, li, dt, p, table, th, td ,img{ margin: 0; padding: 0;border:none;}
	
	/*----------------------------
	iii.-- general
	-----------------------------*/
	
	*{margin:0px;padding:0px;}
	img{border:none;}
	a{color:#252525;text-decoration:underline;font-weight: normal;}
	::selection{background-color:#b5dcc7;color: #ffffff;}
	html,body{background:#ffffff;color:#000000;margin:0;background-image:url(../_images/bg.jpg);}
	
	.controller{width:100%;height:100%;position:relative;z-index:2}
	.container{background-color:#ffffff;margin-left:auto;margin-right:auto;}
	
	.clear{height:15px;}
	.clear2x{height:30px;}
	.clear3x{height:45px;}
	.clear4x{height:60px;}
	.hide{display:none}
	
	.seperator{width:100%;height:30px;background-image:url(../_images/seperator.png);background-repeat:no-repeat;background-position:center;}
	
	.top-border{border-top:1px solid #dddddd;}
	
	/*----------------------------
	iv.-- hyperlinks
	-----------------------------*/
	
	.visit-site{text-decoration:none;color:#ffffff;font-size:13px;}
	.viev-map{text-decoration:none;color:#252525;font-size:13px;}
	
	/*----------------------------
	v.-- typo
	-----------------------------*/
	
	body{font:12px/21px Titillium, Helvetica, Arial, sans-serif;font-weight:normal;font-style:normal; -webkit-text-size-adjust: 100%;}
	h1{font:14px/21px CopperplateRegular, Candara, Arial, sans-serif;color:#333333;padding-left:10px;}
	h2{font:13px/18px TitilliumLight, Candara, Arial, sans-serif;color:#2a2a2a;font-weight:normal;padding:10px;}
	h3{font:14px/21px TitilliumMedium, Candara, Arial, sans-serif;color:#666666;margin-bottom:12px;padding-left:8px;background-image:url(../_images/h.png);background-position:0px 3px;background-repeat:no-repeat;}
	h4{font:15px/28px TitilliumMedium, Candara, Arial, sans-serif;font-weight:500;color:#666666;}
	h5{font:14px/21px TitilliumMedium, Candara, Arial, sans-serif;color:#666666;margin-top:12px;margin-bottom:12px;padding-left:8px;}
	h6{font:13px/18px TitilliumMedium, Candara, Arial, sans-serif;color:#333333;padding-left:10px;background-image:url(../_images/h.png);background-position:0px 11px;background-repeat:no-repeat;}
	#defaulttext {font:13px/18px TitilliumLight, Candara, Arial, sans-serif;color:#2a2a2a;font-weight:normal;padding:10px;text-align:center;}
	
/*--------------------------------------------------------
	2.Menu
--------------------------------------------------------*/

	.menu{height:160px;position:absolute;background-color:#ffffff;text-transform:uppercase;text-align:center;border-bottom:1px solid #efefef;background-image:url(../_images/border.png);background-position:0px 130px;background-repeat:repeat-x;}
	.menu-style{margin-right:95px;text-decoration:none;-webkit-transition:all 0.20s ease-in-out;-moz-transition:all 0.70s ease-in-out;-o-transition:all 0.70s ease-in-out;-ms-transition:all 0.70s ease-in-out;padding:5px;font-weight:normal;font-family:'CopperplateRegular';}
	.menu-style:hover{color:#ffffff;background:#b5dcc7;}
	
	.hidden-menu{height:60px;position:fixed;z-index:10000;background:#ffffff;text-transform:uppercase;text-align:center;border-bottom:1px solid #efefef;background-image:url(../_images/border.png);background-position:0px 30px;background-repeat:repeat-x;display:none;}
	#logo{margin-left:20px;margin-right:20px;background-image:url(../_images/lines.png);background-position:0px 28px;background-repeat:repeat-x;}
	.logo{margin-top:30px;background-color:#ffffff;margin-left:auto;margin-right:auto;width:420px;font-family:'Parisienne';font-size:50px;color:#b5dcc7;text-transform:none;text-shadow:1px 1px 1px #666666;letter-spacing:-1px;}
	#logotext{font-family:'Parisienne';font-size:50px;color:#b5dcc7;text-transform:none;text-shadow:1px 1px 1px #666666;letter-spacing:-1px;}
	.heart{height:15px;width:15px;margin:auto;padding-bottom:15px;background-image:url(../_images/heart.png);background-repeat:no-repeat;background-position:center;}
	
	#menu, #hidden-menu{width:100%;}
	#menu ul, #hidden-menu ul {list-style-type:none;}
	#menu ul li {float:left;padding-top:10px;text-align:center;}
	#hidden-menu ul li {float:left;padding-top:5px;text-align:center;}
	
	.footer{padding-top:20px;height:145px;background-color:#ffffff;text-align:center;border-top:1px solid #efefef;background-image:url(../_images/border2.png);background-position:0px 0px;background-repeat:repeat-x;}
	#footer-logo{margin-left:20px;margin-right:20px;background-image:url(../_images/lines.png);background-position:0px 20px;background-repeat:repeat-x;}
	/*.footer-logo{background-color:#ffffff;margin-left:auto;margin-right:auto;width:350px;margin-top:10px;font-family:'Parisienne';font-size:40px;color:#b5dcc7;text-transform:none;text-shadow:1px 1px 1px #666666;letter-spacing:-1px;}*/
	.footer-logo{background-color:#ffffff;margin-left:auto;margin-right:auto;margin-top:0px;width:320px;font-family:'Parisienne';font-size:40px;color:#b5dcc7;text-transform:none;text-shadow:1px 1px 1px #666666;letter-spacing:-1px;}
	
	.social{position:fixed;z-index:10005;padding:10px;margin-top:190px;width:25px;min-height:75px;}
	.social-icons li{display:inline-block;margin-bottom:5px;}
	.bottom-button {position:fixed;z-index:1;left:0px;top:75px;}
	
/*--------------------------------------------------------
	3.Container
--------------------------------------------------------*/
	
	/*----------------------------
	o.-- general/page
	-----------------------------*/
	
	.white-bg{background-color:#ffffff;}
	
	.page{min-height:500px;padding-top:7%;padding-bottom:13%;}
	@media screen and (min-height: 800px) and (max-height: 1000px){.page{width:722px;height:500px;padding-left:110px;padding-right:110px;padding-top:20%;padding-bottom:13%;}}
	@media screen and (min-height: 1000px) and (max-height: 1200px){.page{width:722px;height:500px;padding-left:110px;padding-right:110px;padding-top:30%;padding-bottom:26%;}}
	@media screen and (min-height: 1200px){.page{width:722px;height:500px;padding-left:110px;padding-right:110px;padding-top:50%;padding-bottom:26%;}}
	/*@media all and (orientation:landscape) {.page{padding-top:30%;}}*/
	@media all and (orientation:portrait) {.page{width:722px;height:500px;padding-left:45px;padding-right:45px;padding-top:25%;padding-bottom:26%;}}

	.border{background-color:#ffffff;padding:5px;border:1px solid #dddddd;}
	.border-thb{background-color:#ffffff;padding:2px;border:1px solid #dddddd;}	
	
	/*----------------------------
	i.-- home
	-----------------------------*/
	
	#home{padding-top:262px;height:800px;}
	@media screen and (min-height: 800px) and (max-height: 1000px){#home{padding-top:25%;}}
	@media screen and (min-height: 1000px) and (max-height: 1200px){#home{padding-top:40%;}}
	@media screen and (min-height: 1200px){#home{padding-top:50%;}}
	
	#home .sometext {text-align:center;font-size:18px;font-family:'CopperplateRegular';color:#b5dcc7;letter-spacing:0px;line-height:0.8;text-transform:uppercase;}
	#home .slides_container{height:100%;overflow:hidden;position:relative;display:none;}
	#home .slides_container div.slides{width:100%;height:100%;display:block;}
	#groom-nd-bride{width:600px;height:65px;margin:auto;}
	#home .transparent{ opacity:0.7; filter:alpha(opacity=70);}
	/*#home .transparent:hover{opacity:1.0;filter:alpha(opacity=100);}*/
	.join-us{margin:auto;background-image:url(../_images/join-us.png);background-position:center;background-repeat:repeat-x;}
	.end-line{margin:auto;background-image:url(../_images/end-line.png);background-position:center;background-repeat:repeat-x;}
	.groom{width:280px;float:left;color:#252525;}
	.and {width:40px;float:left;font-size:76px;color:#252525;}
	.bride{width:280px;float:right;color:#252525;}
	.line{color:#252525; font-size:28px;letter-spacing:5px;padding:5px;}
	.date-n-place{padding:5px;margin:auto;max-width:650px;letter-spacing:5px;background-color:#b5dcc7;color:#ffffff;}
	
	/*----------------------------
	ii.-- informatie
	-----------------------------*/
	#informatie{height:700px;padding-top:20%;}
	/*@media screen and (min-height: 800px) and (max-height: 1000px){#informatie{padding-top:35%;}}
	@media screen and (min-height: 1000px) and (max-height: 1200px){#informatie{padding-top:50%;}}
	@media screen and (min-height: 1200px){#informatie{padding-top:60%;}}*/
	
	#informatie{text-align:left;}
	#informatie .image{width:266px;height:175px;margin-left:15px;margin-right:15px;float:left;}
	#slides-story .slides_container{width:100%;height:100%;overflow:hidden;position:relative;display:none;}
	#slides-story .slides_container div.slides{width:100%;height:100%;display:block;}
	#slides-story .next, #slides-story .prev{position:relative;width:13px;height:21px;display:block;z-index:1002;}
	#slides-story .prev{float:left;left:10px;background-image:url(../_images/prev.png);background-repeat:no-repeat;}
	#slides-story .next{float:left;left:40px;background-image:url(../_images/next.png);background-repeat:no-repeat;}
	#slides-story .pagination{display:none;}
	.qq {margin-left:30px;border-left:1px solid #dddddd;font-style:italic;color:#666666;}
	.quotas{width:100%;min-height:210px;}
	.quota-01, .quota-02{float:left;margin-top:15px;margin-bottom:15px;background-image:url(../_images/quota.png);background-position:0px 15px;background-repeat:no-repeat;}
	.ids{position:relative;margin-top:-35px;margin-left:85px;letter-spacing:1px;}
	
	/*----------------------------
	iii.-- engagement
	-----------------------------*/
	
	#engagement{}
	.image-area{width:100%;}
	.image-area-list {margin-left:3px;padding:3px 3px;float:left;}
	.image-area-list li {float:left;list-style:none;}
	.image-area-list li a {display:block;width:70px;height:70px;float:left;background:#f9f9f9;}
	
	/*----------------------------
	iv.-- events
	-----------------------------*/
	
	#events{}
	#slides{margin:auto;}
	#slides .slides_container{height:100%;overflow:hidden;position:relative;display:none;}
	#slides .slides_container div.slides{width:100%;height:100%;display:block;}
	#slides .next, #slides .prev{position:relative;margin-top:-25px;width:13px;height:21px;display:block;z-index:1002;}
	#slides .prev{float:right;left:-50px;background-image:url(../_images/prev.png);background-repeat:no-repeat;}
	#slides .next{float:right;left:-20px;background-image:url(../_images/next.png);background-repeat:no-repeat;}
	#slides .pagination{display:none;}
	.caption {width:100%;position:relative;left:0;padding-right:10px;margin-bottom: 20px;}
	.caption-01 {width:224px;float:left;margin-top:20px;border-right:1px solid #dddddd;letter-spacing:1px;}
	.caption-02{float:left;}
	
	/*----------------------------
	v.-- registry
	-----------------------------*/
	
	#registry{}
	.registry-area{width:100%;}
	.registry-texts{margin-left:15px;margin-right:15px;margin-top:15px;text-align:left;}
	#registry-list {margin-left:50px;margin-right:50px;min-height:70px;margin-top:15px;margin-bottom:15px;padding:5px 5px;float:left;}
	.registry-list li {float:left;list-style:none;}
	.registry-list li a {display:block;width:190px;height:60px;float:left;}
	
	/*----------------------------
	vi.-- out-of-towners
	-----------------------------*/
	
	#autos{text-align:left;height:950px; padding-top:20%}
	#autos .image{width:266px;height:175px;margin-left:15px;margin-right:15px;float:left;}
	#div-m, #div-h, #div-r, #div-o{height:920px;}
	.oot-01, .oot-02, .oot-03{float:left;font-weight:normal;}
	.oot-02, .oot-03{margin-left:0px;}
	a.links{padding:3px;background-color:#b5dcc7;color:#333333;}
	
	.close {position:absolute;width:45px;height:45px;z-index:1000;margin-top:-30px;}
	.colored{width:100%;text-align:center;background-color:#b5dcc7;color:#ffffff;font-family:'Titillium';}
	
	/*----------------------------
	vii.-- directions
	-----------------------------*/
	
	#taxivervoer {height:700px;padding-top:20%;text-align:left;}
	#taxivervoer .image{margin-left:15px;margin-right:15px;float:left;}
	#taxivervoer .area{min-height:700px;}
	#links{height:700px;padding-top:20%;}
	#links .info{width:49%;float:left;font-weight:normal;}
	#links .area{min-height:700px;}
	
	/*----------------------------
	viii.-- rsvp
	-----------------------------*/
	
	#contact{text-align:left;height:700px;padding-top:20%;}
	.form-select{width:48%;margin-bottom:5px;text-indent:10px;font:13px/18px TitilliumLight, Candara, Arial, sans-serif;color:#2a2a2a;font-weight:normal;padding:10px;font-weight:30px;line-height:30px;}
	.form-message{width:94%;height:200px;text-indent:10px;font:13px/18px TitilliumLight, Candara, Arial, sans-serif;color:#2a2a2a;font-weight:normal;padding:10px;font-weight:30px;line-height:30px;}
	.form-select-2{width:28.7%;text-indent:10px;font:13px/18px TitilliumLight, Candara, Arial, sans-serif;color:#2a2a2a;font-weight:normal;padding:10px;font-weight:30px;line-height:30px;}
	#note{color:#000000;text-align:left;display:none;font-family:'TitilliumLight';font-size:14px;z-index:100;bottom:9px;}
	
	/*----------------------------
	ix.-- thank-you
	-----------------------------*/
	
	#tarieven{text-align:left;height:700px;padding-top:20%;}
	#tarieven .area{min-height:355px;}
	#tarieven .section-01{width:57%;height:400px;margin-left:10px;float:left;}
	#tarieven .section-02{margin-left:60px;}
	#tarieven .section-03{width:100%;height:50px;margin-left:10px;float:left;text-align:center}
	
/*--------------------------------------------------------
	4.JScroll
--------------------------------------------------------*/
	
	.scroll-pane {width:100%;overflow:auto;}
	.jspContainer{overflow:hidden;position:relative;}
	.jspPane{position:absolute;}
	.jspVerticalBar{position:absolute;top:0;right:0;width:8px;height:100%;}
	.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:0px;}
	.jspVerticalBar *, .jspHorizontalBar * {margin:0;padding:0;}
	.jspCap{display:none;}
	.jspHorizontalBar .jspCap {float:left;}
	.jspTrack {background:#fafafa;position:relative;}
	.jspDrag {background:#252525;position:relative;top:0;left:0;cursor:pointer;}
	.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float:left;height:100%;}
	.jspArrow {background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
	.jspArrow.jspDisabled {cursor:default;background:#80808d;}
	.jspVerticalBar .jspArrow {height:16px;}
	.jspHorizontalBar .jspArrow {width:16px;float:left;height:100%;}
	.jspVerticalBar .jspArrow:focus {outline:none;}
	.jspCorner {background:#eeeef4;float:left;height:100%;}
	* html .jspCorner{margin: 0 -3px 0 0;}
	.jspArrow {
	background: url('../_images/ui-icons_222222_256x240.png') no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspVerticalBar>.jspActive,
.jspArrow:hover
{
	background-image: url('../_images/ui-icons_cd0a0a_256x240.png');
}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover,
.jspHorizontalBar>.jspDisabled,
.jspHorizontalBar>.jspDisabled:hover
{
	background-color: transparent;
	background-image: url('../_images/ui-icons_222222_256x240.png');
}

.jspVerticalBar .jspArrow
{
	height: 15px;
}

.jspHorizontalBar .jspArrow
{
	width: 15px;
}

.jspArrowUp
{
	background-position: 0 0;
}

.jspArrowDown
{
	background-position: -64px 0 !important; 
}

.jspArrowLeft
{
	background-position: -96px 0 !important;
}

.jspArrowRight
{
	background-position: -32px 0 !important;
}
	
/* Extras aangebracht door Gijs: 0502100152 */
#telefoon {text-align: right; padding: 5px 20px 0px 20px; font-size: 16px}
#telefoon span {font-weight: 500}