html, body {
  font-family: Calibri, Verdana;
  font-size: 95%;
}
body {
  background: url(/images/bg.png) repeat #3B1E12;
}
li {
  line-height:20px;
}
#topcontainer {
   width: 100%;
   width: 950px;
   margin: 0px auto;
/*   background: url(/images/bgnav.png) repeat-x bottom;*/
   height: 40px;
   clear:both;
   margin-top:5px;
}
#main, #footer {
   display:block;
   position:relative;
   width: 950px;
   margin: 0px auto;
   padding: 0px;
   text-align: left;
   color: #ffffff;
   clear:both;
   overflow:auto;
   margin-top:10px;
}
#copyright {
  width:950px;
  margin: 0px auto;
  padding-left:5px;
  clear:both;
  font-size:11px;
  color:#ffffff;
  margin-top:10px;
  border-top:1px dotted #b2b2b2;
  text-align: right;
}
#stralend {
  position:absolute;
  top:0px;
  right:0px;
  font-size:40px;
  line-height:40px;
}
#content {
  position:absolute;
  display:block;
  float:left;
  width:950px;
  margin-left:0px;
  margin-bottom:0px;
/*  background:#222222;*/
}
#contenttekst {
  display:block;
  float:left;
  width:400px;
  padding:10px 30px 0px 0px;
}
#contentfoto {
  display:block;
  float:right;
  width:450px;
  height:450px;  
}
#contentlijst {
  display:block;
  float:right;
  width:450px;
}
.blok {
   position: absolute;
   overflow: hidden;
   display: block;
   float:left;
   width:225px;
   bottom:0px;
   height:110px;
   margin-top:250px;
   /*color: #bbbbbb;*/
   color: #222222;
   z-index:10050;
}
.bloktop span {
   float:left;
   display:block;
   padding: 10px;
}
.bloktop span.meer {
   float:right;
   display:block;
   background: #E60029;
   color: #ffffff;
   margin-right: 10px;
   margin-top: 12px;
   padding:0px;
   line-height: 16px;
   font-weight:bold;
}
.bloktop {
   position: relative;
   float:left;
   display:block;
   width:225px;
   padding-top:80px;
}
.blokbottom {
   position: relative;
   float:left;
   clear: both;
   display:block;
   font-size: 12px;
   padding:0px 0px 10px 10px;
   width:215px;
}
.blokbottom p {
  padding-right:10px;
}
#nav {
   width: 950px;
   margin: 0px auto;
   height: 40px;
/*
  border-bottom: 1px solid #ffffff;
*/
  color: #bbbbbb;
}
#main, #content {
  position:relative;
}
#logo {
   position:absolute;
   display:block;
   left:0px;
   top:5px;
   height: 57px;
   z-index:10010;
}
#logoleft {
   position:absolute;
   display:block;
   left:0px;
   top:10px;
   height: 57px;
   z-index:10010;
}
#nav ul {
   list-style: none;
   margin-top:10px;
}
#nav ul li {
   float: left;
   margin-left: 15px;
   font-size: 14px;
   line-height: 40px;
}
#nav a, #nav a:visited  {
   position: relative;
   color: #BBBBBB;
   text-decoration: none;
   font-weight: normal;
}
#nav a.active  {
   color: #E60029;
}
a, a:visited {
   color: #BBBBBB;
}
#nav a:hover, a:hover  {
   color: #E60029;
}
#nav ul li:hover{
   background: url(/images/navarrow.png) bottom no-repeat;
}

#zoekoppc {
  line-height:38px;
  float:right;
  height:40px;
  margin-right:0px;
  font-size:12px;
  width: 250px;
  text-align:right;
}
#zoekoppc img {
  vertical-align:middle;
}
#postcode {
   width: 80px;
   font-family: Verdana;
   font-size: 10px;
   border: 1px dotted green;
}
.TrendsText {
  width: 300px;
  float:left;
}
.ContentFlow {
  width: 650px;
  float:right;
}
#slider {
    width:920px;
    height:450px;
    position:relative; 
    margin: 0px auto; 
    overflow:hidden;
}
 
#spotlight {
  position:absolute;
  top:0px;
  left:0px;
  background:url(/images/spotlight.png) no-repeat left;
  width:450px;
  height:450px;
}
#gallery {
    list-style:none;
    margin:0;
    padding:0;
    z-index:0;
    width:950px;
    overflow:hidden;
}
 
#gallery li {
   float:left;
}

.excerpttitel {
  display:block;
  clear:both;
  font-size:36px;
  line-height:38px;
  margin-bottom: 20px;
} 
 
.cosmorood {
  color: #E60029;
}
#acties-gallery {
  width:450px;
  margin-right:50px;
  float:left;
  display: block;
}
#acties-excerpt {
  width:400px;
  float:left;
  display: block;
  z-index: 10001;
}
#acties-gallery ul, #acties-gallery li, #acties-excerpt, #acties-excerpt li {
    margin:0;
    padding:0;
    list-style:none;
    }
#acties-gallery, #acties-gallery li{ 
    width:450px;
    height:450px;
    overflow:hidden; 
    }
#acties-excerpt, #acties-excerpt li {
    height:450px;
    width:400px;
    overflow:hidden;
}
#acties-excerpt ul li {
  height:450px;
}
#acties-excerpt ul li div {
  height:450px;
  display: table-cell; 
  vertical-align: middle;
}
.clear {
    clear:both; 
}
/*Eind slider */

a.button {
    background: url('/images/button-right.png') no-repeat scroll right top transparent; 
    display: block;
    float: left;
    height: 36px;
    margin-right: 6px;
    margin-top:40px;
    padding-right: 35px;
    text-decoration: none;
    color: #ffffff;
    font-size:16px;
    font-weight:bold;
}

a.button span{
    background: transparent url('/images/button-left.png') no-repeat;
    display: block;
    line-height: 36px;
    padding: 0px 0 5px 18px;
} 

a.buttonsmall {
    background: transparent url('/images/buttonsmall-right.png') no-repeat scroll right top; 
    display: block;
    float: left;
    clear: both;
    height: 21px;
    margin-right: 6px;
    margin-top:5px;
    padding-right: 22px;
    text-decoration: none;
    color: #ffffff;
    font-size:10px;
    font-weight:bold;
}

a.buttonsmall span {
    background: transparent url('/images/buttonsmall-left.png') no-repeat;
    display: block;
    line-height: 21px;
    padding: 0px 0 5px 10px;
} 

span.btn {
  float: left;
  clear: both;
  background: url(/images/btn_left.png) no-repeat;
  padding: 0 0 0 10px;
  margin: 5px 0;
}
span.btn a{
  float: left;
  height: 40px;
  background: url(/images/btn_stretch.png) repeat-x left top;
  line-height: 40px;
  padding: 0 10px;
  color: #fff;
  font-size:16px;
  font-weight:bold;
  text-decoration: none;
}
span.btn span {
  background: url(/images/btn_right.png) no-repeat;
  float: left;
  width: 10px;
  height: 40px;
}
span.btnsmall {
  float: left;
  clear: both;
  background: url(/images/btn_leftsmall.png) no-repeat;
  padding: 0 0 0 5px;
  margin: 5px 0;
}
span.btnsmall a{
  float: left;
  height: 20px;
  background: url(/images/btn_stretchsmall.png) repeat-x left top;
  line-height: 20px;
  padding: 0 5px;
  color: #fff;
  font-size:12px;
  font-weight:bold;
  text-decoration: none;
}
span.btnsmall span {
  background: url(/images/btn_rightsmall.png) no-repeat;
  float: left;
  width: 5px;
  height: 20px;
}


h1,h2,h3,h4,h5,h6 {
  margin-bottom: 10px;
   color: #bbbbbb;
}

.lat, .long {
  display:none;
}
#salonlist li {
  display:block;
}

#adres {
  width:400px;
  margin-top:30px;
}
#adres span {
  display:block;
  float:left;
  clear:left;
}
#openingstijden {
  display:block;
  float:left;
  clear:both;
  width:400px;
  margin-top:30px;
}
.vet {
  font-weight:bold;
}
.dag {
  float:left;
  width:150px;
}

.dagtijd {
  float:left;
  width:150px;
}
#map_canvas {
  float:right;
  width:400px;
  height:400px;
  
}

#kapsalon {
  float:left;
  width:500px;
  
}

p {
  margin-top: 10px;
  margin-bottom:10px;
  clear:both;
}
span {
  display:block;
}
#FormulierForm span.left {
  width:250px;
  float:left;
  clear:left;
  text-align:left;
}

.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /* 
  if width will be 100% horizontal scrollbar will apear 
  when scroll mode will be used
  */
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /* 
  it is very important, if line-height not setted or setted 
  in relative units scroll will be broken in firefox
  */
  line-height: 16px;
  overflow: hidden;
}

.ac_loading {
  background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
  background-color: #eee;
}

.ac_over {
  background-color: #0A246A;
  color: white;
}

.ui-autocomplete { 
  position: absolute; 
  cursor: default; 
  background:#ffffff;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 999999;
}  

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
  list-style:none;
  padding: 2px;
  margin: 0;
  display:block;
  float: left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}
.ui-menu .ui-menu-item {
  margin:0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
.ui-menu .ui-menu-item a {
  text-decoration:none;
  display:block;
  padding:.2em .4em;
  line-height:1.5;
  zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.nbForm label {
  display:block;
  float:left;
  clear:left;
  width:50px;
}
.nbForm input {
  float:left;
}
.cosmoForm span, .cosmoForm input {
  float:left;
}
span.error {
  width: 10px;
  display:block;
  padding-top:10px;
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {
font-size: 26px; line-height: 28px;
}

h2 {
font-size: 22px; line-height: 24px;
}

h3 {
font-size: 18px; line-height: 20px;
}

p {

}