@charset "utf-8";

/*	IAK MICROSITE STYLES
	Author:	Stephan van Opstal, Netvlies
	----------------------------------------------------*/

/*	Table of contents
	=RESETS
	=FIXES
	=WRAPPERS
	=TYPOGRAPHY
	=NAVIGATION
	=SIDEBAR
	=PACKS
	=FOOTER
	=CONTACT
	=SITEMAP
	=404
 	----------------------------------------------------*/

/*	=RESETS
	----------------------------------------------------*/
	* { margin: 0; padding: 0; outline: 0; font-family: Verdana, Arial, sans-serif; }
	img { border: 0; }
	
/*	=FIXES
	----------------------------------------------------*/
	.clr { overflow: hidden; height: 100%; }
	
/*	=WRAPPERS
	----------------------------------------------------*/
	body { background: #e1cc21; padding: 0 0 8px 0; }
	
	.page-wrapper { position: relative; width: 960px; margin: 0 auto; padding: 0 0 40px 0; background: #0083a9 url(../img/page-wrapper_bg.gif) no-repeat bottom left; }
	#home.page-wrapper { background: 0; }
	
	.top { width: 960px; z-index: 19; padding: 0 0 16px 0; background: #fff url(../img/sub_top_bg.gif) no-repeat bottom left; }
	#home .top {  padding-bottom: 8px; background: #fff url(../img/home_top_bg.gif) no-repeat bottom left; }
	#sub .top { position: absolute; top: 0; left: 0; }

	#content { position: relative; z-index: 20; width: 534px; margin: 0 0 0 184px; background: #fff;}
	#content .inner { padding: 14px 16px 0 16px; }
	#home #content { float: left; margin: 0; }
	#sub #content .inner { min-height: 485px; } /* USES IE6 STYLES ONLY */

/*	=TYPOGRAPHY
	----------------------------------------------------*/
	h1 { margin: 10px 0 0 0; font: 22px Arial; color: #f17026; }
	p { font-size: 12px; color: #627487; }
	p.copyright { position: absolute; bottom: 35px; left: 15px; font-size: 10px; color: #99cddd; }
	p a { color: #127db5; text-decoration: none; }
	#content p { line-height: 18px; }
	.more { vertical-align: middle; }
	
/*	=NAVIGATION
	----------------------------------------------------*/
	#navigation { float: left; width: 176px; /*184*/  min-height: 425px; padding: 0 8px 0 0; background: url(../img/nav-main_bg.gif) no-repeat right top; }

	#nav-main { width: 154px; margin: 0 0 0 13px; list-style: none; }
	#nav-main img { vertical-align: bottom; }
	#nav-main li { padding: 5px 0 4px 0; background: url(../img/nav-main_divider.gif) repeat-x left top; }
	#nav-main li.first { background: 0; }
	#nav-main li.sub { padding-bottom: 0; }
	#nav-main li a {  position: relative; display: block; height: 20px; overflow: hidden; }
	#nav-main li a:hover img, #nav-main li a img.active { margin: -20px 0 0 0; }
	#nav-main ul { list-style: none; margin: 4px 0 0 0; }

	#sub #nav-meta { position: absolute; bottom: 35px; right: 10px; list-style: none; }
	#sub #nav-meta li {  float: left; font-size: 10px; color: #99cddd; }
	#sub #nav-meta li a { color: #99cddd; text-decoration: none; padding: 0 5px 0 5px; }
	
	#home #nav-meta { float: right; }
	#home #nav-meta li { float: left; font-size: 10px; color: #0083a9; list-style: none; }
	#home #nav-meta li a { padding: 0 5px 0 5px; color: #0083a9; text-decoration: none; }
	
/*	=SIDEBAR
	----------------------------------------------------*/
	#sidebar { float: right; width: 228px; /*242*/ min-height: 425px; padding: 20px 0 0 14px; background: url(../img/sidebar_bg.gif) no-repeat top left; }  /* USES IE6 STYLES ONLY */
	#sidebar h2 { margin: 0 0 20px 0; }
	
	.brand { padding: 25px 0 20px 35px; }
	.brand-iak { padding: 15px 0 15px 32px; }
	
	#cta { list-style: none; }
	#cta li.banner { margin: 0 0 10px 0; }
	#cta li.link { margin: 0 0 5px 0; }
	
/*	=PACKS
	----------------------------------------------------*/
	#packs { background: #0083a9 url(../img/packs_bg.gif) no-repeat top left; }
	#packs .inner { padding: 30px 0 10px 0; background: url(../img/packs_inner_bg.gif) no-repeat bottom left; }
	#packs .item { float: left; display: inline; width: 165px; height: 110px; margin: 0 0 0 9px; padding: 10px; background: url(../img/packs_item_bg.gif) no-repeat top left; }
	#packs .item.first { margin-left: 0; }
	#packs .item h2 { margin: 0 0 3px 0; }
	#packs .item p {  font-size: 11px; color: #fff; }
	#packs .item p a { color: #fff; text-decoration: none; }
	#packs .item .vsl { float: left; margin: 2px 10px 2px 0; }
	#packs .hdr { float: left; }
	
/*	=FOOTER
	----------------------------------------------------*/
	#footer { margin: 8px 0 0 0; background: #fff url(../img/footer_bg.gif) no-repeat bottom left; }
	#footer .inner {  padding: 8px; background: url(../img/footer_inner_bg.gif) no-repeat top left;  }
	#footer p { float: left; font-size: 10px; color: #0083a9; }
	
/*	=CONTACT
	----------------------------------------------------*/
	#frm-contact { margin: 10px 0 0 0; }
	#frm-contact ol { overflow: hidden; }
	#frm-contact ol li { float: left; display: inline; width: 50%; margin: 0 0 10px 0; list-style: none;  }
	#frm-contact ol li.area { width: 100%; display: block;  }
	#frm-contact ol li.send { width: 100%; display: block; margin: 15px 0 0 0; }
	#frm-contact ol li.news { width: 100%; display: block; margin: 5px 0 0 0; }
	#frm-contact ol li.news label { cursor: pointer; font-size: 10px; color: #627487; }
	#frm-contact ol li.news input { margin: 0 5px 0 0; vertical-align: middle; }
	#frm-contact ol li div { width: 207px; height: 25px; margin: 5px 0 0 0; background: url(../img/contact_form_iput_bg.gif) no-repeat top left; }
	#frm-contact ol li.area div { width: 457px; height: 116px; margin: 5px 0 0 0; background: url(../img/contact_form_area_bg.gif) no-repeat top left; }
	#frm-contact ol li div input { width: 198px; height: 18px; margin: 4px 4px 0 4px; border: 0; background: #e6f5fa; font-size: 12px; }
	#frm-contact ol li textarea { width: 449px; height: 108px; margin: 4px 4px 0 4px; border: 0; overflow: auto; background: #e6f5fa; font-size: 12px; }
	#frm-contact ol li.send input {  margin-left: 325px; }
	#frm-contact ol li span { color: #fc6725; }
	#frm-contact .error-message { font-size: 12px; color: #fc6725; margin: 15px 0 10px 0; }
	#frm-contact ol li div.error { background: url(../img/contact_form_iput-error_bg.gif) no-repeat top left; }
	
/*	=SITEMAP
	----------------------------------------------------*/
	#sitemap { margin: 25px 0 0 0; border-top: 1px solid #e4e4e4; }
	#sitemap ul { margin: 15px 0 0 0; list-style: none; } 
	#sitemap ul li { font-size: 12px; line-height: 35px; padding: 0 0 0 20px; background: url(../img/sitemap_ico_first.gif) no-repeat 0 14px; } 
	#sitemap ul li a { color: #627487; text-decoration: none; } 
	#sitemap ul ul { margin-top: 0; } 
	#sitemap ul ul li { background: url(../img/sitemap_ico_second.gif) no-repeat 0 0px; }

/*	=404
	----------------------------------------------------*/
	#notfound { width: 500px; margin: 50px auto; background: #fff url(../img/notfound_bg.gif) no-repeat bottom left; }
	#notfound .inner {  padding: 25px 20px 25px 20px; background: url(../img/notfound_inner_bg.gif) no-repeat top left; }
	#notfound p a { padding: 0 0 0 10px; background: url(../img/notfound_ico_link.gif) no-repeat center left; }