@charset "utf-8";

/*	ALTOPAGES.COM STYLES
	Author:	Sebastiaan Smid, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	= GENERIC
	----------------------------------------------------*/

/*	=GENERIC
	----------------------------------------------------*/
	* { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; line-height: 15px; color: #003785; margin: 0; padding: 0; }
	html, body { margin: 0; padding: 0; }
	body { margin-bottom: 20px; background: #0a2972; }
	img { border: 0; }
	a { outline: 0; }
	a.inlinebtn { display: block; margin: 5px 0 15px 0; }

	* .flash_btn { display: inline; margin: 0 0 0 -3px; padding: 0; }
	#flash_btn_1 { margin-bottom: 8px; }
/*	=PAGE BOX
	----------------------------------------------------*/
	#page-box { position: relative; margin: 0 auto; width: 847px; }	
	
	/*
	#content.col3 { background: url(../img/3col-bg.gif) no-repeat left top; width: 836px; height:  354px; }
	#content.col2 { background: url(../img/2col-bg.gif) no-repeat left top; width: 836px; height:  354px; }
	*/
	
	#content.col3 { background: url(../img/3col-mid-bg.gif) ; width: 836px; overflow: hidden; height: 100%; }
	.col3-top { width: 836px; height: 6px; line-height: 5px; font-size: 0px; background:url(../img/3col-top-bg.gif); }
	.col3-bot { width: 836px; height: 6px; line-height: 5px; font-size: 0px;  background:url(../img/3col-bot-bg.gif); }
	
	.col2 { background: url(../img/2col-mid-bg.gif) ; width: 836px; overflow: hidden; height: 100%; }
	.col2-top { width: 836px; height: 6px; line-height: 5px; font-size: 0px;  height: 6px; background:url(../img/2col-top-bg.gif); }
	.col2-bot { width: 836px; height: 6px; line-height: 5px; font-size: 0px;  height: 6px; background:url(../img/2col-bot-bg.gif); }
	
	
	#content { position: relative; }
	#col-a, #col-b, #col-c, #col-d { position: relative; float: left; width: 272px; overflow: hidden; height: 100%; padding:0; margin: 0; }
	
		
	#col-b { left: 10px; }
	#col-c { left: 20px; }
	#col-d { left: 15px; width: 544px; }
	#col-a ul { padding: 2px 8px 0 8px; }
	#col-a ul li { display: block; width: 256px; height: 24px; overflow: hidden; line-height: 0; font-size: 0; }
	#col-a ul li:hover img { margin-top: -24px; }
	#col-a ul li a { display: block; width: 256px; height: 24px; }
	#col-a ul li a span { display: none; }
	#col-a ul li a.en { background: url(../img/btn_en.gif) left top no-repeat; }
	#col-a ul li a.de { background: url(../img/btn_de.gif) left top no-repeat; }
	#col-a ul li a.nl { background: url(../img/btn_nl.gif) left top no-repeat; }
	#col-a ul li a.es { background: url(../img/btn_es.gif) left top no-repeat; }
	#col-a ul li a.fr { background: url(../img/btn_fr.gif) left top no-repeat; }
	#col-a ul li a.ru { background: url(../img/btn_ru.gif) left top no-repeat; }
	#col-a ul li a.pl { background: url(../img/btn_pl.gif) left top no-repeat; }
	#col-a ul li a.tr { background: url(../img/btn_tr.gif) left top no-repeat; }
	#col-a ul li a.it { background: url(../img/btn_it.gif) left top no-repeat; }
	#col-a ul li a.hi { background: url(../img/btn_hi.gif) left top no-repeat; }
	#col-a ul li a.zh { background: url(../img/btn_zh.gif) left top no-repeat; }
	#col-a ul li a.ar { background: url(../img/btn_ar.gif) left top no-repeat; }
	#col-a ul li a.pt { background: url(../img/btn_pt.gif) left top no-repeat; }
	#col-a ul li a.ja { background: url(../img/btn_ja.gif) left top no-repeat;}
	#col-a ul li a:hover { background-position: left bottom; }
			
	#col-c ul { list-style: none; width: 250px; margin: 6px 0 0 -1px; padding: 0 ; }
	#col-c ul li { display: block; width: 235px; height: 100%; overflow: hidden; background: url(../img/li_ico.gif)  0px 4px no-repeat; padding: 0 0 0 15px; margin: 0 0 6px 0; font-size: 13px; line-height: 18px; font-weight: bold; }

	/*	voor arabisch erbij*/
	.arabic { direction: rtl; }
	.arabic ul li { background: url(../img/li_ico_mirror.gif) right 2px no-repeat !important; padding: 0 15px 0 0 !important; }
	


	#col-c h3 { font-size: 13px; line-height: 18px; }
	#col-c .flash_btn.startsearch { margin-top: 4px; display: block; }
	#col-a div, #col-b div, #col-c div { padding: 0 11px; }
	#col-c div { padding-top: 5px; }
	#col-b form, #col-c form { padding: 0 11px 10px 11px; margin: 0; }
	#col-b form div, #col-c form div { background: url(../img/input_bg.gif); width: 244px; height:23px; margin: 0 2px 3px 2px; padding: 0; } 
	
	#col-d .info { padding: 40px 0 0 0; }
	#col-d .resume_buttons { padding: 9px; }
	#col-d .resume_buttons.online { padding-top: 150px; }
	#col-d .resume_btn { float: left; }
	#col-d h1 { font-size: 30px; color: #0B2972; line-height: 30px; text-align: center; }
	#col-d h2 { font-size: 16px; color: #E52727; line-height: 21px; }
	#col-d h3 { font-size: 16px; line-height: 21px; }
	#col-d .info h2 { text-align: center; }
	#col-d .info h3 { text-align: center; }
	
	form input { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border: none; background: none; color: #f4020a; width: 220px; font-size: 12px; line-height: 15px; margin: 4px 7px 0 7px; }
	form input.btn { width: 248px; height: 27px; margin: 0; }
	form input.radio { width: 12px; height: 12px; padding: 0; margin: 0;vertical-align: middle; }
	form label, form a { padding: 0 0 0 5px; vertical-align: middle; text-decoration: none; }
	form p { padding: 0 0 0 17px; }
	
	#swf_smalldemo { padding: 0 6px !important; margin: 0 !important; }
	#swf_ticker { padding-bottom: 11px; }
	#swf_demo { position: relative; float: left; background: url(../img/swf_demo_bg.gif) no-repeat top left; width: 836px; overflow: hidden; height: 100%; margin-bottom: 7px; }
	
	#disclaimer { padding: 0 !important; margin: 0; font-size: 10px;  }
	
	#footer { margin-top: 7px; }