@charset "utf-8";



/* default styles for extension "tx_cssstyledcontent" */

/* Captions */

	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }

	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }

	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }



	/* Needed for noRows setting */

	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }



	/* Border just around the image */

	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {

		border: 2px solid black;

		padding: 0px 0px;

	}



	DIV.csc-textpic-imagewrap { padding: 0; }



	DIV.csc-textpic IMG { border: none; }



	/* DIV: This will place the images side by side */

	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }



	/* UL: This will place the images side by side */

	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }

	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }



	/* DL: This will place the images side by side */

	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }

	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }

	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }

	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */

	DL.csc-textpic-image { margin: 0; }

	DL.csc-textpic-image DT { margin: 0; display: inline; }

	DL.csc-textpic-image DD { margin: 0; }



	/* Clearer */

	DIV.csc-textpic-clear { clear: both; }



	/* Margins around images: */



	/* Pictures on left, add margin on right */

	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,

	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,

	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {

		display: inline; /* IE fix for double-margin bug */

		margin-right: 10px;

	}



	/* Pictures on right, add margin on left */

	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,

	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,

	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {

		display: inline; /* IE fix for double-margin bug */

		margin-left: 10px;

	}



	/* Pictures centered, add margin on left */

	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {

		display: inline; /* IE fix for double-margin bug */

		margin-left: 10px;

	}

	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }

	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }



	/* Space below each image (also in-between rows) */

	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }

	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }

	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }



	/* No margins around the whole image-block */

	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }

	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }



	/* Add margin from image-block to text (in case of "Text w/ images") */

	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,

	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {

		margin-right: 10px !important;

	}

	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,

	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {

		margin-left: 10px !important;

	}



	/* Positioning of images: */



	/* Above */

	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }



	/* Center (above or below) */

	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }

	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }

	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }

	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }



	/* Right (above or below) */

	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }

	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }



	/* Left (above or below) */

	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }

	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }



	/* Left (in text) */

	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }



	/* Right (in text) */

	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }



	/* Right (in text, no wrap around) */

	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }

	/* Hide from IE5-mac. Only IE-win sees this. \*/

	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }

	/* End hide from IE5/mac */



	/* Left (in text, no wrap around) */

	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }

	/* Hide from IE5-mac. Only IE-win sees this. \*/

	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }

	/* End hide from IE5/mac */

	

	/* Browser fixes: */

	

	/* Fix for unordered and ordered list with image "In text, left" */

	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; height: 1%; }

DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }



body  {

	font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	background: #04b4a9 url(bg-liever-een-fret.jpg) top center no-repeat;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #000000;

}

.wrap #container { 

	width: 800px;

	margin: 0 auto;

	text-align: left;

} 

.wrap #header { 

	padding: 0 10px 0 20px;

	width:800px;

	clear:right;

} 

.wrap #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

}



.wrap #sidebar1 {

	float: right; /* since this element is floated, a width must be given */

	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */

	 /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 85px 10px;
	font-size:1.2em;
}

.wrap #mainContent { 

	margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */

	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	font-size:1.2em;

} 

.wrap #footer { 

	padding: 0 10px 0 20px;

	border:2px solid #1f1a14;

} 

.wrap #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}

ul#menu {

	display:block;

	list-style:none;

	margin-top:280px;

	width:420px;

}

#menu li {

	float: left;

	background:#1f1a14;

	border:2px solid #1f1a14;

	color:#fff;

	font-weight:bold;

	margin:4px 4px;

	padding:0 4px;

}

#menu li a {

	color:#fff;

	font-weight:bold;

	font-size:1.8em;

	line-height:2.2em;

	text-decoration:none;

}

#menu li.act {

	float: left;

	background: #C9A597;

	border:2px solid #1f1a14;

	color:#1f1a14;

	font-weight:bold;

	margin:4px 4px;

	padding:0 4px;

}

#menu li.act a {

	color:#1f1a14;

	font-weight:bold;

	font-size:1.8em;

	line-height:2.2em;

	text-decoration:none;

}

#mainContent a,

#sidebar1 a {

	text-decoration:none;

	border-bottom:dotted 1px #1f1a14;

	color:#1f1a14;

	font-weight:bold;

}

#mainContent a:hover,

#sidebar1 a:hover {

	border-bottom:solid 1px #1f1a14;

}

a img {

	border:none;

	}