/*=============================


Operation laserstorm : Project Hawkeye

www.hawkeye-events.nl/outdoorlasergame

Designed by CandyFloss Design - 2009
www.candyflossdesign.co.uk

=============================*/

body {
margin-top: 0px;
background: url(../images/background.jpg) center no-repeat #000;
}


#maintable{
	width: 901px;
	height:999px;
	border: 0px;
}

td.spacer_width{
	width: 1px;
}

td.spacer_height{
	height: 1px;
}

/*************************  T A B L E    D I V S ************************************/
#one_header_telno{	width:900px; height:89px; background: url(../images/Operation-Laserstorm_01.jpg);	}
#two_topfiller{	width:677px; height:12px; background: url(../images/Operation-Laserstorm_02.jpg);	}
#three_slideshow{	width:196px; height:138px; background: url(../images/Operation-Laserstorm_03.jpg);	}
#four_rightside{	width:27px; height:860px; background: url(../images/Operation-Laserstorm_04.jpg);	}
#five_leftside{	width:32px; height:848px; background: url(../images/Operation-Laserstorm_05.jpg);	}
#six_logo{	width:240px; height:126px;	}
#seven_microfilmfiller{	width:17px; height:284px; background: url(../images/Operation-Laserstorm_07.jpg);	}
#eight_dutchflag{	width:51px; height:34px;	}
#nine_germanflag{	width:52px; height:34px;	}
#ten_englishflag{	width:49px; height:34px;	}
#eleven_microfilm{	width:236px; height:284px; background: url(../images/Operation-Laserstorm_11.jpg);	}
#twelve_microfilm2{	width:152px; height:250px; background: url(../images/Operation-Laserstorm_12.jpg);	}			
#thirteen_hawkeyelogo{	width:240px; height:158px; background: url(../images/Operation-Laserstorm_13.jpg);	}
#fourteen_topmenu{	width:196px; height:69px; background: url(../images/Operation-Laserstorm_14.jpg);	}
#fifteen_leftmenu{	width:18px; height:653px; background: url(../images/Operation-Laserstorm_15.jpg);	}
#sixteen_menu{	width:132px; height:239px; background: url(../images/Operation-Laserstorm_16.jpg);	}
#seventeen_rightside{	width:46px; height:653px; background: url(../images/Operation-Laserstorm_17.jpg);	}
#eighteen_bottomleft{	width:118px; height:528px; background: url(../images/Operation-Laserstorm_18.jpg);	}				
#twenty_bottomright{	width:12px; height:564px; background: url(../images/Operation-Laserstorm_20.jpg);	}
#twentyone_fontsizetop{	width:132px; height:65px; background: url(../images/Operation-Laserstorm_21.jpg);	}
#twentyone_fontsizetopdutch{	width:132px; height:65px; background: url(../images/Operation-Laserstorm_21d.jpg);	}
#twentyone_fontsizetopgerman{	width:132px; height:65px; background: url(../images/Operation-Laserstorm_21g.jpg);	}
#twentytwo_fontsize{	width:132px; height:32px; background: url(../images/Operation-Laserstorm_22.jpg);	}
#twentythree_fontsizebottom{	width:132px; height:20px; background: url(../images/Operation-Laserstorm_23.jpg);	}
#twentyfour_bottomright{	width:41px; height:297px; background: url(../images/Operation-Laserstorm_24.jpg);	}
#twentyfive_hyves{	width:91px; height:35px;	}
#twentysix_youtube{	width:91px; height:32px;	}
#twentyseven_facebook{	width:91px; height:34px;	}
#twentyeight_twitter{	width:91px; height:33px;	}
#twentynine_bottomcontent{	width:515px; height:75px; background: url(../images/Operation-Laserstorm_29.jpg);	}
#thirty_bottomrighttape{	width:91px; height:163px; background: url(../images/Operation-Laserstorm_30.jpg);	}
#thirtyone_bottomfiller{	width:515px; height:39px; background: url(../images/Operation-Laserstorm_31.jpg);	}
#thirtytwo_abovetabs{	width:515px; height:13px; background: url(../images/Operation-Laserstorm_32.jpg);	}
#thirtythree_lefttab1{	width:103px; height:36px; background: url(../images/Operation-Laserstorm_33.jpg);	}
#thirtyfour_tabhawkeyelink{	width:86px; height:18px; background: url(../images/Operation-Laserstorm_34.jpg);	}
#thirtyfive_lefttabmid{	width:45px; height:36px; background: url(../images/Operation-Laserstorm_35.jpg);	}
#thirtysix_tabsitemap{	width:89px; height:18px; background: url(../images/Operation-Laserstorm_36.jpg);	}
#thirtyseven_midtabmid{	width:43px; height:36px; background: url(../images/Operation-Laserstorm_37.jpg);	}
#thirtyeight_tabcandyflosslink{	width:90px; height:18px; background: url(../images/Operation-Laserstorm_38.jpg);	}
#thirtynine_righttabright{	width:177px; height:36px; background: url(../images/Operation-Laserstorm_39.jpg);	}
#forty_bottomtab1{	width:86px; height:18px; background: url(../images/Operation-Laserstorm_40.jpg);	}
#fortyone_bottomtab2{	width:89px; height:18px; background: url(../images/Operation-Laserstorm_41.jpg);	}
#fortytwo_bottomtab3{	width:90px; height:18px; background: url(../images/Operation-Laserstorm_42.jpg);	}
#fortythree_bottomgradient{	width:900px; height:49px; background: url(../images/Operation-Laserstorm_43.jpg);	}

#nineteen_mainpage{	width:515px; height:401px; background: url(../images/Operation-Laserstorm_19.jpg) left no-repeat #CEBCA8;	}
							
	
/*************************  H E A D I NG S ************************************/	
				
h1{
 	margin-top: 0px;
 	margin-bottom: 0px;
 	font-family: tahoma, arial;
 	font-size: 20px;
	color: #000000;
}

h1 a{
 	margin-top: 0px;
 	margin-bottom: 0px;
 	font-family: tahoma, arial;
 	font-size: 20px;
	color: #000000;
	text-decoration: none;
}

h1 a:hover{
 	margin-top: 0px;
 	margin-bottom: 0px;
 	font-family: tahoma, arial;
 	font-size: 20px;
	color: #000000;
	text-decoration: underline;
}			
	
h2{
 	margin-top: 0px;
 	font-family: tahoma, arial;
 	font-size: 14px;
 	letter-spacing: 1px;
	color: #000000;
}

h2 a{
 	margin-top: 0px;
 	font-family: tahoma, arial;
 	font-size: 14px;
 	letter-spacing: 1px;
	color: #000000;
	text-decoration: none;
}

h2 a:hover{
 	margin-top: 0px;
 	font-family: tahoma, arial;
 	font-size: 14px;
 	letter-spacing: 1px;
	color: #000000;
	text-decoration: underline;
}			
				
				
h3{
 	margin-top: 0px;
 	font-family: tahoma, arial;
 	font-size: 14px;
 	letter-spacing: 1px;
	color: #000000;
}						
			
			
			
				
		
/*************************  P A R A G R A P H    C L A S S E S ************************************/			


p.main{
	font-family: arial, tahoma, verdana;
	font-size: 11px;
	letter-spacing: 1px;
	color: #3c3c39;
	text-decoration: none;
}

p.main a{
	color: #3c3c39;
	text-decoration: none;
	font-weight: bold;
}	

p.main a:hover{
	color: #59C5E6;
	text-decoration: none;
}

	
	
p.menu{
	margin: 0px;
}	
				
p.menu a{
	font-family: arial, tahoma, verdana;
	font-size: 12px;
	color: #3c3c39;
	text-decoration: none;
	font-weight: bold;
	line-height: 18px;
}

p.menu a:hover{
	color: #4FC3E8;
	text-decoration: none;

}

p.fontsize{
	margin: 0px;
}

p.fontsize a{
	font-family: arial, tahoma, verdana;
	font-size: 14px;
	color: #3c3c39;
	text-decoration: none;
	font-weight: bold;
	line-height: 18px;
}

p.fontsize a:hover{
	color: #FF000C;
	text-decoration: underline;

}	

p.tablinks{
	margin: 0px;
}

p.tablinks a{
	font-family: arial, tahoma, verdana;
	font-size: 9px;
	color: #3c3c39;
	text-decoration: none;
	font-weight: bold;
	line-height: 18px;
}

p.tablinks a:hover{
	color: #FF000C;
	text-decoration: underline;

}			
				






		
/*************************  S L I M     B O X ************************************/
#lbOverlay {position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: #000002;cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #fff;}
.lbLoading {background: #fff url(../images/loading.gif) no-repeat center;}
#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(../images/closelabel.gif) no-repeat center;margin: 5px 0;outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}

/*************************  C US T O M     S C R O L L E R  ************************************/

#mainpagebox {width: 515px;height: 380px;overflow: auto;position: relative;margin: 0.3em auto;}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width:22px;}
.vscrollerbar {background-image: url(http://www.hawkeye-events.nl/outdoorlasergame/eng/images/scrollbar.png);width: 22px;height: 70px !important;background-image: url(http://www.hawkeye-events.nl/outdoorlasergame/eng/images/scrollbar.png);}
* html .vscrollerbar {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.hawkeye-events.nl/outdoorlasergame/eng/images/scrollbar.png');background-image: none;}
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}
.vscrollerbar, .hscrollerbar {padding: 0px;z-index: 2;}
.scrollerjogbox {width: 22px;height: 22px;top: auto; left: auto;bottom: 0px; right: 0px;background: #698AAA;}

/***************************************  Q U OT E   S U B M I T   F O R M***********************/
small {color: #999; font-size: 0.85em;}
small a{color: #E03E83; font-size: 0.85em; text-decoration: none;}
small a:hover{color: #E03E83; font-size: 0.85em; text-decoration: underline;}
a img {border: none;}
.alignleft {display: block; float: left;}
.alignright {display: block; float: right;}
.aligncenter {display: block;text-align: center;margin: 0 auto;}
.endOfSection {clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;padding: 0;margin: 0;border: 0;}
#contentForm {display: block;width: 400px;margin: 0px auto;/*this line will center the page*/padding: 15px;border: 0px;}
#contentForm p{clear: left;margin: 0;padding: 5px 0 8px 0;           height: 1%;}
label {display: block;float: left;clear: left;margin: 5px 0 10px 0;width: 175px;line-height: 120%;}
input, textarea, select {padding: 2px;font-size: 1em;color: #666666;background: #F5F5F5;border: 1px solid #ccc;float: left;display: block;margin: 5px 0 10px 0;}
input:focus, textarea:focus, select:focus {border: 1px solid #999;background-color: #FFFFFF;}
input.button {cursor: pointer;border: none;font-weight: bold;background: url(../images/contactimages/submit.jpg) no-repeat center top;width:300px;height: 28px;}
.fright {display: block;float: left;}
.fright label {width: 275px;line-height: 160%;margin: 0 !important;}
label
.fright input {margin-right: 5px !important;}
span.required{font-size: 13px !important;color: red !important;}
.errormsg {display: block;width: 90%;height: 22px;line-height: 22px;color: #FAFCFB;font-weight: bold;background: #FF9D9D url(../images/contactimages/stop.gif) no-repeat 10px center;padding: 3px 10px 3px 40px;margin: 10px 0;border-top: 2px solid #FF0000;border-bottom: 2px solid #FF0000;}

/***************************************  L I G H T B O X   I F R A M E ***********************/
#lightbox{	display:none;	position: absolute;	top:50%;	left:50%;	z-index:9999;	width:500px;	height:400px;	margin:-220px 0 0 -250px;	border:10px solid #555555;	background:#D0C79E;	text-align:left;}
#lightbox[id]{	position:fixed;}
#overlay{	display:none;	position:absolute;	top:0;	left:0;	width:100%;	height:100%;	z-index:5000;	background-color:#000;	-moz-opacity: 0.8;	opacity:.80;	filter: alpha(opacity=80);}
#overlay[id]{	position:fixed;}
#lightbox.done #lbLoadMessage{	display:none;}
#lightbox.done #lbContent{	display:block;}
#lightbox.loading #lbContent{	display:none;}
#lightbox.loading #lbLoadMessage{	display:block;}
#lightbox.done img{	width:100%;	height:100%;}

/***************************************  L A T E S T   H E R O E S   I M A G E S ***********************/
.slideshow{float: left;margin-right: 10px;margin-bottom: 10px;}
.slideshow img{border: 1px solid #000000;width: 75px;height: 50px;}