html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{
	background-color:#fff;
	padding:0;
	margin: 0 auto;
	font-family:'Open Sans', Verdana, Arial, sans-serif;
	font-size:18px;
        line-height: 160%;
        word-spacing: 0.1em;
        letter-spacing: 0.01em;
        behavior:url(csshover3.htc);
}
#achterkant{
	position:relative;
	width:100%;
	margin: 0 auto;
        z-index: 1;
}
/*----------------BOVENKANT---------------*/
#bovenkant{
	width:100%;
        margin-top:0px;
        z-index:999;
}
#logo{
 	background-color:#1A1A1A;
        margin-top:0px;
        height:85px;
	background-image: url(userfiles/images/banners_en_logo/logo-gite-la-boissiere.png);
        background-position: 60% 10px;
        background-size: auto 100%;
        background-repeat: no-repeat;
        padding:0px;
        z-index:999;
}
h1.logo {
        margin-top:0px;
	font-weight:bold;
	font-size:18px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center; 
        text-shadow: 1px 1px 1px #333;
	float: center;
	color:#fff;    
 	background-color:#1A1A1A;
} 
#taal{
 	background-color:#1A1A1A;
        padding-left:40%;
        z-index:997;
}
/*----------------BOVENKANT---------------*/

/* Top-level menu items */

.menu-btn div {
	position: absolute;
	left: 100%;
	top: 64%;
	padding-right: 8px;
	margin-top: -0.50em;
	line-height: 1.2;
	font-size: 18px;
	font-weight: 200;
	vertical-align: middle;
	z-index: 99;
}

.menu-btn span {
	display: block;
	width: 29px;
	height: 4px;
	margin: 4px;
	background: rgb(0,0,0);
	z-index: 99;
}
.menu-btn span:before {
       position:absolute;
	display: inline;
       top:85px;
       left:4px;
       height:20px;
       width:40px;
       color:#FFFFFF; 
}     
.menu {
        left: 0;
        right:0;
        padding-right:30px;
        background-color:#9ACD32;
        color:#800080;
        z-index: 1000;
        box-sizing: border-box;
        padding: 20px;
        display: none;
}
.menu a {
	color:#FFFFFF;
	font-weight:normal;
        line-height: 160%;
	font-size:17px;
	text-transform:uppercase;
	text-decoration:none;
}
#menu a:link,
#menu a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
.menu a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.expand {
	display: block !important; 
}
/*----------------INHOUD---------------*/
#inhoud{
	position:relative;
	padding-left:0px;
	text-align:left;
	margin-bottom:10px;
	width:100%;
        background-color:#FFFFFF;
	background-position: top center ;
        margin-top:10px;
        margin-bottom:10px;
	margin-right:0px;
	border:1px solid #9ACD32;
        border-radius:13px;
}
#txt {
	padding-top: 0px;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	width: 197px;
	z-index: 997;
	position: relative;
        margin-left:20px;
	top: 0px;
	background-image: url(http://www.thines.zweb.be/userfiles/images/degra.png);
	height: 350px;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color: #666666;
	font-style: bold;
	font-family: "DejaVu Sans Condensed", Arial, sans-serif;
        overflow: hidden;
	border:1px solid #666666;
}
/*----------------inhoud LINKS---------------*/
#inhoudlinks{
	display: none;
}
#inhoud span.button{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#9ACD32;
	border-style:none;
	width: auto;
	padding: 0px 3px;
        text-align:center;
        cursor:pointer;
        border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
span.button a:hover {
	color:#0000CD;
	text-decoration: underline;
}
button{
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:red;
	border-style:none;
	width: auto;
	padding: 3px 6px;
        text-align:center;
        cursor:pointer;
        border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
        top:5px;
        margin-left:8px;
        z-index:0;
}
/*----------------TABLE---------------  */
table{
        width:100%;
        padding:5px;
	font-size:16px;
        color:#0000CD;
	border:1px solid #9ACD32;
        border-radius: 4px;
}
table td {
      -webkit-appearance: none; -moz-appearance: none;
       display: block;
       margin: 0;
       line-height: 30px; 

}
table td input[type=text] {
       -webkit-appearance: none; -moz-appearance: none;
        display: block;
        margin: 0;
        width: 95%; height: 30px;
        line-height: 40px; 
	font-size:16px;
        color:#0000CD;
	background-color:#FFFFFF;
	border:1px solid #9ACD32;
        border-radius: 4px;	
}
table td select {
       -webkit-appearance: none; -moz-appearance: none;
        display: block;
        margin: 0;
        width: 95%; height: 30px;
        line-height: 40px; 
	font-size:16px;
        color:#0000CD;
	background-color:#FFFFFF;
	border:1px solid #9ACD32;
        border-radius: 4px;	
}
table td input[type=checkbox] {
        width: 25px; height: 25px;
	font-size:16px;
        color:#0000CD;
	background-color:#FFFFFF;
	border:1px solid #9ACD32;
        border-radius: 2px;	
}
table textarea{
        width:95%;
        margin:5px 0;
        padding:3px;
	font-size:16px;
        color:#0000CD;
	background-color:#FFFFFF;
	border:1px solid #9ACD32;
        border-radius: 4px;
}
table td{
      	font-size:17px;
}
/*----------------FORM---------------*/
table input.button, input.knop{
	width: auto;
	padding: 4px 9px;
	border: 0;
        color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-transform:lowercase;
	background:#9ACD32;
        cursor:pointer;
        border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
table input.button:hover, #inhoudrechts span.button:hover{
        color:#0000CD;
	text-decoration: none;
}
/*----------------CLEAR---------------*/
.clear{
	clear:both;
	margin-top:10px;
}
/*----------------ONDERKANT---------------*/
#onder{
 	background-color:#1A1A1A;
	width:100%; 
	padding-bottom: 30px;
} 
#menus{
        padding-top:15px;
        padding-left:8px;
	z-index: 998;
	color:#fff;
	font-weight:normal;
	font-size:15px;
	text-transform:uppercase;
	text-decoration:none;
        height:130px;
	width:100%;
	margin:0 auto; 
} 
#menus a:link,
#menus a:visited{
	color:#fff;
	text-decoration:none;
}
#menus a:hover{
        background-color:#FFFFFF;
        color:#0000CD;
	text-decoration:none;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
}    
#onderkant{
	background-color:#9ACD32;
        color:#FFFFFF;
	width:100%;
	margin:0 auto;
        margin-bottom:0px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
        border-radius: 13px;
}

#onderkant a{
        color:#FFFFFF;
	text-decoration: none;
 	font-size:15px;
}
/*----------------PAGING---------------*/

#paging{
        color:#0000CD;
        padding-left:20px;
        padding-right:20px;
        padding-bottom:30px;
        padding-top:0px;
        vertical-align:top;
	z-index: 999;
}
#paging p{
	font-size:16px;
}
h1{
	font-size:23px;
        color:#0000CD;
        padding-left:20px;
}
h2{
	font-size:19px;
        color:#0000CD;
        padding-left:20px;
}
h3{
	font-size:17px;
        color:#0000CD;
        padding-left:20px;
}
#paging img.m{
        width:100%;
        height:auto;
        float:left;
        margin:0 0 0 0;"
}
#paging img.galerij{
        width:100%;
        height:auto;
        float:left;
        margin:0 0 5px 0;"
}
#paging li{
        color:#0000CD;
	font-size:16px;
}
#paging a:link, a:active , a:visited {
        color:#800080;
	text-decoration: none;
}


h1.titel_home,h1.titel,h1.titelintekst,h2.titel_home,h2.titel,h2.titelintekst{
	height:100%;
	background-color:#9ACD32;
        color:#0000CD;
	font-size:23px;
	text-align:center;
	padding:3px;  
        border-radius:3px;            
}
p.titel,p.titelintekst {
	height:100%;
	background-color:#9ACD32;
        color:#0000CD;
	font-size:23px;
	text-align:center;
	padding:3px;  
        border-radius:3px;            
}
#paging a:hover {
	color:#0000CD;
	text-decoration: underline;
}

#overvloeier {position:relative;height:px;}
#overvloeier IMG {position:absolute;top:0;left:0px;z-index:8;}
#overvloeier IMG.actief {z-index:997;}
#overvloeier IMG.laatst-actief {z-index:9;}

.pictogram{
float:right;width:60px;text-align:left;padding-right:10px;
}
.fotocontainer { position: relative; height: 420px; /* aanpassen aan de hoogte van de grootste afbeelding */ }
.fotobeeld {position:absolute;top: 0px; left: 80px; border: solid thin #999999}

/* css-kenmerken kleine afbeelding (indien gewenst) */
.thumb img { position: relative; left:0px;}
.thumb:hover { }
.thumb:hover img { }

/* css-kenmerken grote afbeelding */
.thumb span { position: absolute; visibility: hidden; }
.thumb span img { border: solid thin #999999 }
.thumb:hover span { 
visibility: visible;
top: 0px; left: 80px;
font-family: arial; font-size: 0pt; text-decoration: none; color: #000000; text-align: center;
z-index: 100; }