* {font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; color:black; text-decoration:none; margin:0px; padding:0px; list-style-type:none; text-indent:.2em; line-height:1.3em; }


body, html {
	height:100%;
	text-align:center;
}

table span, td span, td h2, table h2, td {
	color:white!important;
}

body#thHome, body#thAgenda, body#thGastenboek, body#thFotoboek, body#thContact {
	background-image: url(../images/tile-huot.jpg);
}
div#header {
	background:url(../images/header_tile.jpg) left top repeat-x;
	height:198px;
	
}
div#header h1 {
	margin-left:auto;
	margin-right:auto;
	width:540px;
	height:198px;
	background:url(../images/logo.png) no-repeat left top;
	text-indent:-9999px;
}
div#contentHolder {
	background:url(../images/stoelen_tile.jpg) left top repeat-x;

}	

ul#nav {
	margin-left:auto;
	margin-right:auto;
	height:50px;
	width:750px;
	padding-top:22px;
}
ul#nav li {
	float:left;
}
ul#nav a {
	float:left;
	display:block;
	height:49px;
	text-indent:-9999px;
	margin-right:10px;
}

li#home a {
	background:url(../images/knoppen/b_home.gif) no-repeat left top;
	width:117px;	
}
li#agenda a {
	background:url(../images/knoppen/b_agenda.gif) no-repeat left top;
	width:117px;	
}
li#fotoboek a {
	background:url(../images/knoppen/b_fotoboek.gif) no-repeat left top;
	width:117px;	
}
li#gastenboek a {
	background:url(../images/knoppen/b_gastenboek.gif) no-repeat left top;
	width:138px;	
}
li#contact a {
	background:url(../images/knoppen/b_contact.gif) no-repeat left top;
	width:117px;	
}

ul#nav a:hover {
	margin-top:-10px;
	border-bottom:10px solid white;
}

div#holder {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-top:20px;
}

div#links {
	width:670px;
	float:left;
	margin-right:10px;
	padding:20px;
	padding-top:5px;
	padding-bottom:60px;
	background:white url(../images/bottomheader.gif) no-repeat center bottom;
	border-bottom:15px solid white;
}

div#links a {
	border-bottom:silver 1px dashed;
}
div#links a:hover {
	background-color:#660000;
	color:white;
}
div#rechts {
	width:140px;
	float:left;
}

div#footer {
	padding-top:10px;
	clear:both;
	color:white;
	font-size:.65em;
}

div, h1 {
	behavior: url ('http://www.beukelsbrug.nl/css/bgpngbehavior.htc');
}


/***theme***/
body#thHome #home a, body#thAgenda #agenda a, body#thGastenboek #gastenboek a, body#thFotoboek #fotoboek a, body#thContact #contact a {
	margin-top:-10px;
	border-bottom:10px solid white;
	
}

/*content*/

div#holder h2 {
	font-size:1.2em;
	color:#993300;
	display:inline;
}
div#holder h3 {
	font-size:1.3em;
	color:#663300;
	padding-bottom:10px;
	padding-top:50px;
	text-align:center;
	background:white url(../images/topheader.gif) no-repeat center 15px;
}
div#holder b.datum {
	font-style:italic;
	color:#333333;
	padding-left:1em;
}

div#holder p {
	padding-bottom:1.1em;
}

div#fotoboek {
	background-color:white;
	padding:20px;
}

ul#toevoegen {
	height:40px;
}
ul#toevoegen a {
	display:block;
	height:30px;
	padding-left:10px;
	padding-right:10px;
	border:solid 1px silver;
	line-height:30px;
	float:left;

}
ul#toevoegen a span {
	font-size:15px;
	font-weight:bold;
	color:#660000;
}
ul#toevoegen a:hover {
	color:#660000;
	background-color:silver;
	border:white solid 1px;
}

form#gastenboek input, form#gastenboek textarea {
	border:solid 1px silver;
}

/*****classes********/
.inputGasten {
	border-bottom:dashed 1px silver;
	padding bottom:10px;
	padding-top:10px;
}
.inputGasten {
	padding-top:10px;
	padding-bottom:10px
}
.hoofd {
	padding-top:10px;
	padding-bottom:10px;
}
.hoofd span {
	font-style:italic;
	color:silver;
}
.hoofd h4 {
	font-weight:bold;
	padding-bottom:10px;
}
.knoppen {
	cursor:pointer;
	background-color:white;
	color:#660000;
	font-weight:bold;
}

/******TUMBNAILS*********/
.thumbs {
display:block;
float:left;
margin:5px;
}
.thumbs img {
border:solid 5px #990000!important;
}

.clearer {
	clear:both;
}
.linkButton {
	cursor:pointer;
}
.holderFotos {
	background-image: url(../images/tile-huot.jpg);
	text-align:center;
}
.holderFotos a {
	display:block;
	border:solid 3px black !important;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:black;
	position:absolute;
	left:10%;
	top:10%;
	background-color:white;
}
.holderFotos div.holderFotosGroot {
	margin-left:auto;
	margin-right:auto;
	border:solid 1px black;
	position:absolute;
	margin-top:20px;
	background-color:white;
	padding:20px;
	left:30%;
}
.holderFotos div img {
	height:550px;
}

.volgende, .vorige {
	position:absolute;
	border-right:1px black solid;
	border-top:1px black solid;
	border-bottom:1px black solid;
	right:-120px;
	background-color:white;
	height:30px;
	padding:10px;
	width:100px;
}
.volgende {
	top:20px;
}
.vorige {
	top:80px;
}
.volgende a, .vorige a {
	display:block;
	text-indent:10px;
	width:100%!important;
	position:relative!important;
	left:10px;
	top:5px;
	border:none!important;
}

/************fotocatLinks****************/
#fotoCat li {
	padding-bottom:5px;
	border-bottom:5px solid white;
}
#fotoCat a {
	border-left:solid 10px #990000 ;
	border-bottom:none!important;
	border-top:none!important;
	padding-left:10px;
	margin-bottom:5px;
	display:block;
	height:15px;
}
#fotoCat a:hover {
	color: #990000;
}