/* CSS Document */

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	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: #666; }
a:hover { text-decoration: none; }
a:active { }

.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: #000; }
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: #000; }

/* CONTAINER */
#container {
	width: auto; position: relative;
	background: none;
	min-height: 100%;
	height: auto;
	}
* html #container {
	height: 100%;
	}	

#home #container {
	background: none;;
	}

#logo_oikocredit {
	display: none;
	}

/* TOPBAR */
#topbar {
	display: none;
	}

/* HEADER */
#header {
	height: 112px; overflow: hidden;
	background: none;
	}	

/* logo */
#logo {
	margin-top: 0; float: right;
	}

#logo_print {
	display: none;
	}


/* MAIN */
#main { }
	
/* LEFTNAV */
#leftnav {
	display: none;
	}


	
/* CONTENT */
#content {
	float: none; width: auto; overflow: visible;
	border-top: none;
	}

#content_column_A { float: none; width: auto; margin-left: 0; overflow: visible; padding-top: 0; display: block; }
#content_column_B { display: none; }

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

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

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited {
	text-decoration: none;
	color: #666;
	}
#breadcrumbs a:hover {
	text-decoration: underline;
	color: #666;
	}

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


/* partnerlogos */

/* portraits */

/* how green */

/* home */
#home #content_column_A { width: auto; }
#home #content_column_B { width: auto; margin-left: 0; }
#content_column_A1 { float: none; width: auto; padding-right: 0; overflow: visible; display: block; }
#content_column_A2 { float: none; width: auto; overflow: visible; display: block; }

* html #content_column_A1 {
	width: auto;
	w\idth: auto;
	}

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

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


#content_column_A2 .block { padding: 0; border: none; border-bottom: none; clear: both; }

#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; }

/* 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: #666;
	}
#footer a,
#footer a:link,
#footer a:visited {
	text-decoration: none;
	color: #666;
	}
#footer a:hover {
	text-decoration: underline;
	color: #666;
	}

/* 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;
	color:#999;
	}

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

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

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