/**
 * Castingcheck stylesheet
 * @version: $Id: styles.css 11505 2011-01-26 13:41:28Z peterverwoerd $
 * @todo: Cleanup
 **/

/* document */
   html { margin:0px;}
   body{ font:0.8em "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#1a7dac; margin:0px; }

/* standaard tags */
   body{ background:url(../images/bg.jpg) repeat-x top;}
   body#frontpage{ background:url(../images/bg_frontpage.jpg) repeat-x top;}
   hr{ display:none; }
   a{ color:#1a7dac; }
   p{ color:#272727; }

   div.hr{ background:url(../images/line_dashed.jpg) repeat-x; margin:5px 0px 5px 0px; height:4px; clear:both; }

/* standaard buttons */
   button{ cursor:pointer; border:0px; margin:0px; width:100px; height:23px; text-align:center; color:#fff; font-size:13px; text-decoration:underline; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; }
      button:hover{ text-decoration:none; }
   button.orange{ background:url(../images/btn_orange.gif) no-repeat 0px 0px; }
   button.blue{ background:url(../images/btn_blue.gif) no-repeat 0px 0px; }
   button.bluebig{ width:148px; background:url(../images/btn_blue-big.gif) no-repeat 0px 0px; }

/* koppen */
   h1,h2,h3,p{ margin:0px; padding:0px; }
   h1#logo{margin:0px 70px 0px 0px; padding:0px; }
   body#frontpage h1#logo { margin:0px 100px 0px 0px; padding:0px; }
   h2#zoekcastingbureau{ background:url(../images/kop_zoek-een-castingbureau.png) no-repeat left top; width:483px; height:42px; }

/* knoppen header */
   a.btn{ display:block; height:25px; margin:2px; }
   a.btn strong{ display:none; }
   a.nu-aanmelden{ background:url(../images/btn_nu-aanmelden.jpg) no-repeat; width:122px; }
   a.inloggen{ background:url(../images/btn_inloggen.jpg) no-repeat; width:81px; }
   a.bedrijf-aanmelden{ background:url(../images/btn_bedrijf-aanmelden.jpg) no-repeat; width:138px; }
   a.model-aanmelden{ background:url(../images/btn_model-aanmelden.jpg) no-repeat; width:138px; }

/* vlakverdeling */
   div#container{ width:721px; margin:auto; }
   
   body#frontpage div#container{ width:760px; } /* bredere content voor homepage */
   
   div#header{ clear:both; height:64px; padding-top:20px; }
   div#header *{ float:left; }

/* zoek box */
   body#frontpage div#searchholder{ background:url(../images/silhouet.png) no-repeat 485px -18px; padding:40px 250px 0px 0px; clear:both; height:320px; }
   div#searchholder{ background:none; padding:10px 100px 50px 100px; clear:both; height:85px; }
      div#searchholder p{ color:#fff; margin:10px; font-size:1.1em; }
         div#searchholder p em{ color:#0d4e6e; font-style:normal; }
      div#searchholder div#searchformholder{ margin-top:20px; position:absolute; z-index:200; }
   
   /* select boxen */
      div#searchholder div#searchformholder h2{ font-size:1.2em; color:#fff; text-align:center; padding:5px; } 
      div#searchholder div#searchformholder div.selectbox{ float:left; }
         div#searchholder div#searchformholder div.selectbox h3{ background:url(../images/bg_selectbox.jpg) no-repeat left top; margin:0px; padding:8px 8px 8px 15px; font-size:14px; font-weight:normal; width:172px; height:21px; cursor:pointer;}
         div#searchholder div#searchformholder div.selectbox ul{ list-style:none; margin:-3px 3px 0px 3px; padding:0px; display:none; position:relative; z-index:20; background-color:#fff; border:1px solid #1a7dac; }
            div#searchholder div#searchformholder div.selectbox ul li{ width:185px; margin:0px; padding:0px; height:30px; }
               div#searchholder div#searchformholder div.selectbox ul li a{ display:block; width:173px; font-size:14px;  border:1px solid #fff; padding:5px; text-decoration:none; }
               div#searchholder div#searchformholder div.selectbox ul li a:hover,
               div#searchholder div#searchformholder div.selectbox ul li a.active{ text-decoration:underline; background-color:#ddecf3; }
   /* zoek knop */         
      div#searchholder div#searchformholder button.zoeken{ background:url(../images/btn_zoeken.jpg) no-repeat; height:37px; width:92px; border:0px; margin-left:5px; cursor:pointer; float:left; }
         div#searchholder div#searchformholder button.zoeken span{ display:none; }
   /* foutmelding */
      div#searchholder div#errorMelding{ clear:both; color:#fff; position:absolute; margin-top:15px; padding:10px; }
      div#searchholder div#errorMelding strong{ color:#0d4e6e; }

/* inhoud */
   div#content{ padding-top:20px; overflow:hidden; }

/* resultaten controls */
   div#searchcontrols{ background:url(../images/bg_searchcontrols.jpg) repeat-x; border:1px solid #5eb1d8; height:52px; padding:15px; }
      div#searchcontrols span{ padding-top:5px; padding-left:10px; float:left; }
         div#searchcontrols span.searchresults{ width:200px; }
         div#searchcontrols span.searchresults span#nr_agencys_display{ padding:0px;float:none; }
      div#searchcontrols h3{ margin-bottom:5px; font-size:1.1em; }
      div#searchcontrols h3.orange{ color:#f5500e; }
      div#searchcontrols select{ width:110px; border:1px solid  #1a7dac; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;  color:#2a2a2a; }
      div#searchcontrols button.filter{ background:url(../images/btn_filter.jpg) no-repeat; height:23px; width:74px; margin-left:10px; border:0px; color:#fff; font-weight:bold; font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; cursor:pointer; }
   
/* zoekresultaten */   
   table.results{ margin-top:10px; width:100%; border-collapse:collapse; }
      table.results td{ text-align:center; }
      table.results thead{ background:url(../images/bg_darkbar.jpg) repeat-x; height:26px; }
         table.results thead th{ color:#fff; font-weight:normal; font-size:1.1em; }
      table.results tbody tr{ background:url(../images/line_dashed.jpg) repeat-x bottom; height:83px; }
      table.results tbody tr.offset{ background-color:#f1fafe; }
      table.results tbody tr.rollon{ background-color:#e9f6fc; cursor:pointer; }
         table.results tbody tr.rollon td.first-child a{ text-decoration:none; }


      span#nr_agencys_found{ display:none; }

         div#container div#content div#resultcontrols{ padding:10px; overflow:hidden; }
            div#container div#content div#resultcontrols span.pages{ float:right; }
            div#container div#content div#resultcontrols span.pages a{ border:1px solid #b0ddf7; padding-left:4px; padding-right:4px; margin:3px; display:block; font-size:1em; float:left; text-decoration:underline; color:#0d4e6e; }
               div#container div#content div#resultcontrols span.pages a:hover{ border-color:#f55312; }
               div#container div#content div#resultcontrols span.pages a.active{ color:#f55312; font-weight:bold; }
            div#container div#content div#resultcontrols span.pages a.button{ border:none; }

/* tooltip */
      div.tooltip{ padding: 0px; margin: 5px; width:202px; color:#000; }
         div.tooltip h3{ background:url(../images/bg_tooltip-top.gif) no-repeat top left; font-size:14px; padding:5px; margin:0px; padding-top:14px; font-weight:normal; height:16px; color:#fff; }
         div.tooltip p{ margin:0px; padding:10px; background:url(../images/bg_tooltip-bot.gif) no-repeat bottom left; }

/* content pagina */
   div#container div#content div#breadcrumb{ background:url(../images/bg_darkbar.jpg) repeat-x; height:20px; padding:3px; padding-left:15px; color:#fff; clear:both; }
      div#container div#content div#breadcrumb a{ color:#fff; }

      div#container div#content div.leftcolumn{ width:160px; padding:10px; padding-left:0px; margin-top:20px; float:left; }
         div#container div#content div.leftcolumn ul{ list-style-image:url(../images/listarrow.jpg); padding-left:23px; margin-left:0px; }
            div#container div#content div.leftcolumn ul li{ padding:2px; }
            div#container div#content div.leftcolumn ul li a{ display:block; }
            div#container div#content div.leftcolumn ul li a:hover{ text-decoration:none; }
            div#container div#content div.leftcolumn ul li a.active{ font-weight:bold; }
            
      div#container div#content div.rightcolumn{ background:url(../images/line_dashed-vert.jpg) repeat-y left; width:510px; padding:15px; margin-top:20px; float:left; }
         div#container div#content div.rightcolumn h2{ color:#f5500e; font-size:1.5em; margin-bottom:20px; }
         div#container div#content div.rightcolumn h3{ font-size:1.2em; color:#1a7dac; margin-top:20px; }
         div#container div#content div.rightcolumn p{ margin-bottom:10px; line-height:1.5em; color:#272727; }

/* reviews */
   div#container div#content div#subnavigation{ margin-top:1px; background-color:#cfeafa; height:20px; padding:3px; }
      div#container div#content div#subnavigation a{ color:#0d4e6e; display:block; float:left; margin-left:5px; }
      div#container div#content div#subnavigation span.btn_bedrijfsinfo a{ background:none; width:119px; height:20px; padding-left:7px; padding-right:3px; }
         div#container div#content div#subnavigation span.btn_bedrijfsinfo a.active{ background:url(../images/btn_bedrijfsinfo.gif) no-repeat left; font-weight:bold; color:#fff; }
      div#container div#content div#subnavigation span.btn_reviews a{ background:none; width:67px; height:20px; padding-left:7px; padding-right:3px; }
         div#container div#content div#subnavigation span.btn_reviews a.active{ background:url(../images/btn_reviews.gif) no-repeat left; font-weight:bold; color:#fff; }
      
      div#container div#content div.widecolumn{ overflow:hidden; }

      div#container div#content div.widecolumn div.bedrijfsinfo{ padding-top:20px; padding-bottom:20px; float:left; width:500px; }
         div#container div#content div.widecolumn h2{ font-size:1.1em; }
         
         div#container div#content div.widecolumn div.bedrijfsinfo img{ padding:2px; border:1px solid #272727; margin-right:20px; }
         div#container div#content div.widecolumn div.bedrijfsinfo p{ color:#272727; margin-left:10px; }
         
         div#container div#content div.widecolumn span.bigstars{ margin-top:10px; background:url(../images/bg_bigstars.gif) no-repeat left top; width:100px; height:21px; display:block; overflow:hidden; }
         div#container div#content div.widecolumn span.bigstars img{ border:0px; padding:0px; margin:0px; }
         div#container div#content div.widecolumn div.beoordeling{ padding-top:20px; width:150px; float:right; }         

         div#container div#content div.beoordelingdetails{ background:url(../images/bg_fadetable.jpg) repeat-y left top; overflow:hidden; display:block; }
         div#container div#content table.beoordelingdetails{ width:350px; float:left; }
            div#container div#content table.beoordelingdetails th{ font-size:1.1em; padding-bottom:5px; color:#272727; text-align:left; }
            div#container div#content table.beoordelingdetails td{ color:#272727; font-size:0.9em; }         
               div#container div#content table.beoordelingdetails td strong{ color:#1a7dac; }
            
         div#container div#content table.beoordelingdetails span.stars{ margin-top:5px; background:url(../images/bg_stars.gif) no-repeat left top; width:65px; height:13px; display:block; overflow:hidden; }
         div#container div#content table.beoordelingdetails span.stars img{ border:0px; padding:0px; margin:0px; }
         
/* foto gallery op specificatie pagina */
         div#container div#content table.beoordelingdetails div#fotogallerie{ width:335px; height:100px; overflow:hidden; position:relative; }
            div#container div#content table.beoordelingdetails div#fotogallerie div.fotos{ height:80px; width:10000px; }
               div#container div#content table.beoordelingdetails div#fotogallerie div.fotos img{ padding:2px; border:1px solid #272727; margin:3px; float:left; }
            div#container div#content table.beoordelingdetails div#fotogallerie div.fotos br{ clear:both; }
         div#container div#content table.beoordelingdetails div#fotogallerie button{ border:0px; background:none; text-decoration:underline; font-size:0.8em; color:#1a7dac; width:165px; cursor:pointer; }
            div#container div#content table.beoordelingdetails div#fotogallerie button.vorige{ text-align:left; }
            div#container div#content table.beoordelingdetails div#fotogallerie button.volgende{ text-align:right; }

/* review schrijven */           
         div#container div#content form.beoordelingform { overflow:hidden; position: relative; }
            div#container div#content form.beoordelingform fieldset{ border:0px; width:300px; float:left; }
            div#container div#content form.beoordelingform fieldset.breed,
            div#container div#content form.beoordelingform fieldset.extrabreed{ width:620px; clear:both; float:none; }
               div#container div#content form.beoordelingform fieldset.extrabreed{ width:750px; }
               div#container div#content form.beoordelingform fieldset.breed label,
               div#container div#content form.beoordelingform fieldset.extrabreed label{ float:left; width:130px; margin-left:10px; margin-top:5px; font-weight:normal; }
                              
               div#container div#content form.beoordelingform label,
               div#container div#content form.beoordelingform legend{ color:#272727; font-weight:bold; font-size:1em; padding:4px; }
               
            div#container div#content form.beoordelingform select.small{ width:80px; margin-right:5px; }
            div#container div#content form.beoordelingform select.medium{ width:100px; }
            div#container div#content form.beoordelingform input,
            div#container div#content form.beoordelingform select,
            div#container div#content form.beoordelingform textarea{ border:1px solid #0d4e6e; width:180px; padding:3px; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; }

            div#container div#content form.beoordelingform textarea{ width:330px; height:200px; }

            div#container div#content form.beoordelingform span.textareaSpan{ width:370px; overflow:hidden; display:block; }
               div#container div#content form.beoordelingform span.textareaSpan textarea,
               div#container div#content form.beoordelingform span.textareaSpan label.errorMessage{ float:left; clear:none;}
               div#container div#content form.beoordelingform span.textareaSpan label.errorMessage{ width:20px; }

      div#container div#content form.beoordelingform input.errorMessage,
      div#container div#content form.beoordelingform select.errorMessage,      
      div#container div#content form.beoordelingform textarea.errorMessage{ border-color:#f5500e; }
      div#container div#content form.beoordelingform span input,
            div#container div#content form.beoordelingform span select { float:left; }
      
      div#container div#content form.beoordelingform span label.errorMessage,
            div#container div#content form.beoordelingform div label.errorMessage { float:left; background:url(../images/ico_alert.gif) no-repeat 5px; width:25px; height:14px; clear:none; font-weight:normal;}

   /* sterren selectie */
      div#container div#content form.beoordelingform div.starselector{ margin-top:10px; margin-bottom:10px; background:url(../images/bg_middlestars.gif) no-repeat left top; width:85px; height:16px; float:left; }
         div#container div#content form.beoordelingform div.starselector a{ width:17px; height:16px; display:block; float:left; }      
            div#container div#content form.beoordelingform div.starselector a.active,
            div#container div#content form.beoordelingform div.starselector a.selected{ background:url(../images/middelster-oranje.gif) no-repeat left top; }
               div#container div#content form.beoordelingform div.starselector a em{ display:none; }
            
   div#container div#content form.beoordelingform div.starratingholder{
      width:320px;
      float:left;
   } 
            
/* review pagina */
   div#container div#content div.reviewtitle{ font-size:1.1em; color:#272727; overflow:hidden; padding-right:5px; padding-left:5px; }
      div#container div#content div.reviewtitle strong{ color:#f5500e;float:left; }
      div#container div#content div.reviewtitle em{ float:left; }
         div#container div#content div.reviewtitle div.button{ float:right; }
   div#container div#content div.reviewitem{ padding-top:5px; padding-bottom:5px; color:#272727; }
      div#container div#content div.reviewitem strong{ font-size:1.1em; } 
      div#container div#content div.reviewitem small{ font-size:1em; }           

/* aanmelden formulier */
   div#container div#content form.aanmelden fieldset{ border:0px; }
   div#container div#content form.aanmelden label{ width:150px; float:left; clear:left; color:#272727; font-weight:bold; font-size:1em; padding:4px; text-align:right; }
   div#container div#content form.aanmelden input{ border:1px solid #0d4e6e; padding:3px; background-color:#fff; float:left; width:200px; }
      div#container div#content form.aanmelden input.small{ width:70px; margin-right:5px; }
      div#container div#content form.aanmelden input.medium{ width:117px; }
      div#container div#content form.aanmelden input.errorMessage{ border-color:#f5500e; }

   div#container div#content form.aanmelden span input { float:left;  }
   div#container div#content form.aanmelden span label.errorMessage { float:right; background:url(../images/ico_alert.gif) no-repeat 5px; width:25px; height:14px; clear:none; font-weight:normal;}

/* modellen aanmelden formulier */
   form.aanmelden p {clear:both; width:100%;}
   form.aanmelden input.available_for {width: 30px !important; margin-left: 130px; clear:both; border: 0 !important;}

/* nieuws op frontpage */
   body#frontpage div#newsChanger *{ padding:0; margin:0; }
   body#frontpage div#newsChanger, body#frontpage div#noNews  {
      margin-top:140px;
   }
 
   body#frontpage div#newsChanger div {
      background-color:#fff;/* #6abce2;*/
      background:transparent;
      padding:3px;
      position: relative;
      height:26px;
      width:480px;
      font-size:13px;
   }
   body#frontpage div#newsChanger ul {
      border: 0px solid #1d7fb0;
      background-color:#fff;
      background:transparent;
      list-style: none;
      min-height:18px;
      padding: 3px 5px;
      padding-right: 30px;
   }
* html #newsChanger ul {
   height: 1.6em;
   overflow: visible;
}
   body#frontpage div#newsChanger li.error {
   color: #f00;
}
   body#frontpage div#newsChanger #togglenewsticker {
   background: transparent url("../images/icon_closenewsticker.gif") no-repeat 0 0;
   overflow: hidden;
   position: absolute;
   right: 10px;
   top: 12px;
   width: 14px;
   height: 14px;
   text-indent: 20px;
   outline: none;
}
* html div#newsChanger #togglenewsticker {
   right: 30px;
}

/* footer */
   body#frontpage div.footer{ color:#1a7dac; background:none; width:760px; text-align:center; padding-top:30px; position:relative; font-size:1.1em; }
      body#frontpage div.footer a{ color:#1a7dac; }
   div.footer{ text-align:center; font-size:1.0em; width:100%; background:#3e97c1 url(../images/bg_footer.jpg) repeat-x; padding-top:65px; color:#fff; padding-bottom:20px }
      div.footer a{ color:#fff; }


    .socialfacebook{background:url(../images/facebook_F.png) no-repeat left center;padding-left:25px;}
	.socialhyves{background:url(../images/hyves-h.png) no-repeat left center;padding-left:25px;} 
	.socialtwitter{background:url(../images/TwitterIcon.png) no-repeat left center;padding-left:25px;} 
	.sociallinkedin{background:url(../images/linkedin-icon.png) no-repeat left center;padding-left:25px;}