.maintable
{
	width: 760px;
	height: 100%;
	vertical-align: top;
	background-color: #FFFFFF;
}
.header
{
	height: 200px;
	vertical-align: bottom;
	background-image:url('images/banner.jpg');
}
.flags
{
	float: right;
}
.searchbox
{
	float: left;
	margin: 0 0 5px 5px;
}
.searchbox input 
{
	border: 1px solid #336699;
	background: white;
	font-size: 8pt;
	width: 150px;	
}
.afb-links
{margin-right: 10px; border:0; float: left;}
.afb-rechts
{margin-left: 10px; border:0; float: right;}
.main
{
	background-color:#93bfe8;
	vertical-align: top;
	padding: 10px; 
	background-image:url('images/tennis_ball.jpg'); background-repeat:no-repeat; background-position-x:right;
	width: 600px;
}
.main .contactform input
{
	border: 1px solid #336699;
	background: white;
	width: 300px;
	float: right;
}
.main .contactform textarea
{
	border: 1px solid #336699;
	background: white;
	width: 300px;
	float: right;
}
.main #submit 
{
	border: 1px solid #336699;
	background: white;
	width: 300px;
	float: right;
}
.menubox
{
	width: 150px;
	background-color: #93bfe8;
	vertical-align: top;
	background-image:url('images/tennis_ball.jpg'); background-repeat:no-repeat; background-position-x:left;
}
.footer, .footer td, .footer p
{
	font-family: Arial, Helvetica, sans-serif;
   	color: #000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	background-color: #93bfe8;
	padding: 10px;
	text-align: center;
	height: 20px;
}
.footer a:link, .footer a:visited, .footer a:active 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000; 
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none
}
.footer a:hover 
{
	color: #336699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none;
}
.design
{
	font-family: Arial, Helvetica, sans-serif;
   	color: #93bfe8;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.design a:link, .design a:visited, .design a:active 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold;
	text-decoration:none;
	color: #93bfe8; 
}
.design a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold;
	text-decoration:none;
	color: #FFFFFF;
}
body
{
    scrollbar-face-color:#336699;
	scrollbar-arrow-color:#93bfe8;
	scrollbar-track-color:#93bfe8;
	scrollbar-shadow-color:#93bfe8;
	scrollbar-highlight-color:#336699;
	scrollbar-3dlight-color:#93bfe8;
	scrollbar-darkshadow-Color:93bfe8;
	background-color:#336699; 
	text-align: justify; 
	/* for pull-down menu to work in IE6*/
	behavior:url("csshover2.htc");
}
td, p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-style: normal;
	text-align: justify;
}
a:link, a:visited, a:active 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #336699; 
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none
}
a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none
}
h1
{
	font-family: Arial;
	color: #000000;
	font-size: 18pt;
	font-weight:bold;
	text-align: left;
	font-variant:small-caps;
}
h2
{
	font-family: Arial;
	color: #000000;
	font-size: 14pt;
	font-weight:bold;
	text-align: left;
	font-variant:small-caps;
}
h3
{
	font-family: Arial;
	color: #000000;
	font-size: 12pt;
	font-weight:bold;
	text-align: left;
}
h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	font-style: normal;
	text-align: left;
	font-weight:bold;
}
h5
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
}
h6
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 16pt; 
	font-weight: bold;
	text-align: left;
	margin:0; 
}
/*default styles for the menu, lists and links*/
#bwmenu
{
	position:relative;
	float:left;
	width:100%;
}
#bwmenu ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	position: relative; 
	z-index: 9999;
}
#bwmenu li
{
	position:relative;
	display:block;
	float:left;
	width:100%;
	color:#000000;
	font:bold 12px arial,helvetica,sans-serif;
	border-bottom:1px solid white;
	margin:0;
	text-align:left;
}
#bwmenu a
{
	display:block;
	color:#000000;
	text-decoration:none;
	padding:10px 0 10px 10px;
}
#bwmenu li ul li
{
	border:1px solid white;
	background: #336699;
}
#bwmenu li ul li a
{
	color: white;
}
/*change list item colours on hover*/
#bwmenu li:hover
{
	color:#FFFFFF;
	background:#93BFE8;
}
#bwmenu a:hover
{
	color:#FFFFFF;
	background:#93BFE8;
}
/*hide menulevel2*/
#bwmenu ul ul
{
	display:none;
}
/*hide menulevel3 when hovering over menulevel1 items*/
#bwmenu ul li:hover ul ul
{
	display:none;
}
/*display expanding menulevel2 on hovering over menulevel1 items*/
#bwmenu ul li:hover ul
{
	position:absolute;
	display:block;
	top:-1px;
	left:100%;
	width:100%;
}
/*display expanding menulevel3 on hovering over menulevel2 items*/
#bwmenu ul ul li:hover ul
{
	position:absolute;
	display:block;
	top:-1px;
	left:100%;
	width:100%;
}
/*End of Sitemap Vertical Popout Menu CSS for CMSimple*/


/* CSS voor photo frames*/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:406px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:400px; height:300px; padding:2px; border:1px solid #336699; background:#336699}
#information {position:absolute; bottom:0; width:400px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:400px; height:300px}
#image img {position:absolute; z-index: 25; width:400px;height:300px; text-align: center;}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(http://www.breakpoint.nu/wb/media/photoframe/left.gif) left center no-repeat}
#imgnext {right:0; background:url(http://www.breakpoint.nu/wb/media/photoframe/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(http://www.breakpoint.nu/wb/media/photoframe/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(http://www.breakpoint.nu/wb/media/photoframe/scroll-left.gif) center center no-repeat; background-color:#336699;color: #FFFFFF;font-weight: bold}
#slideleft:hover {background-color:#336699}
#slideright {float:right; width:20px; height:81px; background:#336699 url(http://www.breakpoint.nu/wb/media/photoframe/scroll-right.gif) center center no-repeat;color: #FFFFFF;font-weight: bold}
#slideright:hover {background-color:#336699}
#slidearea {float:left; position:relative; width:356px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #336699; padding:2px}
