/* Passenger Terminal Amsterdam */

html { background: url('../images/topgradient_events.gif') repeat-x #000000; overflow-y: scroll; }
body { margin: 0px; padding: 0px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; color: #ffffff; }

#maincontainer { width: 900px; min-height: 100%; margin: 0 auto 0 auto; text-align: left; z-index: 3; position: relative; }
#header { width: 900px; height: 312px; background: url('../images/header_events.gif') top left no-repeat; }

#homedivevents { float: left; }
#homedivcruises { float: left; }


#logo { position: absolute; right: 0px; top: 0px; padding: 0px; margin: 0px; width: 208px; height: 111px; }
h1#titel { position: absolute; left: 22px; top: 255px; margin: 0px; padding: 0px; width: 129px; height: 50px; }
#headerimg { position: absolute; left: 1px; top: 112px; } 

h2 { margin: 0px; padding: 0px; font-size: 28px; color: #b55413; font-weight: normal; }

h3 { margin: 0px; padding: 0px; font-size: 24px; color: #ffffff; font-weight: normal; }

a {	text-decoration: none; color: #b55413; }
a:hover { text-decoration: underline; }
img { border: none; }


#overlaypng { position: absolute; top: 0px; left: -152px; }

#headerlinks { color: #b55413; position: absolute; left: 172px; top: 82px; margin: 0px; padding: 0px; }
#headerlinks a { margin: 0 10px 0 10px; }

#eventscontent, #eventscontent_breed { padding-left: 220px; width: 440px; padding-right: 240px; padding-bottom: 50px; position: relative; top: 20px; }
	#eventscontent_breed { padding-right: 40px; width: 640px; }

#eventscontent table { border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; border-collapse: collapse; }
#eventscontent td { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; padding: 2px 5px 2px 5px;  }
#eventscontent th { text-align: left; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; padding: 2px 5px 2px 5px; }

#home { padding-top: 300px; } 
#home a { font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; }

/* Menu boven */

	#nav_events { 
		width: 198px; 
		font-size: 10px; 
		color: #ffffff;
		margin: 0px; 
		padding: 0 0 1px 0;
		position: absolute; left: 0px; top: 0px; 
		background: url('../images/eventsmenu_bottom.gif') 22px 100% no-repeat; }
	
	#nav_events ul { margin: 0 0 0 22px; padding: 0px; }

	#nav_events li {
		width: 176px; 
		display: inline; float: left;
		list-style: none; 
		margin: 0px;
		padding: 0px; }
	
	#nav_events li a { 
	  display: block;
	  height: 36px;
	}
	
    #algemeen { background: url('../images/menu-events-algemeen.gif') no-repeat 0 0; }
	#mogelijkheden { background: url('../images/menu-events-mogelijkheden.gif') no-repeat 0 0; }
	#decks-ruimten { background: url('../images/menu-events-decks-ruimten.gif') no-repeat 0 0; }
	#impressies { background: url('../images/menu-events-impressies.gif') no-repeat 0 0; }
	#bereikbaarheid { background: url('../images/menu-events-bereikbaarheid.gif') no-repeat 0 0; }
	#offerte-info { background: url('../images/menu-events-offerte-info.gif') no-repeat 0 0; }
	#contact { background: url('../images/menu-events-contact.gif') no-repeat 0 0; }
	
	#nav_events li a:hover, #nav_events li a.active { 
		background-position: -176px 0; }
	
	#nav_events li a span { 
		display: none; }
		
	#nav_events li ul { margin-left: 0px; }
	#nav_events li ul li { margin: 0 0 10px 10px; }
	#nav_events li ul li a { text-decoration: none; color: #828282; font-size: 11px; height: auto; }
	#nav_events li ul li a:hover, #nav_events li ul li a.active { color: #ffffff; }

	#nav_events dl, #homebarevents span dl { margin-left: 22px; position: absolute; bottom: -100px; left: 0px; }
	#nav_events dt#adrestitel, #homebarevents span dt#adrestitel { display: none; }
	#nav_events dt, #nav_events dd, #homebarevents span dt, #homebarevents span dd { float: left; margin: 0px; padding: 0px; line-height: 16px; }
	#nav_events dt, #homebarevents span dt { clear: left; margin-right: 5px; } 
	#nav_events dd { width: 150px; } 

	#nav_cruises { 
		width: 198px; 
		font-size: 10px; 
		color: #00345b;
		margin: 0px; 
		padding: 0 0 1px 0;
		position: absolute; left: 0px; top: 0px; 
		background: url('../images/cruisesmenu_bottom.gif') 22px 100% no-repeat; }
	
	#nav_cruises ul { margin: 0 0 0 22px; padding: 0px; }

	#nav_cruises li {
		width: 176px; 
		display: inline; float: left;
		list-style: none; 
		margin: 0px;
		padding: 0px; }
	
	#nav_cruises li a { 
	  display: block;
	  height: 36px;
	}
	
    #nav_cruises #algemeen { background: url('../images/menu-cruises-algemeen.gif') no-repeat 0 0; }
	#nav_cruises #cruisekalender { background: url('../images/menu-cruises-cruisekalender.gif') no-repeat 0 0; }
	#nav_cruises #info-voor-passagiers { background: url('../images/menu-cruises-info-voor-passagiers.gif') no-repeat 0 0; }
	#nav_cruises #nautische-feiten { background: url('../images/menu-cruises-nautische-feiten.gif') no-repeat 0 0; }
	#nav_cruises #impressies { background: url('../images/menu-cruises-impressies.gif') no-repeat 0 0; }
	#nav_cruises a#contact { background: url('../images/menu-cruises-contact.gif') no-repeat 0 0; }
	
	#nav_cruises a#algemeen:hover, #nav_cruises a#cruisekalender:hover, #nav_cruises a#info-voor-passagiers:hover, #nav_cruises a#nautische-feiten:hover, #nav_cruises a#impressies:hover, #nav_cruises a#contact:hover { 
		background-position: -176px 0; }

	#nav_cruises li a:hover, #nav_cruises li a.active { 
		background-position: -176px 0; }
	
	#nav_cruises li a span { 
		display: none; }
		
	#nav_cruises li ul { margin-left: 0px; }
	#nav_cruises li ul li { margin: 0 0 10px 10px; }
	#nav_cruises li ul li a { text-decoration: none; color: #828282; font-size: 11px; height: auto; }
	#nav_cruises li ul li a:hover, #nav_cruises li ul li a.active { color: #00345b; }
	
	#nav_cruises dl { margin-left: 22px; position: absolute; bottom: -100px; left: 0px; }
	#nav_cruises dt#adrestitel { display: none; }
	#nav_cruises dt, #nav_cruises  dd { float: left; margin: 0px; padding: 0px; line-height: 16px; }
	#nav_cruises dt { clear: left; margin-right: 5px; } 
	#nav_cruises dd { width: 150px; } 


/* Tabs */

	#tabs { 
		width: 145px; 
		font-size: 10px; 
		color: #ffffff;
		margin: 0px; 
		padding: 0px;
		position: absolute; left: 10px; top: 71px; }
	
	#tabs ul { margin: 0px; padding: 0px; }

	#tabs li {
		display: inline; 
		list-style: none; 
		float: left;
		margin: 0px;
		padding: 0px; }
	
	#tabs li a { 
	  display: block;
	  height: 41px;
	}
	
    #tab_events { background: url('../images/tab_events.gif') no-repeat 0 0; width: 73px; top: 0px; }
	#tab_cruises { background: url('../images/tab_cruises.gif') no-repeat 0 0; width: 72px; }

	#tabs li a#tab_cruises:hover, #tab_events.inactive { 
		background-position: 0 -41px; }
	
	#tabs li a span { 
		display: none; }

#impressieblokken { position: absolute; right: 0px; top: 37px; }
#impressieblokken h3 { font-size: 20px; margin-bottom: 10px; }
#impressieblokken div { width: 200px; height: 80px; border: 1px solid #454545; background: url('../images/overlaypixel.png') #2e2e2e; margin-bottom: 8px; position: relative; }
#impressieblokken img { position: absolute; left: 0px; top: 0px; }
#impressieblokken dl { position: absolute; left: 0px; top: 0px; width: 200px; height: 70px; display: none; background: url('../images/overlaypixel.png'); margin: 0px; padding: 10px 0 0 0px; }
#impressieblokken dt { line-height: 16px; float: left; width: 43px; clear: left; font-size: 10px; font-weight: bold; color: #b55413; margin: 0 0 0 12px; padding: 0px; }
#impressieblokken dd { line-height: 16px; float: left; width: 140px; font-size: 10px; font-weight: normal; color: #828282; margin: 0px; padding: 0px; }

#impressieblokken .webcam1 dt,#impressieblokken .webcam2 dt,#impressieblokken .webcam3 dt { width: 55px; }
#impressieblokken .webcam1 dd,#impressieblokken .webcam2 dd,#impressieblokken .webcam3 dd { width: 128px; }
#impressieblokken .webcam1,#impressieblokken .webcam2,#impressieblokken .webcam3 { overflow: hidden; }
	#impressieblokken .webcam1 img { left: -75px; top: -50px; }
	#impressieblokken .webcam2 img { left: -75px; top: -140px; }
	#impressieblokken .webcam3 img { left: -75px; top: -40px; }
#impressieblokken dt.vergroot, #impressieblokken dt.vergrootpic { line-height: 20px; float: left; width: 150px; clear: left; font-size: 10px; font-weight: normal; color: #b55413; margin: 0 0 0 12px; padding: 0px; }


#medewerkers_this { margin-top: 30px; }
#medewerkers_other { margin-top: 50px; position: relative; }

#medewerkers_this span { display: block; text-align: left; margin: 0 0 20px 20px; padding-left: 110px;  position: relative; height: 90px; }
#medewerkers_other span { display: block; text-align: center; margin-right: 20px; width: 130px; float: left; position: relative; padding-top: 100px; }

#medewerkers_this img { width: 90px; height: 90px; position: absolute; left: 0px; top: 0px; border: 1px solid #454545; }
#medewerkers_other img { width: 90px; height: 90px; position: absolute; top: 0px; margin-left: 20px; border: 1px solid #454545; }

#anchorfill { width: 100%; height: 1px; }

.simplemodal-overlay { background-color: #000; }
#infoformulier { padding: 20px; display: none; width: 420px; height: 800px; background: url('../images/overlaypixel.png'); border: 1px solid #454545; text-align: left; }

#infoformulier p { margin: 0 0 10px 0; font-size: 11px; }
	#infoformulier p.toelichting { line-height: 17px; font-style: italic; }
#infoformulier span { display: block; margin-top: 20px; line-height: 26px; }
#infoformulier label { display: inline-block; width: 140px; vertical-align: top; line-height: 30px; }
	#infoformulier label.verplicht { font-weight: bold; }
#infoformulier input { margin-top: 5px; border: 1px solid #454545; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; height: 20px; padding: 2px; }
.cb { position: absolute; left: 185px; top: 456px; }
#infoformulier textarea { margin: 5px 0 0 2px; width: 265px; height: 100px; border: 1px solid #454545; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#infoformulier #verzenden, #infoformulier #verzenden_en { background: url('../images/events_formknop_verzenden.gif') top left no-repeat; width: 130px; height: 29px; border: none; margin: 0 0 0 142px; }
#infoformulier #annuleren { background: url('../images/events_formknop_annuleren.gif') 0px 0px no-repeat; width: 130px; height: 29px; border: none; margin: 0 0 0 10px; }
	#infoformulier #verzenden:hover, #infoformulier #verzenden_en:hover, #infoformulier #annuleren:hover, .formbuttonup { background-position:  0 -29px; cursor: pointer; }

#nieuwsrest {  position: absolute; right: 0px; top: 0px; width: 200px; }
#nieuwsrest h3 { font-size: 20px; margin-bottom: 10px; }
#nieuwsrest ul { margin: 0px; padding: 0px; }
#nieuwsrest li { list-style: none; margin: 0px; padding: 0px; margin-bottom: 10px; }
#nieuwsrest li span { font-size: 10px; display: block; }
#nieuwsberichtmain { width: 440px; }

.nieuwsarchief { margin: 10px 0 0 0px; padding: 0px; }
.nieuwsarchief li { list-style: none; margin: 0px; padding: 0px; }
.nieuwsarchief li span { font-size: 10px; }

a.smallink { font-size: 10px; }

#belmij { background: url('../images/belmij_events.gif') top left no-repeat; width: 185px; height: 137px; position: absolute; right: 0px; top: 40px; }
#belmij2 { background: url('../images/belmij_events2.gif') top left no-repeat; width: 185px; height: 200px; position: absolute; right: 0px; top: 40px; }

#belmij_naam { position: absolute; left: 17px; top: 79px; width: 142px; height: 19px; border: none; font-weight: bold; color: #b55413; text-align: center; }
#belmij_nr { position: absolute; left: 17px; top: 58px; width: 122px; height: 19px; border: none; font-weight: bold; color: #b55413; text-align: center; }
#belmij_submit, #belmij_submit_en { width: 39px; height: 39px; background: url('../images/trans.gif'); position: absolute; left: 141px; top: 47px; border: none; }
	#belmij_submit:hover, #belmij_submit_en:hover { cursor: pointer; }
	
#belmij2 #belmij_nr { top: 121px; }
#belmij2 #belmij_submit, #belmij2 #belmij_submit_en { top: 110px; }

#nieuwsbrief { background: url('../images/nieuwsbrief_events.gif') top left no-repeat; width: 185px; height: 137px; position: absolute; left: 13px; bottom: -250px; }
#nieuwsbrief_adres { position: absolute; left: 17px; top: 58px; width: 122px; height: 19px; border: none; font-weight: bold; color: #b55413; text-align: center; }
#nieuwsbrief_submit, #nieuwsbrief_submit_en { width: 39px; height: 39px; background: url('../images/trans.gif'); position: absolute; left: 141px; top: 47px; border: none; }
	#nieuwsbrief_submit:hover, #nieuwsbrief_submit_en:hover { cursor: pointer; }

#videoplayer { margin-top: 17px; width: 448px; height: 411px; background: url('../images/videobg_events.gif') top left no-repeat; padding: 4px; font-size: 11px;text-align: left; scrolling: no; overflow: hidden; }
#videoplayer h4 { font-weight: bold;  color: #828282; margin: 0 0 0 7px; padding: 0px; line-height: auto; }
#videoplayer p { margin: 0 0 0 7px; margin-top: 0px; padding: 0px; width: 420px; line-height: auto;}

.pdflink { display: block; /*background: url('../images/pdf.gif') left no-repeat;*/ padding: 5px 0 0 0; height: 25px; }
.dwglink { display: block; /*background: url('../images/dwg.gif') left no-repeat;*/ padding: 5px 0 0 0; }

.sluiten { position: absolute; right: 8px; top: 8px; cursor: pointer; }
#videoplayer .sluiten { top: auto; bottom: 8px; }

#webcamframe { width: 352px; height: 356px; margin: 20px 0 0 20px; }
img#webcamframe { width: auto; height: auto; }

/*#slideshow_bar { text-align: center; width: 688px; }
#slideshow { width: 688px; height: auto; text-align: center; float: left; clear: both; }
#slideshowlarge { max-width: 650px; padding: 0px; border: 1px solid #383838; margin: 20px auto 10px auto; z-index: 2; }
#slideshowbar { width: 668px; height: auto; z-index: 1; margin: 0 auto 0 auto; }
#slideshowbar img { float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; border: 1px solid #383838; cursor: pointer; max-height: 80px; }*/

.ad-slideshow-countdown, .ad-info { color: #000; font-size: 10px; }

#sitemapcruises { width: 200px; position: absolute; left: 500px; top: 30px; }
#sitemapevents { width: 200px; position: absolute; left: 220px; top: 30px; }

#largeimg { min-width: 200px; width: auto; position: fixed; top: 150px; padding: 10px 10px 10px 10px; border: 1px solid #262626; background-color: #010101; }
#largeimg .sluiten { position: absolute; right: 0px; top: 0px; }

#iamsterdam { position: absolute; left: 30px; bottom: -310px; padding-bottom: 20px; } 

#videos { width: 700px; height: auto; position: absolute; left: 230px; top: 50px; } 
.videoblokje { width: 200px; height: 260px; padding: 5px; text-align: left; float: left; border: 1px solid #383838; margin: 10px 10px 0 0; font-size: 10px; position: relative;}
.videoblokje img { height: 150px; }
.videoblokje h4 { margin: 0 0 5px 0; padding: 0px; font-size: 10px; }
.videoblokje p { margin: 0px; padding: 0px; line-height: 16px; }
.videoblokje p a { position: absolute; left: 70px; bottom: 10px; }
.videoblokje:hover { cursor: pointer; border: 1px solid #585858; }
.videoblokje:hover a { text-decoration: underline; }