/*
Kleurenschema WekaHRpraktijkGids:

Zwart          : #000000
Wit            : #ffffff
Grijs          : #c7c7c7
Rood           : #c90132
Paars          : #5b2863
Blauw          : #015da0
Lichtblauw     : #a6d1e1

*/

html, body
{
   background: #bee3f0;
   color: #000;
   font-family: Arial, Helvetica, Sans-Serif;
   padding: 0;
   margin: 0;
   text-align: center;
   font-size: 0.9em;
}

body
{
   background: #cfedf8 url( Images/Body.Background.png ) top left repeat-x; /* gradient tot #cfedf8 */
}


/* Layout */
#Container
{
   background: #FFF;
   padding: 11px;
   margin: 0 auto;
   text-align: left;
   width: 962px;
}

   .Visual
   {
   }
   
      a.SiteLogo
      {
         display: block;
         float: left;
         height: 110px;
         text-decoration: none !important;
         width: 230px;
      }
   
   .MarketingBannerLeaderboard
   {
      margin-left: 230px;  
   }

   #Main
   {
   }

		#Content,
		#Context
		{
         min-height: 480px;
		}
      
      #Content
      {
         float: left;
         margin: 0;
         width: 597px;
      }
       
         #Content hr
         {
            border: none;
            background-color: #a6d1e1;
            color: #a6d1e1;
            height: 1px;
            padding: 0;
            margin: .5em 0;
         }
         
         #Content hr.Bold
         {
            height: 2px;
         }
         
         #Content ul li
         {
            margin-left: 1.5em;
         }

      #Context
      {
         float: right;
         width: 349px;
         padding-right: 3px;
      }

   #Footer
   {
      color: #000;
      font-size: .85em;
      line-height: 1.5em;
      margin-left: 1em;
   }
   
      .Footermenu
      {
         list-style: none;
      }
         .Footermenu li
         {
            color: #015da0;
            font-size: 1.1em;
            font-weight: bold;
            float: left;
            margin-left: 0 !important;
         }

            .Footermenu li a
            {
               color: #015da0;
               font-weight: bold;
            }


/* Text & links */

h1, h2, h3, h4
{
}

h1
{
	margin: 0;
}

h2
{
}

h3
{
}
	
h4
{
}

a
{
   color: #000;
   outline: none;
   text-decoration: none;
}

a:hover
{
   color: #000;
   text-decoration: underline;
}

a img,
input.Image
{
   border: 0;
}


/* TITEL BLOK */

div.MainBlok
{
   background: #cdedf8 url( Images/Mainblok.Background.png ) bottom left repeat-x; /* gradient tot #e2f5fc */
	color: #015da0;
	font-size: .85em;
	padding: 8px;
	border: solid 1px #a9d3e3;
}

   div.MainBlok .MainBlokTitle
   {
      float: left;
      font-size: 1.1em;
      letter-spacing: 0.1em;
   }

      div.MainBlok .MainBlokTitle h1
      {
         font-size: 1.9em;
         text-transform: uppercase;
         margin-top: 3px;
      }

      div.MainBlok .MainBlokTitle h2
      {
         font-size: 1.1em;
         text-transform: uppercase;
      }
      
      div.MainBlok .MainBlokTitle p
      {
         color: #000;
         font-size: 1em;
         width: 570px;
         margin-left: -50px;
      }

      div.MainBlok .MainBlokTitle a
      {
         text-decoration: underline;
      }
      

   div.MainBlok .MainBlokImage
   {
      float: left;
      margin-right: 8px;
   }

   div.MainBlok .MainBlokSearch
   {
      font-size: 1.1em;
      font-weight: bold;
      text-transform: uppercase;
   }

   div.MainBlok .MainBlokSearch a,
   div.MainBlok .MainBlokSearch a:hover
   {
      text-decoration: none;
   }

   div.MainBlok .MainBlokSearchInput
   {
   	border: 1px solid #ccc;
      height: 20px;
      width: 570px;
      font-size: 0.9em;
      padding: 2px 0 0 3px;
      margin-right: 1px;
      font-weight: normal;
   }

   div.MainBlok .MainBlokSearchSubmit
   {
      margin-bottom: -.5em;
   }

   div.MainBlok .MainBlokSearch p
   {
      color: #000;
      margin: 0 4px;
   }
   
   div.MainBlok .MainBlokSearch p.SearchQuestion
   {
   	color: #000;
   	height: 100% !important;
   	letter-spacing: 0.1em;
      margin: 0 4px;
   }
   
   div.MainBlok .MainBlokSearch a
   {
      letter-spacing: .1em;
   }

   div.TagcloudBlok
   {
      text-align: center;
   }

   div.TagcloudBlok span
   {
      display: inline-block;
   }

   div.TagcloudBlok a
   {
      color: #5b2863;
   }

      div.TagcloudBlok .klein
      {
         font-size: 0.7em;
         padding: 3px;
      }

      div.TagcloudBlok .normaal
      {
         font-size: 0.95em;
         padding: 3px;
      }

      div.TagcloudBlok .groot
      {
         font-size: 1.3em;
         font-weight: bold;
         padding: 3px;
      }

      div.TagcloudBlok .super
      {
         font-size: 1.7em;
         font-weight: bold;
         padding: 3px;
      }

div.TitleBar
{
	background: #d1effa url( Images/Titlebar.Background.png ) bottom left repeat-x; /* gradient tot #d1effa */
	font-size: .85em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	vertical-align: middle;
	padding: 4px 4px 4px 8px;
	border: solid 1px #b9ddeb;
}

div.RubriekenBlok
{
   width: 270px;
   font-size: .9em;
   line-height: 1.4em;
   padding: 8px;
}

   div.RubriekenBlok a
   {
      color: #000;
   }   

   div.RubriekenBlok label
   {
      color: #000;
      font-weight: normal;
      margin-left: 8px;
	   text-transform: none;
   }

   div.RubriekenLijst a
   {
      color: #5b2863;
      text-decoration: underline;
      text-transform: uppercase;
      font-weight: bold;
   }



/* SEARCH SUGGESTIONS */

.SearchSuggestionBox
{
   background: #fff;
   margin-top: -2px;
   margin-left: 0px;
   border: 1px solid #c7c7c7;
   width: 573px;
   overflow: auto;
	z-index: 999;
	list-style: none;
	position: absolute;
}

   .SearchSuggestionBox a
   {
      display: block;
      padding: .2em;
      padding-left: 1em !important;
      outline: none;
      text-transform: lowercase;
      font-weight: normal;
      font-size: .9em;
   }

   .SearchSuggestionBox a:hover,
   .SearchSuggestionBox a:focus
   {
      background: #c90132;
      color: #fff;
      text-decoration: none;
   }

   .SearchSuggestionBox li
   {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }


/* MARKETINGBLOKKEN */


div.MarketingBlok
{
	background: #f8f8f8 url( Images/Marketingblok.Background.png ) bottom left repeat-x; /* gradient tot #f8f8f8 */
	font-size: .9em;
	padding: 8px;
	margin-bottom: 8px;
	border: solid 1px #c7c7c7;
}

div.MarketingBlok a
{
   color: #c90132;
}

   div.MarketingBlok .MarketingBlokTitle h4
   {
      color: #c90132;
   	font-size: 1.2em;
      text-transform: uppercase;
   }

   div.MarketingBlok .MarketingBlokBody
   {
      line-height: 1.4em;
   }

   div.MarketingBlok .MarketingBlokBody li
   {
      margin-left: 1.5em;
   }
      
   div.MarketingBlok .MarketingBlokLink
   {
      text-align: right;
      margin-bottom: 4px;
   }
   
      div.MarketingBlok .MarketingBlokLink a
      {
         color: #c90132;
         font-weight: bold;
         text-transform: uppercase;
      }
      
      div.MarketingBlok .MarketingBlokLink img
      {
         margin-bottom: -.5em;
         margin-left: 1em;
      }
      

div.BedrijvenBlok
{
	font-size: .9em;
	margin-bottom: 8px;
	border: solid 1px #c7c7c7;
}

   div.BedrijvenBlok hr
   {
      border: none;
      background-color: #c7c7c7;
      color: #c7c7c7;
      height: 1px;
      padding: 0;
      margin: 1em 0;
   }

   div.BedrijvenBlok .BedrijvenBlokHeader
   {
      background: #2a93d4 url( Images/Bedrijvenblok.Background.png ) bottom left repeat-x;
      color: #fff;
      vertical-align: middle;
      padding: 4px;
   }

      div.BedrijvenBlok .BedrijvenBlokHeader h4
      {
         color: #fff;
	      font-size: .9em;
	      font-weight: bold;
	      letter-spacing: 0.1em;
	      padding-left: 8px;
	      text-transform: uppercase;
      }

   div.BedrijvenBlok .BedrijvenBlokBody
   {
      padding: 8px;
      line-height: 1.4em;
   }
      
      div.BedrijvenBlok .BedrijvenBlokBody ul li
      {
         list-style: none;
      }


   div.BedrijvenBlok .BedrijvenBlokLogo
   {
      width: 125px;
      text-align: center;
      margin-top: 4px;
   }
   
   div.BedrijvenBlok .BedrijvenBlokInfo
   {
      width: 200px;
   }

   div.BedrijvenBlok .BedrijvenBlokInfo a.Rubriek
   {
      text-decoration: underline;
   }
   

/* TEKST BLOKKEN */

div.TekstBlok
{
	font-size: .85em;
   padding: 8px;
   height: 100%;
}

   div.TekstBlok h1
   {
	   color: #015da0;
	   font-size: 1.7em;
	   font-weight: bold;
	   padding-bottom: 8px;
   }

   div.TekstBlok h2
   {
	   color: #c90132;
	   font-size: 1.1em;
	   font-weight: bold;
	   text-transform: uppercase;
	   letter-spacing: .1em;
	   padding-bottom: 8px;
   }

   div.TekstBlok hr
   {
      border: none;
      background-color: #a6d1e1;
      color: #a6d1e1;
      height: 1px;
      padding: 0;
      margin: 0;
   }

   div.TekstBlok b,
   div.TekstBlok strong,
   div.TekstBlok p strong
   {
	   color: #c90132;
	   font-size: 1.1em;
   }

   div.BorderRed
   {
      border: solid 1px #c90132;
   }
   
   div.BorderBlue
   {
      border: solid 1px #a6d1e1;
   }

div.TekstBlokRed
{
   background: #ff3064 url( Images/TekstblokRed.Background.png ) bottom left repeat-x; /* gradient tot #ff3064 */
	color: #fff;
	font-size: .85em;
	padding: 8px;
	border-left: solid 1px #c90132;
	border-right: solid 1px #c90132;
	border-bottom: solid 1px #c90132;
}

   div.TekstBlokRed h2
   {
	   color: #fff;
	   font-size: 1.1em;
	   font-weight: bold;
	   padding-bottom: 8px;
	   text-transform: uppercase;
	   letter-spacing: .1em;
   }

   div.TekstBlokRed a
   {
      color: #fff;
   }
   
   div.BedrijfAdres h4
   {
      padding-top: 8px;
	   color: #015da0;
	   font-size: 1em;
	   font-weight: bold;
   }

   div.BedrijfAdres a
   {
	   font-weight: bold;
	   text-decoration: underline;
   }

div.BedrijfInfo
{
   background: #e8e8e8 url( Images/BedrijfInfo.Background.png ) top left repeat-x; /* gradient tot #e8e8e8 */
   border-left: solid 1px #a6d1e1;
   border-right: solid 1px #a6d1e1;
   border-bottom: solid 1px #a6d1e1;
}

   div.BedrijfInfo b,
   div.BedrijfInfo strong
   {
	   color: #015da0;
	   font-size: 1em;
	   font-weight: bold;
   }


   div.TekstBlok a,
   div.TekstBlokRed a,
   div.BedrijfInfo a
   {
      text-decoration: underline;
   }


   
/* Google Map */
#MarkerPopupGoogleMap
{
width: 150px;
}

#MarkerPopupGoogleMap_contents
{
  background-color: #a6d1e1;
}
#MarkerPopupGoogleMap_contents p
{
  font-size: 10px;
  padding: 3px;
  height: 70px;
}
#MarkerPopupGoogleMap .ResultImage
{
  float: left;
  margin: 2px 3px 0 0;
}
#MarkerPopupGoogleMap_tl, #MarkerPopupGoogleMap_tr, #MarkerPopupGoogleMap_bl, #MarkerPopupGoogleMap_br,
#MarkerPopupGoogleMap_t,#MarkerPopupGoogleMap_l,#MarkerPopupGoogleMap_r,#MarkerPopupGoogleMap_b
{
  background-color: #015da0;
  height: 2px;
  width: 2px;
}

.GoogleEnlarge a
{
   font-size: 0.9em;
   font-weight: bold;
   text-decoration: underline;
}


/* SEARCHRESULTS */

   div.SearchResults
   {
      font-size: .9em;
   }

   div.SearchResults .SearchResultNumber
   {
      width: 35px;      
   }
   
      div.SearchResults .SearchResultNumber .BlueBox
      {
         background: #015da0;
         color: #fff;
         font-weight: bold;
         text-align: center;
         height: 19px;
         width: 22px;  
         padding-top: 3px;    
      }

   
   div.SearchResults .SearchResultDetails
   {
      font-size: 0.9em;
      line-height: 1.6em;
      width: 325px;
   }
   
      .SearchResults .SearchResultDetails a
      {
         text-decoration: underline;
      }
      
      .SearchResults .SearchResultDetails .Paid a
      {
         color: #015da0;
         font-size: 1.5em;
      }

      
      .SearchResults .SearchResultDetails p
      {
         margin-bottom: 5px;
      }
   
   div.SearchResults .SearchResultsLinks
   {
      font-size: .9em;
      line-height: 1.6em;
      width: 100px;
   }
   
      div.SearchResults .SearchResultsLinks a
      {
         color: #015da0;
         text-decoration: underline;
      }

   div.SearchResults .SearchResultsLogo
   {
      width: 110px;
      text-align: center;
   }
   
/* Paging */

.PagingPadding
{
   padding-right: 75px;  
}

.Paging a
{
   font-weight: bold;
   text-decoration: underline;  
}

.Paging a:hover
{
   color: #015da0;
}

.Paging .SelectedPage
{
   color: #015da0;   
}


/* Formulier */

.Formulier
{
	
}

.Formulier .FormulierTitle h4
{
   color: #c90132;
	font-size: 1.2em;
   text-transform: uppercase;
}

.Formulier .FormulierInputField
{
	border: 1px solid #ccc;
   font-size: 1em;
   padding: 2px 0 0 2px;
   margin-bottom: 2px;
   margin-right: 1px;
   font-weight: normal;
}

.Formulier .Height18
{
	height: 18px;	
}