body { background-color: #b6d2e0; margin:0; }
img { border:0; } 
#container { width:980px; min-height:1180px; margin: 0 auto 0 auto; }
#header { width:980px; height:400px;}
#header_buttons { position:absolute; width:980px; height:400px; z-index: 20;}
#header_pics { position:absolute; width:980px; height:400px; z-index: 10;}

#header_stedentrip { background: url(../images/header/header_stedentrip.jpg) top center no-repeat; width:980px; height:400px;}
	.links {font-family: Arial, sans-serif; font-size:9pt; padding:4px 10px 0px 10px;}

#container_buttons {width:980px; height:400px; padding-top:280px;}
#witruimte {background-color:white; width:980px; height:10px;}
#navigatie {background-color:white; width:965px; height:30px; padding-left:15px;}

#navigatie {border:0px solid #ff00ff; background-color:white; width:965px; height:30px; padding-left:15px;}

#nav_home {padding-left:13px; height:26px; float:left;}
#nav_newcastle_gateshead { height:26px; border-left:1px solid black; float:left;}
#nav_kerst {height:26px; border-left:1px solid black; float:left;}
#nav_engels_voetbal { height:26px; border-left:1px solid black; float:left;}
#nav_nightlife {height:26px; border-left:1px solid black; float:left;}
#nav_mini_cruise { height:26px; border-left:1px solid black; float:left;}
#nav_webshop { height:26px; border-left:1px solid black; float:left;}
#nav_win { height:26px; min-width:40px; border-left:1px solid black; float:left; position:relative;}

#main { background-color:white; width:980px; min-height:725px; float:left;} 

a:link { font-family: Arial, sans-serif; font-size:9pt; color:#7ca8c6; text-decoration: underline; font-style:italic;} 
a:visited { font-family: Arial, sans-serif; font-size:9pt; color:#7ca8c6; text-decoration: underline; font-style:italic;} 
a:hover { font-family: Arial, sans-serif; font-size:9pt; color:#7ca8c6; text-decoration: underline; font-style:italic;} 
a:active { font-family: Arial, sans-serif; font-size:9pt; color:#7ca8c6; text-decoration: underline; font-style:italic;}

a.hoofdlinks:link { font-family: Arial, sans-serif; font-size:9pt; color:black; text-decoration: none; font-style:normal;} 
a.hoofdlinks:visited { font-family: Arial, sans-serif; font-size:9pt; color:black; text-decoration: none; font-style:normal;} 
a.hoofdlinks:hover { font-family: Arial, sans-serif; font-size:9pt; text-decoration: underline; font-style:normal;} 
a.hoofdlinks:active { font-family: Arial, sans-serif; font-size:9pt; text-decoration: none; font-style:normal;}

a.wit:link { font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: underline; font-style:italic;} 
a.wit:visited { font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: underline; font-style:italic; } 
a.wit:hover { font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: underline; font-style:italic;} 
a.wit:active { font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: none; font-style:italic;}

a.topmenu:link { font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:white; text-decoration: none; font-style:normal;} 
a.topmenu:visited { font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:white; text-decoration: none; font-style:normal;} 
a.topmenu:hover { font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#b6d2e2; text-decoration: underline; font-style:normal;} 
a.topmenu:active { font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:white; text-decoration: none; font-style:normal;}

	.koptekst_onderwerp { font-size: 23pt; color:#999999; font-family: Arial; font-family: sans-serif; font-style:bold; text-transform: capitalize; }
	.koptekst_titel { font-size: 23pt; color:#000000; font-family: Arial; font-family: sans-serif; font-style:bold; }
	.koptekst_artikel { font-family: Arial, sans-serif; font-style:bold; color:white; font-size:11pt; }
	.koptekst_artikel_normaal { font-family: Arial, sans-serif; font-style:normal; color:white; font-size:11pt; }
	.koptekst_artikel_zwart { font-family: Arial, sans-serif; font-style:bold; color:black; font-size:12pt;}
	.text_normaal { color:black; font-family: Arial, sans-serif; font-size:9pt; line-height: 20px;}
	.text_normaal_link { color:black; font-style:italic; font-family: Arial, sans-serif; font-size:9pt; text-decoration: underline; line-height: 20px; }
	.text_normaal_italic {color:black; font-family: Arial, sans-serif; font-size:9pt; line-height: 20px; font-style:italic;}
	.text_bold { font-family: Arial, sans-serif; font-style:bold; color:black; font-size:11pt;  }
	.sublinks_navigatie { font-family: Arial, sans-serif; font-style:normal; color:white; font-size:9pt; line-height:25px;}
	#textfield_input {float:left; font-style:italic; color:#6d7e88; border:0px; margin:0px 0px 0px 0px; background-color:#b6d2e2; height:15px; width:199px; line-height: normal; padding:1px 0px 4px 5px; }
	
#main_left { background-color:white; width:610px; min-height:725px; float: left; margin-left:20px; } 

#content_algemeen { width:610px; min-height:52px; padding:0px 0px 0px 20px; }
#content_algemeen_titel { min-width:620px; min-height:40px; float:left;}
#onderwerp { min-height:inherit; float:left; margin-right:5px;}
#titel { min-width:230px; min-height:40px; float:left; margin-left:0px;  }
#container_algemeen_text { width:610px; min-height:53px; }
#text_algemeen { margin-left:0px; min-width:590px; max-width:590px; min-height:50px; margin-top: 10px; margin-bottom: 10px; float:left;}
#button_algemeen_container{ margin-left:0px; width:590px; min-height:40px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:black; float:left;}
#button_algemeen {width:177px; height:20px; float:left;}
#button_kerst {width:71px; height:20px; float:left;}
#accommodatie_pijltje{ margin-left:4px; width:20px; height:20px; float:left;}

#teaser{ margin:10px 0px 0px 11px; width:280px; float:left; cursor: pointer; }
#teaser_kop{  margin:0px 0px 5px 7px; width:265px; float:left; color:#999999; font-size:11pt; }
#teaser_verhaal {  margin:0px 0px 5px 7px; width:265px; float:left; color:#000000; font-size:9pt; }
#teaser_link{  margin:0px 0px 0px 7px; width:265px; padding-bottom:10px; border-bottom:1px solid #999999;  float:left; color:#7ca8c6; font-size:8pt; font-style: italic;}

#content_items { width:610px; min-height:200px; padding-top:10px; float:left; }
#content_items_titel_container { min-width:inherit; min-height:40px; padding-left:20px; float:left;}
#onderwerp_items { min-height:inherit; float:left; margin-right:5px;}
#titel_items { min-width:230px; height:40px; float:left; margin-left:0px; }
#content_items_inhoud { float:left; margin-left:20px; margin-top:10px; margin-bottom:10px; height: auto; width:590px; padding-bottom:10px; border-bottom:1px solid #000000;}
#container_item {width: 590px; min-height:150px; float:left; margin-bottom:10px;}
#item_image { width:150px; min-height:100px; padding:0px; float:left; }
#item_image_voetbal { min-width:150px; min-height:inherit; padding: 0px 0px 0px 0px; float:left; }
#item_kop { width:420px; height:20px; background-color:black;  padding:0px 10px 0px 10px; float:left; }
#item_text { width:420px; min-height:65px; padding:3px 10px 0px 10px; float:left;}
#item_text_voetbal { width:420px; min-height:65px; padding:0px 10px 0px 10px; float:left;}
#quote { width:730px; float:left;}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width:auto; max-height: 380px; }
#lightbox a img{ border: none; }
#lightbox image{ max-width:600px; max-height: 100px;}

#outerImageContainer{ position: relative; background-color: #fff; min-width: 250px; min-height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../includes/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../includes/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#main_right { background-color:white; width:297px; min-height:725px; float: left; margin-left:24px; }

#infobox_zoekfunctie { width: 303px; float:left; }
#infobox_zoekfunctie_top { background: url(../images/main_rechts/box_rechts_top.png) top center no-repeat; width: 303px; height: 39px; float:left; }
#infobox_zoekfunctie_top_text {width:200px; height: 20px; padding-left:18px; padding-top:18px; float:left; }
#infobox_zoekfunctie_middel { background: url(../images/main_rechts/box_rechts_middel.png) top center repeat-y; width: 303px; float:left; }
#populaire_woorden { font-size:8pt; width:260px; text-align: center; color:#000000; margin:10px 20px 0px 20px; }
#zoekveld { padding:15px 0px 10px 42px; width:261px; height:15px; float:left; }
#form { width:241px; float:left; }
#inputfield {width:209px; height:20px; float:left; margin:0px; padding:0px; }
#submit_button {width:20px; height:20px; float:left; margin:0; padding:0; }
#submit_knop { background: url(../images/navigatie/pijltje.png) no-repeat; border:0; width:20px; height:20px; cursor:pointer; }

#infobox_zoekfunctie_bottom { background: url(../images/main_rechts/foto_archief_bottom.png) bottom center no-repeat; width: 303px; height: 20px; float:left; }

#widget_voetbal{float:left; width:300px; height:470px; margin:10px 0px 15px 11px;}

#infobox_uitgaan { width: 303px; float:left; }
#infobox_uitgaan_top { background: url(../images/main_rechts/box_rechts_top.png) top center no-repeat; width: 303px; height: 39px; float:left; }
#infobox_uitgaan_top_text {height: 20px; padding-left:18px; padding-top:18px; float:left;}
#infobox_stedentrip_top_text { height: 20px; padding-left:18px; padding-top:18px; float:left;}
#infobox_uitgaan_top_text_stad {float:left; padding-top:18px; float:left;}

#infobox_uitgaan_middel { background: url(../images/main_rechts/box_rechts_middel.png) top center repeat-y; width: 303px; float:left;}
#container_infobox { width: 280px; padding-left:11px; float:left; padding-bottom:5px; }
#plattegrond {background-color:white; width:280px; height:150px; float:left;}
#reisschema_overzicht {background-color:white; width:280px; float:left; margin-bottom:0px;}
.pijl_blokje_actief { width:243px; height:20px; float:left; background:url(../images/cijfers/pijl_blokje_actief.png) left top no-repeat #ffffff; color:#000000; font-weight: bold; text-decoration: underline; font-size: 9pt; padding-left:30px; margin-left:7px; margin-bottom:5px; cursor: pointer;}
.pijl_blokje_passief { width:243px; height:20px; float:left; background:url(../images/cijfers/pijl_blokje_passief.png) left top no-repeat #ffffff; color: #000000; font-size:9pt; padding-left:30px; margin-left:7px; margin-bottom:5px; cursor: pointer;}
#nr_blokje { width:18px; height:18px; position:absolute; border:1px solid #b6d2e2; }
#omschrijving_selectie {width:280px; float:left; }
#blokje_locatie{ width:20px; height:20px; padding-bottom:0px; margin-left:10px; margin-right:10px; margin-top:10px; float:left; }
.info_blokje_locatie{ margin-left:0px; margin-right:0px; margin-top:0px; float:left; border:0px solid #ff00ff;}
#kopje_soort_reis{margin-left:40px; margin-bottom:5px;}
#blokje_reisschema{ width:20px; height:20px; padding-bottom:0px; margin-left:10px; margin-right:10px; margin-top:5px; float:left; }
#tekst_reisschema{ width:220px; padding-bottom:0px; margin-left:0px; margin-right:0px; margin-top:5px; float:left; }
#titel_locatie {width:240px; margin-top:10px; float:left; line-height: 20px; padding-bottom:10px; }
#text_locatie {margin-left:40px; width:220px; float:left; }
#thumbnails { width:280px; height:100px; float:left; margin-top:10px}
#titel_fotovenster {margin-left:40px; margin-top:5px; width:210px; padding:3px 0px 3px 10px; float:left; background-color: #000000; color:#ffffff; font-size:8pt;  }
#thumbnails_uitgaan { margin-left:40px; margin-top:0px; margin-bottom:10px; width:220px; height:60px; float:left;}

#infobox_uitgaan_bottom { background: url(../images/main_rechts/box_rechts_bottom.png) bottom center no-repeat; width: 303px; height: 40px;float:left;}
#container_uitgaan_bottom_text { margin-left:20px; width:270px; height:22px; padding-top:4px; float:left; }
#infobox_uitgaan_bottom_text { min-width:150px; height:22px; float:left;}

#foto_archief { width: 303px; float:left; }

#infobox_foto_top { background: url(../images/main_rechts/box_rechts_top.png) top center no-repeat; width:303px; height:39px; float:left; }
#container_tekst_foto_archief{ margin-left:20px; margin-top:17px; width:271px; height:25px; float:left;}
#foto_archief_tekst{ min-width:50px; height:25px; padding-right:6px; float:left;}
#foto_stad_tekst{ min-width:174px; height:25px; float:left;}

#infobox_foto_middel { background: url(../images/main_rechts/box_rechts_middel.png) top center repeat-y; width: 303px; min-height: 100px; float:left; }
#container_foto { width: 280px; padding-left:11px; height: inherit; float:left; }
#foto_text { margin-left:30px; margin-bottom:10px; padding-top:10px; width: 240px; height:15px; float:left;}
#thumbnails_archief { margin-left:30px; width: 223px; min-height: 30px; float:left;}

#pijl_links_archief{ width:20px; height:20px; float:left; padding-left:125px;}
#pijl_rechts_archief{ width:20px; height:20px; float:left; padding-left:20px;}
#infobox_foto_bottom { background: url(../images/main_rechts/foto_archief_bottom.png) bottom center no-repeat; width: 303px; height: 50px; float:left; }
#infobox_reisschema_bottom { background: url(../images/main_rechts/foto_archief_bottom.png) bottom center no-repeat; width: 303px; height: 30px; float:left; }

#footer { background: url(../images/footer/footer.png) bottom center no-repeat; width: 980px; min-height: 55px; float:left;}

#mask { float:left; width:223px; height:60px; overflow:hidden; margin: 0px 0px 0px 0px; position:relative; border:0px solid #ff00ff;}
#folio { position:absolute; top:0; left:0; width:3241px; float:left; }

.col { display:block; width:223px; height:60px; float:left; border:0px solid #ff0000; }

/* TIME PICKER */

div.time-picker {
  position: absolute;
  height: 200px;
  width:4em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #000;
  z-index: 99;
}
div.time-picker-12hours {
  width:6em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  padding: 1px;
  cursor: pointer;
  padding: 0px 20px 0px 0px;
  width: 20px;
}
div.time-picker li.selected {
  background: #c0c0c0;
  color: #fff;
  padding: 0px 20px 0px 0px;
  width: 20px;
}