/**
 * .. screen css
 * 
 * @author .. / peppered.nl
 * 
 * ToC:
 * 	`glob	Global classes
 * 	`head	Header classes
 * 	`main	Main content classes
 * 	`foot	Footer classes
 *  `form	Forms
 *  'rt		RichText
 *  
 * 
 */

@import url("defaults.css");


/* GLOBAL CLASSES [`glob]
----------------------------------------------- */
body											{ font: normal 14px/16px arial, helvetiva, sans-serif; background: #fff url(/images/bgBody.gif) repeat 0 0; margin: 0px; color: #1b325f; }
a												{ color: #1b325f; text-decoration: underline; }
a:hover											{ color: #4ebaff; }
h2												{ background: #4ebaff url(/images/bgItemHeader.gif) repeat-x 0 0; color: #fff; font-weight: bold; font-size: 21px; padding: 12px 20px; line-height: 1.2em; }
h2 a											{ color: #fff; text-decoration: none; }
h2 a:hover										{ color: #fff; text-decoration: underline; }
h2 .sub											{ font-size: 16px; }
h3												{ font-weight: bold; }
#container										{ width: 783px; background: transparent url(/images/bgShadowMain.png) repeat-y 0 0; margin: 0 0 0 35px; }
.clr											{ clear: both; }


/* HEADER CLASSES [`head]
----------------------------------------------- */
#header	h1										{ width: 725px; height: 122px; margin-left: 29px; background: #fff url(/images/header.gif) no-repeat 0 0; text-indent: -99999px; overflow: hidden; }


/* MAIN CLASSES [`main]
----------------------------------------------- */
#main											{ width: 725px; margin-left: 29px; }
#mainItems li									{ clear: both; }
#mainItems p									{ width: 322px; min-height: 110px; float: right; background: #daf4fd url(/images/arrowDown.gif) no-repeat 25px 0; padding: 20px; }
#mainItems img									{ float: left; margin-bottom: 5px; }
#mainItems .bigLink								{ width: 342px; float: right; background: #fff url(/images/arrowDownWhite.gif) no-repeat 5px 0; padding-top: 10px; margin-bottom: 5px; }
#mainItems .bigLink a							{ font-size: 21px; font-weight: bold; padding-left: 30px; color: #1b325f; background: #fff url(/images/bullitBig.gif) no-repeat 0 -23px; text-decoration: none; }
#mainItems .bigLink a:hover						{ color: #4ebaff; background-position: 0 7px; }

#pageContent									{ background: #daf4fd url(/images/arrowDown.gif) no-repeat 25px 0; padding: 20px; margin-bottom: 5px; }
#detailContent .p								{ margin: 0px; background: #daf4fd url(/images/arrowDown.gif) no-repeat 390px 0; padding: 20px; min-height: 190px; }
#detailContent .p img							{ float: left; margin: -20px 20px 5px -20px; }
#detailContent #flashContainer					{ padding: 20px; text-align: center; background: #fff url(/images/arrowDownWhite.gif) no-repeat 20px 0; }
#sendAFriendForm .personalInfo					{ width: 372px; }


/* FOOTER CLASSES [`foot]
----------------------------------------------- */
#footer											{ clear: both; width: 725px; height: 162px; margin-left: 29px; background: #fff url(/images/bgFooter.gif) repeat-x 0 0; font-size: 11px; color: #636363; }
#footer h3										{ font-size: 14px; font-weight: bold; text-transform: uppercase; }
#footer p										{ margin: 10px 0 0 0; }
#footer	div										{ width: 210px; height: 127px; float: left; line-height: 1.2em; padding-right: 10px; margin: 20px 0 20px 20px; border-right: 1px solid #ccc; }
#footer a										{ text-decoration: none; color: #636363; }
#footer a:hover									{ text-decoration: underline; }
#footer .noBorder								{ border: none; }
#footer ul										{ list-style: none; margin: 10px 0 0 0; }
#footer ul li									{ padding-left: 7px; background: transparent url(/images/bullit.gif) no-repeat 0px 4px; }

#shadowBottom									{ width: 786px; height: 9px; margin: 0 0 30px 32px; background: transparent url(/images/bgShadowBottom.png) no-repeat 0 0; }


/* FORMS [`form]
----------------------------------------------- */
form fieldset									{ margin-top: 10px; }
form div										{ float: left; margin: 10px 20px 0 0; }
form .text										{ width: 158px; padding: 3px 3px 2px 3px; margin-top: 5px; border: 1px solid #7f9db9; }
form .checkbox									{ margin-right: 5px; border: none; }
form .submit									{ float: right; margin-right: 20px; }
form .submit input								{ border: 1px solid #7f9db9; background-color: #fff; color: #1b325f; padding: 2px 10px; margin-top: 10px; cursor: hand; cursor: pointer; }

/* RICHTEXT [`rt]
----------------------------------------------- */
.richtext p, .richtext h1, .richtext h2,
.richtext h3, .richtext h4, .richtext h5,
.richtext h6, .richtext dl, .richtext table,
.richtext pre, .richtext blockquote 			{ margin: 1em 0; }
.richtext table 								{ border-collapse: separate; table-layout: auto; border-spacing: 0.18em; }
.richtext th, .richtext td 						{ padding: 0.5em; }
.richtext blockquote 							{ margin: 1em 0 1em 4em; }
.richtext ul, .richtext ol 						{ margin: 1em 0 1em 2em; list-style: outside; }
.richtext ul 									{ list-style-type: disc; }
.richtext ol 									{ list-style-type: decimal; }

/* various FCK features/styles */
.richtext .indent1 								{ margin-left: 2em; }
.richtext .indent2 								{ margin-left: 4em; }
.richtext .indent3 								{ margin-left: 6em; }
.richtext .justifyLeft							{ text-align: left; }
.richtext .justifyRight							{ text-align: right; }
.richtext .justifyCenter						{ text-align: center; }
.richtext .justifyFull							{ text-align: justify; }
.richtext img.left								{ float: left;	margin: 1em 1em 1em 0; }
.richtext img.right								{ float: right;	margin: 1em 0 1em 1em; }


/* BODY [`body]
----------------------------------------------- */
body 											{ font: normal 12px/1.45 verdana, arial, helvetiva, sans-serif; }

/* links */
a:link, a:visited 								{ }
a:link:focus, a:visited:focus, a:link:hover,
a:visited:hover, a:link:active, a:visited:active{ }


/* -------- headers -------- */

/* -------- LAYOUT -------- */