@import "calendar.css";

BODY					{margin:0px; padding:0px; height:100%; font-family:Verdana; font-size:12px; line-height:18px; background: #D4D4D4 url(../images/bodyBg.gif) repeat-x; color:#555555;}
A						{text-decoration:none;color:#274e7a; }
SPAN					{color:#666666;}

A:link					{color: #306A9A; text-decoration:underline;}
A:visited				{color: #306A9A; text-decoration:underline;}
A:active				{color: #306A9A; text-decoration:underline;}
A:hover					{color: #306A9A; text-decoration:underline;}

H1						{font-size:22px; padding:0px; margin:0px; }
H2						{font-size:18px; padding:0px; margin:0px; }
H3						{font-size:14px; padding:0px; margin:0px; }
H4						{font-size:10px; padding:0px; margin:0px; }

DIV#mainContainer           { width:770px; margin-left:auto; margin-right:auto; margin-bottom:20px; margin-top:0px; background: #FFFFFF url(../Images/containerBg.gif) repeat-y; border:5px solid white; }
  DIV#leftContainer         { width:201px; float:left; background-color:#044B88; }
    DIV#logo                { width:201px; height:237px; background:url(../Images/logo.jpg) no-repeat; }
    DIV#menu                { }
      DIV#menu UL			{ list-style-type: none; text-align:left; margin:0px; padding:0px; }
  	  DIV#menu LI			{ display:block; padding-left:40px; padding-top:12px; margin:0px; height:35px; font-weight:bold; background:url(../Images/menu_item_new.jpg) no-repeat;}
      DIV#menu A:link		{ color: #FFFFFF; text-decoration:none;}
      DIV#menu A:visited	{ color: #FFFFFF; text-decoration:none;}
      DIV#menu A:active		{ color: #FFFFFF; text-decoration:none;}
      DIV#menu A:hover      { color: #FFFFFF; text-decoration:underline; }
    DIV#login               { width:201px; height:211px; background:url(../Images/login2.jpg) no-repeat; }

  DIV#rightContainer        { width:563px; margin-top:-4px; margin-bottom:-5px; float:right; }
    DIV#header              { width:563px; height:125px; background:url(../Images/header.jpg) no-repeat; }
      DIV#submenu           { width:280px; height:25px; position:relative; top:100px;}
        DIV#submenu-item1   { float:left;}
        DIV#submenu-item2   { float:right;}
    DIV#navigationContainer { width:563px; height:45px; background:url(../Images/navigationBar.jpg) no-repeat; }
      DIV#navigationTitle   { height:30px; padding-top:12px; padding-left:10px; float:left; font-weight:500; color:#fff; }
      DIV#navigationTitle H2 { font-size:22px; font-weight:normal; padding-bottom:10px; }
      DIV#navigationLanguage{ width:270px; float:right; color:white; margin-top:14px; }
      DIV#navigationLanguage LABEL { width:160px; margin-left:5px; margin-right:5px; float:left; text-align:right; }
      DIV#flags             { width:100px; float:right; }
      DIV#flags IMG         { margin-left:5px; margin-top:3px;}
    DIV#contentContainer    { width:508px; padding:15px 20px 10px 35px; background: #C1C1C1 url(../Images/contentBg.gif) repeat-x; }

  DIV#footer                { width:752px; height:5px; clear:both;}

  DIV.contentTitle          { height:20px; }
  DIV.contentTitle IMG      { height:20px; display:block; float:left; }
  DIV.contentTitle H3       { height:20px; display:block; margin-left:25px; padding-top:3px; }
  DIV.contentItem           { clear:both; }
  DIV#googleMaps            { padding-top:10px; padding-bottom:15px; }

  DIV.vacaturePair          { width:508px; height:auto; clear:both; }
  DIV.vacaturePair UL       { text-align:left; margin:15px; padding:0px; }
  DIV#singleVacatureItem H3 { padding:15px 0 10px 0; }
  DIV.vacatureItemLeft      { width:243px; float:left; }
  DIV.vacatureItemRight     { width:243px; float:right; }

  DIV#formUitzendkrachtTitle            { margin-top:20px; font-size:16px;}
  DIV#formUitzendkrachtContainer       	{ margin-bottom:0px;}
    DIV#formUitzendkrachtErrorMessages  { margin-bottom:10px; }
    DIV#formUitzendkrachtReactOn        { margin-top:10px; margin-bottom:10px; }
    DIV#formUitzendkrachtContainer FORM { margin-left:100px; }
  DIV.formControlContainer              { width:350px; }
  DIV.formLabel							{ width:300px; font-weight:bold; }
  DIV.formControl                       { width:300px; }
  DIV.formControl INPUT					{ margin-bottom:5px; border:1px solid #999999; width:300px; }
  DIV.formControl .formControlCheckbox  { margin-bottom:5px; width:20px; }
  DIV.formControl .formControlRadiobutton { margin-bottom:5px; width:20px; }
  DIV.formControl TEXTAREA				{ margin-bottom:5px; border:1px solid #999999; width:300px; height:150px; }
  DIV.formSubmitButton                  { clear:both; margin-left:155px; }
  DIV.formSubmitButton INPUT            { background-color:#306A9A; color:#FFFFFF; margin-left:5px; border:1px solid #666666;border:1px solid black;}