/* @override 
	http://localhost:8888/css/layout.css
	http://test.ikoon.biz/achouffevakantiewoningen/css/layout.css
	http://test.ikoon.biz/achouffevakantiewoningen/www.achouffevakantiewoningen.be/css/layout.css
	http://www.achouffevakantiewoningen.be/css/layout.css
	http://achouffevakantiewoningen.be/css/layout.css
*/

*{

}

html{
	border-top: 14px solid #534741;
}

html,
body {
   margin:0;
   padding:0;
   height:100%;
   font-family: "p22-underground",sans-serif;/* font */
	font-style: normal;
	font-weight: 100;
	
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-position: center;
}


body a img,
body a{
	border:none;
	outline:none;
	text-decoration:none;
}

#container {
   min-height:100%;
   position:relative;
   width:100%;
   margin-left:auto;
   margin-right:auto;

   overflow: hidden;
}
#header {   
   position: relative;
   height:234px;
   top: 0px !important;
   z-index: 10;
   text-align: center;
   width: 1024px;
   margin-left: auto;
   margin-right: auto;
}

#content {
   height: 100%;
   position: relative;
   padding-bottom: 10px;   /* Height of the footer */
   *padding-bottom: 30px;
   z-index: 100;
}

#footer {
	position: relative;
	bottom: 0px;
	background-color: #534741;
   	height: 680px;   /* Height of the footer */
   	width:100%;
}

ul{
list-style:none;
margin:0px;
padding:0px;
}

/* Alles voor de header */
#header img{
	width: 800px;
	height: 234px;
	left: 50%;
	margin-left: -402px;
	position: absolute;
	top: 0px;
	z-index: 1;
	*height: 100%;
}

#header img.titel{
	width: 454px !important;
	height: 20px !important;
	min-height: 20px;
	position: absolute !important;
	z-index: 100000 !important;
	top: 10px;
	padding-left: 10px;
}

#header h1{
	position: absolute;
	right: 130px;
	z-index: 1000;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
}

#menu{
	position: relative;
	height: 89px;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
	top: 180px;
}

/* Alles voor de content */
#content{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 40px;
}

#content #tekst{
	overflow: hidden;
	text-align: justify;
	background-color: #736357;
	padding: 10px;
	margin-top: 20px;
	min-height: 400px;
}

#content h1{
	font-size: 20px;
	color: #F7931E;
	margin-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-family: "p22-underground",sans-serif;/* font */
	font-style: normal;
	font-weight: 600;
	border-bottom: 2px dashed #FFF;
	
	/*text-shadow: 2px 2px 1px #fff;*/
}

#content a:hover,
#content a.current,
#content p,
#content #blok p span{
	color: #FFF !important;
}

#content a,
p{
	color: #F7931E;
}

/* Alles voor lijsten */
#menu ul{
	color: #534741;
	width: 895px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 30px;
	font-family: "p22-underground",sans-serif;/* font */
	font-style: normal;
	font-weight: 600;
}

#menu ul li{
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 20px;
	text-transform: uppercase;
}

#menu ul li a{
	color: #534741;
	text-shadow: 2px 2px 1px #fff;
}

#menu ul li a:hover,
#menu ul li a.current{
	color: #ffffff;
	text-shadow: 2px 2px 1px #534741;
}

#menu_woningen{
	overflow: hidden;
	float: left;
}

#tekst #blok #menu_woningen ul{
	width: 235px;
	margin-bottom: 20px;
	font-family: "p22-underground",sans-serif;/* font */
	font-style: normal;
	font-weight: 600;
	float: left;
	overflow: hidden !important;
	text-align: left;
	
}

#tekst #blok #menu_woningen ul li{
	display: inline-block;
	font-size: 14px;
	margin-right: 30px;
}

#tekst #blok #menu_woningen ul li a,
#tekst #blok #menu_woningen ul li a:hover span,
#tekst #blok #menu_woningen ul li a.current span{
		color: #534741;
}

#tekst #blok #menu_woningen ul li a.current,
#tekst #blok #menu_woningen ul li a span,
#tekst #blok #menu_woningen ul li a:hover{
		color: #fff;
}

/* My Comment */
/* Alles voor tekst */
.home #tekst #blok{
	float: left;
	clear: both;
}
#tekst #blok p{
	margin-top: 0px;
}

.woningen #blok p{
	width: 540px;
	margin-top: 5px !important;
	float: right;
}
.woningen #blok h1{
	width: 540px;
	float: right;
	margin-top: 0px;
}

#tekst #blok h1{
	border: none;
	color: #FFF;
	font-size: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-shadow: none;
}

.omgeving #tekst #blok h1{
	color: #F7931E;
	text-shadow: none;
}

/*alles voor afbeeldingen*/
.home #tekst #foto{
	float: left;
}

.home #tekst #foto img{
	margin-bottom: 10px;
	margin-right: 10px;
	width: 186px;
	float: left;
}

.home #tekst #foto.last img{
	margin-bottom: 10px;
	margin-right: 0px;
	width: 190px;
	float: left;
}

/* My Comment */

/* Slider */
#slideshow {
    position:relative;
    width: 100%;
    height: 234px;
    max-height: 134px;
}


#slideshow IMG {
    position:absolute;
    top:0px;
    left:0px%;
	width:100%;
	height:auto;
    z-index:99996;
	display:none;
}

#slideshow IMG.active {
    z-index:99998;
	display:inline;
}

#slideshow IMG.last-active {
    z-index:99997;
	display:inline;
}

/* footer */

/* Extra */

#maps{
	float: right;
}

#gallerij{
	width: 550px;
	text-align: right;
	right: 10px;
	bottom: 15px;
	float: right;
}

.omgeving #gallerij{
	width: 100%;
	text-align: left;
	right: 10px;
	margin-bottom: 20px;
	float: right;
}

#gallerij img{
	width: 100px;
	height: 65px;
	margin-left: 6px;
	margin-bottom: 6px;
}
/* Logo IKOON */

#logo_ikoon{
	bottom: 10px;
	right: 10px;
	position: absolute;
	z-index: 100000;
}
/*slideup footer*/
#footerSlideContainer {
	position: absolute;
	bottom:0;
	width: 100%;
}
#footerSlideButton {
	background: url(../images/sliderButton.png) top left no-repeat transparent;
	background-position: center !important;
	position: absolute;
	top: -20px;
	left: 0px;
	width:100%;
	height:20px;
	border: none;
	cursor: n-resize;
	z-index: 100;
	background-color: #534741;
}
#footer {
	background: #736357;
	color: #fff;
	font-size: 0.8em;
	border: none;
	font-family: DejaVuSansBook, Sans-Serif;
	z-index: 100;
}
#footerSlideContainer{

}
#footerSlideText {
	padding: 15px 10px 25px 25px;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}

/*wanneer slide moet alles van footer hieroner naar footerSlideText veranderen*/

#footer h1{
	color: #534741;
	font-size: 17px;
	margin-bottom: 0px;
}

#footer p{
	margin-top: 5px;
}

#footer-wrapper{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 20px;
}

#footer #tekstblok1{
	background-color: #534741;
	padding: 5px;
	width: 640px;
	float: left;
	margin-bottom: 20px;
	min-height: 600px;
	*min-height: 620px; 
	overflow: hidden;
}

#footer #tekstblok1 #reserveer p{
	margin: 0px;
}

#footer #tekstblok1 #linkerkolom{
	width: 290px;
	float: left;
	overflow: hidden;
}

#footer #tekstblok1 #rechterkolom{
	width: 290px;
	float: left;
	overflow: hidden;
}

#footer #tekstblok1 #bottom{
	position: relative;
	clear: both;
	padding-top: 20px;
}

#footer #tekstblok2{
	background-color: #534741;
	padding: 5px;
	width: 300px;
	min-height: 600px;
	*min-height: 620px; 
	float: right;
}

#footer #tekstblok1 h1,
#footer #tekstblok2 h1{
	color: #948173;
	font-size: 16px;
	margin-top: 0px;
}

#footer p{
	color: #FFF;
}

#footer p.ster{
	font-size: 12px;
	margin-top: 10px;
}

#footer p span,
#footer span{
	color: #F7931E;
}
#footer p a{
	color: #F7931E;
	border-bottom: 1px dotted;
}

#footer p a:hover{
	color: #fff;
}
#footer table{
	margin-top: 10px;
}

#footer table tr td{
	width: 70px;
}

#footer table tr td.rek{
	width: 170px;
}

#footer a.phone[href^=tel]:link { color:#FFF; }

#footer table p{
	margin: 0px;
}

#footer table h1{
	margin: 0px;
	font-size: 15px;
	color: #fff !important;
}

#footer table h1 span{
	font-size: 13px;
	color: #F7931E;
}

/* link */

a#link2{
	position: relative;
	color: #fff;
	background-color: #F7931E;
	padding: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	width: 100px;
	height: 50px;
	text-align: center;
	display: none;
}

/*btn senioren*/

#senioren{
	background-image: url(../images/btn_senioren.png);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 25px;

	width: 500px !important;
	height: 70px !important;
	margin-top: -50px;
	margin-left: -80px;
	z-index: 10000;
	position: relative;

}

#senioren h1{
	border: none;
}

#senioren a{
	position: relative;
	background-image: url(../images/btn_senioren.png);
	background-position: center;
	background-repeat: no-repeat;
	color: #F7931E !important;
	text-shadow: 2px 2px 1px #534741;
}

#senioren a:hover{
	position: relative;
	background-image: url(../images/btn_senioren.png);
	background-position: center;
	background-repeat: no-repeat;
	color: #fff !important;
	text-shadow: 2px 2px 1px #534741;
}

/* nieuwe aanpassingen */

.bereiken #tekst #blok{
	width: 390px;
	float: left;
}


@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
.fancybox-inner,
.fancybox-outer,
.fancybox-skin,
.fancybox-wrap
{
	position: relative;
	z-index: 10000000000000 !important;
}

a.fancybox-item.fancybox-close{
	z-index: 100000000000000 !important;
}

a.fancybox-nav{
	z-index: 1000000000000000 !important;
}

/* My Comment */

/*  */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}