@charset "utf-8";
/* CSS Document */

body {
	background: #9999FF;
	color: #660066;
	font: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.twoColElsLtHdr #container { 
	width: 90%;
	background: #9999FF;
	margin: 0 auto;
	border: 1px solid #9999FF;
	text-align: left;
} 
.twoColElsLtHdr #header { 
	background: #9999FF;
	padding: 0 10px;
	width: 100%;
} 

.twoColElsLtHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}

.twoColElsLtHdr #sidebar1 {
	float: left; 
	width: 20%;
	background: #9999FF;
	padding: 15px 0;
}

.twoColElsLtHdr #sidebar2 {
	float: right; 
	width: 15%;
	background: #9999FF;
	padding: 15px 0;
	text-align:center;
}


.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}

.twoColElsLtHdr #mainContent {
	margin: 0 24% 0 19%;
} 
.twoColElsLtHdr #footer { 
	padding: 0 10px;
	background:#9999FF;
	color: #333333;
} 
.twoColElsLtHdr #footer p {
	margin: 0;
	padding: 10px 0;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* Headers */

h1 {
	font-size: 36px;
	text-align: center;
	font-weight: bold;
}

h1.big {
	font-size: 48px;
	text-align: center;
	font-weight: bold;
}

h2 {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
}

h2.left {
	font-size: 24px;
	text-align: left;
	font-weight: bold;
}

h3 {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

/* paragraph */

p {
	text-align: justify;
}

p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

p.small {
	font-size: 9px;
}


center.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

/* table */

td.right {
	text-align: right;
}

td.left {
	text-align: left;
}

td.center {
	text-align: center;
}

tr.dagen {
	font-style: italic;
	text-decoration: underline;
	text-align: center;
}

/* links */
a:link, a:visited {
	color: #003399;
	text-decoration: underline;
}

a:hover { 
	color: #FFFFFF;
	text-decoration: none;
}

a:active {
	color: #999999;
	text-decoration: underline;
}


/* menu */
td.menu {
	background-color: #990099;
	text-align: center;
}

td.submenu {
	background-color: #660066;
	text-align: center;
}

/* nonactief menu */
a:link.menu-non, a:visited.menu-non {
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover.menu-non { 
	color: #FFFFFF;
	text-decoration: none;
}

a:active.menu-non {
	color: #999999;
	text-decoration: underline;
}

/* actief menu */
a:link.menu-act, a:visited.menu-act {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

a:hover.menu-act { 
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}

a:active.menu-act {
	color: #999999;
	text-decoration: underline;
	font-weight: bold;
}

/* lichtkrant */
A:hover.licht { 
	color: #990099;
	text-decoration: none;
}

/* Knoppen met een standaardformaat van 75 bij 23 pixels, */
/* alleen geschikt voor niet te brede opschriften:        */
input.knop {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
	width:       75px;
	height:      23px;
	margin:      5px 0 10px 0;
}

/* agenda */
.header {
	text-align: center;
	font-style: oblique;
	font-weight: bold;
	border-bottom: #006600;
	border-bottom-style: dashed;	
}

.dag {
	text-align: center;
	font-style: italic;
}

.maand {
	vertical-align: middle;
}

/* overig */

hr.green {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-top-color: #006600;
	border-right-color: #006600;
	border-bottom-color: #006600;
	border-left-color: #006600;
}





/* Fotogalerijen */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
border: 1px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 70%; /*position where enlarged image should offset horizontally */
z-index: 50;
}