body {
	text-align:center; /*fix IE bug: center*/
	height:100%; /* needed for container min-height */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#85878B;
}
a, a :hover, .error {
	color:#E02286;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
a:hover {
	color:#A8104C;
}
/* CONTAINER -------------------------------------- */
#container {
	position: relative;
	z-index: 0;
	width: 940px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#header {
	position:relative;
	z-index:0;
	width:940px;
	text-align:right;
}
#header img {
	float:right;
	display:inline;
}
#menu {
	position:relative;
	z-index:0;
	width:940px;
	height:52px;
	clear:both;
}
#menu ul {
	list-style-type: none;
	list-style: none;
	margin:0;
	padding:0;
}
#menu ul li {
	width: auto;
	margin: 13px 65px 0px 0px;
	text-align:left;
	float:left;
	display:inline;
}
#menu a { 
	font-size:15px;
	color:#333333;
	font-weight:bold;
	text-decoration: none;
}
#menu a:hover {
	color:#666666;
	text-decoration:none;
}
#sidebar {
	position:relative;
	z-index:0;
	float:right;
	display:inline;
	width:190px;
}
#sidebar h1, .kolom h1 {
	font-size:14px;
	font-weight:bold;
	color:#DF1B89;
	margin:0px 0px 10px 0px;
}
#sidebar p {
	margin:0px 0px 15px 0px;
	font-size:11px;
}
#sidebar p a, #sidebar p a:hover {
	color:#85878B;
	font-weight:normal;
}
#sidebar p a:hover {
	color:#333333;
}
#sidebar h2, #sidebar h5 {
	font-size:12px;
	font-weight:bold;
	color:#DF1B89;
	margin:20px 0px 5px 0px;	
}
#sidebar h5 {
	margin:0px 0px 5px 0px;
}
#sidebar h3 { /* aankondiging */
	font-weight:bold;
	color:#DF1B89;
	margin:30px 0px 5px 0px;
	font-size:11px;
}
#sidebar h4 { /* datum */
	margin:0;
	font-size:12px;
	color:#85878B;
	font-weight:bold;
}
#sidebar img, #product img {
	vertical-align: middle;	
}
#sidebar #lijn2 {
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #85878B;
	margin:15px 0px -15px 0px;
	text-align:center;
	padding:16px 0px 0px 0px;
}
#sidebar #lijn2 img {
	margin:0px 0px 8px 0px;
}
#sidebar .lijn {
	position:relative;
	z-index:0;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #85878B;
	padding:20px 0px 0px 0px;
}

#content, #product {
	position: relative;
	z-index:0;
	width:717px;
}
#content #intro {
	position:relative;
	z-index:0;
	width:258px;
	margin:19px 0px 0px 0px;
}
#content .kolom {
	position:relative;
	z-index:0;
	width:195px;
	margin:19px 0px 0px 33px;
	float:right;
	display:inline;
}
.kolom .thumb {
	width:195px;
	margin:0px 0px 10px 0px;
}
.kolom .thumb {
	height:auto; /* keep IE6 happy */
}
.kolom p {
	margin:5px 0px 20px 0px;
}
.kolom a {
	font-size:12px !important;
}
.kolom ul, #sidebar ul {
	list-style: url(../../img/vast/pijl_li.gif) outside;
	margin:0;
	padding-left:15px;
}
#download {
	list-style: none !important;
	margin:0;
	padding-left:0px !important;
}
.kolom ul li, #sidebar ul li {
	display: list-item;
	margin: 0px 0px 2px 0px;
	padding:0;
	height:auto;
}
.kolom ul li a, #sidebar ul li a {
	color:#85878B;
	font-size:12px;
	font-weight:normal;
}
.kolom ul li a:hover, #sidebar ul li a:hover {
	color:#333333;
	font-size:12px;
	font-weight:normal;
}
.kolom .more a, #sidebar .more a, #sidebar .owner a {
	color:#E02286;
	font-weight:bold;
	font-size:11px !important;
}
.kolom .more a:hover, #sidebar .more a:hover, #sidebar .owner a:hover {
	color:#A8104C;
	font-weight:bold;
}
.kolom .more {
	margin: 10px 0px 10px 0px;
}
#sidebar .more {
	margin: 5px 0px 40px 0px;
}
#sidebar .owner {
	margin: 0px 0px 4px 0px;
}
/* PRODUCTEN ---------------------------------------- */
#product h1, #product h3 {
	color:#E02286;
	font-size:33px;
	font-weight:bold;
	line-height:40px;
	margin:0px 0px 10px 0px;
	width:324px;
}
#product h3, #product h5 { 
	font-size:23px;
	font-weight:bold;
	line-height:30px;
}
#product h5 {
	color:#E02286;
	margin:0px 0px 50px 0px;
}
#product h6 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin:20px 0px 0px 0px;
}
#product h2 {
	color:#000000;
	font-size:16px;
	font-weight:normal;
	line-height:22px;
	width:324px;
	margin:0px 0px 35px 0px;
}
#product #lijn, #product #lijn2 {
	position:relative;
	z-index:0;
	width:220px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #85878B;
	margin:25px 0px 15px 7px;
	padding:0px 0px 12px 0px;
}
#product #lijn2 {
	margin:0px 0px 35px 7px;
}
#product ul {
	list-style-type: none;
	list-style: none; 
	margin:0;
	padding:0;
}
#product ul li {
	width: 340px;
	margin: 0px 17px 10px 0px;
	text-align:left;
	float:left;
	display:inline;
}
#product ul li ol {
	list-style: circle outside; 
	list-style-type: circle !important; 
	margin:0;
	padding:2px 0px 0px 20px;
	
}
#product ul li ol li {
	text-align:left;
	float:none;
	display:list-item;
	width:305px;
}
#product #fotocontainer {
	position:relative;
	z-index:0;
	width:360px;
	float:right;
	display:inline;
	margin: 0px 0px 15px 30px;
	text-align:right;
}
#product .lijn {
	position:relative;
	z-index:0;
	background-image: url(../../img/vast/lijn.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	padding:0px 0px 10px 0px;
	margin:20px 0px 0px 0px;
}
#product .floatright {
	float:right;
	display:inline;
	margin-left:20px;
}
.floatimg {
	position:relative;
	float:left;
	display:inline;
	margin-right:20px;
}
.clearboth {
	clear:left;
}
/* -------- carousel ---------------- */
.stepcarousel {
	position: relative;
	border: 5px solid black;
	overflow: scroll; /*leave this value alone*/
	width: 360px;
	height: 212px;
}
.stepcarousel .belt {
	position: absolute;
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px 10px 0px 0px; /*margin around each panel*/
	width: 360px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* FOOTER ------------------------------------------- */
#footerspacer { /* zorg dat footer onder content komt te staan */
	position: relative;
	z-index:0;
	margin: 5px 0px 0px 5px;
	clear:both;
	width:100%;
	padding-bottom:2em; /* bottom padding for footer */
}
#footer { /* zorg dat container vlak goed uitvult */
	position: absolute;
	width:100%;
	bottom:18px;
	margin: 7px 0px 2px 0px;
	padding: 5px 0px 0px 0px;
	text-align:center;
	font-size: 9px;
	clear: both;
	color:#85878B;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E12A83;
}
#footer ul {
	list-style-type: none;
	list-style: none;
	margin:0;
	padding:0;
	height:10px;
}
#footer li {
	width: auto;
	margin: 0px 2px 0px 5px;
	text-align:left;
	float:center;
	display:inline;
}
#footer a { 
	color:#85878B;
	text-decoration: none;
	font-weight:normal;
}
#footer a:hover {
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}
/* ------ formulieren ----------------- */
label {
	float:left;
	width:120px;
	font-size:11px;
}

form {
	font-size:11px;
}
table {
	font-size:12px;
}
b, th {
	color:#85878B;
}
th {
	text-align:left;
}
p.error {
	margin:10px 0px 20px 0px;
	background-color:#E12A83;
	color:#FFFFFF;
	width:500px;
	padding-left:5px;
}
.toggle {
	position:relative;
	z-index:0;
	display:none;
}
.rechts {
	text-align:right;
}
.calbox, .calbox2, .calboxbold {
	background-color:#FFFFFF;
	width:80px;
	text-align:right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.calbox {
	background-color:#F4F3F1;
}
.calboxbold {
	font-weight:bold;
	color:#000000;
}
#labellong label{
	width:400px;
}
#labellong input {
	text-align:right;
	width:65px;
}
#labellong .calbox, #labellong .calbox2, #labellong .calboxbold {
	width:65px;
}
#streep {
	position:relative;
	z-index:0;
	width:450px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;	
	margin-top:20px;
	padding-top:10px;
}
/* ----------- preview --------------- */
#draglayer {
	position:absolute;
	z-index:99;
	width:200px;
	background-color:#999999;	
}
#dragvlak {
	position:relative;
	margin:-2px 0px 0px -5px;
	width:200px;
	border: 4px ridge #999999;
	background-color:#E3E3E6;
}
#dragvlak a {
	color:#FF0000;
}

#draghandle {
	padding-left:2px;
	padding-bottom:2px;
	color:white;
	background-color: #000000;
	font-weight: bold;
	cursor:move;
}