@charset "UTF-8";
/* CSS Document */

/* You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Westsite n.v.
and may not be reproduced. 

/* Wide windows
------------------------------------------------------------------*/
#container {
	width: 922px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
}
/* Global
------------------------------------------------------------------*/
body,td,th {
	font-family: "Century Gothic", "Trebuchet MS", "Lucida Sans", Arial, Helvetica;
	font-size: 11px;
	color: #3D3D3D;
	line-height: 15px;
}
body {
	background-color: #FFFFFF;
	background-image: url(../img/OverallBack.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: left top;
}
.nav a:link {
	color: #6d9fff;
	text-decoration: none;
}
.nav a:visited {
	color: #6d9fff;
	text-decoration: none;
}
.nav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.nav a:active {
	color: #6d9fff;
	text-decoration: none;
}
#content a {
	color: #6d9fff;
	text-decoration: none;
}
#content a:visited {
	color: #6d9fff;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
#content a:active {
	color: #6d9fff;
	text-decoration: none;
}
#contentHome a, #inschrijven a {
	color: #6d9fff;
	text-decoration: none;
}
#contentHome a:visited,  #inschrijven a:visited {
	color: #6d9fff;
	text-decoration: none;
}
#contentHome a:hover,  #inschrijven a:hover {
	text-decoration: underline;
}
#contentHome a:active,  #inschrijven a:active {
	color: #6d9fff;
	text-decoration: none;
}
.clear {
	clear: both;
}
/* Topframe
------------------------------------------------------------------*/
#topFrame {
	display: block;
	height: 60px;
	width: 801px;
}
#expoButton {
	display: block;
	float: right;
	height: 25px;
	width: 122px;
	margin-top: 18px;
	margin-left: 20px;
}
/* animated banner
------------------------------------------------------------------*/
#banner {
	display: block;
	height: 118px;
	width: 801px;
}
#logobbb {
	display: block;
	height: 118px;
	width: 195px;
	float: left;
}
#flashbanner {
	height: 117px;
	width: 605px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bebdbd;
}
/* navigation
------------------------------------------------------------------*/
#nav .seperator {
	width: 152px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #597BD0;
}
#navBalk {
	width: 20px;
	float: left;
}
#nav {
	float: left;
	width: 165px;
	background-image: url(../img/navBoxBack.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 204px;
	font-family: "Lucida Sans", "Trebuchet MS", "Century Gothic", Arial, Helvetica;
	padding-top: 5px;
	font-size: 12px;
	padding-left: 10px;
}
#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#nav ul li {
	background-image: url(../img/nav/bg-Off.gif);
	background-repeat: no-repeat;
	padding-right: 13px;
	margin: 0px;
	padding-bottom: 5px;
	display: block;
	padding-top: 5px;
}
#nav ul li a {
	display:block;
	color:#6D9FFF;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#nav ul li a:hover {
	color:#FFFFFF;
	background-color: transparent;
	background-image: url(../img/nav/bg-On.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

#nav ul li a:hover span {
	display:block;
	width:auto;
	text-decoration: none;
}
#nav ul li a.current,#nav ul li a.current:hover {
	color:#fff;
	background-image: url(../img/nav/bg-On.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

#nav ul li a.current span {
	display:block;
	width:auto;
	background-image: url(../img/nav/bg-On.gif);
	background-repeat: no-repeat;
}

/* Subnavigation
------------------------------------------------------------------*/
#navSub .seperator {
	width: 152px;
	height: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d8d8d8;
	margin: 0px;
	padding: 0px;
	display: block;
}
#navSub {
	width: 166px;
	font-family: "Lucida Sans", "Trebuchet MS", "Century Gothic", Arial, Helvetica;
	font-size: 12px;
	padding-left: 10px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #938fb3;
	background-color: #f3f4f9;
	padding-bottom: 0px;
}
#navSubhome {
	width: 171px;
	font-size: 12px;
	padding-left: 5px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #938fb3;
	background-color: #f3f4f9;
	padding-bottom: 0px;
}
#navSub ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#navSub ul li {
	background-image: url(../img/nav/Subbg-Off.gif);
	background-position: left -5px;
	background-repeat: no-repeat;
	display: block;
	margin: 0px;
	height: 10px;
	padding-right: 13px;
	padding-bottom: 5px;
}
#navSub ul li a {
	display:block;
	color:#666666;
	text-decoration:none;
	padding:0 0 0 20px;
}
#navSub ul li a span {
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}
#navSub ul li a:hover {
	color:#29235e;
	background-color: transparent;
	background-image: url(../img/nav/Subbg-On.gif);
	background-repeat: no-repeat;
	background-position: left -5px;
	text-decoration: none;
}

#navSub ul li a:hover span {
	display:block;
	width:auto;
	text-decoration: none;
}
#navSub ul li a.subcurrent,#nav ul li a.subcurrent:hover {
	color:#29235e;
	background-image: url(../img/nav/Subbg-On.gif);
	background-repeat: no-repeat;
	background-position: left -5px;
	text-decoration: none;
}

#navSub ul li a.subcurrent span {
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background-image: url(../img/nav/Subbg-On.gif);
	background-repeat: no-repeat;
	background-position: left -5px;
}
#subnav #navBalk #back {
	background-color: #928FB2;
}
#subnav #Top {
	display: block;
	height: 10px;
	width: 195px;
}
#subnav #Bott {
	display: block;
	height: 10px;
	width: 195px;
}
#subnav {
	width: 195px;
}
#navBalk {
	float: left;
	width: 20px;
	display: block;
}
#navBanner {
	display: block;
	width: 801px;
	height: 209px;
}
#navbox {
	display: block;
	width: 195px;
	height: 209px;
}
#leftFrame {
	display: block;
	width: 195px;
	float: left;
}
/* Sfeerbox
------------------------------------------------------------------*/
#sfeerbox {
	display: block;
	float: left;
	height: 209px;
	width: 605px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#gratis {
	width: 148px;
	padding-left: 47px;
	padding-top: 13px;
	padding-bottom: 2px;
}
/* Content
------------------------------------------------------------------*/
#contentBox {
	display: block;
}
#content {
	display: block;
	overflow:hidden;
	width: 576px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bebdbd;
	padding-left: 13px;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-right: 13px;
	background-color: #ECEBF1;
	min-height: 598px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebdbd;
}

#contentHome {
	width: 576px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bebdbd;
	padding-left: 13px;
	padding-right: 13px;
	background-color: #FFFFFF;
	min-height: 389px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bebdbd;
	overflow:hidden;
	display:block;
}
#contentHome .title {
	font-size: 18px;
	color: #29235e;
	font-weight: bold;
	padding-bottom: 15px;
	display: block;
}
#contentHome ul {
	margin-top: 0px;
}
#contentHome li {
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url(../img/list.gif);
	margin-left: -20px;
	margin-top: 0px;
}
#contentHome .subtitle {
	font-weight: bold;
	color: #6D9FFF;
	display: block;
	padding-bottom: 1px;
}
#leftcontent {
	float: left;
	width: 195px;
}
#content .title {
	font-size: 18px;
	color: #29235e;
	font-weight: bold;
	padding-bottom: 15px;
	display: block;
}
#titlehome {
	font-size: 18px;
	color: #29235e;
	font-weight: bold;
	padding: 15px 0;
	display: block;
}
#content ul {
	margin-top: 0px;
}
#content li {
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url(../img/list.gif);
	margin-left: -20px;
	margin-top: 0px;
}
#content .subtitle {
	font-weight: bold;
	color: #6D9FFF;
	display: block;
	padding-bottom: 1px;
}
.red {
	color: #FF0000
}
/* Nieuwsbox
------------------------------------------------------------------*/
#newsbox {
	float: right;
	background-image: url(../img/newsback.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 187px;
}
#newsbox02 {
	float: left;
	width: 187px;
}

#newsbox .mid {
	display: block;
	width: 172px;
	padding-left: 8px;
}
#newsbox .mid #newstitle {
	background-image: url(../img/newstitleBack.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
}
#newstitle .title {
	text-transform: capitalize;
	color: #FFFFFF;
	width: 106px;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding-left: 40px;
	line-height: 27px;
	height: 27px;
	float: left;
}
#newstitle .next {
	color: #6785d4;
	float: left;
	line-height: 27px;
	font-weight: bold;
	height: 27px;
}
#newsbox .mid .newscontent {
	font-size: 10px;
	margin-top: 5px;
	line-height: 10px;
	padding-bottom: 2px;
	font-family: "Trebuchet MS", "Lucida Sans", Arial, Helvetica;
}
.newscontent .title {
	font-weight: bold;
	color: #29235e;
	display: block;
	margin-bottom: 3px;
	font-size: 11px;
}
.newscontent a {
	text-decoration: underline;
	color: #7a7a7a;
	font-weight: bold;
}
.newsimage {
	margin-bottom: 5px;
}
.seperatorGrey {
	padding-top: 6px;
	padding-bottom: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

/* Logobox
------------------------------------------------------------------*/
#logos {
	display: block;
	width: 90px;
	font-size: 9px;
	color: #29235E;
	text-align: center;
	padding-right: 9px;
	padding-left: 9px;
	background-color: #FFFFFF;
	border: 1px solid #29235E;
}
#logos .img {
	text-align: center;
}
/*Forms defaults
------------------------------------------------------------------*/
input, textarea {
	font-family:"Century Gothic", "Trebuchet MS", "Lucida Sans", Arial, Helvetica;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}
.textinput {
	border: 1px dotted #3576c5;
	margin-top: 4px;
	margin-bottom: 6px;
	background-color: #F7F7F7;
	color: #557DCA;
	margin-right: 5px;
}
.textinput2 {
	border: 1px dotted #3576c5;
	margin: 0px;
	background-color: #F7F7F7;
	color: #557DCA;
	text-align: right;

}


/*Radio buttons
------------------------------------------------------------------*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(../img/form/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(../img/form/radio.gif) no-repeat left bottom;
}

/*Checkboxes
------------------------------------------------------------------*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(../img/form/checkbox.gif) no-repeat left top;
}
.expolijstDetail .job {
	display: block;
	padding: 5px;
	line-height: 18px;
	border: 1px dotted #6D9FFF;
	margin-bottom: 10px;
}
.job .titel {
	background-color: #6D9FFF;
	line-height: 20px;
	height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	margin-top: -5px;
	margin-right: -5px;
	margin-bottom: 5px;
	margin-left: -5px;
	padding-left: 5px;
}
.checkboxAreaChecked {
	background:url(../img/form/checkbox.gif) no-repeat left bottom;
}


/*Selects
------------------------------------------------------------------*/
.selectArea {
	width:200px;
	height:21px;
	background:url(../img/form/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../img/form/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../img/form/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down
------------------------------------------------------------------*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}
#mySelect1 {
	margin-top: 3px;
	margin-bottom: 8px;
}

/*Button
------------------------------------------------------------------*/
.buttonSubmit, .buttonSubmitHovered {
	width:80px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	background:url(../img/form/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.buttonSubmitHovered {
	background-position:left bottom;
}
/*Exposantenlijst
------------------------------------------------------------------*/
.expolijst {
	display: block;
	margin-bottom: 3px;
}
.expolijstOn {
	display: block;
	margin-bottom: 3px;
	background-color: #EEEEEE;
}
.lijstTop {
	display: block;
	margin-bottom: 3px;
	background-color: #29235E;
}
.lijstTop .standnr {
	display: block;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 5px;
	padding-left: 5px;
	width: 13%;
}
.lijstTop .firmanaam {
	font-weight: bold;
	display: block;
	float: left;
	margin-right: 5px;
	color: #FFFFFF;
	width: 47%;
}
.lijstTop .jobs {
	float: left;
	font-weight: bold;
	color: #FFFFFF;
	width: 8%;
}
.lijstTop .gemeente {
	display: block;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 5px;
	width: 25%;
}
.expolijst .standnr , .expolijstOn .standnr {
	display: block;
	float: left;
	width: 13%;
	margin-right: 5px;
	padding-left: 5px;
}
.expolijst .firmanaam, .expolijstOn .firmanaam {
	font-weight: bold;
	display: block;
	float: left;
	width: 47%;
	margin-right: 5px;
	color: #29235E;
}
.expolijst .gemeente, .expolijstOn .gemeente {
	font-style: italic;
	display: block;
	float: left;
	width: 25%;
	margin-right: 5px;
}
.expolijst .jobs, .expolijstOn .jobs {
	width: 8%;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
}
.logo {
	display: block;
	padding: 2px;
	height: 120px;
	width: 120px;
	/**border: 1px solid #666666;**/
	margin-right: 10px;
	float: left;
	margin-top: 4px;
}
.expolijstDetail .bedrijf {
	color: #6D9FFF;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6D9FFF;
	display: block;
	font-size: 15px;
}
.gegevens {
	display: block;
	float: left;
	width: 253px;
}
.gegevens02 {
	margin-top: 8px;
}
.gegevens03 {
	display: block;
	width: 560px;
}
#midFrame {
	display: block;
	float: left;
}
#rightFrame {
	display: block;
	float: left;
	width: 186px;
}
#rightContent {
	display: block;
	float: left;
	padding-left: 9px;
}
#leftContent {
	display: block;
	float: left;
	width: 800px;
}
#logos .titel {
	display: block;
	margin-right: -9px;
	margin-left: -9px;
	background-color: #29235E;
	color: #FFFFFF;
}
#container .first {
	padding-top: 50px;
}
#wettInfo {
	background-color: #DFDFE5;
	font-size: 9px;
	line-height: 15px;
	letter-spacing: 0.1em;
	padding-left: 13px;
	border: 1px solid #bebdbd;
}
#wettInfo a:hover {
	text-decoration: underline;
}
#wettInfo a {
	color: #6d9fff;
	text-decoration: none;
}
/*jobs&vacature
------------------------------------------------------------------*/
.jobbox .edit {
	float: left;
	background-image: url(../img/jobedit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 20px;
	width: 50px;
	padding-left: 20px;
}
.newjob {
	background-image: url(../img/ico_newjob.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 20px;
	padding-left: 20px;
}
.jobbox .delete {
	float: left;
	background-image: url(../img/jobdelete.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 20px;
	width: 50px;
	padding-left: 20px;
}
.jobbox .job {
	display: block;
	float: left;
	width: 70%;
	padding-right: 5px;
}
#content .jobbox {
	display: block;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6D9FFF;
	margin-bottom: 5px;
}
#content .ja {
	float: left;
	display: block;
	height: 20px;
	width: 50px;
	line-height: 10px;
}
#content .nee {
	float: left;
	display: block;
	height: 20px;
	width: 50px;
	line-height: 10px;
}
#content .vacature {
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6D9FFF;
	padding-bottom: 5px;
}
.vacature .logojob {
	display: block;
	float: left;
	margin-right: 10px;
}
#splash .derde {
	float: left;
	width: 30%;
	margin-top: 5px;
	padding-right: 10px;
	font-weight: bold;
}
#splash .derde .small {
	font-weight: normal;
	font-size: 9px;
	line-height: 10px;
}
/*pers
------------------------------------------------------------------*/
.persOn {
	display: block;
	background-color: #EEEEEE;
}
.pers {
	display: block;
}
.persDetail .news {
	font-size: 18px;
	color: #6D9FFF;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6D9FFF;
	display: block;
	line-height: 18px;
}
.pers .date, .persOn .date {
	display: block;
	float: left;
	width: 63px;
	margin-right: 5px;
	margin-top: 5px;
	padding-left: 5px;
}
.pers .news, .persOn .news {
	font-weight: bold;
	display: block;
	float: left;
	color: #29235E;
	width: 485px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	padding-left: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
}
.persDetail .bedrijf {
	font-size: 18px;
	color: #6D9FFF;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6D9FFF;
	line-height: 20px;
}
.persDetail .gegevens {
	padding-top: 12px;
}
.persDetail .img {
	display: block;
}
.persDetail .detail .date {
	font-size: 14px;
	display: block;
}
.persDetail .date {
	font-size: 14px;
	font-weight: bold;
	display: block;
}
#bannerHome {
	display: block;
	float: left;
}
#kaderbox {
	padding: 5px;
	border: 1px solid #666666;
}
#kaderbox .left {
	float: left;
	width: 55%;
}
#kaderbox .rechts {
	float: left;
}
#kaderbox img {
	border: 1px solid #666666;
}
#splash {
	background-color: #ECEBF1;
	margin-left: -13px;
	margin-right: -13px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BEBDBD;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
#splash h2{
	font-size: 14px;
	color: #29235f;
	}
#splash .title {
	font-size: 18px;
	color: #C91A1D;
	line-height: 20px;
}
#splash a {
	color: #4D4D4D;
	font-weight: bold;
	text-decoration: underline;
}#splash strong {
	color: #C91A1D;
}
#leftFrame #inschrijven {
	padding-right: 10px;
	padding-left: 5px;
	color: #29235E;
}
#inschrijven .subtitle02 {
	color: #29235E;
}
.cdcptext {
  width: 395px;
}

.flashbanner {
	display: block;
	float: left;
	height: 60px;
	width: 486px;
}
.detailboxholder{
	background: url(../img/detailbox_bottom.gif) no-repeat bottom left;
	padding-bottom: 10px;
	margin-top: 10px;
	}
.detailboxholder .content{
	background: url(../img/detailbox_bg.gif) repeat-y left;
	padding: 15px 45px;
	}
.detailboxholder .top{
	background: url(../img/detailbox_top.gif) no-repeat top left;
	height: 8px;
	display: block;
	line-height: 0px;
	font-size: 0px;
	}
.detailboxholder .content h1 {
	font: bold 16px "Century Gothic", Arial, Tahoma;
	color: #c91a1d;
	padding: 0px;
	margin: 0px;
	}
.detailboxholder p img{
	border: 1px solid #808080;
	margin: 0px 12px 6px 0px;
	display: block;
	float: left;
	}
#splash .detailboxholder a{
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #c91a1d;
	text-decoration: none;
	}
#splash .detailboxholder a:hover{
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #29235f;
	text-decoration: none;
	}
.introtextbox{
	font: normal 11px "Century Gothic", Arial, Tahoma;
	color: #3d3d3d;
	}
.introtextbox strong{
	font-weight: normal;
	color: #c91a1d;
	}
.introtextbox h1{
	color: #29235f;
	font: bold 18px "Century Gothic", Arial, Tahoma;
	}
.introtextbox hr{
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #c3c1cf;
	border-left: none;
	border-right: none;
	height: 0px;
	}
.menuitem{
	width: 186px;
	background: #29235f;
	float: left;
	margin-right: 6px;
	margin-top: 15px;
	}
.menuitem h1{
	display: block;
	width: 174px;
	background:url(../img/menuitemheader.jpg) left top no-repeat;
	height: 16px;
	padding: 6px;
	margin: 0px;
	text-align: center;
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #FFF;
	}
.menuitem div{
	width: 184px;
	height: 164px;
	border-left: 1px solid #29235f;
	border-right: 1px solid #29235f;
	overflow: hidden;
	}
.menuitem img {
	display: block;
	}
.menuitem p{
	margin: 0px;
	text-align: center;
	padding: 8px;
	}
#shoppingbasket{
	width: 195px;
	height: 150px;
	background: url(../img/shoppingbasket.jpg);
	margin-top: 10px;
	margin-bottom: 10px;
	}
#shoppingbasket #contentholder{
	padding: 60px 0px 0px 25px;
	}
#shoppingbasket #contentholder h1{
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #c91a1d;
	margin: 0px;
	padding: 0px;

	}
#shoppingbasket #contentholder p{
	font: normal 18px "Century Gothic", Arial, Tahoma;
	color: #29235f;
	margin: 0px;
	padding: 0px;
	margin-bottom: 4px;
	}
#content .producten
{
	width: 195px;
	float: left;
	font: normal 10px "Century Gothic", Arial, Tahoma;
}
#content .producten ul				{ margin:0px; padding:0px; text-indent:0px; padding-bottom:5px; }
#content .producten ul li			{ list-style-type: none; list-style-image: none; }

#content .producten .level1			{ margin:0px; padding:0px; text-indent:0px; margin-left:10px;}

#content .producten .level1 li		{ margin:0px; padding:0px; list-style:none; }

#content .producten .level1 li a
{
	cursor: pointer;
	display: block;
	padding-left:10px;	/* padding: 5px 0px 5px 15px; */
	height: 18px;
	color: #29235f;
	font-size: 10px;
	margin-left:0px;
}
#content .producten .level1 li a:hover, 
#content .producten .level1 .currentitem a
{
	cursor: pointer;
	display: block;
	padding-left:10px;	/* padding: 5px 0px 5px 15px; */
	height: 18px;
	color: #c91a1d;
	background: #DBDBDB;
	font-size: 10px;
}

#content .producten .level2			{ margin:0px; padding:0px; text-indent:0px; }
#content .producten .level2 li		{ margin:0px; padding:0px; list-style: none; }		/* { margin:0px; list-style: none;	} */
#content .producten .level2 li a
{
	cursor: pointer;
	display: block;
	padding: 5px;
	height: 18px;
	color: #c91a1d;
	padding: 5px 0px 5px 10px;	/* padding: 5px 0px 5px 30px; */
	font-size: 10px;
}
#content .producten .level2 li a:hover, 
#content .producten .level2 .currentitem a
{
	cursor: pointer;
	display: block;
	height: 18px;
	color: #29235f;
	background: #DBDBDB;
	padding: 5px 0px 5px 10px;	/* padding: 5px 0px 5px 30px; */
	font-size: 10px;
}

#content .producten .level3			{ margin:0px; padding:0px; text-indent:0px; }
#content .producten .level3 li		{ margin:0px; padding:0px; list-style:none; }				/* { list-style: none; margin: 0px; } */

#content .producten .level3 li a
{
	cursor: pointer;
	display: block;
	padding: 5px;
	height: 18px;
	color: #29235f;
	padding: 5px 0px 5px 5px;	/*padding: 5px 0px 5px 45px;*/
	font-size: 10px;
}
#content .producten .level3 li a:hover, 
#content .producten .level3 .currentitem a
{
	cursor: pointer;
	display: block;
	height: 18px;
	color: #c91a1d;
	background: #DBDBDB;
	padding: 5px 0px 5px 5px;	/*padding: 5px 0px 5px 45px;*/
	font-size: 10px;
}


/*
#content .producten {
	width: 195px;
	float: left;
	font: normal 10px "Century Gothic", Arial, Tahoma;
	font-size: 0px;
	}
#content .producten .hr {
	height: 2px;
	border: none;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	background: url(../img/hr.jpg) repeat-x;
	}

#content .producten ul li{
	list-style-type: none;
	list-style-image: none;
	}

#content .producten .level1{
	margin:0px;
	padding:0px;
	text-indent:0px;
	}

#content .producten .level1 li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	}
#content .producten .level1 li a{
	cursor: pointer;
	display: block;
	padding: 5px 0px 5px 15px;
	height: 18px;
	color: #29235f;
	font-size: 10px;
	}
#content .producten .level1 li a:hover, #content .producten .level1 .currentitem a{
	cursor: pointer;
	display: block;
	padding: 5px 0px 5px 15px;
	height: 18px;
	color: #c91a1d;
	background: #DBDBDB;
	font-size: 10px;
	}
*/
/* level 2*/
/*
#content .producten .level2{
	margin:0px;
	padding:0px;
	text-indent:0px;
	}
#content .producten .level2 li{
	list-style: none;
	margin: 0px;
	
	}
#content .producten .level2 li a{
	cursor: pointer;
	display: block;
	padding: 5px;
	height: 18px;
	color: #c91a1d;
	padding: 5px 0px 5px 30px;
	font-size: 10px;
	}
#content .producten .level2 li a:hover, #content .producten .level2 .currentitem a{
	cursor: pointer;
	display: block;
	height: 18px;
	color: #29235f;
	background: #DBDBDB;
	padding: 5px 0px 5px 30px;
	font-size: 10px;
	}
*/
/* level 3*/
/*
#content .producten .level3{
	margin:0px;
	padding:0px;
	text-indent:0px;
	}
#content .producten .level3 li{
	list-style: none;
	margin: 0px;
	
	}
#content .producten .level3 li a{
	cursor: pointer;
	display: block;
	padding: 5px;
	height: 18px;
	color: #29235f;
	padding: 5px 0px 5px 45px;
	font-size: 10px;
	}
#content .producten .level3 li a:hover, #content .producten .level3 .currentitem a{
	cursor: pointer;
	display: block;
	height: 18px;
	color: #c91a1d;
	background: #DBDBDB;
	padding: 5px 0px 5px 45px;
	font-size: 10px;
	}
*/
#content .productfiche{
	float: right;
	width: 370px;
	margin-bottom: 25px;
	}
#content .productfiche .productdescription {
	background: #FFF;
	padding: 10px;
	margin-bottom: 5px;
	}
#content .productfiche .productdescription table tr td{
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #c91a1d;
	vertical-align: top;
	}
#content .productfiche .productdescription .productname, #content .productfiche .category .productname{
	
	font: normal 16px "Century Gothic", Arial, Tahoma;
	color: #29235f;
	}

#content .productfiche .category {
	background: none;
	padding: 10px 0px;
	margin-bottom: 5px;
	
	}
#content .productfiche .productdescription table tr td .addbutton{float: right}
#content .productfiche .productdescription table tr td .amount{
	padding:0px;
	margin:0px;
 
	height:23px;
	background: url(../img/shoppingamount.jpg) no-repeat left top;
	float: right;
	width: 53px;
}
#content .productfiche .productdescription table tr td .amount input  {
	padding: 5px;
	margin:0px;
	background:none;
	border:none;
	width:43px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #444;
	float:left;
	text-align: right;
}
.productphoto{
	width: 368px;
	height: 248px;
	vertical-align: middle;
	text-align: center;
	border-bottom: solid 1px #ebebeb;
	overflow: hidden;
	margin-bottom: 1px;
	float: left;
	border: solid 1px #c91a1d;
}
.productframe{
	margin-left:-166px;
	margin-top:-226px;
	display:block;
}
.productposition {
	width: 700px;
	height: 700px;
	vertical-align: middle;
	text-align: center;	
}
.thumbholder .photo{
	width: 70px;
	height: 70px;
	vertical-align: middle;
	text-align: center;
	border-bottom: solid 1px #ebebeb;
	overflow: hidden;
	margin-right: 1px;
	float: left;
	border: solid 1px #c91a1d;
}
.thumbholder .frame{
	margin-left:-65px;
	margin-top:-65px;
	display:block;
}
.thumbholder .position {
	width: 200px;
	height: 200px;
	vertical-align: middle;
	text-align: center;	
}
.thumbholder{
	float: left;
	}
.thumbholder .relatedphoto{
	width: 86px;
	height: 72px;
	vertical-align: middle;
	text-align: center;
	border-bottom: solid 1px #ebebeb;
	overflow: hidden;
	margin-left: 2px;
	float: left;
	border: solid 1px #29235f;
}
.thumbholder .relatedframe{
	margin-left:-57px;
	margin-top:-64px;
	display:block;
}
.thumbholder .relatedposition {
	width: 200px;
	height: 200px;
	vertical-align: middle;
	text-align: center;	
}

#content .productfiche .productresume{
	color: #29235f;
	margin: 5px 0px;
	}
#content .productfiche .hr {
	height: 2px;
	border: none;
	margin: 10px 0px;
	padding: 0px;
	font-size: 0px;
	background: url(../img/hr.jpg) repeat-x;
	}
#content .productfiche a{
	color: #c91a1d;
	}
#content .productfiche .productrelatedname{
	font-size: 16px;
	}
#content .productfiche .productrelatedshorttext{
	vertical-align: top;
	}
#content .productfiche .productrelatedshorttextlayout{
	color: #29235f;
	}
.shoppingcarimage{
	border: 1px solid #29235f;
	}
.shoppingcartext{
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #29235f;
	width: 340px;
	margin: 10px 0px;
	}
#content .shoppingbasket table tr th{
	background: #29235f;
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #FFF;
	height: 20px;
	vertical-align: middle;
	padding: 5px;
	}
#content .shoppingbasket table .odd td{
	background: none;
	background: url(../img/hr.jpg) repeat-x bottom;
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #29235f;
	height: 20px;
	vertical-align: middle;
	padding: 8px;
	}
#content .shoppingbasket table .even td{
	background: #FFF url(../img/hr.jpg) repeat-x bottom;
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #29235f;
	height: 20px;
	vertical-align: middle;
	padding: 8px;
	}
#content .shoppingbasket table tr .purplerow{
	background: #9190b0 url(../img/hr2.jpg) repeat-x bottom;
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #29235f;
	height: 20px;
	vertical-align: middle;
	padding: 10px 5px;
	}
#content .shoppingbasket table tr .darkpurplerow{
	background: #29235f url(../img/hr3.jpg) repeat-x bottom;
	font: normal 12px "Century Gothic", Arial, Tahoma;
	color: #fff;
	height: 20px;
	vertical-align: middle;
	padding: 10px 5px;
	}
#content .conditions{
	font: normal 9px "Century Gothic", Arial, Tahoma;
	color: #29235f;
	padding: 20px 0px;
	}
#content .shippinginfo{
	font: normal 11px "Century Gothic", Arial, Tahoma;
	color: #29235f;
	}
#content .customer{
	font: normal 18px "Century Gothic", Arial, Tahoma;
	color: #c91a1d;
	
	}

#imagebox {
  height: 209px;
  overflow:hidden;
  width:605px;
  margin-left:-14px;
  margin-bottom: 0px;
}


/* TOEGEVOEGD BIJ SCRIPTING */
#contentHome .ondertitel {
	font-size: 14px;
	color: #29235e;
	font-weight: bold;
	padding-bottom: 0px;
	display: block;
}

#content .title {
	padding-top: 15px;
}

#stappenplan
{
	margin:0 5px 25px 5px; text-align:right; background-color:#fff;
}

.melding_exclbtw	{ margin:10px 0 0 10px; padding-top:5px; border-top: 1px solid #29235f; font-size:11px; }
.shoptree_heading	{ margin:10px; font-size:13px; font-weight:bold; }
/*
.level1 a:link, .level1 a:visited	{ color:#29235f; margin:0 3px; }
.level1 a:hover, .level1 a:active	{ color:#29235f; margin:0 3px; }
*/
li.level1	{ color:#29235f; margin:8px 0; padding-top:30px; }
.node, .selectednode	{ margin:8px 0; }
#content .node a:visited, #content .node a:link { color:#29235f; }
#content .selectednode a:visited, #content .selectednode a:link { color:#c91a1d; }


/* toegevoegd bij scripting */
.subtitle2 {
	font-size: 14px;
	color: #29235e;
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
}

.ulprogramma li { margin: 5px 0; }

.seminarietijd	{ font-weight:bold; }

/*
#splash a.bluelink:link, #splash a.bluelink:visited
{
	text-decoration:none;
	color:#6d9fff;
}
#splash a.bluelink:hover, #splash a.bluelink:active
{
	text-decoration:underline;
	color:#6d9fff;
}
*/

#splash a:link, #splash a:visited
{
	text-decoration:none;
	color:#6d9fff;
}
#splash a:hover, #splash a:active
{
	text-decoration:underline;
	color:#6d9fff;
}