/* Top bar */

div#topbar {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 margin: 0px;
 padding: 0px;
 display: block;
 height: 48px;
 background: #5bd6f1;
 color: #ffffff;
 font-size: 0.8em;
 line-height: 1.4em;
 border-bottom: #b0eefc 1px solid;
}

#topbar-holder
{
 width: 1065px;
}

   div#topbar div#zoekformulier {
				margin: 0 0 0 40px;
				padding: 11px 5px 9px 12px;
    border-left: #000 1px dotted;
			}

 			div#topbar div#zoekformulier p {
 				margin: 0px;
 				padding: 0px;
 			}

			 div#form-zoeken-zoekterm, div#form-zoeken-submit { float: left; margin: 0px 5px 0px 0px; }

 			div#topbar div#zoekformulier form {
 				margin: 0px;
 				padding: 0px;
 				clear: none;
 			}

  			div#topbar div#zoekformulier form input {
  				margin: 0px;
  				padding: 8px 28px 3px 10px;
  				height: 16px;
  				width: 117px;
  				background: transparent url("../images/forms/zoeken.png") no-repeat;
  				border: 0px;
  				font-size: 0.9em;
  			}

  			div#topbar div#zoekformulier form input.button {
  				margin: 0px;
  				padding: 0px 0px 0px 0px;
  				height: 27px;
  				width: 46px;
  				background: transparent url("../images/forms/zoeken-submit.png") no-repeat;
  				border: 0px;
  				font-family: Georgia, "Times New Roman", serif;
  				color: #ffffff;
      cursor: pointer;
  			}

  			div#topbar div#zoekformulier form input.button:hover,div#topbar div#zoekformulier form input.button:active {
  				color: #61ddf8;
  			}

 div#topbar div#winkelmandje {
				margin: 0px;
				padding: 11px 0px 9px 16px;
    height: 27px;
    border-left: #000 1px dotted;
    width: 290px;
 }

 div#topbar div#winkelmandje div.wrapper div.aantal-artikelen {
  width: 40px;
  font-size: 3em;
 line-height: 1.0em;
 }

 div#topbar div#winkelmandje div.wrapper div.aantal-bijschrift {
  font-size: 0.9em;
  width: 100px;
 }

 div#topbar div#winkelmandje div.wrapper span.totaal-overzicht {
   color: #000;
 }

 div#topbar div#winkelmandje div.wrapper div.naar-kassa {
  width: 109px;
  height: 15px;
  padding: 6px 0px 5px 10px;
  text-transform: uppercase;
  background: transparent url("../images/naar-kassa.png") no-repeat;
 }

 div#topbar div#winkelmandje div.wrapper div.naar-kassa a:link, div#topbar div#winkelmandje div.wrapper div.naar-kassa a:visited { color: #ffffff; }
 div#topbar div#winkelmandje div.wrapper div.naar-kassa a:hover, div#topbar div#winkelmandje div.wrapper div.naar-kassa a:active { color: #61ddf8; }

 div#topbar div#klant-inloggen {

 position: relative;
				margin: 0px;
				padding: 11px 0px 7px 5px;
    height: 29px;
    border-left: #000 1px dotted;
    width: 270px;
			}

   #inlog-button {
     display: block;
     width: 78px;
     height: 27px;
     background: url("../images/backgrounds/topbar-inloggen.png") no-repeat;
     text-indent: -5000em;
   }

   #inlog-dropdown {
     position: absolute;
     display: none;
     top: 49px;
     left: 788px;
     left: 0;
     width: 246px;
     height: 76px;
     background: url("../images/backgrounds/topbar-inloggen-bg.png") no-repeat bottom center;
     padding: 17px 23px 15px 10px;
     z-index: 1;
   }

 			div#topbar div#klant-inloggen p {
 				margin: 0px;
 				padding: 0px;
 			}

			 div#form-inloggen-zoekterm, div#form-inloggen-submit { float: left; margin: 10px 5px 0px 0px; }

 			div#topbar div#klant-inloggen form {
 				margin: 0px;
 				padding: 0px;
 				clear: none;
 			}

  			div#topbar div#klant-inloggen form input {
  				margin: 4px 0px 0px 12px;
  				padding: 2px 0px 0px 0px;
  				height: 16px;
  				width: 107px;
  				border: none;
      background: transparent;
  				font-size: 0.9em;
  			}


     div#topbar div#klant-inloggen div#form-inloggen, #uitlog-button {
       width: 246px;
       height: 27px;
       margin: 0px 5px 0px 0px;
       background: transparent url("../images/inloggen.png") no-repeat;
     }

     div#topbar div#klant-inloggen div#text-inloggen {
       width: 246px;
       height: 27px;
       margin: 0px 5px 0px 0px;
       padding-top: 5px;
     }
  			div#topbar div#klant-inloggen input.button, div#topbar div#klant-inloggen a#uitlog-button {
      display: block;
  				margin: 0px;
  				padding: 0px 0px 0px 0px;
  				height: 27px;
  				width: 46px;
  				background: transparent url("../images/forms/zoeken-submit.png") no-repeat;
  				border: 0px;
      font-size: 10px;
  				font-family: Georgia, "Times New Roman", serif;
  				color: #ffffff;
      cursor: pointer;
  			}
     div#topbar div#klant-inloggen a#uitlog-button { 
       padding: 6px;
     }

     div#topbar div#klant-inloggen span.hello
{
 position: absolute;
 top: 16px;
 left: 60px;
 font-size: 10px;
 text-transform: uppercase;
 font-weight: bold;
 color: #000;
}
  			div#topbar div#klant-inloggen input.button:hover, div#topbar div#klant-inloggen a#uitlog-button:hover, div#topbar div#klant-inloggen input.button:active {
  				color: #61ddf8;
  			}

 div#klant-registreren {
		margin: 0px 0px 0px 50px;
		padding: 10px 0px 10px 6px;
  font-size: 0.9em;
  line-height: 1.8em;
  font-weight: bold;
  text-transform: uppercase;
 }

 div#topbar div#klant-registreren a:link, div#topbar div#klant-registreren a:visited { color: #a8a8ab; }
 div#topbar div#klant-registreren a:hover, div#topbar div#klant-registreren a:active { color: #61ddf8; }

 div#klant-registreren a small {
   font-size: 8px;
   line-height: 10px;
 }