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

/*
 *	DEFAULTS
 */
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#000000; background:#fff; }
a { outline:none; }
a,a:link,a:active,a:visited { color:#005494; text-decoration:underline; }
a:hover { color:#fff; background:#005494; text-decoration:none; }

	/*
	 *	classes
	 */
	
	.fright { float:right; }
	.fleft { float:left; }
	.clear { clear:both; }

/*
 *	STRUCTURE
 */
#wrapper { width:1000px; margin:0 auto; }
#header { height:86px; position:relative; }
#logo { width:440px; height:86px; }
	#logo a, #logo img { border:none; background:none; text-decoration:none; }
#navigation { position:absolute; bottom:0px; right:0px; }
#navigation ul { margin:0; padding:0; }
#navigation li { list-style-position:outside; list-style-type:none; float:left; }
#navigation a,#navigation a:link,#navigation a:active,#navigation a:visited { display:block; padding:3px 8px; margin-left:8px; text-decoration:none; background:#8ab1ce; color:#FFFFFF; text-transform:lowercase; }
#navigation a:hover { color:#005494; background:#9fc2dd; }
#main { background:#8ab1ce; padding:20px 0 0 0; }
#main-content { background:#8ab1ce; padding:15px; }
#content { background:#fff; padding:10px; }
	#content h1,#content h2,#content h3,#content h4,#content p { margin:0; padding:0; }
	#content h1,#content h2 { padding-bottom:10px; color:#005494; }
	#content h3,#content h4 { padding-top:12px; color:#005494; }
	#content h1 { font-size:1.6em; }
	#content h2 { font-size:1.4em; }
	#content h3 { font-size:1em; }
	#content h4 { font-size:1em; }
	#content p { padding:5px 0; }
#main ul { margin:0; padding:0; }
#main li { list-style-position:outside; list-style-type:none; position:relative; float:left; background:#fff; margin:0 15px 20px 15px; width:210px; height:380px; padding:5px; text-align:center; }
#main li.intro { text-align:left; }
#main li.intro h2 { margin:0; padding:0; color:#005494; font-size:1.8em; }
#main li.intro div.intro { height:355px; overflow:auto; }
#main li a.cover, #main li a.cover img { border:none; background:none; height:160px; }
#main li a.cover img,#main li a.cover:link img,#main li a.cover:active img,#main li a.cover:visited img { border:solid 1px #ccc; }
#main li a.cover:hover img { border-color:#005494; }
#main li h1 { margin:10px 0 0 0; padding:0; color:#000; font-size:0.9em; height:18px; overflow:hidden; }
#main li .text { font-size:0.8em; color:#626262; height:152px; overflow:auto; margin-bottom:2px; }
#main li .frequency, #main li .price { text-align:left; font-size:0.8em; height:20px; }
#main li .price span { font-size:1.1em; }
#main li .button { position:absolute; bottom:5px; right:5px; display:block; padding:1px 14px 1px 3px; text-decoration:none; background:#005494 url(../img/button_bg.gif) right center no-repeat; font-size:0.88em; color:#fff; }
#main li .button:hover { background-color:#9fc2dd; color:#005494; }
#footer { text-align:center; font-size:0.9em; margin:3px 0; }

/*
 *	FORMS
 */
#content form { margin:0; padding:0; }
#content form fieldset { background:#f3f3f3; border:solid 1px #e3e3e3; padding:10px; }
#content form fieldset div { clear:both; margin:2px 0; }
#content form fieldset div label { float:left; width:150px; text-align:right; margin-right:10px; padding:4px 0; }
#content form fieldset div input { width:200px; background:#fff; border:solid 1px #005494; color:#005494; padding:4px 2px; font-size:9pt; }
#content form fieldset div input#Captcha { width:114px; text-align:center; }
#content form fieldset div span.label { font-size:0.8em; }
#content form fieldset div textarea { width:350px; height:200px; background:#fff; border:solid 1px #005494; color:#005494; padding:4px 2px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; }
#content form fieldset div input#Submit { width:206px; background:#005494; border:none; color:#fff; padding:4px 0px; }

#content form fieldset div label.disabled { color: #a4a4a4; }
#content form fieldset div input.disabled { border-color: #a4a4a4; color: #a4a4a4; }
#content form fieldset div textarea.disabled { border-color: #a4a4a4; color: #a4a4a4; }
#content form fieldset div input#Submit.disabled { background:#a4a4a4; color:##a4a4a4; }

#content .error ul { padding:10px 10px 10px 20px; margin:10px 2px; background:#FDF1EE; border:solid 1px #CC0000; }
#content .error li { float:none; width:auto; text-align:left; margin:0; list-style-position:outside; list-style-type:square; color:#000;  }

/*
 *	PRODUCT BASED
 */
/*#main li.systeemtherapie .button { background-color:#5F1D4A; }
#main li.systeemtherapie .button:hover { background-color:#CFB5C7; }
#main li.systeemtherapie .button:hover, #main li.systeemtherapie .frequency, #main li.systeemtherapie .price { color:#5F1D4A; }

#main li.wijsgerigperspectief .button { background-color:#064782; }
#main li.wijsgerigperspectief .button:hover { background-color:#8a99c3; }
#main li.wijsgerigperspectief .button:hover, #main li.wijsgerigperspectief .frequency, #main li.wijsgerigperspectief .price { color:#064782; }

#main li.tijdschriftvoorpsychoanalyse .button { background-color:#B3002C; }
#main li.tijdschriftvoorpsychoanalyse .button:hover { background-color:#FFCFE0; }
#main li.tijdschriftvoorpsychoanalyse .button:hover, #main li.tijdschriftvoorpsychoanalyse .frequency, #main li.tijdschriftvoorpsychoanalyse .price { color:#B3002C; }

#main li.cdv .button { background-color:#990C2E; }
#main li.cdv .button:hover { background-color:#DF99AB; }
#main li.cdv .button:hover, #main li.cdv .frequency, #main li.cdv .price { color:#990C2E; }

#main li.human .button { background-color:#92aa71; }
#main li.human .button:hover { background-color:#d9e4c8; }
#main li.human .button:hover, #main li.human .frequency, #main li.human .price { color:#92aa71; }

#main li.socialismedemocratie .button { background-color:#725E3A; }
#main li.socialismedemocratie .button:hover { background-color:#CFC7B5; }
#main li.socialismedemocratie .button:hover, #main li.socialismedemocratie .frequency, #main li.socialismedemocratie .price { color:#725E3A; }

#main li.les .button { background-color:#6B347C; }
#main li.les .button:hover { background-color:#A495AA; }
#main li.les .button:hover, #main li.les .frequency, #main li.les .price { color:#6B347C; }

#main li.mgv .button { background-color:#6B347C; }
#main li.mgv .button:hover { background-color:#A495AA; }
#main li.mgv .button:hover, #main li.mgv .frequency, #main li.mgv .price { color:#6B347C; }

#main li.tijdschriftvoortheologie .button { background-color:#7A6752; }
#main li.tijdschriftvoortheologie .button:hover { background-color:#DFD1C3; }
#main li.tijdschriftvoortheologie .button:hover, #main li.tijdschriftvoortheologie .frequency, #main li.tijdschriftvoortheologie .price { color:#7A6752; }

#main li.tijdschriftvoorneuropsychologie .button { background-color:#0E6235; }
#main li.tijdschriftvoorneuropsychologie .button:hover { background-color:#9BCFB3; }
#main li.tijdschriftvoorneuropsychologie .button:hover, #main li.tijdschriftvoorneuropsychologie .frequency, #main li.tijdschriftvoorneuropsychologie .price { color:#0E6235; }*/

/*
 *	CONTENTS
 */
ul.links { margin:0; padding:0; }
ul.links li { list-style-image:none; list-style-position:outside; list-style-type:none; width:313px; float:left; text-align:center; margin-bottom:10px; }
ul.links a,ul.links a:hover,ul.links img { border:none; background:none; }
