/* CSS Document */

/* Oikocredit */
/* SA version */

/* Required: oikocredit.css */

#navmenu {
	margin-top: 12px;
}

#top-nav {
	text-align: right;
	margin-top: 30px;
	padding-right: 10px;
}

#area {
	margin: 0;
	margin-top: 65px;
	margin-left: 180px;
	padding: 0;
	text-align: left;
	width: 615px;
}

#top-bar {
	position:relative;
	background: #8597BA;
	margin: 0;
	padding: 0;
	height: 45px;
}

#top-title {
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 16px;	
	color: #D4DBE7;
	margin: 0;
	margin-top: 3px;
	padding: 0;
	width: 320px;
}

#top-title span {
	color: #FFF;
}

#top-bar-flag { 
	position: absolute;
	top: -59px;
	left: 341px;
}

#middle {
	margin: 0;
	margin-top: 3px;
	padding: 0;
	background: url(../img/steun_bg.gif) repeat-y left top;
}

#top-img {
	margin: 0;
	padding: 0;
}


/* LEFTNAV LEVEL 1 */
#navmenu ul li a, #navmenu ul li a:visited, #navmenu ul li a:link  { font-size: 12px; padding: 5px 5px; display: block; color: #284885; text-decoration: none; text-transform: uppercase; }
#navmenu ul li a:hover { color: #7388B0; }
#navmenu ul li a.current, #navmenu ul li a.current:link, #navmenu ul li a.current:visited  { font-size: 12px; padding: 3px 5px; padding-bottom: 2px; display: block; margin-bottom: 3px; color: #284885; font-weight: bold; text-decoration:none; text-transform: uppercase; background: url(../img/menu_background_heading.gif) no-repeat right top; }
* html #navmenu ul li a.current, * html #navmenu ul li a.current:link, * html #navmenu ul li a.current:visited { padding: 2px 5px; padding-bottom: 0px; }
#navmenu ul li a.current:hover { color: #284885; }

#content-container {
	width: 457px;
	margin: 0;
	padding: 0;
}


#content_sa {
	margin: 0;
	padding: 10px;
	font-size: 90%;
}

#content_sa h1 { margin: 0; margin-bottom: 1em; padding: 0; font-size: 115%; }
#content_sa h2 { margin: 0; margin-top: 2em; margin-bottom: 1em; padding: 0; font-size: 105%; }
#content_sa h3 { margin: 0; padding: 0; font-size: 100%; }
#content_sa p { margin: 0; margin-bottom: 1em; padding: 0; font-size: 100%; }
#content_sa i { font-size: 93%; }
#content_sa ul { margin: 0; margin-bottom: 1em; padding: 0; padding-left: 1.5em;}
#content_sa ol { margin: 0; margin-bottom: 1em; padding: 0; padding-left: 2.2em;}

#content_sa a,
#content_sa a:visited,
#content_sa a:link { text-decoration: underline; color: #8597BA; }

#content_sa a:hover { color: #284885; }

#content_sa table { width: 435px; }
#content_sa td { padding-right: 20px; font-size: 90%; /*width: 50%;*/}

#rightmenu_sa { 
	float: right; margin: 0; padding: 0; width: 153px;
	font-size: 11px;
	border: 1px solid #C7D0E0; 
}

#rightmenu_sa a,
#rightmenu_sa a:link,
#rightmenu_sa a:visited {display: block; border-bottom: 1px solid #C7D0E0; font-weight: bold; }

#rightmenu_sa ul { margin: 0; padding: 0; list-style: none; }
#rightmenu_sa li { margin: 0; padding: 0; }

#rightmenu_sa li a,
#rightmenu_sa li a:visited,
#rightmenu_sa li a:link { display: block; background: url(../img/btnsteun_arrow.gif) no-repeat 1px top; padding-top: 14px; padding-left: 20px; padding-bottom: 14px; font-weight: bold; }

#rightmenu_sa li a:hover { }

#bottom-nav_sa { 
	margin: 0;
	padding: 0;
	padding-top: 3px;
	clear: both;
	font-size: 9px;
	background: #FFF url(../img/steun_bg_bottom.gif) repeat-x left 3px;
	height: 28px;
	color: #FFF;
}

#bottom-nav_sa a,
#bottom-nav_sa a:visited,
#bottom-nav_sa a:link {
	color: #FFF;
}

/* Areas */
.div_area, td .div_area, td { background: none !important; }

/* NEDERLAND: WIDER LEFT-BOX */

#doc #left-box { width: 210px; }
#doc #center    { width: 842px; }
#doc #area { position: absolute; right: 0;}
#doc #logo { text-align: right; }