@charset "utf-8";
/* CSS Document */
body {
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
	background-color:#f9fafd;
	margin:0;padding:0
}
#my-glider {
	width: 1065px;
	height:821px;
	background-image:url(../images/mainbackground.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	z-index:1;
	padding-top:50px
	
}
#bgbears
{
	position:absolute;
	top:126px;
	margin-left:-150px;
	z-index:0;
}
#headerleft {
	position:absolute;
	left:-168px;
	top:20px;
	width:114px;
	height:92px;
	z-index:0;
	visibility: visible;
}
#links {
    position:absolute;
    left:713px;
    top:0px;
    width:90px;
    height:67px;
    z-index:2;
    
}
#links a {
color:#fff;
text-decoration: none;
font-size: 10px;}

#links a:hover{color:#ccc}
#main {position:relative;

	top:0px;
	width:704px;
	left:45px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;}

#container {
	position:relative;
	top:50px;
	left:-20px;
	width:702px;
	height:510px;
	margin-left:auto;
	margin-right:auto;
    z-index:2;
    	}
#container img{
margin-top:40px;
}
    
#title{
   position:relative;
    top:-465px;
    left:-20px;
    width:702px;
    height:30px;
    margin-left:auto;
    margin-right:auto;
    z-index:2;
}
	

#previousnextPicture {
	position:absolute;
	left:-120px;
	top:430px;
	width:880px;
	height:54px;
	z-index:20;
	font-size:14px;
	overflow:auto;
	}
    
#previousnextPicture a:hover
{
color:#666666;
}

.previousPicture, .nextPicture {
position:absolute;
display:block;
width:400px;
padding-left:20px;
padding-top:10px;
height:20px;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;



}
.previousPicture {
text-align:left;
left:0px;
}

.nextPicture {
left:450px;
text-align:right;
}

#navigation, #intro {
position:absolute;
left:-15px;
	top:558px;
	width:690px;
    text-align: center; 
	overflow:hidden;
	z-index:13;}
	
#intro {
color:#fff;
font-size: 12px;
 }
#menu {
position:absolute;
left:-170px;
top:150px;

}
table, tr, td{
text-align: center;
}
table img {
/*margin-left:10px;*/
border:#000000 2px solid;

}
.tdwidth{
width: 94px; 
}

.imglink {
border:#000000 2px solid;
}
.imghover {
border:#FFFF00 2px solid;}

.imgclick {border:#666666 2px solid;}

.button, .buttonslide {
display: block;
height:20px;
width:140px;
padding:10px 5px 10px 5px;
background-color:#000000;
font-size:14px;
color:#FFFFFF;
border:none;
margin:0px;
text-align:left;
text-decoration: none;
}
.button {padding-left:20px;}
.buttonslide
{
	position:absolute;
	font-size:12px;
	top:514px;
	left:-120px;
	height:16px;
	padding:0px;

}

form {
margin:0px;
}

.button:hover, .buttonslide:hover {
background-color:#666666;
}

.title {
margin-top:5px;
text-align:center;
font-weight:bold}

#description {
position:absolute;
width:680px;
height:auto;
top:40px;
left:0px;
font-size:12px;
z-index: 10000;
visibility:visible;

}
#description{
/*background-color:#000000;*/
padding:5px 15px 2px 15px;
background-image:url(transpBG.png) !important;
background-image: none;

/*filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
         filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-moz-opacity: 0.6; /* Mozilla extension */
/*	-khtml-opacity:0.6; /* Konqueror extension (Safari 1.1)*/
/*	opacity: 0.6; /* the correct CSS3 syntax */
	overflow:auto;
}
/*#close {
top:510px;
font-size:10px;
background-color:#000000;
padding:5px 15px 3px 0px;
z-index:50;
}*/
#close a, .link a {
color:#FFFFFF;
text-decoration:none;
}
.invisible{visibility:hidden;}


a {
outline: 0;
} 
#hidebut, #showbut{
	position:absolute;
	visibility:visible;
	left: -120px;
	width: 100px;
	font-size: 10px;
	top: 500px;
	color:#FFFFFF;
	border:none;
	text-align:left;
	text-decoration: none;
	height: auto;
	
}
#showbut{
visibility:hidden}

#hidebut:hover, #showbut:hover, .link a:hover
{color:#666666;}


/*aantal fotos*/
.style1 {font-size:12px; color: #FFFFFF}
.fat {color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
}
#aantalfotos {
    position:absolute;
    left:-185px;
    top:570px;
    width:200px;
    height:80px;
    z-index:14;
}
.style2 {color: #FFFF00}
.style3 {font-size:12px;color: #FFFF99}

#jattefindesign {
	position:absolute;
	left:20px;
    top:680px;
	width:603px;
	height:30px;
	font-size:12px;
	z-index:2;
}
#jattefindesign a
{text-decoration:none;
font-weight:bold;
color:#FFFF00;}
#jattefindesign a:hover
{color:#999999}