@charset "utf-8";

/*	=RESETS / GENERIC
	----------------------------------------------------*/
	* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
	body {background: #ffffff;}
	img { border: 0; }
	a { outline: 0; }
	.clr { overflow: hidden; height: 100%; }
	
	.page-box { position: relative; width: 980px; margin: 0 auto;  }	
	
	
/*	=HEADER
	----------------------------------------------------*/
	#header { border-top: 1px solid #a12933; background: url(/images/header_bg.gif)  #d71a20 repeat-x bottom; }
	#header .page-box { height: 258px; }
	#header .logo { position: absolute; top: 40px; left: 0; padding: 0px 33px 0 6px; height: 150px; border-right: 1px solid #fff; }
	#header .logo .img {margin-bottom: 40px;}
	#header .logo p {color: #fff; padding: 10px 0;}
	#header .logo p span {position: absolute;}
	#header .logo p a {text-decoration: none; color: #fff;}
	#header #flash-header { position: absolute; top: 17px; right: 0; }
	#header .line {float: right; margin-top: 40px; height: 150px; border-right: 1px solid #fff; }

/*	=NAV-MAIN
	----------------------------------------------------*/
	#nav-main { position: absolute; left: 216px; bottom: 0px; }
	#nav-main li { float: left; height: 43px; list-style: none; }
	#nav-main li.selected { background: url(/images/nav-main_li-selected_bg.gif) no-repeat left top; }
	#nav-main li a { display: block; float: left; height: 30px; padding: 13px 15px 0 23px; font-family: Rockwell Std; font-weight: bold; font-size: 20px; color: #fff; text-decoration: none; cursor: pointer; }
	#nav-main li.selected a { color: #d71a20; }
	#nav-main li .end { float: left; width: 10px; height: 43px; background: url(/images/nav-main_end_bg.gif) no-repeat; }


/*	=NAV-SUB
	----------------------------------------------------*/
	#nav-sub li { padding: 0 0 5px 0; list-style: none; font-size: 0; line-height: 0; }
	#nav-sub li a { display: block; height: 100%; overflow: hidden; font-family: Rockwell Std; font-weight: bold; font-size: 16px; line-height: 28px; color: #909090; text-decoration: none; cursor: pointer; }
	#nav-sub li a.selected { color: #d71a20; }
	#nav-sub ul { margin: 5px 0 0 0; }
	#nav-sub li li { padding: 0 0 5px 15px; background: url(/images/nav-sub_li_li_bg.gif) 3px 5px no-repeat; }
	#nav-sub li li ul { margin-bottom: 0; }
	#nav-sub li li a { color: #b0b0b0; }
	#nav-sub li li li { padding-bottom: 0; }
	#nav-sub li li li a { font-size: 15px; }
	#newscontent img { width: 240px; display: inline; margin: 0px 15px 15px 0px; height: 176px; border: 1px solid #d11b2b;}


/*	=CONTENT
	----------------------------------------------------*/
	#content { margin: 0px 0; padding: 30px 0; background: #fff; overflow: auto;  }
	
	
/*	=FOOTER
	----------------------------------------------------*/
	.homepage #footer {width: 100%; position: fixed; bottom: 0px; }
	.homepage #footer #nav-footer { bottom: 0px; margin: 0 auto;  width: 980px; padding: 25px 10px; background: url(/images/footer_bg_homepage.png) bottom no-repeat; }
	.homepage #footer .nav-footer li { float: left; padding: 0 8px; line-height: 12px; border-left: 1px solid #ffffff; list-style: none; }	
	.homepage #footer .nav-footer li a { color: #ffffff; text-decoration: none; }

	.subpage #footer {width: 100%;  bottom: 0px; padding: 40px 0 0px 0; background: url(/images/footer_bg.gif) #d71a20 repeat-x top;}
	#footer .copyright {display: none; float: left; color: #efa6a8; }
	#footer #nav-footer { bottom: 0px; margin: 0 auto;  width: 980px; padding: 25px 10px; background: url(/images/footerbg.png) bottom no-repeat; }
	#footer .nav-footer { }
	#footer .nav-footer li { float: left; padding: 0 8px; line-height: 12px; border-left: 1px solid #efa6a8; list-style: none; }
	#footer .nav-footer li.first { border: none; }
	#footer .nav-footer li a { color: #efa6a8; text-decoration: none; }
	#footer .nav-footer li a:hover { text-decoration: underline; }



/*	=HOMEPAGE
	----------------------------------------------------*/
	#login {position: absolute; top: 252px; left: 65%; }
	#homepage a { font-weight: bold; text-decoration: none; color: #d71a20; }
	#homepage .banner { float: left; width: 218px; }
	#homepage .homepage-content { float: left; width: 760px; }
	#homepage .intro { float: left; width: 760px; }
	#homepage .intro h1 { padding: 10px 0 5px 0; font-family: Rockwell Std; font-weight: bold; font-size: 30px; color: #d71a20; }
	#homepage .intro p { line-height: 18px; }
	
	/* loginform  uitgeschakeld in views/home.php
	#homepage .frm-login { float: right; width: 218px; height: 121px; padding: 15px 0 0 15px; background: url(/images/frm-login-homepage_login_btn.gif) no-repeat; }
	#homepage .frm-login li { list-style: none; height: 26px; }
	#homepage .frm-login h3 { padding: 0 0 10px 0; font-family: Rockwell Std; font-weight: bold; font-size: 18px; color: #909090; }
	#homepage .frm-login label { float: left; width: 78px; padding: 2px 0 0 0; }
	#homepage .frm-login input.txt { width: 101px; height: 15px; padding: 2px 3px 3px 3px; border: none; background: none; }
	#homepage .frm-login .input_wrap { display: inline; float: left; background: url(/images/frm-login_input_bg.gif) no-repeat; }
	#homepage .frm-login .sbmt { margin: 0 0 0 138px; }
	*/ 
	
	#homepage .cta-blocks { margin: 20px 0 0 0; }
	#homepage .cta { float: left; width: 213px; padding: 5px 15px 5px 15px; border-left: 1px solid #d71a20; }
	#homepage .cta h2 { padding: 0 0 3px 0; font-family: Rockwell Std; font-weight: bold; font-size: 16px; color: #d71a20; }
	#homepage .cta p { margin: 0 0 6px 0; line-height: 18px; }
	
	
/*	=SUBPAGE
	----------------------------------------------------*/
	#subpage { background: url(../images/subpage_bg.gif) repeat-y top left; }
	#subpage .bar { float: left; width: 189px; }
	#subpage .bar .frm-login { width: 150px; height: 110px; margin: 15px 0 0 0; padding: 15px 0 0 0px;}
	#subpage .bar .frm-login li { list-style: none; height: 26px; }
	#subpage .bar .frm-login h3 { font-family: Rockwell Std; font-weight: bold; font-size: 18px; color: #000; }
	#subpage .bar .frm-login input.txt { width: 130px; height: 20px; padding: 0px 3px 0px 3px; border: none; background: none; }
	#subpage .bar .frm-login .input_wrap { display: inline; width: 180px; float: left; border: 1px solid #000; margin: 5px 0; }
	#subpage .bar .frm-login .sbmt {width: 80px;}
	
	#subpage .subpage-wrap { float: left; width: 760px; padding: 0 0 0 30px; overflow: visible; }
	#subpage .subpage-wrap h1.pagetitle { margin: 0 0 10px 0; font-size: 30px; padding-top: 10px; font-family: Rockwell Std; font-weight: bold; color: #d71a20 }
	#subpage .subpage-wrap p { line-height: 18px; margin: 0 0 15px 0; }
	#subpage .subpage-wrap a { font-weight: bold; text-decoration: none; color: #000000; }
	#subpage .subpage-wrap .content { float: left; width: 760px; }
	#subpage .subpage-wrap .banners { float: right; width: 160px; background: white; }
	
	#subpage #rates_page #country_wrapper { padding: 20px; background: #d71a20; }
	#subpage #rates_page #country_wrapper h2 { float: left; padding: 3px 0 0 0; font-family: Rockwell Std; font-weight: bold; font-size: 18px; color: #fff;  }
	#subpage #rates_page #country_wrapper select { float: left; margin: 0 20px; }
	#subpage #rates_page #country_wrapper input.sbmt { float: left; }
	#subpage #rates_page #tariffs_result_wrapper { padding: 20px 0 10px 0; }
	#subpage #rates_page .distribution_result table { border-collapse: collapse; width: 100%; }
	#subpage #rates_page .distribution_result th { padding: 8px 0 4px 0; border-top: 1px solid #d71a20; border-bottom: 1px solid #d71a20; }
	#subpage #rates_page .distribution_result h2 { font-family: Rockwell Std; font-weight: bold; font-size: 18px; color: #d71a20;  }
	
	#subpage #distribution_page #distribution_search_wrapper { padding: 20px; background: #d71a20; }
	#subpage #distribution_page #distribution_search_wrapper h3 { float: left; padding: 3px 0 0 0; font-family: Rockwell Std; font-weight: bold; font-size: 18px; color: #fff;  }
	#subpage #distribution_page #distribution_search_wrapper td { padding: 3px 0; }
	#subpage #distribution_page .distribution_result p { margin: 10px 0; }
	#subpage #distribution_page .distribution_result table { width: 100%; border-collapse: collapse; border-top: 1px solid #d71a20; }
	#subpage #distribution_page .distribution_result table td { padding: 5px 0 2px 0; }
	
	#subpage #faq_qa_wrapper h2 { padding: 3px 0 3px 15px; font-family: Rockwell Std; font-weight: bold; font-size: 16px; color: #d71a20;}
	#subpage #faq_qa_wrapper .faq_a { padding: 0 0 0 15px; }
	
	.quick_links a 
	{
		float: left;
		color: #0076bd;
		font-weight: bold;
		text-decoration: none;
		padding-left: 22px;
		background: transparent url("/images/red_dot.png") no-repeat center left;
	}

/*
	*** form
*/
	.input-error {
		color: #ffffff;
		font-weight: bold;
	}
	
	.error {
		border: 1px solid #b81414;
		background: #ffd7d7;
	}
	
	#error {
		z-index: 100;
		left: 0px;
		top: 0px;
		position: absolute;
	}
	
	#error-text {
		background-color: #d72e2e;
		padding: 4px;
	}	

	.txt
	{
		width: 101px; 
		height: 15px; 
		padding: 2px 3px 3px 3px;  
		border: medium none;
		background: transparent none repeat scroll 0 0; 
	}
	
	.form_input_wrap
	{
		background:transparent url(/images/frm-login-subpage_input_bg.gif) no-repeat scroll 0 0;
		display:inline;
		float:left;
	}
	
	.form_input_wrap_medium
	{
		background:transparent url(/images/input_bg_medium.jpg) no-repeat scroll 0 0;
		display:inline;
		float:left;
	}	
	
	.form_input_wrap_small
	{
		background:transparent url(/images/input_bg_small.png) no-repeat scroll 0 0;
		display:inline;
		float:left;
	}