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

/* BASIC */
html, body	{ height: 100%; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
body.normal	{ background: none; }
a img		{ border: 0; }

#container	{ position: relative; min-height: 100%; }

/* HEADER */
#header		{ width: 100%; height: 212px; margin: 3px 0; background: url(../images/background-header.gif) repeat-x; position: absolute; top: 0; }
.normal #header_jpolite	{ display: none; }
#header a.logo	{ margin: 5px 20px; float: left; }

ul#quickmenu		{ float: right; margin: 0; padding: 0; list-style: none; }
ul#quickmenu li		{ float: left; }
ul#quickmenu li a	{ display: block; font-size: 0.8em; color: #000000; padding: 0 10px 0 0; }
ul#quickmenu li a:hover	{ text-decoration: none; }

ul.steps	{ margin: 47px 0 0 0; padding: 0; list-style: none; float: right; width: 210px; }
ul.steps li	{ height: 111px; margin: 0 0 0 3px; float: right; }
ul.steps li p	{ display: block; margin: 12px; color: #FFFFFF; font-weight: bold; font-size: 16px; line-height: 18px; position: relative; }

li.wide		{ width: 208px; background: url(../images/background-step-wide.gif) no-repeat; }
li.small	{ width: 125px; background: url(../images/background-step-small.gif) no-repeat; }

ul.steps li.wide p.large	{ font-size: 19px; margin: 16px 10px; }
ul.steps li.wide span.small	{ font-size: 13px; }
ul.steps li.wide p.small	{ font-size: 13px; margin: -12px 12px; }

ul.steps li.wide p.action		{ font-size: 21px; margin: 15px 10px 0; }
ul.steps li.wide p.action span	{ display: block; font-size: 15px; margin-top: 10px; }

ul.steps form, ul#steps fieldset	{ margin: 0; padding: 0; border: none; }
ul.steps input	{ float: left; }
ul.steps input.text		{ width: 90px; color: #000000; border: 1px solid #4697ca; padding: 3px; margin: 0 13px; }

.steps p a	{ color: #FFFFFF; text-decoration: none; }
.steps p a:hover	{ color: #f3f3f3; }

ul#options		{ width: 350px; margin: 5px 0 0 0; padding: 0; list-style: none; float: right; }
ul#options li	{ width: 30px; height: 30px; margin: 0 0 0 5px; float: right; text-align: center; background: url(../images/background-option.gif) no-repeat; }
ul#options li a	{ display: block; color:#FFFFFF; text-decoration: none; font-size: 14px; padding: 6px; }
ul#options li a:hover	{ color: #000; }

ul#options li.text		{ width: auto; font-size: 1em; background: none; padding: 5px 0 0; }
ul#options li.social	{ width: 26px; height: auto; background: none; margin-top: -3px; }
ul#options li.first		{ margin-right: 20px; }

/* MENU */
#menu		{ width: 100%; height: 27px; margin: 3px 0; background: #00609a; position: absolute; top: 215px; }

#menu ul	{ margin: 0; padding: 0; list-style: none; }
#menu li	{ float: left; position: relative; }
#menu li ul			{ display: none; position: absolute; left: 0; z-index: 10000; }
#menu li > ul		{ top: auto; left: auto; }
#menu li:hover ul	{ display: block; top: 27px; left: 20px; width: 125px; }

#menu li a	{ display: block; font-size: 16px; color: #FFF; text-decoration: none; padding: 3px 20px 4px; border-right: 1px solid #FFF; background: #00609a; }
#menu li a:hover, #menu li a.active	{ background: #efefef; color: #000; }

#menu ul.submenu li a		{ width: 125px; float: left; background: #efefef; color: #000000; font-size: 0.85em; border-top: 1px solid #FFF; border-right: none; padding: 4px; }
#menu ul.submenu li a:hover, #menu ul.submenu li a.active	{ background: #00609a; color: #FFFFFF; }

#menu li.item_193	{ display: none; }
#menu li.item_31	{ display: none; }
#menu li.item_35	{ display: none; }

/* CONTENT */
#content	{ padding: 248px 0 170px; }
.normal #content	{ margin: 20px 0 0 0; }

/* flyer */
.flyer			{ background: url(../images/button-flyer.gif) no-repeat 425px 40px; }
.flyer p.title	{ font-size: 2.15em; line-height: 0.5em; color: #00609a; margin: 20px; }
.middle .flyer ul		{ margin: 30px 0 20px; list-style-image: url(../images/list-item-flyer.gif); }
.middle .flyer li		{ font-size: 1.05em; line-height: 1em; color: #00609a; }
.flyer p		{ font-size: 1.05em; margin: 10px 0 10px 20px; }
.flyer .banner	{ background: #00609a; padding: 15px 20px; margin: 0 0 15px 0; }
.flyer .banner p	{ color: #FFFFFF; font-size: 1.2em; line-height: 0.5em; margin: 20px 0 0 0; }
.flyer .banner p.large	{ font-size: 3.5em; line-height: 0.5em; font-weight: bold; margin: 10px 0 25px; }
.flyer .banner span.small	{ font-size: 0.4em; line-height: 0.4em; font-weight: normal; margin: 10px 0 25px; }

/* borders / shadows */
.top, .bottom	{ font-size: 1px; line-height: 1px; display: block; height: 4px; }
.middle			{ padding: 18px 18px 1px 18px; }

.grid_4 .top	{ background: url(../images/border-651px-top.gif) no-repeat; }
.grid_4 .middle	{ background: url(../images/border-651px-middle.jpg) repeat-y; }
.grid_4 .bottom	{ background: url(../images/border-651px-bottom.gif) no-repeat; }

.grid_2 .top	{ background: url(../images/border-325px-top.gif) no-repeat; }
.grid_2 .middle	{ background: url(../images/border-325px-middle.jpg) repeat-y; }
.grid_2 .bottom	{ background: url(../images/border-325px-bottom.gif) no-repeat; }

.lightblue .top		{ background: url(../images/border-325px-top-lightblue.gif) no-repeat; }
.lightblue .middle	{ background: url(../images/border-325px-middle-lightblue.jpg) repeat-y; }
.lightblue .bottom	{ background: url(../images/border-325px-bottom-lightblue.gif) no-repeat; }

.grid_4 .lightblue .top		{ background: url(../images/border-651px-top-lightblue.gif) no-repeat; }
.grid_4 .lightblue .middle	{ background: url(../images/border-651px-middle-lightblue.jpg) repeat-y; }
.grid_4 .lightblue .bottom	{ background: url(../images/border-651px-bottom-lightblue.gif) no-repeat; }

.darkblue .top		{ background: url(../images/border-325px-top-darkblue.gif) no-repeat; }
.darkblue .middle	{ background: url(../images/border-325px-middle-darkblue.jpg) repeat-y; }
.darkblue .bottom	{ background: url(../images/border-325px-bottom-darkblue.gif) no-repeat; }

.grid_4 .darkblue .top		{ background: url(../images/border-651px-top-darkblue.gif) no-repeat; }
.grid_4 .darkblue .middle	{ background: url(../images/border-651px-middle-darkblue.jpg) repeat-y; }
.grid_4 .darkblue .bottom	{ background: url(../images/border-651px-bottom-darkblue.gif) no-repeat; }

.yellow .top		{ background: url(../images/border-325px-top-yellow.gif) no-repeat; }
.yellow .middle		{ background: url(../images/border-325px-middle-yellow.jpg) repeat-y; }
.yellow .bottom		{ background: url(../images/border-325px-bottom-yellow.gif) no-repeat; }
.yellow a			{ color: #000; }

.grid_4 .yellow .top		{ background: url(../images/border-651px-top-yellow.gif) no-repeat; }
.grid_4 .yellow .middle		{ background: url(../images/border-651px-middle-yellow.jpg) repeat-y; }
.grid_4 .yellow .bottom		{ background: url(../images/border-651px-bottom-yellow.gif) no-repeat; }

h1, h2	{ margin: 0 0 20px 0; font-size: 0.8em; border-bottom: 2px solid #e3eef4; color: #404244; padding: 0 0 8px 0; background: url(../images/pointer-house-white.gif) no-repeat top right; position: relative; }
h3	{ margin: 0 0 10px 0; font-size: 0.8em; color: #404244; }
.darkblue h2, .lightblue h2		{ color: #FFFFFF; background: url(../images/pointer-house-blue.gif) no-repeat top right; border-bottom: 2px solid #94bcd5; }
.darkblue h3, .lightblue h3		{ color: #FFFFFF; }
.yellow h2						{ color: #000; background: url(../images/pointer-house-black.gif) no-repeat top right; border-bottom: 2px solid #000; }
.lightblue h2					{ border-bottom: 2px solid #a2cde7; }

h3.poll	{ color: #00609A; font-size: 0.75em; margin: 0 0 2px 0; }
.lightblue p.poll, ul.poll li	{ color: #000000; font-size: 0.75em; margin: 0; min-height: 0; height: auto; }
.lightblue p.poll				{ margin: 0 0 10px 0; }

.newsletter	.middle	{ padding: 5px 10px; }
.newsletter h2	{ background-position: right center; border-top: 2px solid #A2CDE7; margin: 0; padding: 0; }
.newsletter a	{ display: block; text-decoration: none; padding: 10px; text-align: left; color: #000; }
.newsletter a:hover	{ color: #fff; }

div.border	{ max-width: 260px; float: right; border: 2px solid #e3eef4; margin: 0 0 10px 20px; padding: 15px; }
div.border ul	{ margin: 0; }

.flash h2	{ margin: 0; }
#flash		{ min-height: 172px; }
object		{ margin: 0; padding: 0; border: 0; }

img.left	{ float: left; margin: 0 20px 20px 0; }
img.right	{ float: right; margin: 0 0 20px 20px; }
.grid_2 img.left	{ margin: 0 20px 0 0; }
.grid_2 img.right	{ margin: 0 0 0 20px; }

p			{ color: #00609a; font-size: 0.85em; line-height: 1.25em; margin: 0 0 20px 0; position: relative; }
p.quote		{ font-size: 1.1em; line-height: 1.05em; font-style: italic; }
p.small		{ font-size: 0.7em; }
.darkblue p, .lightblue p, .yellow p, .darkblue li, .lightblue li, .yellow li {
	font-size: 0.75em; color: #FFF; line-height: 1.35em;
}
.sidebar .yellow p	{ min-height: 0; }
.lightblue p, .yellow p			{ color: #000000; }
.darkblue a, .lightblue a		{ color: #FFFFFF; }

p a, li a				{ color: #00609a; }
p a:hover, li a:hover	{ color: #000000; text-decoration: none; }

.middle ul	{ margin: 0 0 20px 0; padding: 0 18px; color: #00609a; }
.middle li 	{ font-size: 0.85em; line-height: 1.40em; /*position: relative;*/ }

a.button		{ display: block; background: #063b5b; font-size: 0.8em; color: #d8d8d8; font-weight: bold; text-decoration: none; padding: 10px; margin: 0 0 14px 0; }
.yellow a.button	{ background: #000; color: #fff; }
a.button:hover	{ background: #d8d8d8; color: #063b5b; }
.yellow a.button:hover	{ background: #FFF; color: #000; }

ul.students		{ margin: 0; padding: 0; list-style: none; }
ul.students li	{ font-size: 1em; }
.student img.right	{ margin: 0 0 0 5px; }
.student p			{ min-height: 130px; border-bottom: 2px solid #000; padding: 0 0 5px 0; }

ul.partners, ul.articles			{ padding: 0; border-top: 1px solid #efefef; }
ul.partners li, ul.articles li		{ border-bottom: 1px solid #efefef; list-style: none; padding: 5px 0; font-size: 1em; }
ul.partners	img, ul.articles img	{ float: right; margin: 0 0 10px 10px; }
ul.partners	a		{ float: left; margin: 5px 0; }

/* NIEUWS */
.nieuwsitem			{ border-bottom: 1px solid #E3EEF4; margin: 0 0 15px 0; }
.nieuwsitem	p		{ color: #000000; margin: 0 0 15px 0; }
.nieuwsitem	h2		{ font-size: 0.85em; font-weight: bold; color: #2f729f; border: 0; background: none; margin-bottom: 15px; padding: 0; }
.nieuwsitem	a.more		{ display: block; color: #00609a; font-size: 0.75em; margin: 0 0 15px 0; }
.nieuwsitem	a.more:hover	{ color: #000000; text-decoration: none; }

/* FORM */
form		{ margin: 0; padding: 0; }
label, input, select, option, textarea {
	color: #00609A; font-family: Arial, Helvetica, sans-serif;
}
input.radio, input.check	{ border: 0; }
form font	{ color: #00609A; display: inline-block; margin: 0 0 5px; }
label	{ display: block; font-weight: bold; margin: 0 0 2px 0; }
.poll label	{ display: inline; font-weight: normal; color: #000; font-size: 12px; }
label.error	{ color: #FF0000; }
p.label { font-size: 1em; margin: 0 0 2px; font-weight: bold; }
.poll p.label { font-size: 12px; margin: 0 0 10px; min-height: 10px; height: auto; color: #00609A; }
label.select { display: none; }
label.inline { display: inline-block; font-weight: normal; }
form span	{ float: left; margin: 0 10px 10px 0; }
fieldset			{ margin: 0; padding: 0; border: none; overflow: hidden; }
.middle form  .submit	{ margin: 10px 0; }

fieldset div		{ float: left; margin: 0 10px 5px 0; }
fieldset label, fieldset p.label {
	font-size: 0.75em;
}
div.actions			{ margin-bottom: 20px; }
div.actions .submit	{ margin: 0; }

#memberform		{ display: none; }

input#firstname		{ width: 143px; }
input#lastname		{ width: 143px; }
input#streetname	{ width: 225px; }
input#housenumber	{ width: 60px; }
input#postcode		{ width: 60px; }
input#city			{ width: 225px; }
input#phonenumber	{ width: 300px; }
input#email			{ width: 300px; }
input#location		{ width: 300px; }
textarea			{ width: 400px; height: 125px; }

/* DASHBOARD */
#welcome		{ padding: 2px; }
#welcome p		{ font-size: 14px; color: #336e95; margin: 0; }
#welcome p span	{ color: #69b2e2; }
p.greet			{ float: left; }
p.date			{ float: right; }

.dashboard h2	{ cursor: pointer; }
.widget			{ display: none; }

/* LANDING */
#banner	h1		{ margin: 20px 0; padding: 0; border: none; background: none; }
#banner img		{ display: block; }

.landing-content ul { list-style-image: url(../images/list-item-flyer-large.gif); }

#footer.landing		{ height: auto; position: static; }
#footer.landing	p	{ margin: 0; padding: 15px 0; }

p.landing-title {
    color: #00609A;
    font-size: 2.15em;
    line-height: 0.5em;
    margin: 30px 0 20px;
}

p.landing-subtitle	{ font-size: 1.05em; font-weight: bold; }

a.landing-button, #subscribe-landing input.submit {
	width: 154px;
	height: 105px;
	float: right;
	border: none;
	background: #ff9900;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin-top: 25px;
	text-decoration: none;
	background: url(../images/landing-button.gif) no-repeat;
	text-shadow: 1px 1px #4c0905;
}
a.landing-button div	{ padding: 23px 0; width: 154px; left: 0; top: 0; }
a.landing-button:hover	{ background: url(../images/landing-button-hover.gif) no-repeat; }

#subscribe-landing .actions				{ position: relative; }
#subscribe-landing .actions	p			{ position: absolute; top: 0; left: 500px; font-size: 1.5em; }
#subscribe-landing .actions	p small		{ font-size: 0.5em; }
#subscribe-landing input.submit 		{ height: 75px; cursor: pointer; margin: 0 0 20px 255px; float: left; background: url(../images/landing-submit.gif) no-repeat; }
#subscribe-landing input.submit:hover 	{ background: url(../images/landing-submit-hover.gif) no-repeat; }

.landing-student {
	height: 114px;
	padding: 10px;
	color: #fff;
	margin: 10px 10px 0 0;
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;
	background: #3A7CCB;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3A7CCB), to(#2c5e99));
	background: -webkit-linear-gradient(#3A7CCB, #2c5e99);
	background: -moz-linear-gradient(#3A7CCB, #2c5e99);
	background: -ms-linear-gradient(#3A7CCB, #2c5e99);
	background: -o-linear-gradient(#3A7CCB, #2c5e99);
	background: linear-gradient(#3A7CCB, #2c5e99);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A7CCB, endColorstr=#2c5e99);
}
.landing-student p		{ font-size: 15px; font-weight: bold; color: #fff; margin-bottom: 10px; }
.landing-student ul		{ margin: 0; padding: 0; list-style: none; color: #fff; font-size: 14px; }
.landing-student img	{ float: right; }

.prices			{ height: 114px; background: #c6d9f1; margin: 10px 0 0 10px; padding: 10px; }
.prices p		{ color: #558ed5; text-align: center; margin: 5px 0; font-size: 22px; }
.prices p.large	{ font-size: 30px; }

/* modules */
.module			{ -moz-border-radius: 0; -moz-box-shadow:0 0 0 #FFF; border: 1px solid #00609a; }
.moduleFrame	{ height: 309px; }
.module:hover 	{ border-color: #00609a; }
.moduleHeader	{ background: none; /*background: url(../images/border-318px-top.gif) no-repeat top;*/ border: none; }
.moduleTitle	{ width: 280px; margin: 5px 15px; background: none; padding: 0; color: #00609A; font-size: 0.8em; border-bottom: 2px solid #e3eef4; padding: 3px 0; /*background: url(../images/pointer-house-white.gif) no-repeat top right;*/ }
.moduleContent	{ border-top: 0; background: none; /*background: url(../images/border-318px-bottom.gif) bottom no-repeat;*/ padding: 5px 15px; }
.moduleContent h3		{ font-size: 1.2em; }
.moduleContent p, ul	{ color: #00609A; }
.moduleActions			{ position: absolute; margin: 6px 0 0 -1267px; }

/* FOOTER */
#footer		{ width: 100%; height: 150px; margin: 20px 0 0 0; position: absolute; bottom: 0; background: #0073b6; }
#footer p	{ font-size: 1em; color: #FFFFFF; text-align: center; margin: 65px 0; }
#footer p a	{ color: #FFFFFF; text-decoration: none; }
#footer p a:hover	{ color: #000000; }