/*
 *	CITIBANK Microsite Verstandig omgaan met krediet
 *  //////////////////////////////////////////////////
 *  DESCRIPTION	: Default stylesheet
 *  LANGUAGE    : Dutch 
 */
 
@import url("base.css");

@import url("superfish.css");

@import url("layout.css");

@import url("print.css");


/* 
 *  LANGUAGE DEPENDANT STYLES ------------------------
 */
 
/* 
 *  Superfish nav ------------------------
 */
 
@media screen {

.nav li#n_home {
 width: 94px;
 }

.nav li#n_home a {
 background-image: url(img/n_home.gif); 
 } 
 
 
.nav li#n_leen {
 width: 199px;
 } 
.nav li#n_leen a {
 background-image: url(img/n_leen.gif); 
 }

 
 
.nav li#n_budget {
 width: 183px;
 }  
.nav li#n_budget a {
 background-image: url(img/n_budget.gif); 
 } 
.nav li#n_budget ul {
	background: url(img/subnav_bg_budget.gif) bottom left;
	width: 184px;
	padding-bottom: 3px;
	overflow: hidden;
} 
.nav li#n_budget ul li {
	width: 173px;
	height: auto;
}
.nav li#n_budget ul li a {
	width: 133px;
}
 
 
.nav li#n_bescherm {
 width: 131px;
 } 
.nav li#n_bescherm a {
 background-image: url(img/n_bescherm.gif); 
 } 
.nav li#n_bescherm ul {
	background: url(img/subnav_bg_bescherm.gif) bottom left;
	width: 132px;
	padding-bottom: 3px;
	overflow: hidden;
}   
.nav li#n_bescherm ul li {
	width: 121px;
	height: auto;
}
.nav li#n_bescherm ul li a {
	width: 81px;
}

 
 
.nav li#n_krediet {
 width: 145px; 
 }
.nav li#n_krediet ul {
	background: url(img/subnav_bg_krediet.gif) bottom left;
	width: 146px;
	padding-bottom: 3px;
	overflow: hidden;
}   
.nav li#n_krediet ul li {
	width: 135px;
	height: auto;
}
.nav li#n_krediet ul li a:link,
.nav li#n_krediet ul li a:active,
.nav li#n_krediet ul li a:visited {
	width: 95px;
}
.nav li#n_krediet a {
 background-image: url(img/n_krediet.gif); 
 }
 
 
.nav li#n_support {
 width: 158px;
 } 
.nav li#n_support ul {
	background: url(img/subnav_bg_support.gif) bottom left;
	width: 159px;
	padding-bottom: 3px;
	overflow: hidden;
}   
.nav li#n_support ul li {
	width: 148px;
	height: auto;
}
.nav li#n_support ul li a:link,
.nav li#n_support ul li a:active,
.nav li#n_support ul li a:visited {
	width: 108px;
}
.nav li#n_support a {
 background-image: url(img/n_support.gif); 
 }


.nav li#n_home ul li a:link,
.nav li#n_home ul li a:active,
.nav li#n_home ul li a:visited,
.nav li#n_leen ul li a:link,
.nav li#n_leen ul li a:active,
.nav li#n_leen ul li a:visited,
.nav li#n_budget ul li a:link,
.nav li#n_budget ul li a:active,
.nav li#n_budget ul li a:visited,
.nav li#n_bescherm ul li a:link,
.nav li#n_bescherm ul li a:active,
.nav li#n_bescherm ul li a:visited,
.nav li#n_krediet ul li a:link,
.nav li#n_krediet ul li a:active,
.nav li#n_krediet ul li a:visited,
.nav li#n_support ul li a:link, 
.nav li#n_support ul li a:active, 
.nav li#n_support ul li a:visited { 
 background: url(img/subnav_arrow.gif) bottom right no-repeat; 
 padding: 8px 32px 9px 8px;
 
 
 }

.nav li#n_home ul li a:hover,
.nav li#n_leen ul li a:hover,
.nav li#n_budget ul li a:hover,
.nav li#n_bescherm ul li a:hover,
.nav li#n_krediet ul li a:hover,
.nav li#n_support ul li a:hover { 
 padding: 8px 32px 9px 8px;
 background: url(img/subnav_arrow_over.gif) bottom right no-repeat; 
 }




 
/* 
 *  Headers ------------------------
 */

.h_core_msg {
  text-indent: -5000px;
	background: url(img/h_core_msg.gif) no-repeat;
	height: 78px 
 }

.h_item_home_1 {
  text-indent: -5000px;
	background: url(img/h_item_home_1.gif) no-repeat;
	height: 33px
 }
.h_item_home_2 {
  text-indent: -5000px;
	background: url(img/h_item_home_2.gif) no-repeat;
	height: 33px
 }
.h_item_home_3 {
  text-indent: -5000px;
	background: url(img/h_item_home_3.gif) no-repeat;
	height: 33px
 }
.h_item_home_4 {
  text-indent: -5000px;
	background: url(img/h_item_home_4.gif) no-repeat;
	height: 33px
 }   
 
.h_faq {
  text-indent: -5000px;
	background: url(img/h_faq.gif) no-repeat;
	height: 21px;
 }
.h_ondisplay {
  text-indent: -5000px;
	background: url(img/h_ondisplay.gif) no-repeat;
	height: 21px;
 } 
 
.h_loan_sm {
 text-indent: -5000px;	
 background: url(img/h_loan_sm.gif) no-repeat;
 height: 27px;
 }
.h_manage_sm {
 text-indent: -5000px;	
 background: url(img/h_manage_sm.gif) no-repeat;
 height: 27px;
 }
.h_protect_sm {
 text-indent: -5000px;	
 background: url(img/h_protect_sm.gif) no-repeat;
 height: 27px;
 }
.h_credit_sm {
 text-indent: -5000px;	
 background: url(img/h_credit_sm.gif) no-repeat;
 height: 27px;
 }
.h_support_sm {
 text-indent: -5000px;	
 background: url(img/h_support_sm.gif) no-repeat;
 height: 27px;
 }

.item_ondisplay {
 width: 313px; /*447-107-27*/
 height: 129px; /*151-27*/
 padding: 27px 27px 0 107px;
 margin: 7px 0 0 0;
 float: left;
 background: url(img/bg_ondisplay.gif) no-repeat;
 }

.item_faq {
 width: 314px; /*448-107-27*/
 height: 129px; /*156-27*/
 padding: 27px 27px 0 107px;
 margin: 7px 0 0 0;
 float: right;
 background: url(img/bg_faq.gif) no-repeat;
 }
.item_faq ul, .item_ondisplay ul {
 margin: 15px 40px 0 20px;
 } 
     
}
