@import url('http://didnergerge.se/css/reset.css');

body
 {
	background:url("../images/background.jpg") repeat-x;
    margin:0;
    z-index:1;
    padding:0;
    color:#4D4D4D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
}

#wrap {
    width:1000px;
    margin:0 auto;
}
#header
{
    height: 110px;
    padding:5px 10px;
    position:relative;
}



/* ------------------------------------------------------------------------------------
 * Main content
 * --------------------------------------------------------------------------------- */
#main {
    float: right;
    width:100%;
    background:#fff;
    min-height: 500px;
    background:url("../images/left_column.gif") 1px 0 repeat-y;
    border-right:1px solid #ececec;
    padding-bottom:18px;
}


#main.start
{
	border-left:1px solid #ececec;
	background:#fff;
    float: none;
    width:950px;
	padding:24px 24px 18px 24px;
    min-height: 500px;
    position:relative;
}
#main-container
{
	float:right;
	width:770px;
	padding-left:30px;
	padding-right:30px;
    background-color: #fff;
}
#main-container h2 {
	padding:19px 0 17px 0;
	float:left;
	width:100%;
	color:#232323;
}
#main.start #main-container {
	float:left;
	width:610px;
	padding-left:0;
}
img.page-emotion {
		
}
/* ------------------------------------------------------------------------------------
 * Main content end
 * --------------------------------------------------------------------------------- */







/* ------------------------------------------------------------------------------------
 * Sidebar
 * --------------------------------------------------------------------------------- */

#sidebar-rate-news {
	width:310px;
	float:right;
}
#sidebar
{
    padding: 0;
    margin:  0;
    width:170px;
    background: #eee;
    color: #148943;
    float: left;
    font-family: calibri,Arial;
    font-size: 13px;
    font-weight: bold;
    height: 300px;
    display: block;
}
#sidebar-rate-news div.header {
	width:100%;
	height:22px;	
}
#sidebar-rate-news div.header span {
	float:left;

}
#sidebar-rate-news div.header a.more-news {
	float:right;
	font-size:11px;
}
/* ------------------------------------------------------------------------------------
 * Sidebar end
 * --------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------
 * Newsmodule, ratemodule
 * --------------------------------------------------------------------------------- */

.module {
	float:left;
}
#rate.module {
	padding-bottom:17px;	
}
#news {
	padding:5px 0 0 0;	
	position:relative;
}
.module .header {
	color:gray;
	font-size:16px;
	font-weight:bold;
	width:100%;
	border-bottom:1px dotted #c0c0c0;
	padding:5px 0;
	margin-bottom:10px;
}
ul.news-list {
	height:110px;
	position:relative;
	overflow:hidden;	
}
ul.news-list p {
	color:#6b6b6b;	
}
#news div.date {
	color:#a7a7a7;
	font-size:11px;	
	line-height:11px;
	padding-top:8px;
	padding-bottom:2px;
}
#news .news-header {
	background:url("http://didnergerge.se/images/newsheader_bg.png") repeat-x;
	padding:6px 5px 6px 10px;
	border:1px solid #d1e4e3;
	color:#232323;
	font-weight:bold;
	margin-bottom:5px;
}

#news ul li {
	border-right: 1px solid #E0E0E0;
    float: left;
    list-style-type: none;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 19px;
    padding-right: 19px;
    position: relative;
    width: 174px;
}
#news ul li p {
	line-height:17px;
	font-size:12px;	
	color:12px;
}
#news ul li:first-child {
	padding-left:1%;	
	width:174px;
}
#news ul li:last-child {
	border-right:none;
	padding-right:0;
	width:174px;
}
#news div.old-news {
	position:absolute;
	right:9px;
	top:12px;
	font-size:11px;	
}
#news ul li a.hitarea {
	position:absolute;
	width:100%;
	height:100%;
	background:white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	 filter: alpha(opacity=0);
	 -moz-opacity: 0;
	 -khtml-opacity: 0;
	 opacity: 0;
}
#news li.no-news {
	width:auto;
	font-size:12px;
	color:#656565;
}
ul.news-list li h4 {
	font-size:13px;
}
.module ul li a.hitarea:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

ul.list-items li {
	border-bottom:1px dotted #c0c0c0;
	padding:15px 0 15px 0;	
	float:left;
    width: 100%;
}

ul.list-items  p.ingress {
	font-weight:bold;
	padding-top:8px;
	padding-bottom:8px;	
}
ul.list-items  p.text {
	color:#888787;	
}
ul.list-items#documents  p.download {
	padding-top:10px;
	font-weight:bold;
}
ul.list-items#documents  p.download a {
	font-weight:bold;
}
ul.list-items  h3.title {
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	color:#4d4d4d;
}
ul.list-items#documents h3.title {
	background:url("../images/pdf.jpg") left top no-repeat;
	padding-left:30px;
	padding-bottom:10px;
}




/* ------------------------------------------------------------------------------------
 * Breadcrumb
 * --------------------------------------------------------------------------------- */

.start#main #breadcrumbs {
	display:none;	
}
#breadcrumbs {
    float:left;
    color: #148943;
    font-family: calibri,Arial;
    font-size: 13px;
    font-weight: bold;
	width:100%;
    background-color:#fff;
    padding:10px 0 10px 0;
    border-bottom:1px dashed #c0c0c0;
}
#breadcrumbs ul {
	
}
#breadcrumbs ul li {
	padding:10px 0 10px 0;	
	float:left;
	margin-right:10px;
}
#breadcrumbs ul li span {

	padding-left:10px;	
}
#breadcrumbs ul li.label {
	color:#888787;
}
/* ------------------------------------------------------------------------------------
 * Breadcrumb end
 * --------------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------------------
 * Pagination
 * --------------------------------------------------------------------------------- */
ul.paginator {
	padding:10px 0 10px 0;
	float:right;	
}
ul.paginator li {
	float:left;
	padding:5px;
}
/* ------------------------------------------------------------------------------------
 * Pagination end
 * --------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------
 * Staff
 * --------------------------------------------------------------------------------- */

#staff {
	background:white;	
}
#staff li {
	width:100%;
	float:left;	
	padding:0 0 10px 0;
	border-bottom:1px dashed #C0C0C0;
	padding:20px 0 10px;
}
#staff li img {
	width:100px;
	height:138px;
	padding-bottom:10px;
	float:left;	
	padding:0 10px 10px 0;
}
#staff h6 {
	padding:0;
	color:#888;
	font-size:11px;	
}
#staff h4 {
	color:#333;
	padding:0 0 10px 0;
}
#staff p {
	color:#666;	
}
#staff .employee-info {
	float:left;
	width:500px;
}

 /* ------------------------------------------------------------------------------------
 * Staff end
 * --------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------
 * Footer
 * --------------------------------------------------------------------------------- */
#footer {
    clear:both;
    background:url("http://didnergerge.se/images/footer_bg.png");
    font-size:11px;
    color:#fff;
    padding-top: 7px;
    height: 24px;
    width:100%;
    padding-bottom:3px;
    text-shadow: 0px 1px 0px #00694a;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	text-decoration:underline;	
}
#footer p {
    margin:0;
    float:left;
    padding-left:27px;
}
#footer div.slogan {
	float:right;	
	padding-right:27px;
}
/* ------------------------------------------------------------------------------------
 * Footer end
 * --------------------------------------------------------------------------------- */



.clear
{
    clear: both;

}

/* ------------------------------------------------------------------------------------
 * Navigation
 * --------------------------------------------------------------------------------- */
#nav
{
    height: 42px;
}
#nav ul {
    margin:0;
    padding:0;
    list-style:none;
}
#nav li {
    display:inline;
    margin:0;
    padding:0;
}

#nav li.active {
    display:inline;
    margin:0;
    padding:0;
    background: white;
}
ul.navigation
{
	
}
ul.navigation li {
	float:left;
	width:322px;
}
/* ------------------------------------------------------------------------------------
 * Navigation end
 * --------------------------------------------------------------------------------- */
 

/* ------------------------------------------------------------------------------------
 * Puffs
 * --------------------------------------------------------------------------------- */
ul#puffs {
	width:965px;
	clear:both;
	padding-top:20px;
}
ul#puffs li {
	float:left;
	text-indent: -9999px;
	list-style-type: none;
	cursor:pointer;
}
ul#puffs li a {
	width:321px;
	height:85px;
	display:block;
}
ul#puffs li#box-month_and_retirement_savings {
	background:url("../images/m-p_button.jpg") no-repeat;
}
ul#puffs li#box-history_and_returns {
	background:url("../images/h-p_button.jpg") no-repeat;
}
ul#puffs li#box-become_a_customer {
	background:url("http://didnergerge.se/images/nk_button.jpg") no-repeat;
}
/* ------------------------------------------------------------------------------------
 * Puffs end
 * --------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------
 * Menu
 * --------------------------------------------------------------------------------- */
#nav ul.menu li {
	float:left;
	width:200px;
}
#nav ul.menu li a {
	display:block;
	padding:11px;
	color:#fff;
	font-weight:bold;
}
#nav ul.menu li a:hover {
	color:#007854 !important;
	background:	url("../images/button1h.jpg")!important;
}
#nav ul.menu li#menu-our_founds a {
	background:url("../images/button1.jpg");
}
#nav ul.menu li#menu-buy_sell a {
	background:url("../images/button2.jpg");
}
#nav ul.menu li#menu-questions_answers a {
	background:url("../images/button3.jpg");
}
#nav ul.menu li#menu-about_us a {
	background:url("../images/button4.jpg");
}
#nav ul.menu li#menu-contact_us a {
	background:url("../images/button5.jpg");
}
#nav ul.menu li#menu-brieg_in_english a {
	display:none;	
}
#nav ul.menu li.active a
{
    background:url("../images/button3h.jpg") !important;
    color:#007854;
}
/* ------------------------------------------------------------------------------------
 * Menu end
 * --------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------
 * Subnavigation
 * --------------------------------------------------------------------------------- */

ul.sub-navigation {
	background:#dedede;
	margin:10px 0 10px 0;
}
ul.sub-navigation li {
	
	line-height:16px;
}
ul.sub-navigation li.active {
	background:#006B65;
	color:#fff;		
}
ul.sub-navigation li.active a {
	color:#fff;
	display:block;
}
ul.sub-navigation li.active a:hover {
	color:#fff;
}
ul.sub-navigation li a {
	color:#128A42;
	display:block;
	padding:6px 8px 7px 15px;
}
ul.sub-navigation li:hover a {
	background:#b0d1cf;
}
ul.sub-navigation li.active:hover a {
	background:	#006B65;
}
ul.sub-navigation li a:hover {
	color:#006B65;
}

 /* ------------------------------------------------------------------------------------
 * Subnavigation end
 * --------------------------------------------------------------------------------- */








/* ------------------------------------------------------------------------------------
 * Searchbox
 * --------------------------------------------------------------------------------- */

#search-box {
	position: absolute;
	right:0;
	bottom:10px;
}
/* ------------------------------------------------------------------------------------
 * Searchbox end
 * --------------------------------------------------------------------------------- */




/* ------------------------------------------------------------------------------------
 * Input elements
 * --------------------------------------------------------------------------------- */
input.text-input {
	padding:7px 9px 7px 9px;
	background:url("http://didnergerge.se/images/input_field_bg.png") no-repeat;
	float:left;
    width: 142px;
}
.submit-button {
	font-size:13px;
	color:#fff;
	cursor:pointer;
	background: url("http://didnergerge.se/images/input/button.png") repeat-x left top;
	float:left;
	width:49px;
	padding:6px 0 6px 0;
	font-family: arial, helvetica;
	font-weight:bold;
	text-shadow: 0px 1px 0px #1f9a1d;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */
}
.submit-button:hover {
	background: url("http://didnergerge.se/images/input/button.png") repeat-x left -29px;
	color:#fff;
}
/*Chrome, Safari tweaks*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .submit-button { 
    	padding:6px 5px 5px 5px; 
	}
	.contact-form dl.is_form input#Send {
		padding:4px 0 0 0;
	}
}
.submit-button:active {
	background: url("http://didnergerge.se/images/input/button.png") repeat-x left -58px;
	color:#fff;
}
.rounded-corners-all {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;	
}
.rounded-corners-left {
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	-khtml-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rounded-corners-right {
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	-khtml-border-radius: 0 10px 10px 0;
	border-radius: 0px 10px 10px 0px;
}
#main .btn {
	background:url("http://didnergerge.se/images/input/button.png") repeat-x transparent;
	color:#fff!important;
	font-weight:bold;
	padding:7px 43px 7px 43px;
	font-size:12px;
	text-shadow: 0px 1px 0px #0e7f0d;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#main .btn:hover {
	background-position:left -29px;	
}
#main .btn:active {
	background-position:left -58px;
}

/* ------------------------------------------------------------------------------------
 * Input elements end
 * --------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------------
 * Modules
 * --------------------------------------------------------------------------------- */

.sidebar-module {
	width:310px;
	margin-bottom:20px;	
}
.sidebar-module .sidebar-header {
	color:#232323;
	margin-left:22px;
	width:200px;
	font-weight:bold;	
}
.sidebar-module h3 {
	font-size:22px;
	padding-top:33px;
}
.sidebar-module h4 {
	font-size:18px;
	padding-top:22px;
}
.sidebar-module p {
	color:#6b6b6b;
	font-size:12px;	
}
.sidebar-module a,
.sidebar-module a.btn {
	margin-left:22px;
	font-weight:bold!important;	
}

/*Module Bli Kund*/
#bli-kund {
	background:url("http://didnergerge.se/images/blikund_bg.png") no-repeat;
	height:180px;
}
#bli-kund p {
	width:200px;
	padding:9px 0 15px 22px;	
}

/*Module Brev till andels�garna*/
#brev-till-andelsagarna {
	background:url("http://didnergerge.se/images/brevtillandelsagarna_bg.png") no-repeat;
	height:145px;
}
#brev-till-andelsagarna p {
	width:200px;
	padding:10px 0 5px 22px;	
}


/*Module M�nads&Pensionssparande*/
#manads-och-pensionssparande {
	background:url("http://didnergerge.se/images/pensionssparande_bg.png") no-repeat;
	height:161px;
}
#manads-och-pensionssparande p {
	width:200px;
	padding:9px 0 5px 22px;	
}

/* ------------------------------------------------------------------------------------
 * Modules end
 * --------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------
 * Contact form
 * --------------------------------------------------------------------------------- */
 
.contact-information {
	float:left;
	width:45%;
	height:415px; 
}
.contact-form {
	border-left: 1px dashed #dcdcdc;
    float: left;
    height: auto;
    padding: 0 0 0 30px;
    width: 50%;
}
 
.contact-form dl.is_form {
	float:left;
	padding-top:20px;
}
.contact-form dl.is_form input {
	background:url("http://didnergerge.se/images/input/input_bg.png") no-repeat;
}
.contact-form dl.is_form dt {
	font-size:12px;
	font-weight:bold;	
}
.contact-form dl.is_form input#Send {
	background:url("http://didnergerge.se/images/input/button.png") repeat-x left top;
	cursor:pointer;
	width:71px;
	height:28px;
	font-weight:bold;
	color:#fff;
	text-shadow: 0px 1px 0px #1F9A1D;
	font-size:13px;
	font-family: arial, helvetica;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */
	border:1px solid #c0c0c0;
	padding-bottom:3px;
}
.contact-form dl.is_form input#Send:hover {
	background:url("http://didnergerge.se/images/input/button.png") no-repeat left -29px;
}
.contact-form dl.is_form input#Send:active {
	background:url("http://didnergerge.se/images/input/button.png") no-repeat left -58px;
	padding:1px 0 0 0;
	padding-bottom:1px;
}
.contact-form dl.is_form dd input {
	height: 30px;
    padding: 0 5px;
    width: 270px;
}
.contact-information h6,
.contact-form h6 {
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}
.contact-information p {
	padding-bottom:20px;
	font-size:12px;
	line-height:20px;
	color:#808080;	
}
#error {
	background: none repeat scroll 0 0 #FFBABA;
    border: 1px solid #F17E83; 
    float: left;
    margin-bottom: 30px;
    padding: 10px;
    width: 280px;
    color:#D8000C;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#error li {
	line-height:22px;	
}

 
 /* ------------------------------------------------------------------------------------
 * Contact form end
 * --------------------------------------------------------------------------------- */

 /* ------------------------------------------------------------------------------------
 * Disclaimer
 * --------------------------------------------------------------------------------- */

.disclaimer {
	background:url("http://didnergerge.se/images/disclaimer_bg.png") repeat-x;
	border:1px solid #d1e4e3;
	font-size:11px;
	color:#595959;
	line-height:16px;
	height:46px;
	margin-top:10px;
	float:left;
	clear:both;
	width:100%;
}
.disclaimer span.icon_exclamation {
	background:url("http://didnergerge.se/images/icon_exclamation.png") no-repeat 15px 11px transparent;
}
.disclaimer span {
	display:block;
	padding:7px 5px 5px 37px;
}
.start#main .disclaimer {
	margin-top:0;	
}
	
	
 /* ------------------------------------------------------------------------------------
 * Disclaimer end
 * --------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------
 * General tweaks
 * --------------------------------------------------------------------------------- */
.clear {
	clear:both;	
}
/* ------------------------------------------------------------------------------------
 * General tweaks end
 * --------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------
 * Typography
 * --------------------------------------------------------------------------------- */
a:link { text-decoration: none; color: #32AC35; font-weight:bold;}
a:visited { text-decoration: none; color: #32AC35;}
a:active { text-decoration: none; color: #32AC35;}
a:hover  { text-decoration: none; color:#007854; }
h1 {
    margin-top:30px;
    
}
a.todo {
	padding-top:5px;
	display:block;	
}
h1 a {
	background:url("../images/logo_big.png") no-repeat;
    width:329px;
    height:48px;
    text-indent: -9999px;
    display:block;	
}
h2 {
	font-size:25px;
	font-weight:bold;
	padding-bottom:25px;		
}
h4 {
	font-size:20px;	
}
div#main-container h6
{
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
}
p {
	padding:0 0 13px 0;
	margin:0;	
}