/* CSS RESET STIJLEN (zie o.a. http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

strong {
	font-weight: bold;
}

em, dfn {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

:focus {
	outline: 0;
}

/* tabellen hebben nog wel cellspacing="0" nodig in de HTML code */
table {
	border-collapse: separate;
	border-spacing: 0;
	vertical-align: middle;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

acronym {
	font-style: normal;
	border-bottom: dotted 0.0625em #006987;
	cursor: help;
}

.hide {
	display: none;
}

pre, code {
	margin: 1.5em 0;
	white-space: pre;
	font: 115% monospace;
}
pre, code, tt {
	font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;
} 

sup, sub {
	line-height: 0;
}

hr {
	background: #ccc;
	color: #ccc;
	clear: both;
	float: none;
	width: 100%;
	height: 0.1em;
	margin: 0 0 1.45em;
	border: none;
}

/* hyperlinks */

a {
	color: #006987;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #006987;
	text-decoration: underline;
}

/* BODY */

body {
	background: #d5e6ec;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, Tahoma, clean, sans-serif;
	font-size: 16px; /* browser default */
	line-height: 1.125em; /* 16x1.125=18px */
	padding: 0 0 20px 0;
}

#main {
	margin: 0 auto;
	position: relative;
	width: 956px;
	overflow: hidden;
}

/* LOGO EN SLOGAN */

#header {
	position: relative;
	height: 144px;
	overflow: hidden;
	background: #d5e6ec;
}

#header h1 {
	float: left;
	display: inline;
	position: relative;
	width: 440px;
	height: 144px;
	font-size: 34px;
	line-height: 166px;
	text-indent: 45px;
	font-weight: normal;
	color: #4E3610;
}

#header h1 img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#header h1 a {
	background: transparent url(../gfx/header_h1.png) no-repeat;
	display: block;
	width: 440px;
	height: 144px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

#header h2 {
	float: right;
	display: inline;
	position: relative;
	width: 512px;
	height: 144px;
	font-size: 24px;
	line-height: 176px;
	font-weight: normal;
	color: #168DB0;
}

#header h2 img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#header h2 a {
	background: transparent url(../gfx/header_h2.png) no-repeat;
	display: block;
	width: 512px;
	height: 144px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

/* LINKERKOLOM */

#linkerkolom {
	float: left;
	display: inline;
	width: 265px;
	margin: 0 0 0 28px;
	text-align: left;
	overflow: hidden;
}

body.start #linkerkolom {
	display: none;
}

#linkerkolom p {
	margin: 0 0 12px 0;
	padding: 0;
	color: #fff;
	font-size: 0.8125em;
	line-height: 1.5em;
}

/*  uitschuifbaar menu in linkerkolom */

#menu-container {
	background: #fff url(../gfx/linkermenu.png) no-repeat;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}

#menu {
	background: #fff url(../gfx/linkermenu.png) no-repeat left bottom;
	padding: 10px 0 20px 0;
}

#menu h3 {  /* menu headers (met en zonder submenu) */
	font-size: 0.9375em;
	color: #3b1004;
	font-weight: bold;
	cursor: hand;
	padding: 6px 0 6px 20px;
	cursor: pointer;
}

#menu h3.openheader {  /* class voor opengeklapte menu header */
}

#menu h3 a {
	color: #3b1004;
	display: block;
	padding: 0 20px 0 0;
	font-weight: bold;
}

#menu h3:hover,
#menu h3 a:hover,
#menu h3.openheader:hover {
	color: #3b1004;
	text-decoration: underline;
}

#menu ul {  /* submenu's */
	list-style-type: none;
	padding: 0 0 4px 0;
}

#menu ul li {
	font-size: 0.8125em;
	line-height: 1.5385em;
	margin: 0 0 3px 0;
}

#menu ul li a,
#menu ul li a:hover {
	color: #78511a;
	display: block;
	padding: 1px 20px;
	font-weight: bold;
}

#menu a.active,
#menu li.active a,
#menu h3.active a {
	background: url(../gfx/menupijltje.png) no-repeat right center;
}

#menu h3#menuhome a {
	background: transparent;
}

/* vlaggetjes voor taalversies */

#taalversies {
	width: 262px;
	padding: 0 0 0 20px;
	margin: 0 0 15px 0;
	overflow: hidden;
}

#linkerkolom p {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	text-indent: -9000px;
}

#linkerkolom p a {
	display: block;
	width: 22px;
	height: 19px;
}

#linkerkolom p a#nl {
	background: url(../gfx/vlag_nl.png) no-repeat;
}

#linkerkolom p a#en {
	background: url(../gfx/vlag_en.png) no-repeat;
}

#linkerkolom p a#de {
	background: url(../gfx/vlag_de.png) no-repeat;
}

/* fotogalerij */

#fotogalerij {
	width: 265px;
	height: 204px;
	background: url(../gfx/fotogalerij.png) no-repeat;
	overflow: hidden;
}

#fotogalerij img {
	width: 238px;
	height: 178px;
	padding: 10px 11px;
	background: transparent;
	top: 0;
	left: 0
}

/* CONTENTVLAK */

#middencontent-container {
	float: right;
	display: inline;
	width: 618px;
	margin: 0 27px 0 0;
	text-align: left;
	overflow: hidden;
	background: #fff url(../gfx/middencontent.png) no-repeat;
}

body.start #middencontent-container {
	margin-right: 169px;
}

#middencontent-top {
	padding: 6px 0 0 0;
	position: relative;
	overflow: hidden;
}

body.start #middencontent-top {
	padding: 0;
	height: 25px
}

#middencontent-top p {
	font-size: 0.75em;
	line-height: 2em;
	color: #a89078;
}

#middencontent-top p a,
#middencontent-top p a:hover {
	color: #a89078;
	font-weight: normal;
}

/* kruimelpad */

#middencontent-top p#kruimelpad {
	float: left;
	display: inline;
	width: 468px;
	margin: 0 0 0 20px;
}

body.start #middencontent-top p#kruimelpad,
body.home #middencontent-top p#kruimelpad {
	display: none;
}

/* print-icoon */

#middencontent-top p#print {
	float: right;
	text-align: right;
	display: inline;
	width: 100px;
	margin: 0 20px 0 0;
}

body.start #middencontent-top p#print {
	display: none;
}

#middencontent-top p#print a {
	padding: 2px 0 2px 21px;
	background: url(../gfx/icoon_printen.png) no-repeat left center;
}

/* overig middencontent */

#middencontent {
	position: relative;
	overflow: hidden;
	min-height: 521px;
	margin: 0;
	padding: 15px 35px 25px 35px;
	background: #fff url(../gfx/middencontent.png) no-repeat left bottom;
}

body.start #middencontent {
	min-height: 0;
}

#middencontent h1 {
	color: #3b1004;
	font-size: 1.5em;
	line-height: 1.3125em;
	font-weight: normal;
	margin: -5px 0 10px -1px;
}

body.start #middencontent h1 {
	display: none;
}

body.home #middencontent h1 {
	margin-top: -20px;
}

#middencontent h1 a,
#middencontent h1 a:hover {
	font-weight: normal;
	color: #3b1004;
}

#middencontent h2 {
	clear: both;
	color: #3b1004;
	font-size: 1.125em;
	line-height: 1.3125em;
	font-weight: bold;
	margin: 15px 0 10px 0;
}

#middencontent h3 {
	color: #3b1004;
	font-size: 0.938em;
	line-height: 1.5em;
	font-weight: bold;
	margin: 15px 0 5px 0;
}

#middencontent h4 {
	color: #3b1004;
	font-size: 0.8125em;
	line-height: 1.6154em;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#middencontent p {
	color: #3b1004;
	font-size: 0.8125em;
	line-height: 1.75em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#middencontent table,
#middencontent td {
	padding: 4px;
	border: 0;
	color: #3b1004;
	background: #fff;
}

#middencontent table {
	margin: 12px 0;
}

#middencontent td {
	vertical-align: top;
	font-size: 0.8125em;
}

#middencontent table.overzicht td {
	text-align: center;
	font-weight: bold;
	width: 25%;
	font-size: 0.75em;
}

#middencontent th {
	padding: 6px;
	border-collapse: collapse;
	font-size: 0.8125em;
	font-weight: bold;
	background: #d5e6ec;
	color: #3b1004;
	text-align: left;
	vertical-align: middle;
}

#middencontent th a,
#middencontent th a:hover {
	color: #fff;
}

#middencontent td p {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#middencontent ul {
	margin: 6px 10px 12px 29px;
	padding: 0;
}

#middencontent ul ul {
	margin-left: 24px;
}

#middencontent ul ol {
	margin-left: 27px;
}

#middencontent ul li {
	padding: 0 0 0 6px;
	margin: 0 0 6px 0;
	font-size: 0.8125em;
	line-height: 1.5em;
	color: #3b1004;
}

#middencontent ul li li {
	font-size: 1em;
	list-style-type: circle;
}

#middencontent ol {
	margin: 6px 10px 12px 33px;
	padding: 0;
}

#middencontent ol ol {
	margin-left: 27px;
}

#middencontent ol ul {
	margin-left: 24px;
}

#middencontent ol li {
	padding: 0;
	margin: 0 0 6px 0;
	font-size: 0.8125em;
	line-height: 1.5em;
	color: #3b1004;
}

#middencontent ol li li {
	font-size: 1em;
}

#middencontent dl {
	color: #3b1004;
	margin: 0 0 12px 0;
	padding: 0;
}

#middencontent dt {
	color: #3b1004;
	font-size: 0.814em;
	line-height: 1.5385em;
	font-weight: bold;
	margin: 4px 0 0 0;
	padding: 0;
}

#middencontent dd {
	color: #3b1004;
	font-size: 0.8125em;
	line-height: 1.6667em;
	margin: 0;
	padding: 0 0 0 20px;
}

#middencontent img {
	border: 5px solid #d5e6ec;
	padding: 0;
	margin: 0 10px 5px 0;
	display: inline;
	background: transparent;
}

#middencontent a:hover img {
	border: 5px solid #abdfee;
}

#middencontent img[align="left"] {
	margin: 5px 5px 5px 0;
}

#middencontent img[align="right"] {
	margin: 5px 0 5px 5px;
}

#middencontent img.zonderrand {
	border: 0;
}

#middencontent th img,
#middencontent td img {
	margin: 0;
}

/* linkbutton */

#middencontent a.linkbutton {
	margin: 5px 5px 5px 0;
	padding: 3px 5px;
	background: #3b1004;
	color: #fff;
	display:-moz-inline-box;
	display: inline-block;
}

#middencontent a.linkbutton:hover {
	background: #006987;
	text-decoration: none;
}

/* formulieren */

#middencontent form {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 10px 0;
	font-size: 0.8125em;
	line-height: 1.4167em;
	color: #3b1004;
}

form br {
	clear: left;
}

#middencontent form table,
#middencontent form td {
	background: transparent;
	vertical-align: top;
	font-size: 1em;
}

#middencontent label {
	display: inline;
	float: left;
	vertical-align: middle;
	width: 140px;
	margin: 1px 0 8px 0;
	padding: 0;
	font-size: 1em;
	height: 1.4167em;
	line-height: 1.4167em;
	font-weight: bold;
	color: #3b1004;
}

#middencontent label.uitlegtekst {
	display: inline;
	width: 270px;
	font-size: 0.9167em;
	margin: -6px 0 5px 146px;
	font-weight: normal;
}

#middencontent td label.uitlegtekst {
	margin-left: 4px;
}

#middencontent input {
	display: inline;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, Tahoma, clean, sans-serif;
	overflow: auto;
	font-size: 1em;
	color: #3b1004;
	vertical-align: middle;
	height: 1.4167em;
	line-height: 1.4167em;
	margin: 0;
}

#middencontent input.input-tekst {
	width: 270px;
	margin: 0 0 8px 0;
	padding: 0 4px;
	font-weight: normal;
	background: #fff;
	color: #3b1004;
	border: 1px solid #a5a5a5;
}

#middencontent input.input-tekst:hover,
#middencontent input.sfHover,
#middencontent input.input-tekst:focus,
#middencontent input.sfFocus {
	border: 1px solid #3b1004;
}

#middencontent textarea {
	display: inline;
	float: left;
	font-size: 1em;
	line-height: 1.4167em;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, Tahoma, clean, sans-serif;
	overflow: auto;
	color: #3b1004;
	background-color: #fff;
	width: 270px;
	margin: 0 0 8px 0;
	padding: 0 4px;
	border: 1px solid #a5a5a5;
}

#middencontent textarea:hover,
#middencontent textarea.sfHover,
#middencontent textarea:focus,
#middencontent textarea.sfFocus {
	border: 1px solid #3b1004;
}

#middencontent select,
#middencontent option {
	font-size: 1em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, Tahoma, clean, sans-serif;
	line-height: 1.4167em;
	color: #3b1004;
	vertical-align: middle;
	background-color: #fff;
	width: 280px;
	margin: 0;
}

#middencontent select {
	overflow: auto;
	padding: 0;
	border: 1px solid #a5a5a5;
}

#middencontent select:hover,
#middencontent select:focus {
	border: 1px solid #3b1004;
}

#middencontent option {
	padding: 0 4px;
}

#middencontent button {
	display: inline;
	float: left;
	vertical-align: middle;
	overflow: visible;
	margin: 0 0 8px 140px;
	padding: 2px 3px;
	color: #fff;
	background: #3b1004;
	font-size: 1em;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, Helvetica, Tahoma, clean, sans-serif;
	border: 0;
}

#middencontent button:hover,
#middencontent button.sfHover,
#middencontent button:focus,
#middencontent button.sfFocus {
	background: #006987;
}

/* vlaggen op startpagina */

#middencontent a#nl_groot,
#middencontent a#en_groot,
#middencontent a#de_groot {
	display: block;
	margin-bottom: 15px;
	padding: 0 0 0 45px;
	height: 32px;
	line-height: 32px;
}

#middencontent a#nl_groot {
	background: url(../gfx/vlag_nl_groot.png) no-repeat left center;
}

#middencontent a#en_groot {
	background: url(../gfx/vlag_en_groot.png) no-repeat left center;
}

#middencontent a#de_groot {
	background: url(../gfx/vlag_de_groot.png) no-repeat left center;
}

/* overzichtspagina's met foto's */

#middencontent ul.overzicht {
	position: relative;
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
}

#middencontent ul.overzicht li {
	width: 110px;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top; 
	margin: 0 12px 10px 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

#middencontent ul.overzicht li img {
	margin: 0;
}

/* FOOTER */

#footer {
	position: relative;
	clear: both;
	float: right;
	display: inline;
	text-align: left;
	overflow: hidden;
	width: 100%;
	height: 1.25em;
	margin: 0;
	background: #d5e6ec;
}

body.start #footer {
	display: none;
}

#footer ul {
	list-style-type: none;
	position: relative;
	margin: 0 0 0 69px;
	padding: 0;
}

#footer ul li {
	font-size: 0.75em;
	color: #6fbc17;
	width: 160px;
	float: left;
	display: inline;
	text-align: center;
	line-height: 1.6667em;
}

#footer ul li a,
#footer ul li a:hover {
	color: #a89078;
	font-weight: normal;
}

/* Highslide JS */

/*.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}*/

.highslide,
#middencontent .highslide,
#middencontent .highslide:hover { /* Used on the a-tag surrounding the thumbnail to apply the zoom cursor. */
	cursor: url(../js/highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
	border: 0;
}

/*
.highslide img {
	border: 2px solid silver;
}

.highslide:hover img {
	border-color: gray;
}
*/

.highslide-active-anchor { /* additional class name given to the anchor when it is opened. To hide the thumbnail when a full image is opened, set visibility: hidden on .highslide-active-anchor img. */
}

.highslide-active-anchor img,
.highslide-active-anchor:hover img {
	border-color: black;
}

.highslide-image { /* borders for the expanded image */
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}

.highslide-wrapper,
.rounded-white {
	background: white;
}

.highslide-image-blur { /* Occurs on the expanded image when another image is expanded on top of it. The styles of .highslide-image are inherited for the blurred image, but you can specify additional properties. For instance a different border-color for the blurred image. */
}

.highslide-number { /* The styling for the index number, like "Image 1 of 5". */
	font-weight: bold;
	color: gray;
}

.highslide-caption { /* Styles for the caption */
	display: none;
	border-top: none;
	font-size: 13px;
	color: #594834;
	padding: 5px;
	background: white;
}

.highslide-full-expand { /* define background image and other properties for the full-expand label */
}

.highslide-overlay { /* The initial class name for custom overlays. This class only states that the display property should be none. You can use other class names for your overlay if you specify the correct display */
}

.highslide-heading { /* Styles for the heading. */
	display: none;
	font-weight: bold;
	margin-bottom: 0.4em;
}

.highslide-dimming { /* When using a dimmed page background, this is where you specify the color of the background. */
	position: absolute;
	background: #a7a19b;
}

.highslide-loading { /* Styles for the Loading-element that appears on top of the thumbnail when the full size image is loading. You display a loading graphic by defining a background-image for this element. For the Loading-text not to show, adjust the hs.loadingText. */
	display: none;
/*	display: block;
	width: 16px;
	height: 16px;
	background: url(../js/highslide/graphics/loader.white.gif) no-repeat;*/
}

a.highslide-credits, /* The credits label, "Powered by...". */
a.highslide-credits i {
	display: none;
}

/* controls */

.highslide-controls { /* The wrapper element for the controls overlaid on the image in slideshow mode. Each single button's class name is .highslide-previous, .highslide-play, .highslide-pause, .highslide-next, .highslide-full-expand and .highslide-close. */
	width: 195px;
	height: 40px;
	background: url(../js/highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../js/highslide/graphics/controlbar-white.gif) right -90px no-repeat;
}

.highslide-controls li {
	float: left;
	padding: 5px 0;
}

.highslide-controls a {
	background-image: url(../js/highslide/graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}

.highslide-controls a.disabled {
	cursor: default;
}

.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}

.highslide-move { /* The class name to use if you want a text anchor in the caption to allow the user to move the image. */
}

.highslide-move a {
	cursor: move;
}

.hidden-container {
	display: none;
}

/* CSS sprites for the controlbar */

.highslide-controls .highslide-previous a {
	background-position: 0 0;
}

.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}

.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}

.highslide-controls .highslide-play a {
	background-position: -30px 0;
}

.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}

.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}

.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}

.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}

.highslide-controls .highslide-next a {
	background-position: -90px 0;
}

.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}

.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}


.highslide-controls .highslide-move a {
	background-position: -120px 0;
}

.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}

.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}

.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}

.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}

.highslide-controls .highslide-close a {
	background-position: -180px 0;
}

.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/* HTML content */

/*.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
*/
.highslide-html { /* Like highslide-image, this is where you specify borders for HTML content. */
	background-color: white;
}

.highslide-maincontent {
	display: none;
}

/* styles for the popup */

.highslide-wrapper,
.rounded-white {
	background-color: white;
}

.highslide-wrapper .highslide-html-content { /* General class that you apply to the element you want to expand. */
	padding: 0 5px 5px 5px;
}


.highslide-wrapper .highslide-header {
	padding-bottom: 0;
}

.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}

.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}

.highslide-wrapper .highslide-header ul li.highslide-previous,
.highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}

.highslide-wrapper .highslide-header a {
	font-weight: normal;
	color: #706d67;
	font-size: 12px;
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: 1px;
}

.highslide-wrapper .highslide-header a:hover {
	color: #433E3C;
}

.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}

.highslide-wrapper .highslide-footer {
	height: 11px;
}

.highslide-wrapper .highslide-footer .highslide-resize { /* The class name to use if you want an element within the content to behave like a resize handle. */
	float: right;
	height: 11px;
	width: 11px;
	background: url(../js/highslide/graphics/resize.gif) no-repeat;
}

.highslide-wrapper .highslide-body { /* If the HTML content element contains an element with this class name, this element will display scrollbars if the size of the expander is exceeded. This way you can create headers and footers. If not, scrollbars will be shown in the outer element. Also, when you display AJAX, Iframe or Flash content, it will be placed in this container. */
	color: #706d67;
	font-size: 13px;
	line-height: 23px;
}

.highslide-move {
	cursor: move;
}

.highslide-resize {
	cursor: nw-resize;
}