/* 
GEEL
ffec01
BLAUW
1b60ab
BRUIN
e0c986
GROEN
427240
LICHTBLAUW
dfeffc

City Events Company style :: 6 evenementen
Copyright (c) 12B Company
---------------------------------------------- */
body {
  background:#aae1fa url('g/background.jpg') fixed no-repeat;
/*
  background-position:left center;
*/
  }

/* Corporate
---------------------------------------------- */
#identity h1 {    }
#identity strong {
    color:#f60;
    font-weight:bold;
    }
#logo {
  padding:128px 0 0 10px;
  }
#sitenav {
  height:235px;
  padding-top:17px;
  background:url('g/bg_sitenav.gif') no-repeat;
  }
  #sitenav a {
    display:block;
    margin:0px 0px 7px 20px;
    padding-left:30px;
    color:#fff;
    font-weight:bold;
    }
	
	#identity #sitenav a:hover {
    color:#1b60ab;
    }
#footer {
    margin-top:0px;
    margin-left:10px;
    }
    #footer span {
        display:block;
        margin-top:10px;
        text-align:right;
        }
        #footer span a {
          color:#222;
          }

#partners {
				padding:10px 0;
				height:60px;
				/*border-top:1px solid #eb2012;*/
				}
				#partners div {
					height:60px;
					width:50px;
					}
				#partners a {
					display:block;
					width:50px;
					height:60px;
					}
				#partner1 {
					float:right;
					}
				#partner2 {
					float:right;
					}
#identity a:hover {
  color:#222;
  }
  #footer #triggerhappy {
    color:#1b60ab;
    }

/* product nav
---------------------------------------------- */
  a#b1 { background:#fff url('g/button-b1.gif') no-repeat; } /* Groepsactiviteiten */
  a#b2 { background:#fff url('g/button-b2.gif') no-repeat; } /* Cre-actief vergaderen */
  a#b3 { background:#fff url('g/button-b3.gif') no-repeat; } /* Themafeesten */
  a#b4 { background:#fff url('g/button-b4.gif') no-repeat; } /* Scholen */

  a#b1,a#b2,a#b3,a#b4 {
    background-position:center top;
    }
  a#b1:hover,a#b2:hover,a#b3:hover,a#b4:hover {
    background-position:center -87px;
    }
  
#pronav div { /* define the expanded product navigation */
  height:120px;
  }
div#p1,
div#p2,
div#p3,
div#p4 { /*default visual followed by category specific visuals */
  background-image:url('http://www.amsterdamevents.nl/site/Stayokay/g/visual-1.jpg');
  }
  .chap1 div#p1,
  .chap1 div#p2,
  .chap1 div#p3,
  .chap1 div#p4 {
    background-image:url('http://www.amsterdamevents.nl/site/Stayokay/g/visual-1.jpg');
    }
  .chap2 div#p1,
  .chap2 div#p2,
  .chap2 div#p3,
  .chap2 div#p4 {
    background-image:url('http://www.amsterdamevents.nl/site/Stayokay/g/visual-2.jpg');
    }
  .chap3 div#p1,
  .chap3 div#p2,
  .chap3 div#p3,
  .chap3 div#p4 {
    background-image:url('http://www.amsterdamevents.nl/site/Stayokay/g/visual-3.jpg');
    }
  .chap4 div#p1,
  .chap4 div#p2,
  .chap4 div#p3,
  .chap4 div#p4 {
    background-image:url('http://www.amsterdamevents.nl/site/Stayokay/g/visual-4.jpg');
    }
  #p1 li a,
  #p2 li a,
  #p3 li a,
  #p4 li a {
    background:#ff5200;
    }
    #pronav li a:hover,
    #pronav li a:focus {
      color:#1b60ab;
      background:#ff7829;
      }
      

/* content
---------------------------------------------- */
#controls a:hover {
  color:#00f;
  }

h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content h1 a /* vb zie homepage */ {
  color:#1b60ab;
  }
  #content h1 a:hover {
    color:#2c71bc;
    }
#content a {
  color:#ff5200;
  }
#content a:hover {
  color:#06f;
  }
q:before,
q:after {
  color:#fd474b;
  }

  #content .contentnav a {
    color:#f60;
    }
  #content .contentnav a:hover {
    background:#f60;
    }
    
    
/* Tabel arrangementen
----------------------------------------------*/
table#arrangementen {
  border-right:1px solid #eee;
  border-bottom:1px solid #eee;
  }
  #content #arrangementen th {
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    background:#f0f0f0;
    }
  #content #arrangementen td {
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    background:#f0f0f0;
    }

#arrangementen td.tdata-r1 a,
#arrangementen th.tdata-r1 a {
  background:#fafaea;
  }
#arrangementen th.tdata-r2 a,
#arrangementen td.tdata-r2 a {
  background:#eaeada;
  }
#content .arrlist {
  display:block;
  height:85px;
  text-decoration:none;
  }
  .arrimg {
    display:block;
    float:left;
    }
  .arrlist strong {
    padding-top:20px;
    display:block;
    float:left;
    padding-left:10px;
    }
  .arrintro {
    display:block;
    clear:left;
    }
    .arrtext {
      display:block;
      float:left;
      padding-left:10px;
      }
  	.arrprijs {
      display:block;
      float:right;
      margin:0 10px 10px 10px;
      }
  
.captureStay { /* side elements in gray block */
  display:block;
  width:140px;
  margin:1em 0;
  padding:0;
  border:none;
 
  font-size:1.5em;
  font-style:italic;
  color:#666;
  }


/* arrangement
---------------------------------------------- */
  #content .programma span,
  #content .programma p span.price {
    color:#f60;
    }
  #displayArr #triggerkorting {
    /*color:#ec272b;
    display:none !important;
    visibility:hidden !important;*/
    color:#bacc22;
    }

#content table th a {
  color:#311;
  padding:8px 6px 2px;
  border-top:1px solid #fff;
  }
#content table th a:hover {
  background:#e0e8f3;
  }
  #content .happy-us a:hover {
    background:#fee;
    }
#content ul.hostels {
  float:left;
  margin-left:3em;
  }
  #content ul.hostels li a {
    text-decoration:none;
    }
    #content ul.hostels li a:hover {
      text-decoration:underline;
      }
  

/*   Kaart nederlands
********************** */

#kaart {
    
     display:block;
          position:absolute;
	left: 280px;
     width:330px;
     height:390px;
     background:url('http://www.amsterdamevents.nl/site/Stayokay/g/landkaartnl.jpg') 8px 8px no-repeat;
     }
     #kaart_info {
          position:absolute;
          width:auto;
          }
          #kaart_info p {
               margin:0px;
               padding:5px;
               border:1px solid #f60;
  color:#1b60ab;
          }
     #kaart_tekst {
	position:absolute;
	width:240px;
	left: -252px;
          }
          #kaart_tekst p {
               margin:0px;
               padding:0px;
              
          }
     #kaart a {
          position:relative;
          width:10px;
          height:10px;
          font-size:10px;
          line-height:10px;    
          margin:0px;
          padding:0px;
          filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.amsterdamevents.nl/site/Stayokay/g/driehoekje.png', sizingMethod='scale');
          display:block;
          cursor:pointer;
     }
     #kaart[id] a {
         background:url('http://www.amsterdamevents.nl/site/Stayokay/g/driehoekje.png'); 
     }