/* CSS Document */

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	color: #000;
	background: #FFF;
	}

html, body { height: 100%; }

body#page,
body#home {
	}

img, a img { border: none; }

a, a:link, a:visited { text-decoration: underline; color: #7c90b5; }
a:hover { text-decoration: none; }
a:active,
a:focus { outline: none; }

.clear { clear: both; height: 1%; visibility: hidden; font-size: 1px; }

ul { padding-left: 1.3em; margin: .5em 0; padding-bottom: 1em; list-style-type: disc; }
ol { padding-left: 2.5em; margin: .5em 0; }
li { margin-bottom: .2em; }

u { text-decoration: none; }

h1, h2, h3, h4, h5, h6, h7 { font-size: 1em; color: #284885; }
h1 { font-size: 1.2em; padding-bottom: .8em; }
h2 { font-size: 1.1em; padding-top: .5em; padding-bottom: .7em; }
h3 { font-size: 1em; padding-top: .5em; padding-bottom: .5em; }
h4 { font-size: 1em; padding-top: .5em; }

p { padding-bottom: 1em; }

hr { height: 1px; color: #D3B066; background-color: #D3B066; border: none; }

em, i { font-size: 96%; }

table, td, th {
	text-align: left;
	font-size: 1em;
	}

.image_left { float: left; margin-right: 10px; margin-bottom: 1em; }
.image_right { float: left; margin-left: 10px; margin-bottom: 1em; }

.yellow { color: #FFDF00; }

/* CONTAINER */
#container {
	width: 960px; position: relative;
	background: #FFF url(../img/oft_background.gif) repeat-y left top;
	min-height: 100%;
	height: auto;
	}
* html #container {
	height: 100%;
	}	

#home #container {
	background: #FFF url(../img/oft_background_home.gif) repeat-y left top;
	}

#logo_oikocredit {
	position: relative; margin-top: -120px; padding-left: 18px;
	}

/* TOPBAR */
#topbar {
	height: 24px;
	text-transform: lowercase; font-size: 11px;
	color: #000; background: url(../img/oft_topnav_background.gif) no-repeat left top;
	}

#topnav { float: right; }

#topnav, #topnav ul { 
	list-style: none; margin: 0; padding: 0; line-height: 1em;	
	}
#topnav li { 
	float: left; width: 80px;
	}

#topnav li a,
#topnav li a:link,
#topnav li a:visited {
	display: block; width: 80px; 
	text-decoration: none; text-align: center; line-height: 23px;
	color: #000;
	}
#topnav li a:hover {
	text-decoration: underline;
	}

/* 2nd level */
#topnav li ul {
	position: absolute; width: 80px; left: -999em;
	background: #ffdf00;
	}

#topnav li li a,
#topnav li li a:link,
#topnav li li a:visited {
	border: none;
	text-transform: none;
	}

#topnav li:hover ul, 
#topnav li.sfhover ul {
	left: auto; height: auto;
	}

/* HEADER */
#header {
	width: 960px; height: 123px; overflow: hidden;
	background: #FFF no-repeat left top;
	}	

/* logo */
#logo {
	margin-top: 11px;
	}

#logo_print {
	display: none;
	}


/* MAIN */
#main { padding-bottom: 120px; }
	
/* LEFTNAV */
#leftnav {
	float: left; width: 200px;  overflow: hidden;
	}

#leftnav ul { list-style: none; margin: 0; margin-left: 5px; margin-top: 20px; padding: 0; }
#leftnav li { font-weight: bold; padding-top: 2px; padding-bottom: 3px; }

#leftnav li a,
#leftnav li a:link,
#leftnav li a:visited {
	display: block; width: 165px; padding-left: 20px;
	text-decoration: none; font-size: 13spx;
	color: #FFF;
	}
#leftnav li a:hover {
	color: #FFDF00;
	}
	
#leftnav li.current a,
#leftnav li.current a:link,
#leftnav li.current a:visited {
	color: #FFDF00;
	}
#leftnav li.current a:hover {
	text-decoration: underline;
	}

/* 2nd level */
#leftnav ul ul {
	margin: 0; margin-top: 2px; margin-left: 10px;
	}
#leftnav li li {
	padding-bottom: 2px;
	}

#leftnav li.current li a,
#leftnav li.current li a:link,
#leftnav li.current li a:visited {
	display: block; width: 165px; padding-left: 20px;
	text-decoration: none; font-size: 11px;
	color: #BFCAE1; background: none;
	}
#leftnav li.current li a:hover {
	color: #FFDF00;
	}
	
#leftnav li.current li.current a,
#leftnav li.current li.current a:link,
#leftnav li.current li.current a:visited {
	color: #FFDF00;
	}
#leftnav li.current li.current a:hover {
	text-decoration: underline;
	}

/* 3rd level */
#leftnav ul ul ul {
	margin: 0; margin-top: 2px;
	}
#leftnav li li li {
	padding-bottom: 2px; font-weight: normal;
	}

#leftnav li.current li.current li a,
#leftnav li.current li.current li a:link,
#leftnav li.current li.current li a:visited {
	display: block; width: 155px; padding-left: 30px;
	text-decoration: none; font-size: 12px;
	color: #BFCAE1; background: none;
	}
#leftnav li.current li.current li a:hover {
	color: #FFDF00;
	}
	
#leftnav li.current li.current li.current a,
#leftnav li.current li.current li.current a:link,
#leftnav li.current li.current li.current a:visited {
	color: #FFDF00;
	}
#leftnav li.current li.current li.current a:hover {
	text-decoration: underline;
	}

	
/* CONTENT */
#content {
	float: left; width: 760px; overflow: hidden;
	border-top: 2px solid #FFF;
	}

#content_column_A { float: left; width: 562px; margin-left: 20px; overflow: hidden; padding-top: 1em; display: inline; }
#content_column_B { float: left; width: 158px; margin-left: 20px; overflow: hidden; display: inline; color: #284885; }

#content_column_A img {
	border: 2px solid #284885; padding: 2px;	
	}

/* breadcrumbs */
#breadcrumbs {
	padding-bottom: 1.5em;
	font-size: 11px;
	color: #7c90b5;
	}

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited {
	text-decoration: none;
	color: #7c90b5;
	}
#breadcrumbs a:hover {
	text-decoration: underline;
	color: #1D5D3B;
	}

/* search */
#search_container {
	padding-top: 16px; padding-left: 14px; padding-bottom: 1em; 
	}
#search { 
	height: 18px; width: 130px; overflow: hidden;
	border: 1px solid #cac7bb;
	background: #FFF;
	}

#search form { margin: 0 !important; padding: 0 !important; }

.search_input {
	float: left; width: 100px; margin-top: 1px; margin-left: 2px; padding: 1px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	border: 0px solid #FDE4C6;
	color: #98a8c5; background: #FFF;
	}

.search_button {
	margin-left: 2px;
	}

/* sidebar */
#content_column_B ul { list-style: none; margin: 0; margin-left: 14px; padding: 0; }
#content_column_B li { padding-bottom: .3em; }

#content_column_B li a,
#content_column_B li a:link,
#content_column_B li a:visited {
	display: block; padding-left: 12px; padding-right: 10px;
	text-decoration: none; font-weight: bold;
	color: #2b4b87; background: url(../img/oft_rightbar_bullet.gif) no-repeat 0 3px;
	}
#content_column_B li a:hover {
	text-decoration: underline;
	}

/* partnerlogos */
#partnerlogos {
	margin: 10px 14px 14px 14px; padding: 5px 0;
	text-align: center;
	border: 1px solid #cac7bb;
	background: #FFF;
	}

/* block */
.block { padding: 14px; border-top: 2px solid #FFF; }
.block h4 { margin: 0; padding: 0; padding-bottom: .5em; }

/* portraits */
#portraits {
	padding-right: 5px; overflow: hidden;
	font-size: .9em; 
	}
#portraits a,
#portraits a:link,
#portraits a:visited {
	text-decoration: none;
	color: #284885;
	}
#portraits a:hover {
	text-decoration: underline !important;
	}

#portraits img { float: left; margin-right: 5px; }
#portraits p { height: 40px;  }

/* questionnaire */
#questionnaire a,
#questionnaire a:link,
#questionnaire a:visited {
	text-decoration: none;
	}
#questionnaire a:hover {	
	text-decoration: underline;
	}

/* how green */
#green { 
	padding: 12px;
	color: #dadfec; background: #062581; 
	}
#green a,
#green a:link,
#green a:visited {
	color: #FFDF00;
	}

/* home */
#home #content_column_A { width: 582px; }
#home #content_column_B { width: 158px; margin-left: 0; }
#content_column_A1 { float: left; width: 261px; padding-right: 10px; overflow: hidden; display: inline; }
#content_column_A2 { float: left; width: 310px; overflow: hidden; display: inline; }

* html #content_column_A1 {
	width: 271px;
	w\idth: 261px;
	}

.news_item,
.news_item:link,
.news_item:visited {
	display: block; margin-bottom: 1em;
	text-decoration: none;
	color: #000;
	}
.news_item:hover {
	color: #284885;
	}

.news_item h3 { padding: 0; color: #4165a3; }
.news_item p { padding: 0; }
.news_item .date { color: #999; }


#content_column_A2 .block { padding: 14px; border: none; border-bottom: 2px solid #FFF; }

#content_column_A2 #block_A { padding-top: 0; }

#picture { 
	width: 136px; height: 126px; float: left; margin-right: 10px;
	background:url(../img/oft_picture_frame.gif) no-repeat left top; 
	}

#picture_photo {
	width: 117px; height: 108px; overflow: hidden; margin-top: 9px; margin-left: 9px;
	}

#picture img { padding: 0; border: none; }

#videoplayer img { margin: 0; padding: 0; border: none; float: left; margin-right: 10px; }

/* links */
.more,
.more:link,
.more:visited {
	padding-left: 10px;
	text-decoration: none;
	background: url(../img/oft_link_more.gif) no-repeat left center;
	}
.more:hover {
	text-decoration: underline;
	}
#content_column_A2 .more,
#content_column_A2 .more:link,
#content_column_A2 .more:visited {
	background: url(../img/oft_link_more_home.gif) no-repeat left center;
	}

/* FOOTER */
#footer {
	clear: both; padding: 1em 0;
	font-size: 11px; text-transform: lowercase;
	color: #96a5c4;
	}
#footer a,
#footer a:link,
#footer a:visited {
	text-decoration: none;
	color: #96a5c4;
	}
#footer a:hover {
	text-decoration: underline;
	color: #96a5c4;
	}

/* FORMS */
form {
	color: #000;
	margin: 0 !important;
	padding: 0 !important;
}

fieldset { margin: 0; padding: 10px 0; border: none; } 
fieldset br { display: none; }
fieldset div { margin: 10px 0; padding: 0; clear: both; }
fieldset legend { display: none; }

fieldset .removed { display: none !important; }

/* labels */
fieldset label, fieldset div.cr p {
	float: left;
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	padding-right: 6px;
	width: 100px;
	}

fieldset div.cr {  }

fieldset div.cr p {
	/*position:absolute;*/
	top: -2px;
	left: 0;
	}
* html fieldset div.cr p {
	left: -106px;
	}

fieldset div.cr label {
	float: none;
	text-align: left;
	margin: 0;
	margin-left: 109px;
	padding: 0;
	width: auto;
	}

fieldset div.cr label.otherlabel {
	float:left; 
	}
* html fieldset div.cr label.otherlabel {
	width:0.1em;
	margin-left: 54px;
	}

fieldset div span {
	display: block;
	margin-left:109px;
	}

fieldset div.cr_label label {
	margin-top: -2px;
	}

fieldset div.cr label.pagewidth { margin:0; margin-bottom: .5em; }
fieldset div.cr label.pagewidth input { float: left; }
fieldset div.cr label.pagewidth span { margin: 0; }
fieldset div.cr label.pagewidth span img { margin: 0 !important; padding: 0 !important; border: none !important; }

/* mandatory labels */
fieldset .mandat { color: #000; }
fieldset .mandatr { color: #000; }

/* inputs */
fieldset input, fieldset select, fieldset textarea { width: 380px;  font-size: 12px; margin: 0; padding: 1px 0 0 2px; border: 1px solid #CCC; }
fieldset input { height: 16px; }
fieldset div.cr input { border: none; width: auto; margin-right: 5px; }
fieldset div.cr input.otheranswer { border: 1px solid #CCC; margin-left: 5px;}
fieldset div.cr_label input { border: none; width: auto; }

fieldset input.day { width: 30px; }
fieldset select.month { width: 110px; margin-left: 0;}
fieldset input.year { width: 50px; margin-left: 0;}

fieldset select { width: 383px;}

fieldset textarea { font-family: Arial, Helvetica, sans-serif; }

/* buttons */
fieldset.buttons { padding: 5px 0; padding-right: 20px; }
fieldset.buttons label { width: 100px; }
fieldset.buttons input, input.button { width: 100px; height: 24px; padding: 0; border: 1px solid #002d88; color: #FFF; background: #002d88; font-weight: bold; }

/* badinput */
fieldset .badinput { color: #BC1300;}
fieldset label.badinput, fieldset div.cr p.badinput { /* background: url(../img/warning.gif) no-repeat left 5px; */ }
fieldset div.cr label.badinput { background: none; }

fieldset input.badinput, fieldset select.badinput, fieldset textarea.badinput {
	background: #FFF;
	color: #000;
	border: 1px solid #BC1300;
}

/* LINKS */
.links { margin: 0; margin-left: 15px; padding: 0; padding-bottom: 1em; list-style: none; }
.links li { list-style-image: url(../img/oft_bullet.gif); }

.links li a,
.links li a:link,
.links li a:visited {
	text-decoration: none;
	}
.links li a:hover {
	text-decoration: underline;
	}

.links li.back { list-style-image: url(../img/oft_bullet_back.gif); }

.next { float: right; }

ul .next { float: none; }

.link_person_add,
.link_person_add:link,
.link_person_add:visited {
	padding-left: 20px;
	text-decoration: none;
	background: url(../img/icons/icon_person_add.gif) no-repeat left center;
	}
.link_person_add:hover {
	text-decoration: underline;
	}

/* TABLES */

#content table { border-collapse: collapse; border: none; }

#content table img { border: none; padding: 0; }

#content table th, #content table td { border: none; text-align: left; vertical-align: top; }

/* CATALOGUE */
#content #catalogue table td { border-bottom: 2px solid #e9edf3; }

#catalogue_select { 
	padding: 10px 15px; margin-bottom: 1em;
	background: #fff7e5; 
	}

#content #catalogue #catalogue_select table td { border: none; }

#catalogue_select h4 {
	padding: 0; padding-bottom: 1em;
	}

#catalogue_select ul { list-style: none; margin: 0; padding: 0; }
#catalogue_select li { padding-bottom: .3em; }

#catalogue_select li a,
#catalogue_select li a:link,
#catalogue_select li a:visited {
	padding-left: 10px; 
	text-decoration: none;
	color: #284885; background: url(../img/oft_link_more_home.gif) no-repeat 0 3px;
	}
#catalogue_select li a:hover {
	text-decoration: underline;
	}

#catalogue_select li.current a,
#catalogue_select li.current a:link,
#catalogue_select li.current a:visited {
	font-weight: bold;
	}
	
#catalogue .project_partner {
	margin: 10px;
	}
	
/* TESTIMONIALS */
#testimonials_overview {
	border-top: 1px solid #c9d1e0;	
	}

#testimonials_overview a,
#testimonials_overview a:link,
#testimonials_overview a:visited {
	display: block; padding: 1em 0; min-height: 80px;
	text-decoration: none;
	border-bottom: 1px solid #c9d1e0;
	}
* html #testimonials_overview a,
* html #testimonials_overview a:link,
* html #testimonials_overview a:visited {
	height: 80px;
	}
#testimonials_overview a:hover {
	background: #fffdf1;
	}

#testimonials_overview a img { float: left; margin: 0; margin-right: 10px; border: none; }

#testimonials_overview a h4 { margin: 0; padding: 0; padding-bottom: .5em; font-size: 1em; }
#testimonials_overview a h5, h2.subheader { margin: 0; padding: 0; padding-bottom: .5em; font-size: .9em; color: #c8a400; font-weight: normal; }
h2.subheader { margin-top: -10px; margin-bottom: 15px; }