body{
        background-image: url('http://www.thines.zweb.be/userfiles/images/achtergrond_website/DSCI0066.JPG');
        background-repeat: repeat;
        background-position: top right;
        background-attachment: fixed;
	font-family:"DejaVu Sans Condensed", Verdana, Arial, sans-serif;
        line-height: 130%;
        word-spacing: 0.1em;
        letter-spacing: 0.01em;
	margin: 0;
	padding:0;
	margin: 0 auto;
	text-align:center;
}
#achterkant{
	position:relative;
	width:1024px;
	margin: 0 auto;
        z-index: 1;
}
/*----------------BOVENKANT---------------*/
#bovenkant{
	width:100%;
        margin-top:10px;
        height:171px;
}

/* Top-level menu items  Verticaal*/

.css_menu {
	display: inline;
	height: 15px;
	cursor: pointer;
	white-space: nowrap;
	padding: 0px;
        margin-left:0px;
}

.css_menu li {
	display: inline;
	position: relative;
	float: left;
}

.css_menu li a {
	display: inline;
	height: 15px;
	line-height: 20px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
        border-right: 1px solid;
}

/* Drop-down menu boxes*/

.css_menu li ul {
	display: none;
	position: absolute;
	left: 0px;
	top: 20px;
	padding:0px;
        margin:0px;
        background-color:#9ACD32;
        width:113px;
 	text-align: left;
	float: none;
}

.css_menu li:hover ul,
.css_menu li.hover ul {
	display: block;
        color:#0000CD;
	text-decoration:none;
	padding-left:1px;
        padding-bottom:5px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
}

.css_menu li ul li a {
	border: 0px;
}
.css_menu li ul li a:hover {
	padding-left:0px;
        padding-right:10px
}

#menu{
	position:absolute;
	top:171px;
	width:100%;
        left:0px;
        background-color:#9ACD32;
        color:#800080;
	float:left;
	text-align:left;
        padding-top:0px;
        padding-bottom:0px;
	z-index: 998;
	font-weight:normal;
	font-size:15px;
	text-transform:uppercase;
	text-decoration:none;
	border:1px solid #9ACD32;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 13px;
        border-bottom-right-radius: 13px;
}
#menu a:link,
#menu a:visited{
	color:#800080;
	text-decoration:none;
}
#menu a:hover{
        background-color:#FFFFFF;
        color:#0000CD;
	text-decoration:none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
}
.hier{
	background-color:#FFFFFF;
        color:#0000CD;
	text-decoration:none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
}
#taal{
	position:absolute;
        top:171px;
        height:30px;
        width:100px;
        right:0px;
        padding-right:10px;
        padding-top:1px;
        float:right;
	text-align:right;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
        z-index:999;
}
#logo{
	position:absolute;
	top:10px;
	left:177px;
        height:160px;
        width:670px;
	background-image: url(http://www.thines.zweb.be/userfiles/images/banners_en_logo/logo-gite-la-boissiere.png); no-repeat top left;
        z-index:999;
}
#banner{
	position:absolute;
	top:10px;
	left:0px;
        height:171px;
        width:1024px;
	background-image: url(http://www.thines.zweb.be/userfiles/images/banners_en_logo/zomer6.png); no-repeat top right;
        z-index:900;
	border:1px solid #9ACD32;
        border-top-left-radius: 13px;
        border-top-right-radius: 13px;
}
/*----------------inhoud HOME ---------------*/
#txt {
	padding-top: 0px;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	width: 197px;
	z-index: 997;
	position: absolute;
	right: 50px ;
	top: 205px;
	background-image: url(http://www.thines.zweb.be/userfiles/images/degra.png);
	height: 271px;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #666666;
	font-style: bold;
        overflow: hidden;
}
/*----------------inhoud ---------------*/

#inhoud{
        background-color:#FFFFFF;
        margin-top:30px;
        margin-bottom:10px;
	padding-left:0px;
	text-align:left;
	border:1px solid #9ACD32;
        border-radius:13px;
}
#inhoud span.button{
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#9ACD32;
	border-style:none;
	width: auto;
	padding: 3px 6px;
        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:21px;
        margin-left:10px;
}
/*----------------TABLE---------------  */
table{
        width:100%;
        padding:20px;
	font-size:17px;
        color:#0000CD;
	border:1px solid #9ACD32;
        border-radius: 4px;
}
table input{
	font-size:17px;
        color:#0000CD;
	background-color:#FFFFFF;
	border:1px solid #9ACD32;
        border-radius: 4px;	
}
table textarea{
	font-size:17px;
        color:#0000CD;
	background-color:#FFFFFF;
	border:1px solid #9ACD32;
        border-radius: 4px;
}
table.agenda{
        background-color:#FFFFFF;
        border:1px solid #9ACD32;
        border-collapse: collapse;
        border-spacing: 0px;
        padding:0px;
        width:100%;
}
th.agenda{
        color:#FFFFFF;
        background-color:#9ACD32;
        border:1px solid #9ACD32;
}
td.agenda{
        border:1px solid #9ACD32;
}
td.agenda_link{
        background-color:#9ACD32;
        border:1px solid #9ACD32; 

}
td.agenda_link a:visited{
        color:#0000CD;
}
/*----------------FORM---------------*/
table input.button{
	width: auto;
	padding: 9px 15px;
	border: 0;
        color:#FFFFFF;
	font-size:13px;
	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, #inhoud span.button:hover{
        color:#0000CD;
	text-decoration: none;
}
/*----------------CLEAR---------------*/
.clear{
	clear:both;
	margin-top:10px;
}
/*----------------ONDERKANT---------------*/
#onder{
 	background-color:#1A1A1A;
	width:100%; 
	text-align:center;
	padding-bottom: 30px;
} 
#menus{
        padding-top:5px;
	z-index: 998;
	font-weight:normal;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
        height:90px;
	width:1024px;
	margin:0 auto;
	text-align:center; 
	float: center;
	color:#fff;   
} 
.css_menus li {
	display: inline;
	position: relative;
	float: left;
	top: 8px;
        padding-right:10px;
}
/* Drop-down menu boxes*/

.css_menus li ul {
	display: block;
	position: absolute;
	top: 20px;
	padding:0px;
        margin:0px;
        width:125px;
 	text-align: left;
	float: none;
}

.css_menus li ul li a {
	border: 0px;
}
.css_menus li ul li a:hover {
	padding-left:0px;
        padding-right:8px
}
#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:1024px;
	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:12px;
}
/*----------------PAGING---------------*/
#paging{
        color:#0000CD;
        padding-left:20px;
        padding-right:20px;
        padding-bottom:30px;
        padding-top:0px;
        vertical-align:top;
}
#paging p{
	font-size:14px;
}
.center{
       text-align:center;
}
#paging h1{
        color:#0000CD;
	font-size:20px;
        padding-right:20px;
}
#paging h2{
        color:#0000CD; 
	font-size:16px;
	font-weight:bold;
        font-style:italic;
}
#paging h3{
        color:#0000CD;
	font-size:14px;
        padding-right:20px;
}
#paging li{
        color:#0000CD;
	font-size:14px;
}
#paging.aside{
        padding-left:10px;
        padding-right:10px;        
        background-color:#FFFFFF;  
}
#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;
	font-size:14px;
	text-align:center;
	padding:3px;  
        border-radius:3px;            
}
p.titel,p.titelintekst {
	height:100%;
	background-color:#9ACD32;
	font-size:13px;
	text-align:center;
	padding:3px;  
        border-radius:3px;            
}
#paging a:hover {
	color:#0000CD;
	text-decoration: underline;
}
h1.logo {
        padding-top:2px;
	z-index: 998;
	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;  
} 
#overvloeier {position:relative;height:426px;}
#overvloeier IMG {position:absolute;top:0;left:0px;z-index:8;border-radius:13px;}
#overvloeier IMG.actief {z-index:10;}
#overvloeier IMG.laatst-actief {z-index:9;}

.pictogram{
float:right;width:60px;text-align:left;padding-right:10px;
}
.fotocontainer { position: relative; height: 480px; /* 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; }