/* 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; color: #b4ba00; }
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: #B4BA00; background-color: #B4BA00; 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: #fdc640; }

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

#home #container {
	background: #FFF url(../img/osp_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/osp_topnav_background.gif) no-repeat left top;
	}

#topnav { float: right; }

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

#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; height: auto; left: -999em;
	background: #fdc640;
	}

#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; position: relative;
	}
* html #topnav li:hover ul, 
* html #topnav li.sfhover ul {
	position: absolute;
	}

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

/* logo */
#logo { position: absolute; left: 0; top: 12px; }

#logo_print { display: none; }


/* MAIN */
#main {}
	
/* 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: 175px; padding-left: 10px;
	text-decoration: none; font-size: 13spx;
	color: #FFF;
	}
#leftnav li a:hover {
	color: #fdc640;
	}
	
#leftnav li.current a,
#leftnav li.current a:link,
#leftnav li.current a:visited {
	color: #fdc640;
	}
#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: 12px;
	text-decoration: none; font-size: 11px;
	color: #e5eeff; background: url(../img/osp_leftnav_bullet.gif) no-repeat 0 2px;
	}
#leftnav li.current li a:hover {
	color: #fdc640; background-position: 0 -108px;
	}
	
#leftnav li.current li.current a,
#leftnav li.current li.current a:link,
#leftnav li.current li.current a:visited {
	color: #fdc640; background-position: 0 -108px;
	}
#leftnav li.current li.current a:hover {
	text-decoration: underline;
	}

/* 3rd level */
#leftnav ul ul ul {
	margin: 0; margin-top: 2px; margin-left: 10px;
	}
#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;
	text-decoration: none; font-size: 12px;
	color: #e5eeff; background-position: 0 2px;
	}
#leftnav li.current li.current li a:hover {
	color: #fdc640; background-position: 0 -108px;
	}
	
#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: #fdc640; background-position: 0 -108px;
	}
#leftnav li.current li.current li.current a:hover {
	text-decoration: underline;
	}

/* banners */
#banners_leftnav { padding: 15px; padding-top: 30px; }
	
/* 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: 1px solid #c1d82f; padding: 2px;
	}

#content_column_A .link_button,
#content_column_A .link_button:link,
#content_column_A .link_button:visited {
	display: block; padding: 10px; padding-right: 25px; margin-right: 10px;
	text-transform: uppercase; text-decoration: none; font-weight: bold;
	color: #133D8D; background: #CCD300 url(../img/osp_button_arrow.gif) no-repeat 230px 50%;
	}
#content_column_A .link_button:hover {
	color: #fff; background-position: -360px 50%;
	}
#content_column_A .link_button img { padding: 0; border: none; float: left; margin-right: 10px; }

/* 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; 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/osp_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,
.blocker { padding: 14px; border-top: 2px solid #FFF; }
.block h4,
.blocker h4 { margin: 0; padding: 0; padding-bottom: .5em; }
.blocker { padding: 0; }

/* buttons */
#content_column_B .button,
#content_column_B .button:link,
#content_column_B .button:visited {
	display: block; margin: 0; width: 128px; padding: 10px; padding-right: 20px; height: auto;	
	line-height: normal; text-transform: uppercase; text-decoration: none; font-weight: bold;
	color: #133d8d; background: #fdc640 url(../img/osp_rightmenu_arrow.gif) no-repeat 138px 50%;
	border-top: 2px solid #fff; 
	}
* html  #content_column_B  a.button {
  	width: 158px;
  	w\idth: 128px;
	}	
#content_column_B .button:hover {
	color: #fff; background: #ccd300 url(../img/osp_rightmenu_arrow.gif) no-repeat -50px 50%; 
	}
#content_column_B .first,
#content_column_B .first:link,
#content_column_B .first:visited { border: none; }	
	
#content_column_B .button p { padding: 0; }

/* about our clients */
#content_column_B a#aboutclients.button,
#content_column_B a#aboutclients.button:link,
#content_column_B a#aboutclients.button:visited {
	padding: 0; width: 158px;
	background-position: -250px 87px; background-color: #ccd300;
	}
#content_column_B a#aboutclients.button:hover {
	background-position: -50px 87px;
	}	

#content_column_B a#aboutclients.button p {
	padding: 10px; padding-right: 23px; width: 120px;
	}
* html #content_column_B a#aboutclients.button p {
	width: 158px;
	w\idth: 125px;
	}
#content_column_B a#aboutclients.button p img { margin-left: -10px; margin-top: -10px; margin-bottom: 5px; }

/* key facts and figures */
/* about our clients */
#content_column_B a#factsandfigures.button,
#content_column_B a#factsandfigures.button:link,
#content_column_B a#factsandfigures.button:visited {
	padding: 0; width: 158px;
	background-position: -250px 67px; background-color: #ccd300;
	}
#content_column_B a#factsandfigures.button:hover {
	background-position: -50px 67px;
	}	

#content_column_B a#factsandfigures.button p {
	padding: 10px; padding-right: 23px; width: 120px;
	}
* html #content_column_B a#factsandfigures.button p {
	width: 158px;
	w\idth: 125px;
	}
#content_column_B a#factsandfigures.button p img { margin-left: -10px; margin-top: -10px; margin-bottom: 5px; }


/* 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; }

.project_item,
.project_item:link,
.project_item:visited {
	display: block; margin-bottom: 1em;
	text-decoration: none;
	color: #000;
	clear: both;
	}
.project_item:hover {
	color: #284885;
	}	
	
.project_item h3 { padding: 0; }
.project_item p { padding: 0; }
.project_item img { float: left; margin-right: 10px; margin-bottom: 5px; background: #fff; }

#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/osp_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/osp_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/osp_link_more_home.gif) no-repeat left center;
	}

/* toggle */
.toggle_link,
.toggle_link:link,
.toggle_link:visited,
.toggle_link_open,
.toggle_link_open:link,
.toggle_link_open:visited {
	display: block; padding-left: 16px; padding-bottom: 1em;
	background:url(../img/osp_toggle_link.gif) no-repeat 0 2px;
	}
.toggle_link_open,
.toggle_link_open:link,
.toggle_link_open:visited {
	background-position: 0 -54px;
	}

.toggle_area { padding-left: 16px; padding-bottom: 1em; }

/* 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.cr label.otherlabel span {}

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: 20px; padding: 0; padding-bottom: 1em; list-style: none; }
.links li { list-style-image: url(../img/osp_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/osp_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/osp_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: #edf1fb;
	}

#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: #725149; font-weight: normal; }
h2.subheader { margin-top: -10px; margin-bottom: 15px; }