/* BEGIN : default styles */
a.paars {color:#42419B; text-decoration:underline}
a.paars:hover {text-decoration:none}
a.red {color:#C30; background:#FAEAE5; text-decoration:none}
a.red:hover {background:#FFF}
a.red2 {color:#C30; text-decoration:underline; font:12px Verdana, Arial}
a.red2:hover {text-decoration:none}
body#screen {text-align:center; height:100%;} /* align center hack for IE5 */
body.bg {background:url(../images/topArea_shadow.jpg) repeat-x center 273px}
body.bgIntro {background:url(../images/topArea_shadow.jpg) repeat-x center 318px}
body.bgChoice {background:url(../images/topArea_shadow.jpg) repeat-x center 540px}
body.bgApplication {background:url(../images/topArea_shadow.jpg) repeat-x center 600px}
div {margin:0; padding:0}
form {margin:0; padding:0}
h1 {color:#4A64C5; font:12px Verdana, Arial; line-height:19px; text-transform:uppercase; padding:0; margin:0}
h2 {color:#42419B; font:bold 13px Verdana, Arial; line-height:18px; margin:0 0 3px 0}
h3 {color:#42419B; font:12px Verdana, Arial; line-height:18px; margin:0}
img {border:0; margin:0; padding:0}
body {color:#666; font:11px Verdana, Arial, Helvetica; line-height:18px}
p {text-align:justify; padding:0; margin:0;}
p.blue {color:#4A64C5}
p.grijs {color:#333}
p.paars {color:#7474B6; font:12px Verdana, Arial; margin:0; line-height:18px; padding-right:5px}
p.paars2 {color:#42419B; font:12px Verdana, Arial; line-height:18px; margin:0}
ul {list-style:none; margin:0; padding:0}
/* END : default styles */


/* BEGIN : Header styles */
div#logo {height:48px; left:10px; position:absolute; top:16px; width:151px; z-index:1}
div#zoekbox {background:url(../images/bg_zoekBox.gif) no-repeat top left; height:25px; position:absolute; right:25px; text-align:right; top:25px; width:190px; z-index:1}
div#zoekbox div {float:left; width:96px}
div#zoekbox div#pic {float:left; width:61px; height:25px}
input.zoekText {color:#42419A; background:#FFF; border:1px solid #FFF; font:13px Verdana, Arial; height:19px; margin:0; padding-top:2px; width:96px}

div#geenzoekbox {background:none;height:25px; position:absolute; right:25px; text-align:right; top:25px; width:190px; z-index:1}
div#geenzoekbox {float:left; width:96px}
div#geenzoekbox {float:left; width:61px; height:25px}


ul#show  {height:95px; list-style:none; width:980px}
ul#show li {float:left; height:95px; margin:0; padding:0; width:140px}
ul#show li#one {background:url(../images/bg_navOne.gif) #424BA2}
ul#show li#two {background:url(../images/bg_navTwo.gif) #4356AA}
ul#show li#three {background:url(../images/bg_navThree.gif) #4364B5}
ul#show li#four {background:url(../images/bg_navFour.gif) #4471BF}
ul#show li#five {background:url(../images/bg_navFive.gif) #4480CA}
ul#show li#six {background:url(../images/bg_navSix.gif) #448ED5}
ul#show li#seven {background:url(../images/bg_navSeven.gif) #449CE0}
ul#topNav {height:30px; list-style:none; width:980px; font:15px Verdana, Arial; font-weight:500}
ul#topNav li {float:left; height:30px; margin:0; padding:0; width:140px;}
ul#topNav li div {height:30px; width:140px;}
ul#topNav li div a {display:block; float:none; color:white; height:100%; text-decoration:none;}
ul#topNav li div a:hover {background:#C30; text-decoration:none; }
ul#topNav li div a.selected {background:#FFF; color:#4364B5}
ul#topNav li div a.selected:hover {background:#FFF}
ul#topNav li#oneM {background:#424BA2}
ul#topNav li#twoM {background:#4356AA}
ul#topNav li#threeM {background:#4364B5}
ul#topNav li#fourM {background:#4471BF}
ul#topNav li#fiveM {background:#4480CA}
ul#topNav li#sixM {background:#448ED5}
ul#topNav li#sevenM {background:#449CE0}
.topNavText {position: relative; top:13px; left:5px; font:bold 10px Verdana;}

ul#topNav li#oneM ul {position: absolute; left: -999em; height:210px; list-style:none; width:280px; font:15px Verdana, Arial; font-weight:500;}
ul#topNav li#oneM:hover ul, ul#topNav li#oneM.over ul {left:auto;}
ul#topNav li#oneM ul li {float:left; height:30px; margin:0; padding:0; width:280px; background:#424BA2}
ul#topNav li#oneM ul li div {height:30px; width:280px; background:#424BA2}
ul#topNav li#oneM ul li:hover, ul#topNav li#oneM ul li.over {background-color:#ccffcc; color: #FFF; overflow:hidden}
ul#topNav li#oneM ul li:hover div a, ul#topNav li#oneM ul li.over div a {background-color:#ccffcc; color: #FFF;}
ul#topNav li#oneM ul li div a {display:block; float:none; color:white; height:100%; text-decoration:none;}
ul#topNav li#oneM ul li div a:hover {background:#C30; text-decoration:none; }
ul#topNav li#oneM ul li div a.selected {background:#FFF; color:#4364B5}
ul#topNav li#oneM ul li div a.selected:hover {background:#FFF}
.subNavText {position: relative; top:13px; left:5px; font:bold 10px Verdana;}

ul#topNav li#fourM ul {position: absolute; left: -999em; height:60px; list-style:none; width:170px; font:15px Verdana, Arial; font-weight:500;}
ul#topNav li#fourM:hover ul, ul#topNav li#fourM.over ul {left:auto;}
ul#topNav li#fourM ul li {float:left; height:30px; margin:0; padding:0; width:170px; background:#4471BF}
ul#topNav li#fourM ul li div {height:30px; width:170px; background:#4471BF}
ul#topNav li#fourM ul li:hover, ul#topNav li#fourM ul li.over {background-color:#ccffcc; color: #FFF; overflow:hidden}
ul#topNav li#fourM ul li:hover div a, ul#topNav li#fourM ul li.over div a {background-color:#ccffcc; color: #FFF;}
ul#topNav li#fourM ul li div a {display:block; float:none; color:white; height:100%; text-decoration:none;}
ul#topNav li#fourM ul li div a:hover {background:#C30; text-decoration:none; }
ul#topNav li#fourM ul li div a.selected {background:#FFF; color:#4471BF}
ul#topNav li#fourM ul li div a.selected:hover {background:#FFF}

ul#topNav li#fiveM ul {position: absolute; left: -999em; height:60px; list-style:none; width:140px; font:15px Verdana, Arial; font-weight:500;}
ul#topNav li#fiveM:hover ul, ul#topNav li#fiveM.over ul {left:auto;}
ul#topNav li#fiveM ul li {float:left; height:30px; margin:0; padding:0; width:140px; background:#4480CA}
ul#topNav li#fiveM ul li div {height:30px; width:140px; background:#4480CA}
ul#topNav li#fiveM ul li:hover, ul#topNav li#fiveM ul li.over {background-color:#ccffcc; color: #FFF; overflow:hidden}
ul#topNav li#fiveM ul li:hover div a, ul#topNav li#fiveM ul li.over div a {background-color:#ccffcc; color: #FFF;}
ul#topNav li#fiveM ul li div a {display:block; float:none; color:white; height:100%; text-decoration:none;}
ul#topNav li#fiveM ul li div a:hover {background:#C30; text-decoration:none; }
ul#topNav li#fiveM ul li div a.selected {background:#FFF; color:#4480CA}
ul#topNav li#fiveM ul li div a.selected:hover {background:#FFF}

ul#topNav li#sevenM ul {position: absolute; left: -999em; height:60px; list-style:none; width:140px; font:15px Verdana, Arial; font-weight:500;}
ul#topNav li#sevenM:hover ul, ul#topNav li#sevenM.over ul {left:auto;}
ul#topNav li#sevenM ul li {float:left; height:30px; margin:0; padding:0; width:140px; background:#4480CA}
ul#topNav li#sevenM ul li div {height:30px; width:140px; background:#449CE0}
ul#topNav li#sevenM ul li:hover, ul#topNav li#sevenM ul li.over {background-color:#ccffcc; color: #FFF; overflow:hidden}
ul#topNav li#sevenM ul li:hover div a, ul#topNav li#sevenM ul li.over div a {background-color:#ccffcc; color: #FFF;}
ul#topNav li#sevenM ul li div a {display:block; float:none; color:white; height:100%; text-decoration:none;}
ul#topNav li#sevenM ul li div a:hover {background:#C30; text-decoration:none; }
ul#topNav li#sevenM ul li div a.selected {background:#FFF; color:#449CE0}
ul#topNav li#sevenM ul li div a.selected:hover {background:#FFF}
/* END : Header styles */

/* BEGIN : Content styles */

	/* BEGIN : content nav */
	div#contentNav h2 {color:#FFF; background:url(../images/bl_h2.gif) no-repeat center right #4A64C5; font:bold 11px Verdana, Arial; line-height:25px; margin:0; padding-left:10px}
	div#contentNav a.left {color:#4A64C5; background:url(../images/bl_a.content.gif) no-repeat center right #E4E8F6; border-bottom:1px solid #B5C0E7; border-top:1px solid #FFF; display:block; font:bold 11px Verdana, Arial; line-height:15px; padding:5px 17px 5px 10px; text-decoration:none}
	div#contentNav a.left:hover {background:url(../images/bl_a.content.gif) no-repeat center right #F2F4FB;}
	
	div.level3 {background:#FFF; float:left; font:11px Verdana, Arial; padding-top:5px; width:190px}
	div.level3 a {color:#4A64C5; line-height:15px; text-decoration:none;}
	div.level3 a.level2Item {background:url(../images/bl_a.content2.gif) no-repeat center right; display:block; font-weight:bold; padding:5px 17px 5px 10px;}
	div.level3 a.level2Item:hover {text-decoration:underline}
	div.level3 ul {background:#FFF; padding:0 0 5px 10px}
	div.level3 ul li {margin:0; padding:3px 17px 3px 0} /*padding-top:3px; padding-bottom:3px;}*/
	div.level3 ul li a.selected  {background:#F2F4FB; font-style:italic}
	div.level3 ul li a:hover {background:#F2F4FB}

	div.endNav {background:#E4E8F6; border-top:1px solid #FFF; display:block; height:1px; width:190px}
	/* END : content nav */

	/* BEGIN : center content */
	div#contentCenter div#topTemplate { margin-bottom: 0px; }
	div#contentCenter ul {font:11px Verdana, Arial; line-height:18px; margin:0}
	div#contentCenter ul li {background:url(../images/bl_list.gif) no-repeat top left; padding-left:16px;}
	div#contentCenter a {color:#C30; text-decoration:none}
	div#contentCenter a:hover {text-decoration:underline}
	div#contentCenter table.listDocumentContainer {border-left:6px solid #B5C0E7; margin-bottom:15px}
	div#contentCenter table.listDocumentContainer table {margin-left:15px;} 
	div#contentCenter table.listDocumentContainer h2 {color:#4A64C5; font:bold 11px Verdana, Arial; margin-left:15px;}
	div#contentCenter table.listDocumentContainer h2 a {color:#4A64C5;}
	p.content {border-left:6px solid #B5C0E7; padding-left:15px; margin-right:15px}
	p.content span {color:#4A64C5; display:block; font:bold 11px Verdana, Arial; line-height:18px; padding-bottom:3px} 
	p.content2 {margin-right:15px}
	p.content2 span {color:#333; display:block; font:bold 11px Verdana, Arial; line-height:18px} 
	/* END : center content */


/* TODO stijl voor CenterArea-BottomTemplate */
	/* BEGIN : bottom template */
	div#bottomTemplate {float:right; text-align:left; width:300px; margin:10px 0px 20px 25px; padding-right:40px;}
	div#bottomTemplate a {color:#C30; text-decoration:none}
	div#bottomTemplate a:hover {text-decoration:underline}
	div#bottomTemplate table.listDocumentContainer {border: none; margin-bottom:10px;}
	div#bottomTemplate table.listDocumentContainer h2 {color:#C30; font:11px Verdana, Arial; margin-left:15px;}
	div#bottomTemplate table.listDocumentContainer h2 a {color:#424BA2; font-weight: bold; }
	/* END : bottom template */

div.topLink {float:left; width:970px; height:22px; text-align:right}
div.topLink a {text-decoration:none; margin-left:10px;}

	/* BEGIN: centre template */
	div#centreTemplate {margin: 0px 0px 0px 20px;}
	/* END: centre template */
	
	/* BEGIN : succesweekend-'vervolgpagina' ShowChoice */
	div#centerTemplateChoiceTop1 {background: url(../images/keuze_limo_boven.jpg) no-repeat top left; width: 980px; height: 251px;}
	div#centerTemplateChoiceLeft1 {background: url(../images/keuze_limo_links.jpg) no-repeat top left; width: 320px; height: 164px; float: left;}
	div#centerTemplateChoiceRight1 {background: url(../images/keuze_limo_rechts.jpg) no-repeat top left; width: 660px; height: 164px; float: right;}
	div#centerTemplateChoiceTop2 {background: url(../images/keuze_kok_boven.jpg) no-repeat top left; width: 980px; height: 251px;}
	div#centerTemplateChoiceLeft2 {background: url(../images/keuze_kok_links.jpg) no-repeat top left; width: 320px; height: 164px; float: left;}
	div#centerTemplateChoiceRight2 {background: url(../images/keuze_kok_rechts.jpg) no-repeat top left; width: 660px; height: 164px; float: right;}
	div#centerTemplateChoiceTop3 {background: url(../images/keuze_klusjesman_boven.jpg) no-repeat top left; width: 980px; height: 251px;}
	div#centerTemplateChoiceLeft3 {background: url(../images/keuze_klusjesman_links.jpg) no-repeat top left; width: 320px; height: 164px; float: left;}
	div#centerTemplateChoiceRight3 {background: url(../images/keuze_klusjesman_rechts.jpg) no-repeat top left; width: 660px; height: 164px; float: right;}
	div#centerTemplateChoiceTop4 {background: url(../images/keuze_trainer_boven.jpg) no-repeat top left; width: 980px; height: 251px;}
	div#centerTemplateChoiceLeft4 {background: url(../images/keuze_trainer_links.jpg) no-repeat top left; width: 320px; height: 164px; float: left;}
	div#centerTemplateChoiceRight4 {background: url(../images/keuze_trainer_rechts.jpg) no-repeat top left; width: 660px; height: 164px; float: right;}

	div#contentCenterChoice p {margin: 15px; font: 13px Verdana, Arial; color: white }
	div#contentCenterChoice a {color: #F00; text-decoration: none; font-weight: bold }
	div#contentCenterChoice a:hover {text-decoration: underline; font-weight: bold }
	/* END : succesweekend-'vervolgpagina' ShowChoice */

	/* BEGIN : sollicitatiepagina ShowApplication */
	div#centerTemplateApplication {width: 960px; float: left; padding-top: 40px;}
	div#centerTemplateApplication p {text-align: center; padding: 10px 80px 10px 60px; font: 15px Verdana, Arial; font-weight: bold; color: #424BA2}
	
	div#centerTemplateApplicationLeft1 {width: 40%; height: 475px; float: left; background: #3a4ea7; color:white;}
	div#centerTemplateApplicationRight1 {width: 60%; height: 475px; float: left; background: #3a4ea7; color:white; font-weight:bold;}
	.sublabelChoiceMade, .sublabelNoChoiceMade {float:left; font: 9px Verdana,Arial;}
	
	div#centerTemplateApplicationLeft2 {width: 40%; height: 475px; float: left; background: #3a4ea7; color:white;}
	div#centerTemplateApplicationRight2 {width: 60%; height: 475px; float: left; background: #3a4ea7; color:white; font-weight:bold;}
	
	div#centerTemplateApplicationLeft3 {width: 40%; height: 475px; float: left; background: #3a4ea7; color:white;}
	div#centerTemplateApplicationRight3 {width: 60%; height: 475px; float: left; background: #3a4ea7; color:white; font-weight:bold;}
	
	div#centerTemplateApplicationLeft4 {width: 40%; height: 475px; float: left; background: #3a4ea7; color:white;}
	div#centerTemplateApplicationRight4 {width: 60%; height: 475px; float: left; background: #3a4ea7; color:white; font-weight:bold;}

	div#centerTemplateApplicationLeft {width: 40%; height: 475px; float: left; background: #3a4ea7; color:white;}
	div#centerTemplateApplicationRight {width: 60%; height: 475px; float: left; background: #3a4ea7; color:white; font-weight:bold;}	
	/* END : sollicitatiepagina ShowApplication */

/* END : Content styles */


/* BEGIN : footer */
div#con_footer p {color:#7C7CBA; float:right; font:12px Verdana, Arial; margin:0; padding-top:10px}
div#con_footer a {color:#7C7CBA; text-decoration:none;}
div#con_footer a:hover {text-decoration:underline;}
div#con_footer img {float:left;}
/* BEGIN : footer */

/* BEGIN : content Styles Home page */
div.firstItem {float:left; padding:20px 7px 0 15px; text-align:justify; width:225px}
div.firstItem h2 {font-size: 17px;}
div.firstItem p {margin:2px 0}
div.langBar {float:left; height:13px; padding-top:20px; text-align:right; width:725px}
div.triple {background:url(../images/bg_content2.gif) no-repeat 100% 100%; float:left; height:269px; padding:13px 0 0 12px; position:relative; width:232px}
div.triple p {float:left; margin:0; text-align:justify; width:215px}
div.triple a {bottom:15px; height:8px; position:absolute; right:15px; width:47px}

div#con_bot {background:#E4E8F6; float:left; margin:3px 0 0 0; padding:0; width:980px}
div#con_bot div.top {background:url(../images/bg_hoek_t.gif) no-repeat top left #E4E8F6; float:left; font:0px Verdana, Arial; height:6px; width:980px}
div#con_bot div.bottom {background:url(../images/bg_hoek_b.gif) no-repeat bottom left #E4E8F6; float:left; font:0px Verdana, Arial; height:6px; width:980px}
div#con_bot div.midden {background:url(../images/bg_home.gif) repeat-y top left #E4E8F6; border-left:1px solid #B5C0E7; border-right:1px solid #B5C0E7; float:left; width:978px}
	div#con_bot div.links {float:left; width:330px}
	div#con_bot div.rechts {float:right; width:630px}
	div#con_bot div.rechts h2 {margin-top:9px}
	div#con_bot div.rechts div.sub {float:left; margin-top:10px; width:615px}
	div#con_bot div.rechts div.sub img.visual {float:left; margin:0 9px 5px 0}
	div#con_bot div.rechts div.sub span.date {color:#9696C6; display:block; font:11px Verdana, Arial; line-height:18px}
  div#con_bot div.rechts div.sub h3 a {color:#42419B}
	div#con_bot div.rechts div.sub h3 a:hover {text-decoration:none}
	div#con_bot div.rechts div.sub p {color:#7474B6; font:11px Verdana, Arial; line-height:18px; margin:0; text-align:justify}
	div#con_bot div.rechts div.sub div.link {float:right; height:8px; text-align:right; width:400px}
	div#con_bot div.rechts div.subFooter {color:#42419B; font:12px Verdana, Arial; float:left;  height:18px; line-height:18px; margin-top:10px; text-align:right; width:615px}
	div#con_bot div.rechts div.subFooter a {color:#42419B}
	div#con_bot div.rechts div.subFooter a:hover {text-decoration:none}
	div#con_bot div.rechtsTop {float:left; height:123px; width:330px}
	div#con_bot div.first {float:left; height:103px; margin-top:9px; padding-left:13px; width:314px}
	div#con_bot div.first img.visual {float:left; margin-right:5px}
	div#con_bot h2 {color:#7474B6}

/* BEGIN : content Styles Home page */


/* BEGIN: table styles */
table, tr, td 	{margin:0; padding:0;}
h2.label		{margin:15px 0 0 0;}

/* IntroPage */
div#introContentCenter {
	text-align:right;
	vertical-align:top;	
	width:60%;
	float:left;
}

div#contentCenterLeft {
	text-align:right;
	vertical-align:top;	
	width:40%;
	float:left;
}

p.contentIntro {}
	div.contentIntro {
		float:right;
}

div.sollicitatieLeftPar {
	padding : 10px;
}

#verzenden {
	font-weight:bold;
   	color:#ffffff;
   	background-color:#3a4ea7;
   	border-color:#3a4ea7;
}


input.text, input.checkbox, input.button {font:13px Verdana, Arial;}
textarea.textArea {font:13px Verdana, Arial;}
select.select {font:13px Verdana, Arial;}