/* @namespace url(http://www.w3.org/1999/xhtml);
@charset "UTF-8"; */

* { border-width: 0px; border-color: black; border-style: solid; }
* { padding: 0px; margin: 0px; border-collapse: collapse; }
* { font-size: 12pt; font-family: arial, sans-serif; }

body, html { height: 100%; width: 100%; } /* add "background: yellow; " for testing */
table.layout { height: 100%; width: 100%; }
th { background-image: url("images/redkidney2.jpg"); height: 80px; }

td { vertical-align: top; }
b { font-weight: bold; }

p { margin-top: 0em; margin-bottom: 1em;
	margin-left: 40pt; margin-right: 2em;
	text-align: justify; }

p.firstletter:first-letter { color: #ff6633; font-size: 2.2em; float: left; text-transform: capitalize; white-space: nowrap; }

h1 { text-align: center; color: #ff3333; font-size: 3.5em; /*#ff6633;*/
	font-family: Comic sans MS, sans-serif; 
	text-shadow: 0em 0em 5px black; }
	
h2 { text-align: center; margin-bottom: 0.7em; font-size: 1.2em; }

h3 { text-align: left; margin-top: 0.7em; margin-left: 40pt; }

ul, ol { margin-left: 40pt; margin-right: 2em; }

.centered { text-align: center; }

a:link { color: #ff6633; }
a:visited { color: #ff9900 }
a:hover { color: #ff0000; text-decoration: underline; }
a:active { color: #660099; }

td.arc { background-image: url("images/arc3.png");
		vertical-align: top;
		margin-top: 1em;
		height: 90px;
		background-repeat: no-repeat; background-position: top left;
		border-top-width: 1px;
		text-align: center; background-color: #fff6f3; } /* background-color: white;  */
		
td.main { border-left-width: 1px; background-color: white; width: 100%; background: #fff6f3; }
td.main p { line-height: 16pt; margin-right: 10%; margin-bottom: 2em; }
td.main img, td.main object { padding: 1em; }
td.main table { margin-left: 4em; margin-right: auto; }


td.bottom { vertical-align: bottom; border-bottom-width: 1px; border-left-width: 1px; background-color: #fff6f3; }
p.quicklinks { text-align: center; margin-top: 0em; margin-bottom: 0em; }
p.quicklinks a { font-size: 0.8em; }

		
td.index { width: 10em; border-top-width: 1px; background-color: #ee3300; }

td.index p { text-align: left;
	margin-top: 2em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	line-height: 1.5em; }

td.index a { font-family: Colonna MT, Arial, sans-serif; font-size: 1.4em; text-decoration: none; font-weight: bold;}
td.index a:link { color: black; }
td.index a:visited { color: black; }
td.index a:hover { color: brown; text-decoration: underline; }
td.index a:active { color: brown; }


#agenda { width: auto; }
#agenda tbody td { height: 2em; padding-right: 1em; border-bottom-width: 1px; vertical-align: middle; }
#fotos td { vertical-align: middle; }

#fotos td { width: auto; }
/*#fotos img { width: auto; max-width: 100%; }*/
hr { background: black; width: 100%; height: 2px; }

span.klein { font-size: 0.7em; }

#gastenboek input { border-width: 2px; border-style: inset; border-collapse: seperate; }
#gastenboek textarea { border-width: 2px; border-style: inset; border-collapse: seperate; }

#gastenboek .button { border-width: 2px; border-style: outset; border-collapse: seperate; border-color: rgb(192,192,192);
	 padding-top: 0px; padding-bottom: 0px; padding-left: 2px; padding-left: 2px;
	font-size: .8em; }

#volgend_optreden td { font-weight: bold; color: #ee3300; }
#volgend_optreden { border-left-width: 2px; border-right-width: 2px; }


/*
td.main a img {height: 0; width: 0; border-width: 0; padding-left: 0em; padding-right: 0em; }
td.main a:hover img {position: absolute; color: black; top: 190px; left: 55px; height: 50px; width: 50px;}
*/