/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*	imports */
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
#userForm { display: block; margin-bottom: 30px; }
#userForm p.formRed { color: red !important; font-size: 20px !important; text-decoration: underline; }
#userForm span.formError { color: red !important; }
#userForm h2 { margin-top: 20px; }
#userForm strong.formRequired { font-size: 12px !important; color: #FF7A7A !important; }
#userForm.hide { display: none; }
#userForm .rsform-input-box, #userForm .rsform-text-box, #userForm .rsform-password-box, #userForm .rsform-calendar-box, #userForm .rsform-captcha-box, #userForm .rsform-select-box { -webkit-transition-property: border; -moz-transition-property: border; -o-transition-property: border; transition-property: border; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; background: none repeat scroll 0 0 white; border: 1px solid #bbbbbb; padding: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
#userForm .rsform-input-box:hover, #userForm .rsform-input-box:focus, #userForm .rsform-text-box:hover, #userForm .rsform-text-box:focus, #userForm .rsform-password-box:hover, #userForm .rsform-password-box:focus, #userForm .rsform-calendar-box:hover, #userForm .rsform-calendar-box:focus, #userForm .rsform-captcha-box:hover, #userForm .rsform-captcha-box:focus, #userForm .rsform-select-box:hover, #userForm .rsform-select-box:focus { border: 1px solid #555555; }
#userForm .rsform-submit-button, #userForm .rsform-button, #userForm .rsform-reset-button, #userForm .btn-primary { -webkit-transition-property: border; -moz-transition-property: border; -o-transition-property: border; transition-property: border; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; border: 1px solid #bbbbbb; padding: 6px 9px; font-size: 14px; }
#userForm .rsform-submit-button:hover, #userForm .rsform-button:hover, #userForm .rsform-reset-button:hover, #userForm .btn-primary:hover { border: 1px solid #555555; cursor: pointer; }
#userForm .rsform-block-submit .formBody { width: 172px; }
#userForm .rsform-block-tekst:nth-last-child(1) { font-size: 12px; }
#userForm input[type='text'] { width: 225px; }
#userForm select { width: 232px; }
#userForm textarea { width: 430px; }
#userForm table.personen thead { font-size: 12px; }
#userForm table.personen td:nth-child(1) { width: 203px; }
#userForm table.personen input[type='text'] { width: 155px; margin: 1px; }
#userForm table.personen select { width: 50px; margin: 1px; }

div.formCaption { line-height: 25px; font-weight: bold; width: 234px; }

div.formBody { width: 396px; line-height: 14px; }
div.formBody span { width: 225px; }

/*	global classes	*/
b, a { font-weight: 700; }

.primary-font { font-family: 'Open Sans', sans-serif; }

.secondary-font { font-family: 'Ubuntu', sans-serif; }

.clear { clear: both; }

a { color: #333; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; }
a:hover { color: blue; }

/*	main */
div#main { font-family: arial, sans-serif; width: 1020px; margin: 0 auto; text-align: center; padding: 20px; }
div#main div#tekst { margin-top: 20px; }
div#main div#foto { margin-top: 30px; margin-left: 70px; margin-right: 70px; }
div#main div#foto img { width: 400px; height: 400px; border: 1px solid #333; }
div#main div#foto #left { float: left; }
div#main div#foto #right { float: right; }