/* RESET
 *************************************************************************************************/
/* Reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
th { text-align:left; }
img { border:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0; padding:0; }
input, select, textarea { font:inherit; }


/* GENERAL CLASSES AND ELEMENTS
 *************************************************************************************************/
/* Clearfix */
.clearfix:before, .clearfix:after { content:'\0020'; display:block; height:0; visibility:hidden; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }
.clear { clear:both; }

/* Images (default WP styles + Nextgen singlepics) */
.alignleft { float:left; margin-right:20px; margin-bottom:20px; }
.alignright { float:right; margin-left:20px; margin-bottom:20px; }
.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; }
.wp-caption { width:auto !important; } /* http://wordpress.org/support/topic/control-of-image-caption-width */
.wp-caption-text { font-family:Georgia,serif; font-size:14px; font-style:italic; color:#666; }
.alignleft .wp-caption-text { text-align:left; }
.alignright .wp-caption-text { text-align:right; }
.aligncenter .wp-caption-text { text-align:center; }
#main .ngg-left { float:left; margin-right:20px; margin-bottom:20px; }
#main .ngg-right { float:right; margin-left:20px; margin-bottom:20px; }
#main .ngg-singlepic { padding:0; margin-bottom:20px; }

/* General text */
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

/* Global wrapper */
html { background:#544741 url(../images/bg-body.png) repeat-y 50% 0; }
body { font:15px/20px "freight-sans-pro",sans-serif;  color:#26201e; margin-top:50px;  }

/* Default margin-bottom */
p, ul, ol, table, fieldset, hr { margin-bottom:20px; }

/* Links */
a { color:blue; }
a:visited { color:purple; }
a:hover { text-decoration:none; }

/* Lists */
ul { margin-left:1em; list-style-type:square; }
ol { margin-left:1.5em; }
.spaced > li { margin-bottom:10px; }

/* Headings */
h1 { margin:0 0 20px; font:32px/32px "freight-sans-pro",sans-serif; }
h2 { margin:0 0 15px; font:24px/24px "freight-sans-pro",sans-serif; }
h3 { margin:0 0 10px; font:20px/20px "freight-sans-pro",sans-serif; }
h4 { margin:0 0 5px;  font:16px/16px "freight-sans-pro",sans-serif; }
h5 { margin:0 0 5px;  font:16px/16px "freight-sans-pro",sans-serif; }
h6 { margin:0 0 5px;  font:16px/16px "freight-sans-pro",sans-serif; }

/* Ruler */
hr { height:0; border:0; border-top:1px solid #666; }

/* Tables */
table { border:1px solid #ccc; }
thead { background:#ccc; }
th, td { padding:5px 10px; border:1px solid #ccc; }
table.horizontal th, table.horizontal td { border-width:1px 0; }
table.vertical th, table.vertical td { border-width:0 1px; }
tbody tr:nth-child(odd) { background:#e5e5e5; }

/* jQuery UI datepicker */
#ui-datepicker-div {
	z-index:900 !important;
	-webkit-box-shadow:0 2px 20px rgba(0,0,0,0.5);
	   -moz-box-shadow:0 2px 20px rgba(0,0,0,0.5);
	        box-shadow:0 2px 20px rgba(0,0,0,0.5);
}
.ui-datepicker table { border:0; }
.ui-datepicker thead, .ui-datepicker tbody tr { background:none; }

/* Forms */
label, select, input[type="submit"], button, .button { cursor:pointer; }
fieldset { margin:0 0 10px; padding:10px 10px 0; border:1px solid #ccc; }
fieldset p { margin-bottom:10px; }
legend { font-weight:bold; }
.label { display:inline-block; vertical-align:top; min-width:120px; }
.error label { background:red; color:#fff; }
.messagebox { padding:20px; color:#fff; }
.messagebox.error { background:red; }
.messagebox.success { background:green; }
.calendar { vertical-align:middle; }

/* Buttons (links and inputs) */
.button, .button:visited {
	position:relative; display:inline-block; margin:0; padding:6px 12px; background:#333; border:0; border-radius:5px;
	font-size:14px; text-transform:uppercase; text-decoration:none; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5);
	-webkit-appearance:none;
}
.ie7 .button { display:inline; width:auto; overflow:visible; }
.button:hover, .button:focus { background:#000; }
.button:active { top:1px; }
.button[disabled] { background:#ccc; cursor:default; }

/* Intro */
.intro { font-size:20px; color:#666; }

/* Google Maps */
.gmap-infowindow { overflow:hidden; color:#333; }


/* LAYOUT
 *************************************************************************************************/
/* Header */
#header-wrap {  }
#header { position:relative; margin:0 auto; width:960px; }

/* Logo */
#logo a { background:url(../images/parreinbouden-logo.png) no-repeat; display:block; width: 198px; height:128px; text-indent:-9999px; outline:none;  }

/* Navigation (language + main) */
#header .nav {  }

/* Language navigation */
#nav-lang { position:absolute; top:0; right:0;  }
#nav-lang > ul { list-style-type:none; }
#nav-lang > ul > li{ float:left; display: inline; margin-left:1px;}
#nav-lang a{ float:left; display:block; padding:5px 7px; color:#fff; text-decoration:none;
-webkit-border-radius:2px;
   -moz-border-radius:2px;
        border-radius:2px;
-webkit-transition:all 0.2s ease;
  -moz-transition:all 0.2s ease;
   -ms-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
       transition:all 0.2s ease;
}
#nav-lang > ul > li.current-menu-item a{ background:#9b938f; color:#fff; }
#nav-lang > ul > li a:hover{ background:#fff; color:#26201e;
-webkit-transition:all 0.2s ease;
  -moz-transition:all 0.2s ease;
   -ms-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
       transition:all 0.2s ease;
}

/* Main navigation */
#nav-main { position:absolute; right:265px; top:0; width:200px;}
#nav-main ul { margin:0; list-style:none; }
#nav-main li { position:relative; }
#nav-main a { text-decoration:none; color:#fff; display:block; }
#nav-main .current-menu-item > a, #nav-main .current-menu-ancestor > a { color:orange; }
/* First level */
#nav-main > ul > li > a {
-webkit-transition:all 0.2s ease;
  -moz-transition:all 0.2s ease;
   -ms-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
       transition:all 0.2s ease;
}
#nav-main > ul > li > a:hover, #nav-main > ul > li > a:focus, #nav-main > ul > li.sfHover > a { color:orange; padding-left:10px;
-webkit-transition:all 0.2s ease;
  -moz-transition:all 0.2s ease;
   -ms-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
       transition:all 0.2s ease;
}
/* Second level */
#nav-main ul ul { position:absolute; top:-9999px; }
#nav-main li:hover > ul, #nav-main li.sfHover > ul { top:100%; }



/* Main content */
#main-wrap {  }
#main { position:relative; margin:0 auto; width:940px; background:#8a7e72; padding:10px;
-webkit-box-shadow:4px 0 5px rgba(0,0,0,0.2);
   -moz-box-shadow:4px 0 5px rgba(0,0,0,0.2);
        box-shadow:4px 0 5px rgba(0,0,0,0.2);
}

/* Main >  Figure */
#figure { float:left; width:465px; }
#figure img{ display:block;}

/* Main > Content */
#content { float:right; width:465px;  }
#content > h1.header{ background:#9b938f; padding:10px 20px 10px 10px; margin:0 0 10px; text-align:right; text-transform:uppercase; font-size:28px; line-height:28px; }
#content > div.text{ background:#9b938f; padding:20px; }
#content a{  color:#26201e; text-decoration:none; padding:0 1px; border-bottom:1px dotted #26201e;}
#content a:hover{ color:orange;border-bottom:1px dotted orange;}

/* Footer */
#footer-wrap {  }
#footer { position:relative; margin:10px auto; width:960px; color:#fff; }
#footer a {  color:#fff; text-decoration:none; padding:0 1px; border-bottom:1px dotted #fff; }
#footer a:hover, #footer a:focus { color:orange;border-bottom:1px dotted orange; }
#footer a.tel{ border:none;}
#footer a.facebook{ width:24px; height:24px; background:url(../images/1342699950_facebook.png) no-repeat; display:inline-block; text-indent:-9999px; outline:none; border:none;}
#contact { float:left; }
#prestige { float:right; }
#prestige a { border:none; }
#footer span.facebook{ width:40px; display:inline-block;}
#footer span.contact{ margin-left:40px;}

/* Slideshow */
.slideshow { }
.slideshow .slides { position:relative; margin:0; width:465px; height:317px; list-style:none; overflow:hidden; }
.deuren .slideshow .slides { height:347px;}
.deuren .slideshow .slides img{ margin:0 auto;}
.slideshow .slides img { display:block; }
.slideshow .thumbs { position:relative; margin:0; padding:0 33px; width:399px; background:#9b938f; overflow:hidden; height:78px; }
.slideshow .thumbs.no-paging { padding:0; width:465px; }
.slideshow .thumbs li { display:inline;/*IE7*/ }
.slideshow .thumbs .prev,
.slideshow .thumbs .next { position:absolute; z-index:2; left:0; top:0; bottom:0; width:33px; background:#8a7e72 url(../images/prev-next.png) no-repeat 0 0; }
.slideshow .thumbs .next { left:auto; right:0; background-position:-33px 100%; }
.slideshow .thumbs .prev:hover,
.slideshow .thumbs .next:hover { background-color:#88807c; }
.slideshow .thumbs ul { margin:0; width:19999px; list-style:none; }
.slideshow .thumbs ul a { float:left; margin-left:-4px; padding:4px; }
.slideshow .thumbs ul > li:first-child > a { margin-left:0; }
.slideshow .thumbs ul a img { display:block; }
.slideshow .thumbs ul a:hover { background:#fff; }
.slideshow .thumbs ul .activeSlide a { background:#645b57; }
.slideshow .thumbs a {
	-webkit-transition:all 0.2s ease-out;
	   -moz-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
}
.slideshow .play-pause {
	position:absolute; left:36%; right:36%; top:100px; height:120px; z-index:500; background:rgba(0,0,0,0.4) url(../images/play-pause.png) no-repeat 50% -330px; border-radius:8px; cursor:pointer; opacity:0;
	-webkit-transition:all 0.4s ease-out;
	   -moz-transition:all 0.4s ease-out;
	        transition:all 0.4s ease-out;
}
.slideshow .slides:hover .play-pause { opacity:1; }
.slideshow .paused .play-pause { background-position:50% 30px; }
.slideshow .play-pause:hover { background-color:rgba(0,0,0,0.8); }


/* SPECIFIC PAGES AND PAGE TEMPLATES
 *************************************************************************************************/
/* Page template: full width */
.page-template-fullwidth-php #content { float:none; width:auto; }

/* Contact page */
#map { height:400px; }


/* PRINT STYLES
 *************************************************************************************************/
@media print {

	* {
		background:transparent !important; border-color:#ccc !important; color:#000 !important; text-shadow:none !important;
		-webkit-box-shadow:none !important;
		   -moz-box-shadow:none !important;
		        box-shadow:none !important;
	}
	img { max-width:100% !important; }
	h2, h3 { page-break-after:avoid; }
	tr, img { page-break-inside:avoid; }

	/* Stuff to hide */
	.dont-print, #nav-main, #prestige { display:none; }

}

@media screen and (max-width: 750px) {
	html{ background-image:none;}
	body{ margin-top:20px; }
    #header, #main, #footer, #figure, #content{ width:100%; max-width:464px;}
	#figure{ overflow:hidden;}
	#main{ 	padding:0;
			-webkit-box-shadow: none;
   			   -moz-box-shadow: none;
        			box-shadow: none;
	}
	#logo{ width:100%;}
	#logo a{ margin:0 auto;}
	#nav-main{ position: relative; left:0; width:auto; background:#6b6156;}
	#nav-main a{ float:left; padding:10px 0; width:100%; max-width:232px; font-size:18px; text-align:center; background:#6b6156; border-bottom:1px solid #5c4f4a;}
	#nav-main li{ float:left; width:50%; max-width:232px;}
	#nav-main > ul > li > a:hover, #nav-main > ul > li > a:focus, #nav-main > ul > li.sfHover > a { padding-left:0; background:#fff; color:#26201e;}
	#nav-main .current-menu-item > a, #nav-main .current-menu-ancestor > a { background:#8a7e72; }
	#content > div.text{ background: none; padding-top:0; font-size:20px; }
	#content > h1.header{ text-align:left; background: none; padding: 20px 0 0 20px;}
	#footer{ text-align:center;}
	#footer #contact, #footer #prestige{ float:none;}
	#footer span.contact{ margin:0; }

}