/* Begin Jello Mold Layout */

/* begin background colors of main elements */
body { /* bgcolor area outside of the site */
 	background-color:	#EEEEEE;
}
#wrapper1 { /* bgcolor left column */
/* 	background: url('/images/bg_left.gif') 100% 0; */
	background:			100% 0 #FFFFFF;
}
#wrapper2 { /* bgcolor right column */
	background:			url('/gfx/bg_right.gif') 100% 0 repeat-y;
}
#outer { /* bgcolor content area */
	background:			100% 0 #FFFFFF;
}
/* end background colors of main elements */


/* begin minimum width of site */
#expander {
	min-width:			954px; /* set to minimum width */
	margin:				0 -477px; /* set to "0 -<half of minimum width>" (negative value)*/
}
body {
	padding:			0 477px; /* set to "0 <half of minimum width>" */
}
/* end minimum width of site */


/* begin maximum width of site (also change setting in wholepage!) */
#sizer {
	max-width:			0px; /* set to (maximum width - minimum width) */
}
/* end maximum width of site */


/* begin width of left column and border */
#left {
	width:				0px; /* set to width of left column */
	margin-left:		0px; /* set to -<width of column + width of left-border> */
}
#outer {
	margin-left:		0px; /* set to width of left column */
	border-left:		0px solid #FFE0A5; /* set to width of left-column-border */
}
/* end width of left column and border */


/* begin width of right column and border */
#right {
	width:				236px; /* set to width of right column */
	margin-right:		-236px; /* set to -<width of column + width of right-border> */
	margin-left:		0px; /* set to width of right-column-border */
}
#outer {
	margin-right:		236px; /* set to width of right column */
	border-right:		0px solid red; /* set to width of right-column-border */
}
/* end width of right column and border */


/* begin borders around site */
#wrapper2 {
	border-left:		0px solid #FFE0A5; /* left-border of left-column */
	border-right:		0px solid #FFE0A5; /* right-border of right-column */
}
#pageheader {
	border-top:			0px solid #DD232E; /* top-border of pageheader */
	border-left:		0px solid #DD232E; /* left-border of pageheader */
	border-right:		0px solid #DD232E; /* right-border of pageheader */
}
#pagefooter {
	border-bottom:		0px solid #DD232E; /* bottom-border of footer */
	border-left:		0px solid #DD232E; /* left-border of footer */
	border-right:		0px solid #DD232E; /* right-border of footer */
}
/* end borders around site */

/* End Jello Mold Layout */


/* begin main styles */
body, th, td, input, select, textarea {
	font-family:		verdana, arial, sans-serif;
	font-size:			12px;
	color:				#505050;
}

#sponsorbar {
	text-align:			center;
	height:				60px;
	line-height:		60px;
	background:			url('/gfx/bg_sponsorbar.gif');
}
#sponsorbar .sponsor {
	/* border:				1px solid #D4D4D4; */
	margin-top:			10px;
	margin-right:		10px;
}
#pageheader {
	position:			relative;
	background:			url('/gfx/bg_header_border.gif') 0 100% repeat-x;
}
#headerimage {
	height:				103px;
	background:			0 0 no-repeat;
}

#headermenu {
	background-color:	#9B9B9B;
	height:				51px;
	border-top:			1px solid #FFFFFF;
	border-bottom:		1px solid #FFFFFF;
}
#path {
	padding-left:		15px;
	color:				#878787;
	font-size:			11px;
	line-height:		21px;
}
#path a,
#path a:hover,
#path a:visited {
	color:				#878787;
	text-decoration:	none;
}
#path a:hover {
	text-decoration:	underline;
}

#content {
	padding:			15px;
}
#content p {
	padding:			0;
	margin:				0;
	margin-bottom:		10px;
}

h1,
h2,
h3 {
	font-weight:		bold;
	padding:			0;
	margin:				0;
	color:				#42AED4;
	line-height:		22px;
}
h1 {
	font-size:			16px;
	margin-bottom:		5px;
}
h2 {
	font-size:			14px;
	margin-top:			10px;
	margin-bottom:		3px;
}
h3 {
	font-size:			13px;
	margin-top:			10px;
	margin-bottom:		0px;
}

a,
a:hover,
a:visited {
	color:				#42AED4;
	text-decoration:	underline;
}

#homepage,
#contentpage,
#contactpage {
	border-bottom:		1px solid #D4D4D4;
	padding-bottom:		10px;
}

#bottomcontent {
	padding-top:		20px;
}

#right .textpadder {
	padding:			10px;
	padding-bottom:		0;
}

.columnblock {
	background:			#FFFFFF;
	padding:			5px;
	margin-bottom:		10px;
}
.columnblock h2 {
	margin-top:			0px;
}

#searchfield {
	width:				140px;
	height:				13px;
	padding:			2px 0;
	margin:				0;
	margin-right:		5px;
	line-height:		11px;
	font-size:			11px;
	vertical-align:		middle;
}
#searchbutton {
	padding:			0 2px;
	margin:				0;
	vertical-align:		middle;
}

#pagefooter {
	height:				25px;
	line-height:		25px;
	background:			url('/gfx/bg_footer.gif') repeat-x;
	font-size:			11px;
	padding:			0 15px;
	color:				#9B9B9B;
	border-top:			1px solid #D4D4D4;
}

#homelink {
	width:				320px;
	height:				60px;
	display:			block;
	text-decoration:	none;
}
/* end main styles */

/* begin form styles */
input {
	margin:				1px 0;
}
.input_text {
	width:				200px;
	height:				15px;
}
.input_address {
	width:				165px;
}
.input_small {
	width:				25px;
}
.input_textarea {
	width:				330px;
	height:				120px;
}
.input_select {
	width:				206px;
	height:				20px;
}
.input_checkbox {
	float:				left;
	margin-right:		3px;
	margin-bottom:		3px;
}
/* end form styles */

/* begin menu styles */
#mainmenu,
#mainmenu .submenu {
	margin:				0;
	padding:			0;
}
#mainmenu {
	position:			relative;
	height:				27px;
	border-bottom:		1px solid #FFFFFF;
}
#mainmenu .menuitem {
	display:			inline;
}
#mainmenu .menuitem img {
	border-width:		0;
	border-right:		1px solid #FFFFFF;
	border-bottom:		1px solid #FFFFFF;
	vertical-align:		bottom;
}
#mainmenu .submenu {
	display:			none;
	height:				23px;
	line-height:		23px;
	padding-left:		15px;
	font-size:			12px;
}
#mainmenu .submenu,
#mainmenu .submenu a,
#mainmenu .submenu a:hover,
#mainmenu .submenu a:visited {
	color:				#FFFFFF;
	text-decoration:	none;
}
#mainmenu .submenu a:hover,
#mainmenu .submenu span.active a {
	text-decoration:	underline;
}
#mainmenu .submenu.active {
	position:			absolute;
	top:				28px;
	left:				0;
	display:			block;
}

/* set bottom border of active main menu item to create the tab effect */
#mainmenu .menuitem.active img {
	border-bottom-color:	#9B9B9B;
}
#bottom_menu {
	float:				right;
}
#bottom_menu a,
#bottom_menu a:hover,
#bottom_menu a:visited {
	color:				#9B9B9B;
	text-decoration:	none;
}
#bottom_menu a:hover,
#bottom_menu span.active a {
	text-decoration:	underline;
}
/* end menu styles */

/* begin sitemap styles */
#sitemap .menuitem {
	display:			block;
}
#sitemap .submenu {
	padding-left:		15px;
	padding-bottom:		10px;
}
/* end sitemap styles */

/* begin banners */
.banner {
	text-align:			center;
}
.banner iframe {
	overflow:			hidden;
	border:				1px solid #D4D4D4;
	margin:				0;
	padding:			0;
}
#content .banner1 {
	border-bottom:		1px solid #D4D4D4;
	padding:			20px 0;
}
#content .banner1 iframe {
	width:				468px;
	height:				60px;
}
#content .banner2 {
	float:				right;
	margin:				0;
	padding:			0;
}
#content .banner2 iframe {
	width:				300px;
	height:				250px;
	margin:0;
}
.columnblock.banner {
	padding:			15px 0;
}
.columnblock.banner iframe {
	width:				180px;
	height:				150px;
}
/* end banners */

/* begin news sections */
.newsitem {
	border-bottom:		1px solid #D4D4D4;
	margin:				0;
	padding:			10px 0;
	float:				left;
}
div.newsitem-img, div.newsitem-text {
	float:				left;
}

div.newsitem-img {
	width:				150px;
	margin-right:		15px;
}

div.newsitem-text {
	width:				520px;
}
#content .newsitem_title {
	margin:				0;
	padding:			0;
	margin-right:		80px;
	background:			none;
	border:				0;
	height:				inherit;
	line-height:		inherit;
}
#content h2.newsitem_title a{
	text-decoration:	none;
}
#content h2.newsitem_title a:hover{
	text-decoration:	underline;
}
.newsitem_date {
	float:				right;
	margin-top:			3px;
	font-size:			11px;
}
.newsitem_image {
	float:				left;
	margin-bottom:		10px;
	border:				1px solid #D4D4D4;
}
#newspage .newsitem_image {
	float:				right;
	margin-left:		15px;
	margin-right:		0;
}
div.newsOverview div.headline a.headline_title{
	width:				auto;
}

.headline {
	margin-bottom:		1px;
}
.headline_date {
	float:				left;
}
.headline_title {
	padding-left:		5px;
	width:				280px;
	float:				left;
}
#headlines,
#uitslagen {
	width:				360px;
	margin-bottom:		20px;
	float: 				left;
}
div#uitslagen {
	width:				310px;
	float:				right;
}
#headlines h2,
#uitslagen h2,
.winternet h2,
.uitslagen_header {
	height:				22px;
	line-height:		22px;
	margin:				0;
	padding:			0 2px;
	border-top:			1px solid #D4D4D4;
	border-bottom:		1px solid #D4D4D4;
	background:			url('/gfx/bg_h2.gif') no-repeat;
}
.uitslagen_header {
	margin-bottom:		5px;
}
.uitslagen_list {
	margin-bottom:		10px;
	padding-left:		10px;
}
#alle_uitslagen {
	float:				right;
	margin-top:			10px;
}
/* end news sections */

/* begin contactform */
#contactform_container {
	margin-top:			20px;
}
#contactform input,
#contactform select,
#contactform textarea {
	width:				200px;
	margin-bottom:		2px;
}
#contactform label.error{
	color:red;
}
#contactform_container #contactform textarea {
	height:				75px;
}
#contactform .button {
	width:				auto;
	margin-top:			2px;
}
/* end contactform */

/* begin calendar */
.calendaritem {
	border-bottom:		1px solid #D4D4D4;
	margin:				0;
	padding:			10px 0;
}
#content .calendaritem_title {
	margin:				0;
	padding:			0;
	margin-right:		80px;
}
.calendaritem_date {
	font-size:			11px;
}
.calendaritem_image {
	float:				left;
	margin-right:		15px;
	margin-bottom:		10px;
	border:				1px solid #D4D4D4;
}
#calendarpage .calendaritem_image {
	float:				right;
	margin-left:		15px;
	margin-right:		0;
}
.columnblock.events .headline_date {

}
.columnblock.events .headline_title {
	width:				auto;
}

/* begin visual calendar */
.columnblock.calendar table#calendar {
	margin:				20px auto;
	text-align:			center;
}
#calendar,
#calendar td {
	font-size:			10px;
	border:				1px solid #42AED4;
	border-collapse:	collapse;
	padding:			0;
}
#calendar {

}
#calendar #calendar_days td,
#calendar .calendar_day {
	text-align:			center;
	vertical-align:		middle;
	width:				22px;
	line-height:		20px;
}
#calendar #calendar_days td {
	background-color:	#DEDEDE;
}
#calendar .cur_month {
	color:				#42AED4;
}
#calendar .active_day a {
	font-weight:		bold;
	cursor:				pointer;
	text-decoration:	none;
}
#calendar .active_day .calendar_day_text {
	background-color:	#DEDEDE;
}
#calendar .calendar_day_text {
	display:			block;
	margin:				2px;
	width:				18px;
	height:				16px;
	line-height:		16px;
}
#calendar .today .calendar_day_text {
	border:				1px solid red;
	width:				16px;
	height:				14px;
	line-height:		14px;
}
#calendar #calendar_prev,
#calendar #calendar_next {
	float:				left;
	width:				22px;
	height:				20px;
	line-height:		18px;
	font-size:			14px;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			center;
	vertical-align:		middle;
	border-right:		1px solid #42AED4;
}
#calendar #calendar_next {
	float:				right;
	border-left:		1px solid #42AED4;
	border-right-width:	0px
}
#calendar #calendar_header {
	background-color:	#DEDEDE;
}
#calendar #calendar_month {
	text-align:			center;
	padding-top:		3px;
}
/* end visual calendar */

/* end calendar */

/* begin winternet */
#logoutbutton {
	float:				right;
}
.columnblock.countrymap {
	margin:				10px auto;
}
.formError {
	padding:			10px 0;
	color:				#FF0000;
}
.formChangeCompany table th.error,
.formChangeCompany table td.error {
	color:				#FF0000;
	text-decoration:	underline;
}
.regioview h2 {
	margin-top:			25px;
}
.regioview h3 {
	background:			#F7F7F7;
	padding:			2px;
}
.regioview .company {
	margin-left:		15px;
}
.activities {
	float:				right;
	font-size:			11px;
	margin-top:			2px;
	margin-right:		2px;
}
.activity {
	float:				left;
	margin-left:		5px;
}
.activity img {
	float:				left;
	margin-right:		2px;
}
.companydetail .logo,
.companydetail .picture {
	float:				left;
	margin-right:		10px;
	margin-bottom:		15px;
	border:				1px solid #D4D4D4;
}
.companydetail .activities {
	float:				none;
}
.companydetail .activity {
	float:				none;
	margin-left:		0px;
	margin-right:		5px;
}
.companydetail .activity img {
	float:				none;
	vertical-align:		middle;
}
.companydetail #companydescription {
	margin-bottom:		15px;
}
.loginform
{
	position:relative;
}
.loginform img {
	border:				1px solid #D4D4D4;
	margin:				0 auto;
	display:			block;
}

.loginform div.login{
	border: 1px solid #42AED4;
	display:block;
	padding: 0 0 0 10px;
}
.loginform form.disabled{
	display:none;
}
.loginform form div.error{
	border:1px solid red;
	margin: 10px 10px 10px 0;
	font-weight:bold;
	padding:5px;
}
.loginform ul.loginSwitch{
	list-style:none;
	width:100%;
	height:25px;
	margin: 10px 0 0;
	padding: 0;
	line-height:22px;
}
.loginform ul.loginSwitch li{
	float:left;
	font-weight:normal;
	margin: 0;
	padding:0 5px 2px ;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	cursor:pointer;
}
.loginform ul.loginSwitch li.active{
	font-weight:bold;
	border-top: 1px solid #42AED4;
	border-left: 1px solid #42AED4;
	border-right: 1px solid #42AED4;
	cursor:default;
}
.loginform input.input_text{
	width:170px;
}
.loginform div.disabled{
	display:none;
}


#formChangeCompany {
	margin-top:			15px;
}
#formChangeCompany label {
	float:				left;
	width:				130px;
}
#companydata {
	float:				left;
	margin-right:		40px;
	width:				350px;
}
#companytypes {
	margin-left:		130px;
	margin-top:			-10px;
}
#companytypes label {
	width:				auto;
}
#companylogo {
	margin-bottom:		25px;
}
#companylogo,
#companypicture {
	float:				left;
	width:				250px;
}
#companylogo img,
#companypicture img {
	border:				1px solid #D4D4D4;
}
#formChangeCompany #buttonbar {
	margin-top:			10px;
}
/* winternet document list */
ul.winternet.documentMenu{
	list-style:none;
	margin:0;
	padding:0;
}
ul.winternet.documentMenu ul{
	display:none;
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
}
ul.winternet.documentMenu .clickable
{
	cursor:pointer;
}
ul.winternet.documentMenu h3
{
	background:#F7F7F7;
	padding:2px;
	text-decoration:underline;
}
ul.winternet.documentMenu li{
	margin: 0 0 20px;
}
ul.winternet.documentMenu ul.documents{
		display:block;
		list-style:disc;
}
ul.winternet.documentMenu ul.documents li{
		margin:0;
}
ul.winternet.documentMenu ul.open{
		display:block;
}
.winternet.documentMenu li div.moreInfo{
	color:				#42AED4;
	text-decoration:	underline;
	margin: 5px 0 0 ;
	cursor:pointer;
}

/* Soap link */
.winternet div.winternetsoap{
	margin: 0 0 10px;
	background: url('/gfx/spinner.gif') 0 50% no-repeat;
	padding: 10px 0 10px 20px;
}
.winternet div.winternetsoapReady{
	background: inherit;
}
/* overview screen */
.winternet div.top5 ,
.winternet div.subscribeLink{
	width: 330px;
	float:left;
	background: url(/gfx/main_evenementen_background.jpg);
	height: 115px;
	padding: 0;
}
/* why id? #content */
#content .winternet div.top5 p,
#content .winternet div.subscribeLink p{
	padding: 10px;
}
.winternet div.subscribeLink img{
	float:left;
	margin:0 10px 10px 0;
}

.winternet div.top5{
	margin: 0 0 10px 1px;
	width: 349px;
}
.winternet div.top{
	width: 330px;
}

.winternet div.eventDate ,
.winternet div.eventLocation {
	float:right;
	line-height:22px;
}
.winternet div.msg{
	visibility:hidden;
}
.winternet div.error{
	border: 1px solid red;
	padding:10px;
	margin: 10px 0;
	font-weight:bold;
}
.winternet div.msg table
{
	width: 100%;
	border-bottom: 1px solid #D4D4D4;
	margin: 0 0 20px;
}
div.winternet form.registermembers{
	position:relative;
}
div.winternet input.iDeal{
	position:absolute;
	right:0;
}
/* end winternet */



/* added for temporary search by trainee Herman van der Meulen, 2010-03-17 */

div#chooseCategorieTop
{
	display: none;
	width: 96%;
	padding: 0.5em;
	border: 1px solid #AAAAAA;
}

div#chooseCategorieTop div.category
{
	float: left;
	width: 32%;
}

div#chooseCategorieTop label
{
	padding-left: 0.3em;
}

div#paginationWrapper
{
	width: 600px;
	text-align: center;
	margin: 0 auto;
}

ul#pagination
{
	list-style: none;
	padding: 0;
}

ul#pagination li
{
	display: inline;
	padding: 0.3em 0.6em 0.5em;
	margin-right: 0.5em;
	border: 1px solid #AAAAAA;
}

div#pagination li.activePage
{
	border: none;
}