/* CSS Document */
html {overflow-y: scroll;} /*always scrollbar*/
#wrapper {
	width: 780px;
	left: 50%;
	visibility: visible;
	z-index: 2;
	margin:0 auto;
	top: 0px;
	text-align:left;
} 

#container {
	width: 780px;
	position:absolute;
	top: 0px;
	}

#inhoud {
	position:absolute;
	left: 0px;
	top: 139px;
	background-color: FF99FF;
	width: 780px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CC33FF;
	border-left-color: #CC33FF;
	z-index: 60;
		}
#navigatie {
	width: 780px;
	position:absolute;
	left: 0px;
	top: 100px;
	height: 39px;
	background-color: #FFFFFF;
	visibility: visible;
	z-index: 80;
	font-size: 13px;
	} 
#header {
	position: absolute;
	width: 780px;
	height: 120px;
	top: 0px;
	z-index: 70;
	left: 0px;

}
#teller {
	position:absolute;
	left:11px;
	top:488px;
	width:122px;
	height:47px;
	z-index:20;
}
#foto {
	left:5px;
	top:0px;
	visibility: visible;
}
#overflow {
	height: 388px;
	width: 90px;
	padding-right: 5px;
} 
#beeldplaatsing {
	position:absolute;
	left:220px;
	top:20px;
	margin-top: 0px;
	margin-left: 25px;
	visibility: visible;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/zig-zag.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#outer {
	width:780px;
	/*height:200px;*/
	/*background:url(photo3.jpg) 0 -80px;*/
	padding-top:2px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #000099; /*bovenrand over de breedte van het menu*/
}
#first {display:block; width:1px; height:0; overflow:hidden; border-top:25px solid #6ad; border-right:25px dashed transparent; float:left; margin-right:-23px;}
#last {display:block; width:2px; height:0; overflow:hidden; border-bottom:25px solid #6ad; border-left:25px dashed transparent; float:left;}


/* hacks for IE5.5 */
* html #first, * html #last {width:1px; height:25px; w\idth:1px; he\ight:0;}

#slants {padding:0; margin:0; list-style:none;}
#slants li {float:left; margin-right:-23px;}
#slants li a {display:block; float:left; height:25px; line-height:24px; background:transparent; color:#006; text-decoration:none; cursor:pointer;} /* add cursor:hand; for IE5.5 */
#slants li a span {display:block; float:left; width:98px; background:#6ad; height:25px; font-style:italic; text-align:center; font-family:"Comic Sans MS","times new roman", serif;}
#slants li a b {display:block; float:left; width:0; height:0; overflow:hidden; border-top:25px dashed transparent; border-right:25px solid #6ad;} 
#slants li a em {display:block; float:left; width:0; height:0; overflow:hidden; border-top:25px solid #6ad; border-right:25px dashed transparent;}

/* hacks for IE5.5 */
* html #slants li a b,
* html #slants li a em {width:25px; height:25px; w\idth:0; he\ight:0;}

#slants li:hover {position:relative;}
#slants li a:hover {color:#fff; white-space:normal; position:relative;}
#slants li:hover > a {color:#fff;}
#slants li a:hover span {background:#48b;}
#slants li:hover > a span {background:#48b;}
#slants li a:hover b {border-right-color:#48b;}
#slants li:hover > a b {border-right-color:#48b;}
#slants li a:hover em {border-top-color:#48b;}
#slants li:hover > a em {border-top-color:#48b;}

/* use the table to position the dropdown list */
#slants table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:0;
top:0;
font-size:1em;
}
/* hide the sub level links */
#slants ul {
visibility:hidden;
position:absolute;
height:0;
left:-40px;
list-style:none;
width:150px;
top:25px;
}
/* make the sub level visible on hover list or link */
#slants li:hover ul,
#slants a:hover ul{
visibility:visible;
}



#slants li:hover ul li a span,
#slants a:hover ul li a span {background:#7be;}
#slants li:hover ul li a b,
#slants a:hover ul li a b {border-right-color:#7be;}
#slants li:hover ul li a em,
#slants a:hover ul li a em {border-top-color:#7be;}

#slants li:hover ul li.odd a span,
#slants a:hover ul li.odd a span {background:#6ad;}
#slants li:hover ul li.odd a b,
#slants a:hover ul li.odd a b {border:0; border-top:25px solid #6ad; border-left:25px dotted transparent;}
#slants li:hover ul li.odd a em,
#slants a:hover ul li.odd a em {border:0; border-top:25px dotted transparent; border-left:25px solid #6ad;}

#slants li:hover ul li a:hover b,
#slants a:hover ul li a:hover b {border-right-color:#48b;}
#slants li:hover ul li a:hover em,
#slants a:hover ul li a:hover em {border-top-color:#48b;}
#slants li:hover ul li a:hover span,
#slants a:hover ul li a:hover span {background:#48b;}

#slants li:hover ul li.odd a:hover b,
#slants a:hover ul li.odd a:hover b {border-top-color:#37a;}
#slants li:hover ul li.odd a:hover em,
#slants a:hover ul li.odd a:hover em {border-left-color:#37a; border-top-color:transparent;}
#slants li:hover ul li.odd a:hover span,
#slants a:hover ul li.odd a:hover span {background:#37a;}

body {
	color: #FFFFFF;
	font-family: "Comic Sans MS";
	font-size: 14px;
	background-color: #FF99FF;
	background-image: url(img/bg3.jpg);
	background-repeat: repeat-x;
	text-align:center;
}

img.right {
	float:right;
	margin-right:10px;
	margin-left: 10px;
}
img.left {
	float:left;
	margin-right:10px;
	margin-left: 10px;}
table.wrap {
	background-color: #FF99FF;
}
.wrap td {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 20px;
}
.wrap td a {
	color: #0000FF;
	text-decoration: underline;
	font-size: 14px;
}
.wrap td a:hover {
	text-decoration: none;
	color: #00CC99;
}
.wrap td a:active {
	text-decoration: underline;
	color: #FF3300;}
h2 {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h3 {
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 5px;
	background-image: url(img/kopbg.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	background-position: 0px -10px;

}
h4 {
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
	background-image: url(img/kopbgpaars.gif);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	background-position: 0px -10px;

}
table.inh {

}

.inh td {
	font-family: "Comic Sans MS";
	color: #000066;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 20px;
}

.inh td a {
	color: #000066;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}
.inh  td  a:visited {
	text-decoration: underline;
	color: #000066;
}
.inh td a:hover {
	text-decoration: none;
	color: #FF3300;
}

	
table.feestjes {

}

.feestjes td {
	font-family: "Comic Sans MS";
	color: #000066;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 15px;
}

.feestjes td a {
	color: #000066;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}
.feestjes td  a:visited {
	text-decoration: underline;
	color: #000066;
}
.feestjes td a:hover {
	text-decoration: none;
	color: #FF3300;
}

table.foto {

}

.foto td {
	font-family: "Comic Sans MS";
	color: #000066;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}	
.foto td a {
	color: #000066;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}
.foto td  a:visited {
	text-decoration: underline;
	color: #000066;
}
.foto td a:hover {
	text-decoration: none;
	color: #FF3300;
}
	
table.top {}
.top td {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
table.contact{

}

.contact td {
	font-family: "Comic Sans MS";
	color: #000066;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: normal;
}

.contact td a {
	color: #000066;
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}
.contact td  a:visited {
	text-decoration: underline;
	color: #000066;
}
.contact td a:hover {
	text-decoration: none;
	color: #FF3300;
}

	

.bottom {
	background-color: #66AADD;
	font-family: "Comic Sans MS";
	font-size: 11px;
	color: #000066;
	text-indent: 12px;
	font-weight: normal;
	line-height: 24px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
.paars {
	background-color: #cc33ff;
}
.roze {
	background-color: #FF99FF;
}

.rand {
	border: 2px solid #000099;
}
.rood {
	color: #FF3300;
}
.roodcaps {
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: #0066CC;
}
.size12 {
	font-size: 12px;
	font-weight: normal;
	font-family: "Comic Sans MS";
	padding: 0px;
}
.size11 {
	font-size: 11px;
	font-weight: normal;
	font-family: "Comic Sans MS";
	padding: 0px;
}
.ollabg {
	background-image: url(img/ollapodridakl.gif);
	background-repeat: repeat-x;
}
.randje {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 5px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.randcontact {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	border: 1px solid #CC33FF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
table.down {}
.down td {}
.down td a{
	font-family: "Comic Sans MS";
	font-size: 10px;
	color: #000066;
	text-decoration: none;
	font-weight: normal;
}
.down td a:visited{
	font-family: "Comic Sans MS";
	font-size: 10px;
	color: #000066;
	text-decoration: none;
	font-weight: normal;}
.down td a:hover{
	text-decoration: underline;
}
table.slider {
	border: 2px solid #0066CC;
	margin: 0px;
	padding: 0px;
}
.slider td {
	margin: 0px;
	padding: 0px;
}