/* CSS & web design by Pixelman | V1.0 08/07/2014/ */

/* CSS tested on:

	MAC OSX  
	- Safari 6.0: OK
	- Firefox latest: OK

	PC WINXP VISTA
	- IE 6.0: NOT SUPPORTED
	- IE 7.0: NOT SUPPORTED
	- IE 8.0: OK
	- IE 9.0: OK
	- IE 10.0: OK
*/

/*********************** fonts by google ***********************/
/*
font-family: 'Noto Sans', sans-serif;
font-family: 'Droid Sans', sans-serif;
font-family: 'Lato', sans-serif;
*/
/*********************** colors info ***********************/
/*blue: #333366
light blue: #6FC3C9
light light blue: #B6E0E3
dark blue: #222243 */
/*********************** traceImage ***********************/

/*body#home #traceImage {
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/meulewaterhof_home.jpg) center -10px;
	display: block;
	height: 1537px;
	opacity: 0.5;
	z-index: -1;
	position: absolute;
	width: 100%;
}*/


body#page #traceImage {
	/*background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/meulewaterhof_project.jpg) center -10px;*/
	display: block;
	height: 1537px;
	opacity: 0.5;
	z-index: -1;
	position: absolute;
	width: 100%;
}
 
/********* basics *********/

body {
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	font-family: 'Noto Sans', sans-serif;
	color: #000;
}

/********* form stuff *********/

input {
	border: solid 1px #333366 !important;
	color: #333366 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;

}

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea { 
	background-color: white; 
	font-family: inherit; 
	border: 1px solid #333366; 
	-webkit-border-radius: 0 !important; 
	-moz-border-radius: none; 
	-ms-border-radius: 0 !important; 
	-o-border-radius: 0 !important; 
	border-radius: 0 !important; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; 
	color: #333366; 
	font-size: 14px; 
	margin: 0 0 12px 0; 
	padding: 6px; 
	height: 32px; 
	width: 100%; 
}

::-webkit-input-placeholder {
   color: #333366 !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333366 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333366 !important;
}

:-ms-input-placeholder {  
   color: #333366 !important;
}



input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

textarea {
	min-height: 100px!important;
}
/********* buttons *********/

.button {
	background-color: transparent;
	color: #333366;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Noto Sans', sans-serif;
	border: solid 1px #6FC3C9;
	border-radius: 8px;
	padding: 8px 25px 8px 8px;
	margin: 0 0 0 5px;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_small_right2.png) no-repeat center right;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none;
}

.button:hover {
	background-color: #6FC3C9;
	color: #FFF;
	border: solid 1px #6FC3C9;
}

.button.small {
	background-color: transparent;
	color: #333366;
	text-transform: lowercase;
	font-size: 12px;
	font-family: 'Noto Sans', sans-serif;
	border: none;
	border-radius: none;
	padding: 8px 8px 8px 18px;
	margin: 0;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_small_right2.png) no-repeat center left;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none;

}

.button.small:hover {
	background-color: transparent;
	color: #333366 !important;
	text-decoration: underline;
}

.button.back {
	background-color: transparent;
	color: #333366;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Noto Sans', sans-serif;
	border: none;
	border-radius: none;
	padding: 8px 25px 8px 8px;
	margin: 0;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_small_up.png) no-repeat center right;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none;
	position: absolute;
	right: 0;


}

.button.back:hover {
	background-color: transparent;
	color: #333366 !important;
	text-decoration: underline;
}

.button2 {
	background-color: transparent;
	color: #333366;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Noto Sans', sans-serif;
	border: solid 2px #6FC3C9;
	border-radius: 8px;
	padding: 8px 25px 8px 8px;
	margin: 0 0 0 0;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_small_right2.png) no-repeat center right;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none;
}

.button2:hover {
	background-color: #6FC3C9;
	color: #FFF;
	border: solid 1px #6FC3C9;
}


/********* main stuff *********/


img {
	width: 100%;
	height: auto;
}

.floatleft {
	float: left;
	margin: 0 0 0 0;
}

.floatright {
	float: right;
	margin: 0 0 0 0;
}

.space {
	height: 40px;
	display: block;
	clear: both;
	/*border: solid 1px red;*/
}

.white {
	background-color: #FFF !important;
}

.padding {
	padding: 15px;	
}

.nopadding {
	padding: 0;	
}

.nomargin {
	margin: 0 !important;	
}

.row {
	min-width: 940px;
}

h1 {
	border: solid 3px #6FC3C9;
	border-radius: 5px;
	padding: 5px 5px;
	background: transparent;
	width: auto;
	font-family: 'Noto Sans', sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #333366;
	text-align: center;
	display: inline-block;
}

h2 {
	font-family: 'Noto Sans', sans-serif;
	font-size: 28px;
	line-height: 34px;
	color: #333366;
	margin: 0 0 10px 0;
	font-weight: normal;
}

h2 a {
	color: #6FC3C9;
}


h3 {
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;
	color: #333366;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

h3 a {
	color: #333366;
	text-transform: uppercase;
}

h6 {
	border: solid 1px #333366;
	border-radius: 5px;
	padding: 5px 10px;
	background: transparent;
	width: auto;
	font-family: 'Noto Sans', sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #333366;
	text-align: center;
	display: inline-block;
}

p {
	color: #333366;
	font-size: 15px;
	line-height: 21px;
	font-family: 'Noto Sans', sans-serif;
}

blockquote {
	font-family: 'Noto Sans', sans-serif;
	font-size: 17px;
	color: #333366;
	font-weight: bold;
	text-align: center;
	border: none;
	margin: 0 0 50px 0;
}

#quoteBox h5 {
	font-family: 'Noto Sans', sans-serif;
	font-size: 18px;
	color: #333366;
	line-height: 28px;
	font-weight: normal;
	margin: 0;
	padding-left: 10px;
}

.introText {
	margin: 0 0 50px 0;
}
.introText p {
	color: #6FC3C9;
	font-family: 'Noto Sans', sans-serif;
	font-size: 19px;
	line-height: 28px;
	margin: 0;
	text-align: right;
}

.links {
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	color: #333366;
	line-height: 17px;
	font-weight: normal;
	margin: 0 0 40px 0;
	list-style: none;
	display: block;
}

.links li {
	margin: 0;
	padding: 0;
	display: block;
}

.links li a {
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	color: #333366;
	line-height: 17px;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	border-top: solid 1px #6FC3C9;
	display: block;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_small2_right.png) no-repeat center right;
}

.links li:last-child a {
	border-bottom: solid 1px #6FC3C9;
}

.links li a:hover {
	color: #FFF;
	border-top: solid 1px #6FC3C9;
	background: #6FC3C9 url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_small2_right_white.png) no-repeat center right;
}

.romein {
	font-family: 'Volkhov', serif;
	font-size: 30px;
}

/********* header *********/

#header {
	/*border: solid 1px red;*/
	height: 250px;
}

body#page #header {
	height: 340px;
}


#logo {
	width: 100%;
	height: 190px;
	display: block;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/logo_meulewater.png) no-repeat 25% top;
	background-size: contain;
	-moz-opacity: 1.0;
	opacity: 1.0;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

#logo:hover {
	-moz-opacity: 0.6;
	opacity: 0.6;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}

#logo img {
	width: 100%;
	height: 190px;
	display: block;
}

.showMe {
	border: solid 1px yellow;
}

/********* topNav *********/

#topNav {
	top: 20px;
	position: relative;
}

#topNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	color: #333366;
	font-family: 'Noto Sans', sans-serif;
	font-size: 10px;
}

#socialNav {
	position: relative;
	display: block;
	margin: 0;
}

#socialNav li {
	color: #333366;
	font-family: 'Noto Sans', sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

#icoFacebook {
	position: relative;
	top: 7px;
	padding: 10px;
	margin: 0 0 0 10px;
	display: inline-block;
	border: solid 2px #23467d;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/ico_facebook.png) no-repeat center center;
	border-radius: 6px;
}

#icoFacebook:hover {
	border: solid 2px #333366;
	background: #333366 url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/ico_facebook_white.png) no-repeat center center;
	border-radius: 6px;
}

#icoTwitter {
	position: relative;
	top: 7px;
	padding: 10px;
	margin: 0 0 0 2px;
	display: inline-block;
	border: solid 2px #23467d;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/ico_twitter.png) no-repeat center center;
	border-radius: 6px;
}

#icoTwitter:hover {
	border: solid 2px #333366;
	background: #333366 url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/ico_twitter_white.png) no-repeat center center;
	border-radius: 6px;
}

#toptopNav {
	position: relative;
	top: 10px;
	margin: 0 0 0 0;
	padding: 0;
}

#toptopNav li {
	margin: 0;
	padding: 0;
	line-height: 12px;
}

#toptopNav a {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
	color: #333366;
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px !important;
	line-height: 18px;
}

#toptopNav a:hover {
	border-bottom: solid 1px #333366;
}

/********* nav *********/

#nav {
	position: absolute;
	top: 85px;
	left: 528px;
	z-index: 1000;
}

#nav ul {
	list-style: none;
	font-family: 'Lato', sans-serif;
	color: #333366;
	margin: 0;
}

#nav ul li {
	margin: 0;
	padding: 0;
}

#nav li a {
	font-family: arial, 'Lato', sans-serif;
	color: #333366;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	font-size: 43px;
	line-height: 34px;
	text-transform: capitalize;
	display: inline-block;
	border-bottom: dotted 2px #333366;
}

#nav li a:hover {
	text-decoration: none;
	border-bottom: dotted 2px #333366 !important;
	color: #333366;
	padding: 0 0 3px 0;
	font-weight: normal;
}

#nav li.current a {
	text-decoration: none;
	border-bottom: solid 2px #333366;
	color: #333366;
	padding: 0 0 3px 0;
	font-weight: normal;
	-moz-opacity: 1.0;
	opacity: 1.0; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}

#nav li.inactive a {
	text-decoration: none;
	/*border-bottom: solid 2px #B6E0E3;*/
	border-bottom: none;
	color: #B6E0E3;
	padding: 0 0 3px 0;
	font-weight: normal;
	-moz-opacity: 0.8;
	opacity: 0.8; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	cursor: default !important;
}

#nav li.inactive a:hover {
	text-decoration: none;
	border-bottom: dotted 2px #FFF !important;
}

/********* content stuff *********/

#title {
	margin: 0 0 40px 0;
}

#content {
	margin: 20px 0 0 0;
}

.status,
.inoptie,
.beschikbaar {
	text-align: center;
	font-family: 'Noto Sans', sans-serif;
	font-size: 20px;
	color: #6FC3C9;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	z-index: 1500;
	padding: 10px 0 0 0;
}

.inoptie:before {
	content:"in optie";
}

.beschikbaar:before {content:"beschikbaar";}



/********* subNav *********/

#subNav {
	height: 550px;
	margin: 50px 0 20px 0;
	padding: 50px 0 0 0;
	border-top: dashed 1px #333366;
}

#subNav a {
	background-color: #000;
	display: block;
	float: left;
	font-family: 'Noto Sans', sans-serif;
	color: #FFF;
	font-size: 22px;
	line-height: 26px;
	position: absolute;	
	display: block;
	-moz-opacity: 1.0;
	opacity: 1.0;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

#subNav a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}

/*** subNav span titles position ***/

#subNav span {
	position: absolute;
}

#subNav #project span {
	bottom: 10px;
	right: 10px;
}

#subNav #historiek span {
	bottom: 10px;
	right: 10px;
}

#subNav #hof span {
	bottom: 90px;
	left: 10px;
}

#subNav #omgeving span {
	bottom: 10px;
	right: 10px;
}

#subNav #bereikbaarheid span {
	bottom: 10px;
	right: 10px;
	text-align: right;
}

#subNav #ligging span {
	bottom: 125px;
	left: 10px;
}

#subNav #nieuws span {
	bottom: 10px;
	right: 10px;
}

/*** subNav thumbs ***/


#subNav #project {
	top: 0;
	right: 640px;
	height: 150px;
	width: 220px;
	background-color: #333366;
	background-color: #6FC3C9;
}

#subNav #historiek {
	top: 0;
	right: 400px;
	height: 150px;
	width: 220px;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/subNav_historiek.jpg) center center no-repeat;
}

#subNav #hof {
	top: 0;
	right: 0;
	height: 260px;
	width: 380px;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/subNav_hof.jpg) center center no-repeat;
}

#subNav #omgeving {
	top: 170px;
	right: 640px;
	height: 200px;
	width: 296px;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/subNav_duurzaamheid.jpg) center center no-repeat;
}

#subNav #bereikbaarheid {
	top: 170px;
	right: 400px;
	height: 330px;
	width: 220px;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/subNav_bereikbaarheid.jpg) center center no-repeat;
}

#subNav #ligging {
	top: 280px;
	right: 160px;
	height: 220px;
	width: 220px;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/subNav_ligging.jpg) center center no-repeat;
}

#subNav #nieuws {
	top: 390px;
	right: 640px;
	height: 110px;
	width: 140px;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/subNav_nieuws.jpg) center center no-repeat;
}

/********* subsubNav *********/


#subsubNav a {
	float: left;
	display: block;
	padding: 10px 10px;
	background-color: transparent;
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333366;
	display: block;
}
#subsubNav a:hover {
	font-weight: bold;
}

#subsubNav a.current {
	float: left;
	display: block;
	padding: 10px 10px;
	background-color: #B6E0E3;
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333366;
}


/********* footer *********/

#footer {
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/bg_footer.jpg) repeat-x bottom left;
	border-top: dashed 1px #333366;
	margin: 50px 0 0 0;
	padding: 40px 0 100px 0;
}

#twitterFeeds {
	color: #333366;
	font-weight: normal;

}

#twitterFeeds p {
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	color: #333366;
	line-height: 17px;
	font-weight: normal;
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
}

#twitterFeeds a {
	color: #333366;
}

#footerNav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footerNav li {
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
}

#footerNav li a {
	color: #333366;
}

#footerNav li a:hover {
	text-decoration: underline;
}

#footerNav li:after {
    content: "/";
    margin: 0 5px;
    color: #333366;
}

.panel {
	border: solid 1px #6FC3C9;
	border-radius: 5px;
	padding: 5px 5px;
	background: transparent;
}

.panel p {
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	color: #333366;
	line-height: 17px;
	margin: 0;
}

#logo_oryx {
	position: relative;
	width: 91px;
	height: 65px;
	background: transparent url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/logo_oryx.png) no-repeat 0 0;
}



/***** orbit banner ******/

#banner {
	width: 100%;
	/*background-color: #B6E0E3;*/
	background-color: #222243;
}

#featuredContent {
	border: none;
}

#featured { 
	background: url(../library/foundation/orbit/loading.gif) center center #222243 no-repeat; 
	height: 340px;
	padding: 0 8px 0 0;
	background: none;
	border: none;
}

body#page #featured { 
	background: url(../library/foundation/orbit/loading.gif) center center #222243 no-repeat; 
	height: 440px;
	padding: 0 0;
	background-size: contain !important;
}


#featured img { 
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
}

body#page #featured img { 
	background-size: auto;
}

#featured h4 { 
	display: block;
	bottom: 0;
	position: absolute;
	color: #FFF;
	/*color: #6FC3C9;*/
	float: left;
	font-family: 'Noto Sans', sans-serif;
	font-size: 22px;
	font-weight: normal;
	left: 10px;
	text-shadow: 1px 1px 2px #333366;
	filter: dropshadow(color=#333366, offx=1, offy=1);
}

#featured .right {
	border: solid 2px #FFF;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_big_right.png) no-repeat center center;
	background-size: auto;
	right: 10px;
	border-radius: 5px;
	width: 45px;
}

#featured .left {
	border: solid 2px #FFF;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_big_left.png) no-repeat center center;
	background-size: auto;
	left: 10px;
	border-radius: 5px;
	width: 45px;
}

.orbit-slide {
	border: none !important;
	/*background-color: #B6E0E3;*/
	background-color: #222243;
}

/**/

/***** superslides home banner ******/



body#home #slides {
	/*height: 473px !important;*/
	height: 335px !important;
	overflow: hidden;
}

body#home #slides h4 { 
	display: block;
	bottom: 35px;
	position: absolute;
	color: #FFF;
	/*color: #6FC3C9;*/
	text-shadow: 1px 1px 2px #333366;
	filter: dropshadow(color=#333366, offx=1, offy=1);
	float: left;
	font-family: 'Noto Sans', sans-serif;
	font-size: 22px;
	font-weight: normal;
	left: 10px;
	z-index: 1200;
}

body#home #slides img { 
	background-color: #222243;
	background-size: cover !important;
	height: 305px !important;
	top: 0 !important;
}

body#home #slides-bg {
	width: 100%;
	/*background-color: #B6E0E3;*/
	/*background-origin: 0 33px;*/
	/*background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/slides_bg.gif) 0 33px repeat-x;*/
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/slides_bg2.gif) 0 33px repeat-x;

}


body#home .slides-container {
	top: 33px;
}

body#home .wide-container {
  max-width: 1000px;
/*height: 473px !important;*/
	height: 500px !important;
  margin: 0 auto;
}


body#home #slides .next {
	border: solid 2px #FFF;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_big_right.png) no-repeat center center;
	background-size: auto;
	right: 10px;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

body#home #slides .next:hover {
	-moz-opacity: 0.6;
	opacity: 0.6;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}

body#home #slides .prev {
	border: solid 2px #FFF;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_big_left.png) no-repeat center center;
	background-size: auto;
	left: 10px;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

body#home #slides .prev:hover {
	-moz-opacity: 0.6;
	opacity: 0.6;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}

body#home .slides-pagination {
  position: absolute;
  width: 100%;
  display: block;
  top: -2px;
  left:0px;
  height: 35px;
  z-index: 1500;
  background-color: #FFF;
  border: none;
  margin: 0;
  padding: 0;
}
body#home .slides-pagination a {
	float: left;
	display: block;
	padding: 10px 10px;
	background-color: transparent;
	background-image: none;
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333366;
	display: inline-block;
	border: none;
	border-radius:0;
	width: auto;
	height: auto;
	text-indent: 0;
	margin: none;
}
body#home .slides-pagination a.current {
	float: left;
	display: block;
	padding: 10px 10px;
	background-color: #B6E0E3;
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333366;
}

body#home #slides a.zoom {
	display: block;
	width: 100%;
	height: 100%;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/zoom2.png) no-repeat center center;
}

body#home #slides a.zoom:hover {
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/zoom2.png) no-repeat center center;
	z-index: 1000;
}


/***** superslides banner ******/



#slides {
	/*height: 473px !important;*/
	height: 561px !important;
	overflow: hidden;
}

#slides h4 { 
	display: block;
	bottom: 35px;
	position: absolute;
	color: #FFF;
	/*color: #6FC3C9;*/
	text-shadow: 1px 1px 2px #333366;
	filter: dropshadow(color=#333366, offx=1, offy=1);
	float: left;
	font-family: 'Noto Sans', sans-serif;
	font-size: 22px;
	font-weight: normal;
	left: 10px;
	z-index: 1200;
}

#slides-bg {
	width: 100%;
	/*background-color: #B6E0E3;*/
	/*background-origin: 0 33px;*/
	/*background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/slides_bg.gif) 0 33px repeat-x;*/
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/slides_bg2.gif) 0 33px repeat-x;
}


.slides-container {
	top: 33px;
}

.wide-container {
  max-width: 1000px;
/*height: 473px !important;*/
	height: 561px !important;
  margin: 0 auto;
}

.slides-navigation {
	z-index: 2000 !important;
}

#slides .next {
	border: solid 2px #FFF;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_big_right.png) no-repeat center center;
	background-size: auto;
	right: 10px;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

#slides .next:hover {
	-moz-opacity: 0.6;
	opacity: 0.6;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}

#slides .prev {
	border: solid 2px #FFF;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_big_left.png) no-repeat center center;
	background-size: auto;
	left: 10px;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

#slides .prev:hover {
	-moz-opacity: 0.6;
	opacity: 0.6;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}

.slides-pagination {
  position: absolute;
  width: 100%;
  display: block;
  top: -2px;
  left:0px;
  height: 35px;
  z-index: 1500;
  background-color: #FFF;
  border: none;
  margin: 0;
  padding: 0;
}
.slides-pagination a {
	float: left;
	display: block;
	padding: 10px 10px;
	background-color: transparent;
	background-image: none;
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333366;
	display: inline-block;
	border: none;
	border-radius:0;
	width: auto;
	height: auto;
	text-indent: 0;
	margin: none;
}
.slides-pagination a.current {
	float: left;
	display: block;
	padding: 10px 10px;
	background-color: #B6E0E3;
	font-family: 'Noto Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333366;
}

#slides a.zoom {
	display: block;
	width: 100%;
	height: 100%;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/zoom2.png) no-repeat center center;
}

#slides a.zoom:hover {
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/zoom2.png) no-repeat center center;
	z-index: 1000;
}




/***** superslides fullscreen ******/

#fullscreen-container {
	position: fixed;
	max-height: 100%;
	display: block;
	top: 0;
	left: 0;

}

#fullscreen-container img {
	text-align: center;
	max-width: 100% !important;
    height: auto !important;
    width: auto\9; /* ie8 */ !important;
}

/**** accordion stuff ****/


ul.accordion {
	margin: 0 0 0 0;
	border-bottom: none;
}

ul.accordion > li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: none;
}

ul.accordion > li > div.title {
	cursor: pointer;
	background: none;
	padding: 0;
	margin: 20px 0 20px 0;
	width: auto;
	position: relative;
	border: none;
	-webkit-transition: 0.15s background linear;
	-moz-transition: 0.15s background linear;
	-o-transition: 0.15s background linear;
	transition: 0.15s background linear;
}

ul.accordion h5 {
	border: solid 3px #6FC3C9;
	border-radius: 5px;
	padding: 5px 5px;
	background: transparent;
	width: auto;
	font-family: 'Noto Sans', sans-serif;
	font-size: 21px;
	font-weight: normal;
	color: #333366;
	text-align: center;
	display: inline-block;
}

ul.accordion li .title h5 {
		padding: 10px 35px 10px 10px;
		background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/triangle_right.png) no-repeat center right;
}

ul.accordion li.active .title h5 {
		padding: 10px 35px 10px 10px;
		background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/triangle_down.png) no-repeat center right;
}

ul.accordion > li > div.title h1, ul.accordion > li > div.title h2, ul.accordion > li > div.title h3, ul.accordion > li > div.title h4, ul.accordion > li > div.title h5 {
	margin: 0;
}

ul.accordion > li > div.title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: none;
	border-color: transparent #9d9d9d transparent transparent;
	position: absolute;
	right: 0;
	top: 0;
}

ul.accordion > li .content {
	display: none;
	padding: 0 10px;
}

ul.accordion > li.active {
	border-top: none;
}

ul.accordion > li.active .title {
	background: white;
	padding-top: 0;
}

ul.accordion > li.active .title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: none;
}

ul.accordion > li.active .content {
	background: white;
	display: block;
	border: none;
}

ul.accordion .content {
	margin-top: 50px;
}

ul.accordion .units > li {
}

.available {
	position: absolute;
	color: #333366;
	font-size: 21px;
	top: 10px;
	left: 20px;
}

/**** units stuff ****/

.units li {
	margin: 0 0 0 0;
	position: relative;
}

.units li a {
	-moz-opacity: 1.0;
	opacity: 1.0;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	display: block;
	margin: 0 0 50px 0;
	transition: all 0.20s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */
}

.units li a:hover {
	-moz-opacity: 0.7;
	opacity: 0.7;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}

.units li.sold a {
	-moz-opacity: 0.3;
	opacity: 0.3;/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
	/*cursor: default;*/
}

.units li.sold span {
	text-align: center;
	font-family: 'Noto Sans', sans-serif;
	font-size: 20px;
	color: #333366;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	top: 25%;
	left: 33%;
	z-index: 1000;
	position: absolute;
	transform: rotate(-30deg);
	-ms-transform: rotate(-30deg); /* IE 9 */
	-webkit-transform: rotate(-30deg); /* Safari and Chrome */
}

.units li.sold span:before {
	content:"in optie";
}

.units li.sold span:before {
	content:"in optie";
}

.units li a img {
	border: solid 1px #B6E0E3;
}

.units h4 {
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #333366;
	margin: 0 0 10px 0;
	font-weight: normal;
	text-transform: uppercase;
}

.units p {
}

/********* hooverImage *********/

.hooverImage {
	display: block;
	height: inherit;
}

.hooverImage a {
	color: #6FC3C9 !important;
}

.hooverImage a span {
	color: #6FC3C9 !important;
	text-shadow:0 0 5px #000;
	font-weight: bold;
	position: absolute;
	right: 10px;
	display: none;
}

.hooverImage a:hover span {
	display: block;
}


.hooverRight a {
	position: absolute;
	display: block;
	width: 117px;
	height: 54px;
	background: transparent url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/hover_right.png);
}

.hooverLeft a {
	position: absolute;
	display: block;
	width: 117px;
	height: 54px;
	background: transparent url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/hover_left.png);
}

.hooverImage .hooverLeft a span {
	left: 15px;
	display: none;
}

.hooverImage .hooverLeft a:hover span {
	display: block;
}


.hooverTop a {
	position: absolute;
	display: block;
	width: 55px;
	height: 118px;
	background: transparent url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/hover_top.png) 0 10px;
}

.hooverImage .hooverTop a span {
	left: 5px;
	bottom: 0;
	display: none;
}

.hooverImage .hooverTop a:hover span {
	display: block;
}

.hooverBottom a {
	position: absolute;
	display: block;
	width: 55px;
	height: 118px;
	background: transparent url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/hover_bottom.png) 0 10px;
}

.hooverImage .hooverBottom a span {
	left: 5px;
	display: none;
}

.hooverImage .hooverBottom a:hover span {
	display: block;
}

/********* hooverZones *********/

.hooverZones {
	position: absolute;
	height: inherit;
}

.hooverZone {
	position: absolute;
	display: block;
	opacity: 0;
}

.hooverZone:hover {
	opacity: 1.0;
	cursor: pointer;
}

.has-tip {
	border-bottom: none !important;
}


/********* corner message *********/

#cornerMessage {
	position: absolute;
	width: 292px;
	height: 292px;
	display: block;
	top: 0;
	left: 0;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/bg_cornermessage.png) no-repeat -10px -10px;
}

#cornerMessageBox {
	color: #FFF;
	text-decoration: none;
	left: 20px;
	top: 20px;

	display: block;
	position: relative;

}

#cornerMessage p {
	color: #fff !important;
	font-size: 19px;
	line-height: 23px;
	font-family: 'Noto Sans', sans-serif;

}

#cornerMessage .button {
	background: #FFF url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_small_right2.png) no-repeat center right;
	color: #222243;
	display: inline-block;
	margin: 0;
}

/********* corner message 2 corner banner *********/

#cornerMessage2 {
	position: absolute;
	width: 292px;
	height: 292px;
	display: block;
	top: 30px;
	right: 0;
	background: url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/bg_cornermessage2.png) no-repeat right top;
	z-index: 1000;
	opacity : 0.9;
	filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Alpha(opacity=90) ;
}

#cornerMessageBox2 {
	color: #FFF;
	text-decoration: none;
	right: 15px;
	top: 15px;

	display: block;
	position: relative;

}

#cornerMessage2 p {
	color: #fff !important;
	font-size: 21px;
	line-height: 25px;
	font-family: 'Noto Sans', sans-serif;
	text-align: right;
}

#cornerMessage2 .button {
	background: #FFF url(http://www.meulewater.be/admin/expressionengine/templates/default_site/images/arrow_small_right2.png) no-repeat center right;
	color: #222243;
	display: inline-block;
	margin: 0;
}

/*********** nieuwsFlash ************/

#nieuwsFlash {
	margin: 50px 0 20px 0;
	padding: 50px 0 0 0;
	border-top: dashed 1px #333366;
}