/* @override 
	http://www.laprospettiva.nl/css/laprospettiva.css
	http://laprospettiva.local/css/laprospettiva.css
*/

/* @group General CSS */
* { padding: 0; margin: 0; }
html { height: 100%; }
body.background { padding: 0px; margin: 0px; background: #ffffff; }
a.text:link, a.text:visited { text-decoration: none; color: #000; border-bottom: 1px dotted #000; }
a.text:hover { text-decoration: none; color: #999; }
ul { list-style-type: none; }
ul.list { list-style-type: disc; padding: 10px 10px 10px 20px; }
#wrapper01 { position: relative; width: 740px; margin: 0 auto 0 auto; padding-bottom: 40px; }
#wrapper02 { background: #ffffff; }
.space { padding-top: 2px; padding-bottom: 2px; }
strong { color: #faa61a; }
#clear { clear: both; }
.orange { border: 1px solid #faa61a; }
/* @end */

/* @group Menu */
#nav1 { margin: 20px 0 0 0; }
#nav1 .begin,
#nav1 .diensten,
#nav1 .werkwijze,
#nav1 .visie,
#nav1 .projecten,
#nav1 .netwerk,
#nav1 .ontwikkelingen,
#nav1 .employability,
#nav1 .biografie,
#nav1 .contact { display: block; width: 150px; height: 20px; margin: 0 0 0 0; padding: 3px 0 0 10px; background-color: #ffffff; font: 0.7em/1.5em Lucida, Verdana, sans-serif; color: #000000; text-align: left; border-style: none; text-decoration: none; }
#nav1 .begin:hover,
#nav1 .diensten:hover,
#nav1 .werkwijze:hover,
#nav1 .visie:hover,
#nav1 .projecten:hover,
#nav1 .netwerk:hover,
#nav1 .ontwikkelingen:hover,
#nav1 .employability:hover,
#nav1 .biografie:hover,
#nav1 .contact:hover { background-color: #faa61a; color: #ffffff; text-decoration: none; }
#nav1 .begin-actief,
#nav1 .diensten-actief,
#nav1 .werkwijze-actief,
#nav1 .visie-actief,
#nav1 .projecten-actief,
#nav1 .netwerk-actief,
#nav1 .employability-actief,
#nav1 .ontwikkelingen-actief,
#nav1 .biografie-actief,
#nav1 .contact-actief { display: block; width: 150px; height: 20px; margin: 0 0 0 0; padding: 3px 0 0 10px; background-color: #faa61a; font: 0.7em/1.5em Lucida, Verdana, sans-serif; color: #ffffff; text-align: left; border-style: none; text-decoration: none; }
#nav1 .begin-actief:hover,
#nav1 .diensten-actief:hover,
#nav1 .werkwijze-actief:hover,
#nav1 .visie-actief:hover,
#nav1 .projecten-actief:hover,
#nav1 .netwerk-actief:hover,
#nav1 .ontwikkelingen-actief:hover,
#nav1 .employability-actief:hover,
#nav1 .biografie-actief:hover,
#nav1 .contact-actief:hover { background-color: #faa61a; color: #ffffff; text-decoration: none; }
/* @end */

/* @group Header */
#wrapper-header { margin: 0; height: 160px; overflow: hidden; /* Content die buiten de DIV valt wordt niet getoond */ }
/* @end */

/* @group Language */
#wrapper-language { margin: 0; height: 28px; background-image: url(/familiebijeenkomst/images/header-bg.jpg); overflow: hidden; /* Content die buiten de DIV valt wordt niet getoond */ }
#language { overflow: hidden; background: #000; }
#language1 { position: relative; right: 0px; top: 9px; height: 20px; padding: 0; margin: 0px; float: right; }
#language1 li { float: left; }
#language1 .nl { display: block; width: 16px; height: 11px; margin: 0 5px 0 5px; background: transparent url(/images/flag-nl.gif) no-repeat; }
#language1 .en { display: block; width: 16px; height: 11px; margin: 0 5px 0 5px; background: transparent url(/images/flag-en.gif) no-repeat; }
#language1 .ir { display: block; width: 16px; height: 11px; margin: 0 5px 0 5px; background: transparent url(/images/flag-ir.gif) no-repeat; }
.nl, .en, .ir { padding: 0; }
/* @end */

/* @group Highlight */
#wrapper-highlight { background: #373737; border-left-width: 1px; border-bottom-width: 0; border-right-width: 1px; border-top-width: 0; border-style: solid; border-color: #161616; background-image: url(/images/highlight-bg.gif); background-repeat: repeat-x; margin: 0; height: 193px; overflow: hidden; /* Content die buiten de DIV valt wordt niet getoond */ }
#highlight-text { width: 550px; float: left; }
#highlight-illustration { width: 200px; float: right; }
.column-highlight-text { margin: 30px; font: 0.7em/1.8em Lucida, Verdana, sans-serif; color: #ffffff; }
.column-highlight-illustration { margin: 0px; }
/* @end */

/* @group Content */
#wrapper-content { background: #fff; margin: 0; }
#one-column { width: 740px; float: left; /*margin: 30px;*/ /*border: 1px solid #e0e0e0;*/ }
#three-column-left { width: 160px; float: left; /*border: 1px solid #e0e0e0;*/ }
#three-column-main { width: 380px; float: left; margin: 20px; /*border: 1px solid #e0e0e0;*/ }
#three-column-right-begin { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-begin.gif); background-repeat: repeat-x; }
#three-column-right-diensten { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-diensten.gif); background-repeat: repeat-x; }
#three-column-right-werkwijze { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-werkwijze.gif); background-repeat: repeat-x; }
#three-column-right-visie { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-visie.gif); background-repeat: repeat-x; }
#three-column-right-projecten { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-projecten.gif); background-repeat: repeat-x; }
#three-column-right-netwerk { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-netwerk.gif); background-repeat: repeat-x; }
#three-column-right-biografie { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-biografie.gif); background-repeat: repeat-x; }
#three-column-right-contact { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-contact.gif); background-repeat: repeat-x; }
#three-column-right-ontmoeten { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-ontmoeten.gif); background-repeat: repeat-x; }
#three-column-right-geven-en-ontvangen { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-geven-en-ontvangen.gif); background-repeat: repeat-x; }
#three-column-right-ontwikkelingen { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-ontwikkelingen.gif); background-repeat: repeat-x; }
#three-column-right-employability { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-employability.gif); background-repeat: repeat-x; }
#three-column-right-column { width: 160px; height: 160px; float: right; background-image: url(/images/punchline-column.gif); background-repeat: repeat-x; }
#three-column-left .callout { padding: 10px; font: 0.7em/1.5em Lucida, Verdana, sans-serif; text-align: center; }
#three-column-left p { margin-top: 5px; }
.column-main { /*margin: 30px;*/ font: 0.7em/1.5em Lucida, Verdana, sans-serif; text-align: left; }
.column-right { font: 0.7em/1.5em Lucida, Verdana, sans-serif; text-align: left; }
.box { /*width: 180px;*/ border: 1px solid #e0e0e0; padding: 10px; }
.handwriting { font-family: cursive; font-size: 13px; }
.illustratie { /*text-align: center;*/ margin: 0px; }
H3 { font: 1.8em/1.5em Lucida, Verdana, sans-serif; color: #faa61a; }
H4 { font: 1.2em/1.5em Lucida, Verdana, sans-serif; color: #faa61a; }
H5 { font-weight: bold; }
/* @end */

/* @group Footer */
#wrapper-footer { clear: both; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; border-top-width: 1px; border-style: solid; border-color: #faa61a; margin: 0; height: 40px; overflow: hidden; /* Content die buiten de DIV valt wordt niet getoond */ clear: both; }
.column-footer { width: 740px; margin: 10px; font: 0.6em/1.5em Lucida, Verdana, sans-serif; text-align: center; color: #000000; }
/* @end */

/* @group Forms */
table.form-table { border: 1px solid #e0e0e0; background-color: #ffffff; padding: 5px; margin: 5px 0 20px 0; caption-side: top; width: 468px; }
td.form-index, .form-index-textarea, .form-index-required, .form-index-textarea-required { width: 130px; padding: 5px; color: #000000; background-color: #ffffff; text-align: right; }
td.form-index { vertical-align: middle; }
td.form-index-textarea { vertical-align: top; }
td.form-index-required { vertical-align: middle; color: #ff0000; }
td.form-index-textarea-required { vertical-align: top; color: #ff0000; }
td.form-elements { padding: 5px; vertical-align: top; }
input, textarea { font-weight: normal; font-size: 11px; color: #333; padding: 4px 4px 4px 4px;  margin: 2px 2px 2px 2px; background-color: #FFF; }
input.text, textarea { border: 1px solid #e0e0e0; }
input:focus, input:hover, textarea:focus, textarea:hover { background-color: #eeeeee; }
input.button { display: block; float: right; height: 22px; color:  #000000; padding: 0px; margin: 0 0 0 0; text-align: center; font-size: 11px; background-color: #eeeeee; border: 1px solid #e0e0e0; cursor: pointer; cursor: hand; /*IE cursor*/ }
/* @end */