html								{ background-color:#E8ECED; font-family:Arial, Helvetica, sans-serif; }
body								{ margin:0 auto; width:1000px; color: #333333;}
a									{ color:#007CC3;}
h1, h2, h3							{ color:#e2007b;}
p									{ font-size:12px; line-height:17px; margin:0; }
h1									{ font-size:24px; margin:0 0 10px; }
h2									{ font-size:16px; margin:0 0 5px; }
h3									{ font-size:12px; margin:0 0 5px; }
h4									{ font-size:12px; }
h1, h2, h3, h4						{ font-weight: 400; }
ul, ol								{ font-size:12px; }
a img								{ border: none; }
fieldset 							{ border: 0; padding: 0 0 0.5em 0; font-size:12px; }
#birth-certificate fieldset			{ margin-bottom:80px; }
form								{ padding: 0; margin: 0; display: block; }
.formError							{ border: 1px solid #a40000; }
input 								{ font-family:Arial;font-size:12px;}
textarea							{ font-family:Arial, Helvetica, sans-serif; font-size:12px; width:237px; min-height:48px; float:none !important; }

.videoHolder						{ border: 1px solid #dedede; width: 480px; height: 270px; float: left; }

#global								{ margin:0 auto; width:1000px; }
#top								{ float:left; background-color:#FFF; width:980px; padding:0 10px 10px; }
#header								{ width:980px; height:200px; background:url("/images/header.jpg"); }
#header a							{ color:#FFF; text-decoration:none;  }
#header a:hover						{ text-decoration:underline; }
#logoLink							{ height:140px; width:5px; display:inline-block; margin:10px 0 0 25px; font-size:0; padding:0; float:left; }
#header span						{ margin:0 0 0 10px; }
#header #service					{ float:left; color:#FFF; font-weight:bold; height:25px; }
#header #service ul					{ margin:5px 10px 0 0; padding:0; list-style-type:none; }
#header #service li					{ float:left; margin:0 10px 0 0; }
#header #menu						{ float:left; margin-top:13px; height:37px; width:980px; }
#header #menu ul					{ margin:0 0 0 10px; padding:0; list-style-type:none; }
#header #menu li					{ float:left; margin:0 5px 0 0; }
#header #menu a						{ height:37px; text-indent:-1000px; overflow:hidden; display:block; }
#header #menu a:hover, 	
#header #menu .selected 			{ background-position:0 -40px; }
#header #menu #index				{ width:78px; background-image:url("/images/menu/home.png"); }
#header #menu #registration			{ width:223px; background-image:url("/images/menu/registration.png"); }
#header #menu #birth-certificate	{ width:165px; background-image:url("/images/menu/certificate.png"); }
#header #menu #successes			{ width:172px; background-image:url("/images/menu/successes.png"); }
#crumbs								{ width:980px; height:50px; }
#crumbs p							{ line-height:50px; }
#main								{ width:740px; margin-bottom:10px; min-height:320px; float:left; background:url("/images/background.gif") repeat-y; }
#main a								{ font-size:12px; line-height:17px; margin:0 0 10px; }
#main a:hover						{ text-decoration:none; }
#main p								{ margin:8px 0 8px 0; }
#main #side							{ float:left; width:240px; margin-bottom:25px; }
#main #side a						{ text-decoration:none; }
#main #side .title					{ font-size:14px; height:25px; width:241px; background-color:#FFF; margin:0; }
#main #side p						{ margin:0 0 10px; }
#main #side .submenu				{ margin:0 0 40px; padding:0; list-style-type:none; }
#main #side .submenu li				{ margin:0; padding:0 0 0 10px; height:20px; line-height:20px; width:229px; border-bottom:1px solid #DEDEDE; border-left:1px solid #DEDEDE; background:#F8F8F8; }
#main #side .submenu li:first-child	{ border-top:1px solid #DEDEDE; }
#main #side .guide					{ padding:0 10px; }
#main #side ul						{ list-style-type:square; margin:-10px 0 10px; padding:0 0 0 15px; }
#main #side li						{ margin:0; padding:0; }

#main #side .thumbImageHolder 		{ vertical-align:middle; width:232px; background-color:#e0e0e0; padding:4px;}
#main #side .thumbImageHolder img	{ display:block; margin-left: auto; margin-right:auto; max-width:232px;}
#main #content						{ float:left; padding:0 0 10px 0; margin:0; }
#main #mainContent					{ width:480px; margin:0 10px 0 10px; padding: 0; float:right; display:inline-block; } 
#main #mainHomeContent				{ width:100%; margin:0 10px 0 10px; padding: 10px 0 0 0; float:left; display:block; }
/*float moet op right. voor testing pupose op none gezet, niet vergeten*/
#call2action						{ float: right; width:240px; }
#call2action h3						{ color:#e2007b; font-size:18px; margin:0 0 10px; }
#call2action .block					{ width:218px; padding:10px; background:#F8F8F8; border:1px solid #DEDEDE; margin-bottom:10px; }
#call2action .link					{ margin:0; color:#e2007b; }
#call2action a:hover				{ text-decoration:none; }
#call2action #order					{ }
#call2action #order #start			{ display:block; text-indent:-2000px; overflow:hidden; width:218px; height:60px; background:url("/images/order.jpg"); margin:10px 0; }
#call2action #result				{ }
#call2action #result h3				{ color:#e2007b; }
#call2action #insert p				{ margin-left:10px; }

#footer								{ float:left; width:980px; background:#e2007b; color:#ffc7e5; }
#footer h1, #footer h2, #footer a	{ color:#FFF; text-decoration:none; }
#footer a:hover						{ text-decoration:underline; }
#footer h2							{ font-size:18px; }
#footer hr							{ background-color:#f676bc; color:#f676bc; border:0; height:1px; margin:0; }
#sponsors							{ width:980px; height:95px; background:url("/images/sponsors.gif") 255px 20px no-repeat; }
#sponsors p							{ padding:35px 10px; width:220px; }
#extra								{ }
#extra div							{ float:left; padding:10px; margin-bottom:10px; }
#extra ul							{ margin:0; padding: 0 0 0 3px; float:left; list-style-type: none; }
#extra li							{ background-image: url('/images/footerBullet.gif'); background-repeat: no-repeat; background-position: 0 5px; padding-left: 12px; }
#extra #initiative					{ width:150px; height:200px; background:url("/images/plan.jpg") no-repeat 10px 80px; display: block; float: left; margin:10px 70px 0 10px;}
#extra #initiative p				{ color: #ffc7e5; }
#extra #initiative:hover			{ text-decoration: none; !important}
#extra #about						{ width:225px; }
#extra #info						{ width:225px; }
#extra #contact						{ width:230px; }

#bottom								{ float:left; width:1000px; margin-bottom:50px; }
#bottom hr							{ background-color:#CED1D2; color:#CED1D2; border:0; height:1px; }
#bottom #quote						{ width:980px; text-align:center; padding:20px 0 1px; color:#666; margin:0 10px 0 10px; }
#bottom #seo						{ padding:0 20px; color:#999; }
#bottom #seo h4						{ margin: 20px 0 0; font-weight:bold; }

/* Archiefpagina's (actueel, projecten en testimonials */
.archiveItem 						{ vertical-align:top; display:inline-block; margin-bottom:20px; }
.archiveItem h3 					{ font-size:16px; display:inline-block; width:100%; }
.archiveItem h3 span				{ font-size:12px; color:#333; margin-left:5px; padding-left:5px; border-left:1px solid #333; vertical-align:bottom; }
/*.archiveItem img 					{ float:left; border: 1px solid #e0e0e0; padding:2px; background:#fff; width:100px; display:inline-block; }*/
.archiveItem p 						{ width:368px; display:inline; margin:0; padding:0; vertical-align:text-top; }
.archiveItem p a					{ margin:0; padding:0;}
/*.archiveItem a					{ padding:0 0 0 10px; display:inline-block; vertical-align:text-top; font-size:12px; background: url('/images/linkedBullet.gif') no-repeat 3px 7px; margin:5px 0 0 0;  }*/
.archiveItem a:hover				{ text-decoration: none; }
.archiveItem .readMore				{ padding:0 0 0 10px; display:inline-block; vertical-align:text-top; font-size:12px; background: url('/images/linkedBullet.gif') no-repeat 3px 7px; margin:5px 0 0 0;}
.archiveItem .thumbImageHolder 		{ float:left; margin-right:10px; height:72px; overflow:hidden; padding:2px; vertical-align:middle; width:100px; border:1px solid #e0e0e0;} 
.archiveItem .image					{ background:none repeat scroll 0 0 #000000; display:table-cell; height:72px; vertical-align:middle; width:103px;}
.archiveItem .image img				{ display:block; margin-left:auto; margin-right:auto; height:72px; max-width:100px;}

#pages								{ display:inline-block; text-align:center; width:100%; margin: 10px 0 40px 0; }
#pages a, #pages p					{ display:inline; float:left; padding:0; margin:0 5px 0 5px; vertical-align:bottom; }

#article							{ float:left; }
#article #pubdate					{ font-size:12px; color:#777; margin:-5px 0 -5px 0; padding:0; }
#article	h1						{  }
#article	p						{ display:inline; float:left; }
#article	img						{ border: 1px solid #e0e0e0; padding:2px; }

/* index, persoonlijke pagina */
#lightboxholder 					{position: fixed; top:0; left:0; right:0; bottom: 0; z-index:99; background: url('/images/personal-page/lightboxShadow.png');}
#lightboxholder #lightboxcontent 	{width: 638px; height: 410px; margin: 0px auto; padding: 25px; position: relative; top: 200px; background: url('/images/personal-page/lightboxBackground.png') no-repeat;}
#lightboxholder ul 					{margin: 13px 5px 13px 5px; padding: 0;}
#lightboxholder li 					{margin: 0; padding: 3px 0 0 10px; list-style-type: none;}
#lightboxholder li 					{background: url('/images/bullet.gif') 0 8px no-repeat;}
#lightboxholder img#close 			{position: absolute; top: 0; right: 0;}

#index #lightboxholder 					{position: fixed; top:0; left:0; right:0; bottom: 0; z-index:99; background: url('/images/personal-page/lightboxShadow.png');}
#index #lightboxholder #lightboxcontent {width: 500px; height: 460px; margin: 0px auto; padding: 25px; position: relative; top: 10%; background: url('/images/lightboxBackground.png') no-repeat;}
#index #lightboxholder 					{position: fixed; top:0; left:0; right:0; bottom: 0; z-index:99; background: url('/images/personal-page/lightboxShadow.png');}
#index #lightboxholder #editURL			{background: url('/images/editCard.jpg'); width:150px; height:26px; overflow:hidden; text-indent:-1000px; display:block; margin-top:10px; }


/* Forms */
#subscribepage						{width:860px; height:100%; float:left; margin:0; padding:0; background:url(/images/global/starbackground.png) bottom left no-repeat; display:block;}
#innerwrapper						{width:780px; height:auto; margin:0 40px; padding:15px 0; float:left;}
#leftside							{float:left; width:450px;}
	#txtpart_holder					{width:450px; margin:0 0 40px;}
	.form-holder					{width:365px; height:100%;}
#rightside							{float:left; width:300px;}
	#moneycount_holder				{margin:0 0 0 50px;}
	#whc-holder						{margin:0;}
	#whc-holder .step2				{margin-top:64px; }
/*
#message-label						{float:left; width:90px;}
input[type=checkbox] 				{ clear: none; display: inline; }
input[type=checkbox]+label 			{ float: none; display: inline; }
div .description					{float:left; margin-left:4px;}
div .errors							{}
div .errors ul						{list-style: none;}
div .brside							{width:400px; margin-right:20px;float: left}
.formbutton							{float:left; display:block; margin:10px 0 10px 228px;}
#contribution						{width:143px;}
div #contribution-label				{width:210px;float:left}
div .ctextbox						{width:155px;float:left}
*/

#element							{ min-height:30px; line-height: 30px; clear:both; }

legend								{ margin: 0; padding: 0; font-weight: bold; }
.leftlabels, #message-label,
#captcha-label, #date-label			{ float:left; width:200px; }
.leftlabel-amount					{ float:left; width:40px; line-height:25px; }
.rightlabel							{ float:right; margin:0 35px 0 0; }

input[type=text] 					{ clear:none; display:inline; height:16px; width:237px; }
.textinput							{ float:left; }

input[type=submit] 					{display:block; width:169px; height:31px; border:none;cursor: pointer;}
.submitinput						{float:left; margin:5px 18px 10px 274px;}
.submit-buy 						{background: url(/images/nukopen.jpg) bottom right no-repeat; }
.submit-order 						{background: url(/images/bestellen.jpg) bottom right no-repeat; }

input[type=radio] 					{ display: inline; }
.radioinput							{ }

input[type=file] 					{ display: inline; }
.fileinput							{ }


.textareafield						{float:left;display: block;}

.captcha-field						{float:left;display: block;}
.captcha-field img					{margin:5px 0 5px 0;}

select 								{ margin: 0; padding: 0; clear:none; display:inline; height:22px; width:195px}
.selectholder						{float:left;}

#date_day-label						{float:left; width:200px; line-height:20px;}
#date_month-label					{display:none;}
#date_year-label					{display:none;}

#select-date-day, #select-date-month	{float:left; margin:0 10px 5px 0; height:25px;}
#select-date-year						{float:left; margin:0 0 0 0; height:25px;}

#date_day							{ width:62px }
#date_month							{ width:99px }
#date_year							{ width:62px }

#bottomclear						{ clear: both; display: block; height: 20px; }
#dojodate-label						{ float:left; width:200px; }
#dojoDate, #dojodate-label			{ height:25px; margin:0 0 5px 0; }
.description						{ float:left; }
.description-amount					{ float:left; line-height:25px; padding:0 0 0 10px; }
.description-month					{ float:left; line-height:25px; width:10px; }
/*custom stuff*/
#participantid-label, #company-label,
#company-label, #amount-label,
#companyname-label, #website-label,
#firstname-label, #lastname-label,
#email-label, #formlabel1-label,
#formlabel2-label, #companylogo-label	{width:150px;float:left}

#company-radios, #participantid-select,
#amount-input, #companyname-input,
#website-input, #firstname-input,
#lastname-input, #email-input,
#companylogo-input						{ width:205px;float:left;line-height:30px;}

#formlabel1-label, #formlabel2-label	{ width:350px; margin-bottom:10px; }
#amount-label							{ margin-bottom:20px;}

.element								{ margin:0 0 6px 0; height:auto; float:left;}
/*#formlabel1-label, #companyname-label, #companyname-input, #website-label, #website-input { display: none;}*/
.element-errors							{ margin-left:178px; line-height:25px; float:left;}
.errors									{ list-style:none; margin:0 0 5px 0;padding:0; display:block; clear:both; color:#a40000; line-height:25px; height:25px; overflow:hidden; }
.errors ul								{ list-style-type: none; list-style: none; list-style-image:none; margin:0; padding:0; }
.errors li								{ list-style-type: none; list-style: none; list-style-image:none; margin:0; padding:0; }

/*-----inschrijven-----*/
#parents-element, #child-element,
#club-element, #other-element			{ display:inline-block; float:left; padding:5px; margin:5px; width:440px; height:auto; border:1px solid #CCC; }
#parents-element, #club-element			{ margin-left:40px; width:300px; }
#club-element							{ display:inline-block; }
#parents-label, #child-label,
#club-label, #other-label				{ display:none; }

#birthcertificateform #banknumber-label,
#birthcertificateform #banknumber-select,
#birthcertificateform #bank-label,
#birthcertificateform #bank-select			{ display:none; }
#birthcertificateform #banknumber-label		{ float:left; line-height:25px; width:200px; }
#birthcertificateform #banknumber-select	{ float:left; height:25px; margin:0 10px 5px 0; }
#birthcertificateform #bank-label			{ float:left; line-height:25px; width:200px; }
#birthcertificateform #bank-select			{ float:left; height:25px; margin:0 10px 5px 0; }

#autoform								{ display:none; }
#comments								{ float:left;height:auto;margin:10px 0 15px }

#amountWrapper							{ background:#F8F8F8; border: 1px solid #E5E5E5; margin:0 0 10px 0; padding:0; vertical-align:top; }
#amountWrapper label					{ margin:0 5px 5px 5px; }
#amountWrapper select					{ margin:5px; width:50px; }
#amountWrapper span						{ margin:0 5px 5px 5px; }
#amountWrapper ul						{ margin:0 0 0 10px; padding:0; }

#salutationWrapper						{ width:440px; height:auto; float:left; line-height:30px; }
#salutationWrapper label				{ width:150px;float:left; }
#salutationWrapper span					{ width:8px;float:left; }
#salutationWrapper select				{ width:130px;float:right; margin-right:151px; display:inline; }

#firstnameWrapper,
#suffixWrapper,
#lastnameWrapper,
#birthdateWrapper,
#emailWrapper,
#streetWrapper,
#housenumberWrapper,
#housenumbersuffixWrapper,
#zipcodeWrapper,
#cityWrapper,
#telephoneWrapper,
#nicknameWrapper,
#banknumberWrapper,
#bankWrapper,
#birthcertificatetypeidWrapper,
#submitbuttonWrapper,
#textWrapper,
#fullnameWrapper label,
#fulladdressWrapper label			{ width:440px; height:auto; float:left; line-height:30px; vertical-align:top; display:inline; }

#textWrapper .hint 					{ vertical-align:top; }

#firstnameWrapper label,
#suffixWrapper label,
#lastnameWrapper label,
#birthdateWrapper label,
#emailWrapper label,
#streetWrapper label,
#housenumberWrapper label,
#housenumbersuffixWrapper label,
#zipcodeWrapper label,
#cityWrapper label,
#telephoneWrapper label,
#nicknameWrapper label,
#textWrapper label,
#banknumberWrapper label,
#bankWrapper label,
#birthcertificatetypeidWrapper label,
#submitbuttonWrapper label, #fullnameWrapper label,
#fulladdressWrapper label			{ width:150px; float:left; }

#telephoneWrapper input,
#suffixWrapper input,
#housenumbersuffixWrapper input		{ margin-left:8px; }

#birthdateWrapper div				{ width:245px; float:left; margin: 4px 0 0 0; }
#birthdateWrapper span				{ width:8px; float:left; }
#birthdateWrapper .day				{ width:64px; margin-right:6px; float:left; }
#birthdateWrapper .month			{ width:94px; margin-right:6px; float:left; }
#birthdateWrapper .year				{ width:72px; float:left; }

#fullnameWrapper div				{ width:280px; float:left; margin: 4px 0 0 0; }
#fullnameWrapper span				{ width:8px; float:left; line-height:30px;}
#fullnameWrapper .firstname			{ float:left; margin-right:6px; width:84px; }
#fullnameWrapper .preposition		{ float:left; margin-right:6px; width:44px; }
#fullnameWrapper .lastname			{ float:left; margin-right:6px; width:85px; }

#fulladdressWrapper div				{ width:280px; float:left; margin: 4px 0 0 0; }
#fulladdressWrapper span			{ width:8px; float:left; }
#fulladdressWrapper .street			{ float:left; margin-right:6px; width:86px; }
#fulladdressWrapper .housenumber	{ float:left; margin-right:6px; width:86px; }
#fulladdressWrapper .suffix			{ float:left; margin-right:6px; width:41px; }

#paymenttypeWrapper					{ width:100%; height:auto; float:left; background:#F8F8F8; border: 1px solid #E5E5E5; margin:10px 0 10px 0; padding:5px 0 5px 0; display:inline-block; }
#paymenttypeWrapper input			{ width:auto; float:left; line-height:30px; margin:6px 5px 0 10px; padding: 0; clear:both;}
#paymenttypeWrapper label			{ float:right; width:445px; text-align:left; padding:0; margin:5px 0 5px 0; display:inline-block; }

#submitbuttonWrapper				{ width:100%; display:inline-block; }
#submitbuttonWrapper input			{ text-indent:-1000px; overflow:hidden; font-size:0; display:inline-block; line-height:0; overflow:hidden; margin: 10px 0 0 0; float:right; }

#imageinlay							{position:relative;float:right; top:-270px; display:inline-block;}

#inlayImage							{height:220px; margin-left:45px;}
#inlayImageFaq						{margin-left:70px;}

#call2action_container
{
	float: left;
	width: 240px;
}