@charset "utf-8";
body {
	background-image: url(../images/rozeachtergrond.jpg);
	margin: 0px;

}



#container{
	width:955px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../images/indexapril2010achtergrond.jpg);
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: none;
	height: 1300px;
}

#banner {
	float: left;
	width:955px;
	height:235px;
	background-position: 90px 40px;
	background-repeat: no-repeat;
	background-image: url(../images/logo.png);
}
#bannerworkshops {
	float: left;
	width:955px;
	height:235px;
	background-position: 90px 40px;
	background-repeat: no-repeat;
	background-image: url(../images/logo.png);
}


#nav {
	float: left;
	width: 354px;
	height: 290px;
}
#container #banner img {
	
	float: right;

	background-position: center;

	height: 154px;

	width: 207px;

	margin-top: 60px;

	margin-right: 100px;



}
#container  #bannerworkshops  img {
	float: right;
	background-position: center;
	margin-top: 140px;
	margin-right: 120px;
}

#container #homeimg {
	float: right;
	background-position: center;
	height: 154px;
	width: 207px;
	margin-top: 60px;
	margin-right: 100px;
}

	
#homebutton_ {
	width:354px;
	height:45px;
	margin: 0px;
	padding: 0px;
}
#introductiebutton_ {
	width:354px;
	height:50px;
}
#aanbodbutton_ {
	width:354px;
	height:60px;
}

#mogelijkhedenbutton_ {
	width:354px;
	height:50px;
}

#contactbutton_ {
	width:354px;
	height:50px;
}
#gastenboekbutton {
	width:354px;
	height:60px;
}

#main {
	float: left;
	width:500px;
	float: left;
	color: #BB0F47;
}
#container  #main  #maintekst {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 40px;
	color: #BB0F47;
	width: 450px;
	line-height: 125%;
}



a { color: #5A9931;
} 

a:hover { 	color: #C60D47;
}
.style2 {
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style3 {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style9 {color: #5A9931}
.style10 {
	font-size: 14px;
	font-weight: bold;
}
#container #main #maintekst iframe {
	background-color: #F9F0F1;
	height: 800px;
	width: 435px;
	padding-top: 10px;
	border: thin solid #4C973A;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
}

#container #fotolinks {
	height: 150px;
	width: 250px;
	border: thin solid #00FFFF;







	background-image: url(../fotos/Carolien%20007%20(Large)
.jpg);
	background-repeat: no-repeat;
	margin-left: 100px;
	background-image: url(../fotos/hightea1.jpg);
}
Highslide Editor
Highslide JS Home Show splash screen
 
Options
 	Reset	 
	
 	Get link	 

    * General
    * Gallery
    * HTML
    * Style
    * Behavior
    * Overlays
    *

Language
Language:
Load example
Example:
General
:
Enable gallery
 	Image manager	 
Controls
Preset style:
 	Options	 
Numbers
Position:
 	Styles	 
Thumbstrip
Thumbstrip:
Enable
Mode:
Position:
Thumb size:
Behaviour
Image position:
Keep controls fixed
Repeat slideshow:
Yes
 	Advanced	 
Enable
Inline HTML
	
Ajax
	
Iframe
	
Flash
Size
Width:
Controls
Previous
	
Next
	
Move
Close
	
Resize
Layout:
Title bar
Title source:
To edit the appearance of the Title bar, go to Overlays -> Heading -> Styles
Thumbnail
Explanation label:
 	Thumbnail border	 
Loading label
Label style:
:
Preview
Popup styles
Background:
 	Border and outline	 
Dimming
:
Apply page dimming mask
 	Dimming options	 
Animation
Easing:
:
Hide thumbnail on expand (not gallery)
 	Advanced animation	 
Popup size and alignment
Alignment:
Fit viewport:
Allow size reduction
Small images:
Pad to minimum width
 	Advanced align	 
Advanced behaviour
:
Allow multiple popups at the same time
:
Block right clicks on the popup image
:
Enable shortcut keys
Number of images to preload:
Caption
Source:
Position:
 	Styles	 
Heading
Source:
Position:
Drag by heading:
Allow
 	Styles	 
Close button
Style:
Show credits
Position:
 
Help - Load example

Load a pre-configured example into the preview.
Preview
 	Page styles	 
		
 	View HTML	 
	
 	View CSS	 
	
 	View JavaScript	 
		
 	Publish	 
 
Highslide Editor
Welcome to the Highslide Editor
Create your Highslide gallery or HTML popups without coding!
1 	Choose your favourite example in the General tab.
2 	Optionally upload your own photos in the Image Manager (Gallery tab).
3 	Change the options for content, style and behaviour to make your gallery or popups look exactly like you want.
4 	Click Publish to download your entire project as a zip package, or upload directly to your web server.
	
What is Highslide JS?

Highslide JS is an open source image, media and gallery viewer written in JavaScript. These are some of it's advantages:

    * Quick and elegant looking.
    * No plugins like Flash or Java required.
    * Popup blockers are no problem. The content opens within the active browser window.
    * Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it.
    * Lots of configuration options and scalability without compromizing on simplicity. A component system lets you strip away unused features down to a filesize of 10kB.
    * Outstanding, unconditional and free user support for both commercial and non-commercial users.
    * Compatibility and safe degrading. If the user has disabled JavaScript or is using an old browser, the browser redirects directly to the image itself or to a given HTML page.

What is the Highslide Editor?

The Highslide Editor is a graphical user interface designed to make it easy setting up a custom Highslide installation without editing code. This is not only a great help for non-developers, it also saves time for professionals who don't have to read through the API documentation to get things done.
Get started!
Get started and don't show this again
The Highslide Editor requires that you enable JavaScript and use a modern browser.
If this text is still visible after the page finished loading, check the requirements.
 
White rounded outline
White border and drop shadow
No border, simple close button
No outline, coloured CSS borders
Gallery: Basic white
Gallery: Basic dark
Gallery: Mini gallery
Gallery: Small controls in heading
Gallery: Floating caption
Gallery: In constraining box
Gallery: Vertical thumbstrip, no border
Gallery: Horizontal thumbstrip, white style
Gallery: Box with thumbstrip above image
Gallery: Floating thumbstrip to the right
HTML popups
 
Current code

    * HTML
    * CSS
    * JavaScript
    *

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Highslide JS - Custom Example</title>

<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />

</head>
<body>
<h3>Gallery</h3>
<div class="highslide-gallery">
	<ul>
	<li>
	<a href="highslide/images/large/bosbessen1.png" class="highslide" 
			title="" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/bosbessen1.png"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/hightea2.png" class="highslide" 
			title="" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/hightea2.png"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/aardbeien1.png" class="highslide" 
			title="" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/aardbeien1.png"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/taartjes1.png" class="highslide" 
			title="" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/taartjes1.png"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/frambozen1.png" class="highslide" 
			title="" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/frambozen1.png"  alt=""/>
	</a>
	</li>
	</ul>
	<div style="clear:both"></div></div>

</body>
</html>

.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
#container #main #maintekst a {
	color: #BB0F47;
	text-decoration: none;
}
#container #main #maintekst a:hover {
	color: #5A9931;
	text-decoration: underline;
}