@charset "utf-8";

/*	=RESETS / BASICS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
	body {background-color: #191919;}
	
	.homepage { background:  url(images/body-bg.png) repeat-x  #191919;}
	.subpage { background:  url(images/bodysub-bg.png) repeat-x  #191919;}
	img { border: 0; }
	.clr { overflow: hidden; height: 100%; 	list-style: none;}
	
	.col-a { display: inline; width: 120px; float: left; }
	.col-b { display: inline; width: 400px; float: left; padding: 0 0 0 10px; }
	fieldset {border: 0px;}
	.standard-form .required { margin: 0 0 10px 0; color: #717171; font-size: 12px; } 
	.standard-form ol { color: #fff; font-size: 12px; line-height: 17px; }
	.standard-form ol li { padding: 6px; }
	.standard-form ol li.even {border: 0px; }	
	.btn {color: #ffffff; font-weight: bold; border: 1px solid #000000; background: #252525; padding: 3px 7px; margin-top:-5px;}
	
	#page-box { width: 1000px; margin: 0 auto; color:#FFFFFF;}	
	
	h1,h2,h3,h4,h5,h6 {font-family:"Helvetica LT Light";color:#FFFFFF; font-weight: normal; line-height: normal; }
	h1 {padding-bottom: 15px; font-size:28px;}
	h2 {padding-bottom: 10px; font-size:22px;}
	h3 {padding: 3px 0 0 10px; font-size:17px;}
	
	a {outline: 0; color: #FFFFFF;}
	a:hover {color: #CCCCCC;}
	
/*	=HEADER
	----------------------------------------------------*/
	#header { height: 126px; background: url(images/header-bg.png) no-repeat; }
	#header .logo { float: left; width: 220px; height: 126px; }
	#header .language {display: inline; text-align:right; float: right; width: 400px; padding: 5px 30px 0 0; font-family:"Helvetica LT Light"; font-size: 14px;}
	#header .language ul {list-style: none; color: #ffffff; font-family:"Helvetica LT Light"; font-size: 14px;}
	#header .language li {display: inline; list-style: none; padding-top: 0px; vertical-align: middle; }
	
	/* FLAGS ----------------------------------- */
	#header .language li a .nl {width: 16px; height: 20px; background: url(images/ico/nl_grey.png) center no-repeat; padding: 0px 5px ;}
	#header .language li a:hover .nl {background: url(images/ico/nl.png) center no-repeat;}
	#header .language li a.selected .nl {background: url(images/ico/nl.png) center no-repeat;}
	#header .language li a .en {width: 16px; height: 20px; background: url(images/ico/gb_grey.png) center no-repeat; padding: 0px 5px;}
	#header .language li a:hover .en {background: url(images/ico/gb.png) center no-repeat;}
	#header .language li a.selected .en {background: url(images/ico/gb.png) center no-repeat;}
	#header .language li a .fr {width: 16px; height: 20px; background: url(images/ico/fr_grey.png) center no-repeat; padding: 0px 5px;}
	#header .language li a:hover .fr {background: url(images/ico/fr.png) center no-repeat;}
	#header .language li a.selected .fr {background: url(images/ico/fr.png) center no-repeat;}
	#header .language li a .de {width: 16px; height: 20px; background: url(images/ico/de_grey.png) center no-repeat; padding: 0px 5px;}
	#header .language li a:hover .de {background: url(images/ico/de.png) center no-repeat;}
	#header .language li a.selected .de {background: url(images/ico/de.png) center no-repeat;}
	#header .language li a .es {width: 16px; height: 20px; background: url(images/ico/es_grey.png) center no-repeat; padding: 0px 5px;}
	#header .language li a:hover .es {background: url(images/ico/es.png) center no-repeat;}
	#header .language li a.selected .es {background: url(images/ico/es.png) center no-repeat;}
	#header .language li a .pl {width: 16px; height: 20px; background: url(images/ico/pl_grey.png) center no-repeat; padding: 0px 5px;}
	#header .language li a:hover .pl {background: url(images/ico/pl.png) center no-repeat;}
	#header .language li a.selected .pl {background: url(images/ico/pl.png) center no-repeat;}
	
/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main { float: right; margin-top: 30px; width: 750px;}
	#nav-main li { display: inline;}
	#nav-main li a { display: inline-block; float: left; padding: 6px 10px; color: #fff; letter-spacing: 2px; font-family:"Helvetica LT Light"; font-size: 13px; text-decoration: none; cursor: pointer; }		
	#nav-main li a:hover { background-color: #5d5d5d; }

/*	=CONTENT
	----------------------------------------------------*/
	.homepage #content-holder { width: 1010px; height: 550px;  background: url(images/content-bg.png) no-repeat; }
	.homepage #content-left { float: left; padding-top: 20px; width: 420px;}
	.homepage #content-left .text {line-height: 20px; color:#ffffff; width: 435px; height: 260px; overflow:auto; scrollbar-base-color: #242424; scrollbar-arrow-color: #878787;}
	.homepage #content-left ul {margin-left:20px; list-style-type:square; }
	.homepage #content-left p {padding-bottom: 18px;}
	.homepage #content-left .subitem {margin: 35px 10px 0 0; width: 200px; height: 249px; background: url(images/subitem-bg.png) top no-repeat; float: left;}
	.homepage #content-left .one {float: left;}
	.homepage #content-left .subitem p {padding: 5px 5px 0 10px; line-height: 18px;}
	.homepage #content-left .subitem .subimage {padding: 10px 5px 5px 10px;}
	.homepage #content-left .subitem a {text-decoration: none;}
	.homepage #content-right {float: right; padding-right: 19px; width: 542px;}
	.homepage #content-right .image {padding:10px 10px 35px 10px ;}
	.homepage #content-right #flash_header {width: 522px; height: 370px; background-color: #cccccc;}

	.homepage #content-under {float: left; width: 1000px;}
	.homepage #content-under .banner {float: left; width: 177px; border: #4b4b4b solid 1px; margin-right: 18px ; }
	.homepage #content-under .contact {float: right; width: 140px;  color: #b3b3b3; line-height: 18px;}
	.homepage #content-under .contact span {color: #ffffff; font-weight: bold;}
	.homepage #content-under .contact a {color: #b3b3b3;}
	.homepage #content-under .contact a:hover {color: #ffffff;}
	
	.subpage #content-holder { width: 1000px; height: 590px;  background: url(images/contentsub-bg.png) no-repeat; }
	.subpage #content-left { float: left; width: 420px;}
	.subpage #content-left .image {padding:10px 10px 25px 10px ;}
	.subpage #content-right {float: right; width: 580px; padding-top: 30px;}
	
	.subpage #content-right ul {margin-left:20px; list-style-type:square; }
	.subpage #content-right .text {line-height: 20px; color:#ffffff; height: 220px; width: 550px; overflow:auto; scrollbar-base-color: #242424; scrollbar-arrow-color: #878787; padding-bottom:0px; }
	.subpage #content-right p {padding-bottom: 18px;}
	.subpage #content-right .lightbox {width: 535px; height: 84px; margin-top: 10px; background-color: #464646; padding: 10px; }
	.subpage #content-right .lightbox img { border: 3px solid #b2b2b2; margin-right: 15px; }
	.subpage #content-under {float: left; width: 1000px;}
	.subpage #content-under .banner  {float: left; width: 177px; border: #4b4b4b solid 1px; margin-right: 23px; }
	.subpage #content-under .subitem {width: 283px; height: 112px; background: url(images/sub-bg.png) top no-repeat; float: left; padding-left: 15px;}
	.subpage #content-under .subitem p {padding: 5px 15px 0  110px; line-height: 18px;}
	.subpage #content-under .subitem .subimage {float: left; padding: 10px 5px 5px 0px;}
	.subpage #content-under .subitem h3 {padding: 10px 10px 0  110px;}
	.subpage #content-under .subitem a {text-decoration: none;}
	
	.subpage #content-under .contact {float: right; width: 160px;  color: #b3b3b3; line-height: 18px;}
	.subpage #content-under .contact span {color: #ffffff; font-weight: bold;}
	.subpage #content-under .contact a {color: #b3b3b3;}
	.subpage #content-under .contact a:hover {color: #ffffff;}
	
	.formwrapper { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; padding-top: 100px; }	
	.form { margin: 0 auto; padding: 22px; width: 596px; height: 415px; border: 4px solid #fff; background: url(images/bg_formoverlay.gif) repeat-x #474747; }
	.form h2 { float: left; font-size: 28px; margin: 0 0 10px 0; padding: 0; }
	.form .close { float: right; }
	.form form { clear: left; }
	.form table { width: 100%; border-collapse: collapse; padding: 0; margin: 0; }
	.form table td.left { padding-right: 76px; }
	.form input.inputtext { display: block; padding: 2px; margin-bottom: 20px; height: 24px; width: 250px; font-size: 16px;  }
	.form textarea { display: block; padding: 2px; margin-bottom: 20px; font-size: 16px; width: 405px; height: 66px; }
	.form input.inputsubmit { float: right; background: #000; width: 120px; height: 30px; border: none; color: #fff; font-weight: bold; cursor: pointer; }


/*	=FOOTER
	----------------------------------------------------*/
	#footer { height: 30px; padding-top: 10px;  background: url(images/footer-bg.gif) repeat-x center top; }
	#footer .left { float: left; color: #383838; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
	#footer .right { float: right; color: #383838; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
	#footer a { color: #383838; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; }
	#footer a:hover { color: #5b5b5b; text-decoration: none; }
	
	
	
	#warning {
	color:red;
	font-size:14px;
	text-align:left;
	padding-bottom:10px;
		}
	#warning a {
	color:red;
	font-weight:bold;
	}

