/* ****************** * * ****************** *
 * *    styles.css                         * *
 * *    For eiendomskreditt AS             * *
 * *    www.eiendomskreditt.no             * *
 * *    av: Tommy Eliassen                 * *
 * *    tommy@synlighet.no                 * *
 * *    Mod: Hogne Hundvebakke             * *
 * ***************************************** */

* {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(grafikk/topp-bakgrunn.png);
	background-repeat: repeat-x;
	text-align: center;
	font-size: 0.75em;
	line-height: 1.35em;
}
body, table {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

p {
	margin-bottom: 1.35em;
}

h1 {
	margin-bottom: 1em;
	font-size: 2.3em;
	color: #58585a;
}
h2 {
	margin-bottom: 0.5em;
	font-size: 1.3em;
	color: #58585a;
}

ul {
	margin-bottom: 1.35em;
	margin-left: 2em;
	list-style-position: outside;
}

/* *************************************************************** *
 * * Layout styles                                               * *
 * *************************************************************** */
#page {
	margin: 0 auto;
	width: 948px;
	text-align: left;
}
#header {
	height: 135px;
	position: relative;
}
#content {
	background-image: url(grafikk/venstre-skygge.png);
	background-repeat: repeat-y;
	background-position: 164px 0;

}
#left {
	width: 178px;
	float: left;
}
#breadcrumbs {
	margin: 5px 0 25px 0;
	color: #999;
	font-weight: bold;
}
#mainContent {
	padding: 10px 40px 40px 40px;
	width: 535px;
	float: left;
}
#right {
	padding-top: 40px;
	width: 154px;
	float: left;
	clear: right;
}
#footer {
	clear: both;
	position: relative;
	height: 37px;
}



/* *************************************************************** *
 * * Header styles                                               * *
 * *************************************************************** */
#navigation {
	width: 300px;
	position: absolute;
	top: 60px;
	right: 0;
	text-align: right;
	color: #666;
}
#navigation a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
#navigation a:hover {
	color: #1966B1;
}
#menu {
	margin: 0;
	width: 770px;
	list-style: none;
	list-style-position: inside;
	position: absolute;
	right: 0;
	bottom: 0;
}
#menu li {
	width: 128px;
	height: 26px;
	background-image: url(grafikk/menyknapp_uaktiv.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
}
#menu li a, #menu li p {
	margin: 0;
	display: block;
	text-align: center;
	line-height: 26px;
	font-size: 13px;
	font-weight: bold;
	color: #545556;
	text-decoration: none;
}
#menu li.inactive:hover {
	background-image: url(grafikk/menyknapp_over.png);
}
#menu li.active {
	background-image: url(grafikk/menyknapp_aktiv.png);
}
#menu li.active a {
	margin: 0;
	color: #1966B1;
}



/* *************************************************************** *
 * * Left styles                                                 * *
 * *************************************************************** */
#left ul {
	margin-bottom: 5px;
	list-style: none;
	list-style-position: inside;
}
#left ul li {
	line-height: 25px;
	border-bottom: 1px dotted #ccc;
}
#left ul li a {
	padding-left: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	display: block;
}
#left ul li a:hover {
	background-color: #e9f0f8;
}
#left ul li.overskrift a {

}
#left ul li.overskrift a.active {
	color: #fff;
	background-color: #5ea1d7;
}
#left ul li.underpunkt a {
	padding-left: 15px;
	color: #1966b1;
	background-color: #e9f0f8;
}
#left ul li.underpunkt a:hover {
	color: #1966B1;
}
#left ul li.underpunkt a.active {
	padding-left: 15px;
	color: #1966B1;
	background-color: #afd1ec;
}


/* *************************************************************** *
 * * mainContent styles                                          * *
 * *************************************************************** */
#breadcrumbs a {
	color: #999;
	font-weight: normal;
}
/* *************************************************************** *
 * * mainContent styles                                          * *
 * *************************************************************** */
#mainContent ul li {
	margin-bottom: 1em;
}
#columnContainer {
	margin: 2em 0;
	clear: both;
}
#columnContainer .column {
	width: 247px;
	float: left;
}
#column2 {
	margin-left: 40px;
}
#columnContainer .column ul li {
	margin-bottom: 0;
}


/* *************************************************************** *
 * * right styles                                                * *
 * *************************************************************** */
#right {

}




/* *************************************************************** *
 * * Footer styles                                               * *
 * *************************************************************** */
#footer p {

}
#footer #malbilde {
	position: absolute;
	left: 0;
	bottom: 37px;
}



/* *************************************************************** *
 * * Table styles                                                * *
 * *************************************************************** */

#content table.vilkaar {
	width: 100%;
	border-collapse: collapse;
}
#content table.vilkaar caption {
	padding: 5px 0;
	text-align: left;
}
#content table.vilkaar th {
	padding: 5px;
	text-align: left;
	background-color: #afd1ec;
	vertical-align: bottom;
}
#content table.vilkaar td {
	padding: 0 5px;
}
#content table.vilkaar td p {
	margin: 0;
}


/* *************************************************************** *
 * * Kalkis styles                                               * *
 * *************************************************************** */
#kalkis td{
	padding: 5px;
}
span.error {
	color: #f00;
}
#soknadsskjema {
	padding-right: 2px;
	padding-top: 2px;
	width: 128px;
	height: 38px;
	background-image: url(grafikk/soknadsskjema-bak.png);
	background-repeat: no-repeat;
	text-align: right;
	float: right;
}


    /* S�knad om boligl�n */ 
	 /* Hentet rett fra gamle sider */
    
    .venstrespalte, .hoyrespalte
    {
        width:218px;
    }
    
    .hoyrespalte 
    {
        float:right;
    }
    .venstrespalte
    {
        float:left;
    }
    
    .lanesoknad table td, .lanesoknad table th, .lanesoknad, .lanesoknadtekst
    {
        font-family:Verdana, Arial, Sans-Serif;
        font-size:9px;
        text-align:left;
    }
    
    .lanesoknad table td, .lanesoknad table th, .lanesoknad {    
            padding-left:7px;
            padding-right:7px;
    }

    .lanesoknad input, .lanesoknad textarea, .lanesoknad select
    {
        font-size:9px;
        font-family:Verdana, Arial, Sans-Serif;
        width:200px;
    }
    
   .radio input 
   {
        width:auto;
        float:left;
   }
   
   input.radio 
   {
        width:auto;
   }
   
   .radio 
   {
         width:auto;
   }
   
   .lanesoknad table th
   {
        padding-top:4px;
        padding-bottom:3px;
        border-top:solid 1px #FFFFFF;
        vertical-align:top;
        
   }
   
   .lanesoknad table td 
   {
        padding-bottom:4px;
        vertical-align:top;

   }

   .lanesoknad table td, .lanesoknad table th
   {
        border-right:solid 1px #FFFFFF;
        border-left:solid 1px #FFFFFF;
        
   }
   
   table.subtabell td, table.radio td
   {
        border-style:none;
        padding:0px;
   }
   
   table.subtabell td 
   {
        padding-right:12px;
   }
   
   .lanesoknad h3
   {
        font-size:12px;
   }
   
   table.lanesoknadtabell 
   {
    width:100%;
   }
   
   .lanesoknad .belop 
   {
        width:12ex;
   }
   
   .lanesoknad .ar 
   {
        width:5ex;
   }
   
   .lanesoknad label 
   {
    	
		display: inherit;
		width: auto;
		float:left;
		font-weight:normal;
		white-space:nowrap;
 
   }
   
   .lanesoknad .wiznav table td {
   		border-style:none;
   }
   
   .lanesoknad .knapp input {
   		width:auto;
   		
   }
   
   /* Slutt l�nes�knad */


/** 
 * Stiler for kampanjesider
 *
 * @ author : Tommy (tommy@synlighet.no)
 * @ date   : 12.03.08
 */
#priseksempler {
	padding-top:14px;

}
#priseksempler h2 {
	margin: 0;
	background-image: url(grafikk/pristopp.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 255px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 36px;
}
#priseksempler table {
	border: 1px solid #0269a5;
	width: 255px;
}
#priseksempler table td, #priseksempler table th {
	padding: 2px;
}
#priseksempler table td {
	text-align: center;
}

/* Kampanjemerknader på lånesøknaden */

.lanesoknad table.kampanjemerknader {
    background-color:#e9f0f8;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    width:100%;
}

.lanesoknad table.kampanjemerknader td
{
    border:0px none;
    font-size:12px;
    line-height:21px;
    font-family:Arial,Helvetica,sans-serif;
    padding:7px;
}


/* *************************************************************** *
 * * Diverse styles                                              * *
 * *************************************************************** */
.clearBoth {
	clear: both;
	visibility: hidden;
}

.lanesoknad .formview td
{
    padding:0px;
}