/* OTYS WEB SHEET */
/* W3C VERIFIED CSS 2.1 */
/* COPYRIGHT OTYS CORP 2003-2011 */
/* AUTHOR: Jeroen Bracke */
/* TEMPLATE: .HTML */
/* SLECLR */

/* ------------------------------  BASIC ------------------------------ */

html,body {font-family: Arial, sans-serif; margin: 0px; padding: 0px; height: 100%;} 

body	{font-size: 12px; line-height: 1.4; text-align: left; color: #666666; background: #443B3B;}

h1,h2,h3,h4,h5,h6, .hookHeader {font-weight: bold; font-family: 'Didact Gothic', Arial, sans-serif; margin: 0 0 15px 0; line-height: 1.1;}
h1 {font-size: 150%; color: #346BC4; margin: 12px 0 6px 0; } 
h2, .hookHeader{font-size: 135%; margin: 12px 0 5px 0; color: #666; border-bottom: 1px dotted #666666;}
h3 {font-size: 125%;}

ol, dl {margin-left: 0px;}
ul {padding-left: 1.5em;}
ol {padding-left: 1.5em;}
ol li {list-style: decimal outside; margin-left: 0; padding-left: 0;}
ul li {list-style-image:url('../_images/bullit1.jpg');}
ul li ul li {list-style-image:url('../_images/bullit2.jpg');}

dl dd {margin-left: 1em;}
dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

blockquote {font-style: italic;}
blockquote,ul,ol,dl {margin: 1em 0px;}

th,td {border: 1px solid #505657; padding: .5em;}
th {font-weight: bold; text-align: center;}

caption {margin-bottom: .5em; text-align: center;}

p,fieldset,table, .tekstblokje, .intro {margin-bottom: 1em; font-size: 100%;}
p, .tekstblokje, .intro {text-align: justify;}

pre,code,kbd,samp,tt, input, textarea, select {font-family: Arial, sans-serif; color: #505657; font-size: 100%; z-index: 0;}

a img {border: 0px; text-decoration: none; padding: 0; margin: 0;}
a, a:visited {color: #FF7500; text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: 0px; text-decoration: none; padding: 0; margin: 0; background: none;}
img.right, figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: left; margin: 0 0 2em 2em;}

address	{font-style: normal;}

.nolist, .nolist li	{list-style: none; margin: 0; padding: 0;}

.button, .smallButton  {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 5px 0 0 0; padding: 6px 10px; background: #FF7500 url('../_images/navBg.jpg') repeat-x 0 0; border: none; color: #FFFFFF;  }
.button:hover {text-decoration: underline;}
.buttonContainer {margin: 5px 0;}

select {color: #505657; font-size: 90%; z-index: 1;}

input, textarea, select {padding: 3px; z-index: 1;}

label {font-weight: bold;}

.cleaner {clear: both;}


.formInput  { margin: 15px 0 0 0;}
.formInput label {float: left; width: 150px; padding: 2px 0 0 0; margin: 5px 15px 0 0; font-weight: bold;}
.formInput input, .formInput textarea {float: left; width: 350px; clear: right;}
.buttonContainer #Bewaren, .buttonContainer #Verwijderen {width: auto;} 
 
/* ------------------------------  WRAPPER ------------------------------ */

#wrapper {width: 100%; height: 100%; background: #443B3B url('../_images/wrapperBg.jpg') repeat-x 0 0; position: relative; margin: 0;}

/* ------------------------------  HEADER ------------------------------ */

#header {z-index: 5; width: 1050px; height: 116px; background: url('../_images/headerBg.jpg') repeat-x 0 0;; position: relative; margin: 0 auto; padding: 0px; }

#logoLink{display: block; float: left; width: 283px; height: 113px; margin: 0px; border: none;}
#logoLink span{display:none;}

.talen {padding: 5px 0 0 0px;}
.talen a {margin: 0px 0 0 5px;}

/* ------------------------------  NAVIGATIE ------------------------------ */

/*listmenu_h.css  */

/* ------------------------------  CONTENT ------------------------------ */

#content {width: 960px; position: relative; margin: 0 auto; padding: 35px 45px; background: #EAEAEA ;}

#ie6Warning {display: none;}

#content_left {float: left; width: 224px; padding: 0 0 0 0px; margin: 0; }
#content_middle {float: left; width: 485px; margin: 0 0 0 15px; }
#content_right {float: right; width: 221px; }

#content_Content {float: left; width: 724px; margin: 0px; }
#content_Vacatures {float: left; width: 960px; margin: 0px; }


/* ------------------------------  FOOTER ------------------------------ */

#footer {height: auto; background: #AAAAAA; width: 960px; position: relative; margin: 0 auto; color: #FFFFFF; padding: 15px 45px;}
#footer #address 	{float: left; margin: 0px 55px 0 0px; padding: 0px; min-width: 250px;}
#footer  h2	{font-weight: bold; color: #346BC4; margin: 0 0 8px 0; border: none;}
#footer a, #footer a:visited {color: #FFFFFF;}
#footer_copyright {margin: 10px 0 0 0; padding: 5px 0 5px 0; border-top: 1px dotted #494949; width: 100%; text-align: left; float: left;}

#hlb2, #hlb3 {float: left; min-width: 200px; margin: 0 10px 0 0; list-style-image: none;}
#hlb2 ul li, #hlb3 ul li {list-style-image: none;}

/* --------------------------- TEASERS --------------------------- */

.teaser1Outer {float: left; width: 568px; margin: 0px 55px 0 25px; padding: 0px; height: 116px; border: none; z-index: 5; position: relative;}

/* -------- TEASER2 -------- */

.teaserTitle {font-weight: bold; font-family: 'Didact Gothic', Arial, sans-serif; margin: 12px 0 5px 0; line-height: 1.1; font-size: 150%; color: #346BC4;}
.teaser2Outer {width: 100%;}
.teaser2Outer .teaserSubHeader {font-size: 120%; color: #FF7500; margin: 5px 0 0px 0; width: 100%; padding: 0 0 5px 0; font-weight: bold; }
.teaser2Outer p {font-style: italic; font-size: 110%; text-align: left;}

/* --------------------------- HOOKS --------------------------- */

/* -------- ALGEMEEN -------- */

.panel {width: 224px; height: auto; margin: 0 0 10px 0;}
.hookOuter, .outer  {background: #FFFFFF; padding: 11px 25px; margin: 0 0 10px 0; border: 1px solid #D6D6D6;}
.outer .outer {padding: 0px; margin: 0; border: none;}

.contentContactOuter, .jblOuter, .aplOuter   {border: none; padding: 0;}

/* -------- NETWERKTICKER -------- */

#netwerkticker {width: 485px; position: relative; overflow: hidden; float: left; display: block; height: auto;} 
#netwerkticker .hookOuter  {height: 110px;} 
#netwerkticker h2  {margin: 5px 0 10px 0;} 
#shortScreen {height: 50px; width: 435px; position: relative; overflow: hidden; margin: 15px 0; float: left; display: block;}
.shortRoll {position: absolute; top: 0; white-space: nowrap;}
.shortRoll a img {margin: 0 5px;}

/* -------- OVER ONS -------- */

.formSubHeader h2 {margin: 25px 0 12px 0; }
.tekstblokje img {border: 1px solid #DEDEDE;}

/* -------- VACATURES --------*/

/* VACATURESHORTLIST */

.jslItemContainer {margin: 8px 0; padding: 0px 0 0 22px; background: url('../_images/bullit1.jpg') no-repeat 0px 2px;}
.jslFunctionName {font-size: 110%;}

/* VACATURECATEGORIELIST */

.jobCatHookItemTitle {margin: 8px 0; padding: 0 0 0 22px; background: url('../_images/bullit1.jpg') no-repeat 0px 1px;}*/
.jobCatHookItemTitle span {padding: 1px 5px; margin: 0px 0 0 10px; color: #505657; background-color: #FFFFFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
/*
.jobCatHookItemTitle a {color: #383c3d;}
.jobCatHookItemTitle a:hover {color: #b7378b;}
.jobCatHookItemTitle span {margin: 0 0 0 20px; background: #b7378b; padding: 2px 4px; float: right; color: #FFFFFF;}
.jobCatHookItemTitle {margin: 6px 0; border-bottom: 1px dotted #D9D9D9; font-size: 11px;}
*/
/* VACATURE ZOEKEN */

.formInput .jobSearchCheckBox {width: 15px; height: 15px; clear: none; float: left; padding: 0; margin: 0 5px 0 0px;}
.virtual_selectbox, .virtual_selectbox_opened, .virtual_checkbox_opened {border: 1px solid #abadb3; width: 320px; margin: 0 0 0 100px;}

.jsmFiKw label {width: 85px;}
.jsmFiKw input {width: 320px;}

.jsmOuter .buttonContainer .button {margin: 10px 0 0 100px; width: 330px;}

.appRow {background: #346BC4; border: none; padding: 5px 10px; color: #FFFFFF;}

/* VACATURELIST 1 */

.actIc {margin: 10px 0 10px 0; padding: 0;}
.actIc h3 {color: #666666; background: #f1f1f1; padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 5px 0 5px 0;} 
.actSResultsCont {border-right: 1px dotted #666666; width: 639px; float: left; padding: 0 15px 0 0;}
.actSRFacetCont {border: none; padding: 0px; width: 244px; float: right; margin: 0; padding: 0;}
.facetList ul li {list-style-type: none;}
.actMlJc {clear: both; font-size: 120%; display: block; border: none; margin: 10px 0; background: #346BC4; padding: 6px 10px; color: #FFFFFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.actMlSb {clear: both; display: block; border: none; margin: 10px 0;}
.optionListContainer {border: none; padding: 5px 0; margin: 5px 0;}
.actMlNs, .actIFwRef, .actMlCJsa, .actBottomMenu div {border: none;}
.actMlEq, .actMlNs, .actBottomMenu {display: none;}

.actGm {border-bottom: 1px dotted #666666; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.optionListTitle {font-weight: bold; font-family: 'Didact Gothic', Arial, sans-serif; margin: 0 0 15px 0; line-height: 1.1; font-size: 150%; color: #346BC4;}
.optionListTitle a {padding: 0 0 0 15px; background: url('../_images/bullit1.jpg') no-repeat 0 2px; font-size: 65%;}
.actEqueryTitle a, .actTitleGm a {padding: 0 0 0 15px; background: url('../_images/bullit1.jpg') no-repeat 0 2px;}
.optionList ul li   {list-style: none;}
.optionList ul li a, .optionList ul li a:link, .optionList ul li a:visited, .optionList ul li a:active  {color: #666666; list-style: none;}
.actEquery, .actGoogleMap {padding: 0; margin: 0 0 5px 0;}

#idMaxDist, .actEqueryInput select {width: 205px; }
.actEqueryInput input {width: 195px; }

/* VACATUREDETAIL */

.jobDetailLeft {background: yellow;}

.jbdTitle, .jbdStatPub {float: left; width: 70%; clear: none;}
.jbdPhoto1 {float: right; width: 25%;}
.jbdTextSh, .jbdText {float: left; width: 100%;}
.jbdSh  {float: left; font-size: 130%; font-family: 'Didact Gothic', Arial, sans-serif; width: 100%; border-bottom: 1px dotted #494949; padding: 0 0 5px 0; margin: 0 0 6px 0;}
.text {margin: 5px 0;}

/* SOLLICITEREN */

.aplEnrollIntro ul, .aplEnrollIntro ul li {list-style: none; list-style-image: none; margin: 0; padding: 0;}
.aplAplSAr {background: #346BC4; border: none; padding: 5px 10px; color: #FFFFFF;}
.aplAplSOuter .form {width: 550px; clear: both;}
.aplAplSOuter .formInput  label {float: left; width: 150px; padding: 2px 0 0 0; margin: 5px 15px 0 0; font-weight: bold;}
.aplAplSOuter .formInput  input, .aplAplSOuter .formInput  textarea  {float: left; width: 350px; margin: 5px 0 0 0;}
.aplAplSOuter .formInput  select {float: left; width: auto; margin: 5px 5px 0 0;}
.aplAplSOuter .formInput  input[type='radio'] {float: none; margin: 5px 1px 5px 1px;}
.aplAplSOuter .buttonContainer .button {width: auto; margin: 10px 0 0 0px;}
.subHeader  {margin: 10px 0 5px 0;}
.radiobutton, .radiobuttons input, .radioButton { background: transparent; width: auto !important; border: 0px; margin: 3px 4px 0 0; padding: 0;}
.aplAplSOuter .formInput input[type="radio"], .aplEnrollOuter .formInput input[type="radio"] {float: none; margin: 3px 1px 5px 1px;}

.aplStkIntro ul, .aplAplSLink ul {margin-left: 0; padding-left: 0;}
.aplStkIntro ul li, .aplAplSLink ul li {list-style: none; list-style-image: none; margin-left: 0;}
.aplAplyLi, .aplAplyLogin {list-style: none; list-style-image: none; margin-left: 0;}

/* -------- CONTACTFORM --------*/

.contentContactForm {width: 400px;}
.contentContactForm label {width: 100px; float: left; margin: 6px 10px 0 0; text-align: left;}
.contentContactForm input, .contentContactFormInput textarea  {width: 275px; float: left; margin: 0px 0 4px 0;}
.contentContactButton input {margin: 10px 0 0 110px; width: 285px;}

.tekstblokje img {float: right;}