﻿body, form, table, img, a img, iframe {
	padding: 0;
	margin: 0;
	border: 0;
}

body, p, div, input, select, textarea, td, a:link, a:visited, a:active {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #555555;
}

body {
    background: transparent url('images/body_bg.png') repeat;
}

table {
    border-collapse: collapse;
}

td {
    vertical-align: top;
    line-height: 16px;
}

iframe {
    border: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

h1 { font-size: 16px; }
h2 { font-size: 16px; }
h3 { font-size: 12px; }

h1, h1 a, h2, h2 a, h3, h3 a {
    font-family: Verdana, 'Lucida Grande', Arial, Verdana;
    color: #17479E;
    font-weight: normal;
    line-height: 120%;
}

a:link, a:active, a:visited {
    text-decoration: none;
    color: #17479E;
}

a:hover {
    text-decoration: underline;
}

input.tekstboks, textarea.tekstboks, select.tekstboks {
    border:solid 1px #666;
    padding:3px;
}

input.tekstboks:focus, textarea.tekstboks:focus {
	background-color: #FFFFE1;
}

#ctl00_cph_txtRegistreringsnummer {
    text-transform: uppercase;
}

/* ######## HEADER ######## */

.header {
    background: transparent url('images/header_bg.png') repeat-x;
    height: 123px;
    width: 1000px;
    margin: 8px auto 0 auto;
    position: relative;
}

    .headerforside {
        height: 115px;
    }
    
    #logo {
        height: 80px;
        width: 530px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    #menu {
        height: 20px;
        line-height: 20px;
        position: absolute;
        top: 95px;
        left: 40px;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
        #menu li {
            float: left;
            padding: 0;
            margin: 0;
            height: 20px;
            line-height: 20px;
        }
    
        #menu a, #menu {
            color: #8BA3CF;
            font-size: 11px;
            height: 20px;
            line-height: 20px;
        }
    
       #menu a:link, #menu a:active, #menu a:visited {
            padding: 0 3px 0 3px;
            text-align: center;
            text-transform: uppercase;
            height: 20px;
            line-height: 20px;
        }
        
        #menu a:hover {
            color: #FFFFFF;
            text-decoration: none;
        }
        
    .pnlProdukter {
        width: 150px;
        height: 70px;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .pnlBruktbiler {
        width: 160px;
        height: 45px;
        position: absolute;
        top: 35px;
        right: 170px;
    }
        
/* ######## CONTENT CONTAINER ######## */
        
#container {
    background-color: #FFFFFF;
    background-position: 200px 50px;
    width: 1000px;
    margin: 0 auto 0 auto;
    
}

    div.standardvenstremeny {
        width: 200px;
        height: 100%;
        float: left;
        min-height: 100px;
        padding: 0 0 0 10px;
        margin: 30px 0 0 0;
        border-right: solid 1px #17479E;
    }
    
        /* ######## SUBMENU ######## */
    
        div.standardvenstremeny a:link, div.standardvenstremeny a:active, div.standardvenstremeny a:visited {
            display: block;
            width: 164px;
            line-height: 16px;
            border-bottom: solid 1px rgb(229, 229, 229);
            text-indent: 15px;
            background-position: 0 50%;
            padding: 6px 0 6px 0;
        }
            div#clipper {
                height: 350px; 
                overflow: hidden;
            }

        
            div#ctl00_cphMainContent_sidemeny_scrollbuttons {
                width: 144px;
                padding: 10px;
                text-align: center;
            }
        
            div#ctl00_cphMainContent_sidemeny_scrollbuttons a:link, div#ctl00_cphMainContent_sidemeny_scrollbuttons a:active, div#ctl00_cphMainContent_sidemeny_scrollbuttons a:visited {
                width: auto;
                line-height: 10px;
                border: 0;
                height: auto;
                padding: 0;
                display: inline;
            }
        
        div.standardvenstremeny a.l1 {
            background: none;
            font-size: 13px;
            text-transform: uppercase;
            font-weight: bold;
        }
        
        .l1:hover, .l2:hover, .l2selected:hover, .l3:hover, .l3selected:hover {
            text-decoration: none;
        } 
        
        a.l2, a.l2selected {
            background: transparent url('images/pil.png') no-repeat;
        }
        
        a.l2selected {
            font-weight: bold;
        }
        
        a.l3selected {
            color: #17479E;
        }
        
    .sidemeny_cars .l2:link, .sidemeny_cars .l2:active, .sidemeny_cars .l2:visited, .sidemeny_cars .l3 {
        margin: 0;
        padding: 0;
        background-image: none;
        border: 0;
        height: 70px;
        width: 176px;
    }
    
        .sidemenu_cars img {
            width: 176px;
            height: 70px;
            display: block;
        }

    div.standardinnhold {
        width: 328px;
        float: left;
        padding: 10px 30px 10px 30px;
    }

    div.standardbilde {
        width: 400px;
        overflow: hidden;
        float: right;
        padding: 0;
        text-align: center;
    }

        div.standardbilde img {
        }
        
.bilinfo {
    height: 168px;
    width: 194px;
    padding: 0 7px 0 7px;
    overflow: hidden;
    position: absolute;
}

.billink {
    position: absolute;
    width: 500px;
    height: 330px;
    top: 35px;
    left: 265px;
}

    .billink a {
        display: block;
        width: 100%;
        height: 100%;
    }
        
/* ######## FORSIDE ######## */

#forside {
    background-repeat:repeat-x;
    background-position: 0 0;
}
    
#forsidewrapper {
    width: 100%;
    padding: 18px 0 0 0;
}

    #forsideinnhold {
        padding: 0 20px 0 20px;
        width: 260px;   
        float: left;
    }
    
    #forsidenyheter {
        float: right; 
        width: 700px;
    }
    
    td.dlnyheter {
        border-left: 1px solid #e7e7e7;
        width: 286px;   
        padding:0 20px 0 20px;
    }
    
        .dato {
            color: #7F7F7F;
            margin-bottom: 10px;
        }
        
        .ingress {
            margin-bottom: 10px;
        }
        
        a.lesmer {
            color: rgb(28, 26, 161);
            font-weight: bold;
        }
    
    div.forsidebilde {
        clear:both;
        width: 960px;    
        padding: 15px 0 20px 20px;
    }

    table.dlkamp {
        border-top: solid 1px #e7e7e7;
        width: 940px;  
    }
    
    .newsContainer {
        float: left;
        background-image: url(images/newstop.jpg);
        background-repeat: no-repeat;
        background-position: top;
        width: 250px;
        /*height: 380px;*/
        height: 290px;
        overflow: hidden;
        padding: 10px;
    }
    
/* ######## FOOTER ######## */
    
#footer {
    height: 143px;
    width: 1000px;
    margin: 0 auto 0 auto;
    background: transparent url('images/footer_bg.png') repeat-x;
    position: relative;
}
    
    #forhandlere {
        width: 100%;
        position: absolute;
        top: 13px;
        left: 0;
    }

    #forhandlere a {
        display: block;
        width: 500px;
        height: 110px;
        float: left;
    }

    /*
    #forhandlere img {
        float: left;
    }
    */
    
        #tag, tag a, #kontaktinfo, #kontaktinfo a {
            color: #999999;
        }
    
        #tag {
            bottom: 0;
            left: 0;
            width: 30%;
            height: 20px;
            line-height: 20px;
            padding: 4px 0 0 1px;
            position: absolute;
        }
        
        #kontaktinfo {
            bottom: 0;
            right: 0;
            width: 65%;
            text-align: right;
            padding: 4px 1px 0 0;
            position: absolute;
            height: 20px;
            line-height: 20px;
        }
            
/* Brukte biler style */

#div_sortering {
    width: 900px; 
    text-align: right; 
    padding: 3px;

}

    #div_sortering select {
        height: inherit;
    }
    
    #div_sortering input {
        background-color: rgb(0, 153, 255);
        border: solid 1px;
        color: #FFFFFF;
        padding: 2px 5px 2px 5px;
    }

.table_bruktebiler {
    margin-left: 10px;
}

    .table_bruktebiler_heading {
        background-color: #CCCCCC;
        color: #000000;
        font: normal 12px Arial;
    }

    .table_bruktebiler td {
        padding: 1px;
        
        
    }
    
    .table_bruktebiler td, .table_bruktebiler td span, .table_bruktebiler td a:link, .table_bruktebiler td a:active, .table_bruktebiler td a:visited {
        font: normal 12px Arial;
        color: #000000;
        
    }
    
    .table_bruktebiler td a:link, .table_bruktebiler td a:active, .table_bruktebiler td a:visited {
        color: rgb(0, 0, 102);
        text-decoration: underline;
    }
    
    .table_bruktebiler td a:hover {
           color: #3366FF;
    }

    .table_bruktebiler .col_modell {
    
    }
    
    .table_bruktebiler .col_yearmodell {
    
    }
    
    .table_bruktebiler .col_pris {
        font-weight: bold;
    }
    
    .table_bruktebiler .col_milage {
    
    }
    
    .table_bruktebiler .col_location {
    
    }
    
/* Tabeller som brukes i forbindelse med innhold på "om oss" sidene */

table.contenttable {
    margin: 0;
}

    table.contenttable td {
    }

    table.contenttable td.heading {
        background-color: #e7ecf5;
        padding: 2px 0 2px 5px;
    }
    
    table.contenttable td.cont {
        padding: 2px 0 6px 6px;
        border-bottom: dashed 1px #e1e0e0;
    }
    
table.carinfotable td {
    padding: 2px;
}

/* KALKULATOR */
.kalkulator, .kalkulator td, .kalkulator div {
    background-image: none;
}

.div_logoes_top {
    width: 900px;
    padding: 20px 0 20px 0;
    text-align: center;
}

/* PRODUKTER */

p.pris {
    font-family: Georgia, Tahoma;
    font-size: 18px;
    color: #17479E;
}

span.forpris {
    font-size: 12px;
}


/* #### VERKSTEDBOOKING #### */

.bookingbox1, .bookingbox2 {
    width: 915px;
    height: 280px;
    position: relative;
}

.bookingbox2 {
    height: 320px;
}

.bookingbox1 {
    background: transparent url('images/booking_bg1.png') no-repeat;
}

.bookingbox2 {
    background: transparent url('images/booking_bg2.png') no-repeat;
}

    .bookingbox1 .bookingbox_left, .bookingbox2 .bookingbox_left {
        position: absolute;
        top: 6px;
        left: 5px;
    }
    
    .bookingbox1 .bookingbox_right, .bookingbox2 .bookingbox_right {
        position: absolute;
        top: 6px;
        right: 10px;
    }
    
    .bookingbox1 .bookingbox_left {
        width: 532px;
        height: 260px;
    }
    
    .bookingbox1 .bookingbox_right {
        width: 360px;
        height: 260px;
    }
    
    .bookingbox2 .bookingbox_left {
        width: 650px;
        height: 300px;
    }
    
    .bookingbox2 .bookingbox_right {
        width: 242px;
        height: 320px;
    }
    
.bookingbox1 td, .bookingbox2 td {
    line-height: 16px;
    padding: 2px;
}

.bookingbox1 input, .bookingbox2 input {
    margin: 0;
}

.bg3 {
    height: 475px;
    background: transparent url('images/booking_bg3.png') no-repeat;
}

#bil, #brand, #plate, #odometer {
    position: absolute;
}

#bil {
    top: 0;
    left: 0;
    width: 360px;
    height: 260px;
    background-image: url('images/booking_bil.jpg');
}

#brand {
	top: 0px;
	right: 0px;
	width: 170px;
	height: 160px;
}

#plate {
    top: 158px;
    left: 119px;
    width: 126px;
    height: 27px;
    background-image: url('images/booking_plate.jpg');
    font: bold 18px Verdana;
    color: #000000;
    padding: 5px 0 0 20px;
    letter-spacing: 1px;
}

#odometer {
	background: transparent url('images/booking_odometer.jpg') no-repeat;
	width: 150px;
	height: 24px;
	top: 163px;
	right: 25px;
	font: bold 20px Courier;
	text-align: right;
	letter-spacing: 8px;
}

h2.bilbg, h2.tjenestebg, h2.personaliabg, h2.delerbg {
    height: 48px;
    line-height: 48px;
    padding: 0 0 0 60px;
    text-transform: uppercase;
    color: #9aaac8;
}

h2.bilbg {
    background: transparent url('images/booking_bil.png') no-repeat 0 50%;
}

h2.tjenestebg {
    background: transparent url('images/booking_tjeneste.png') no-repeat 0 50%;
}

h2.personaliabg {
    background: transparent url('images/booking_personalia.png') no-repeat 0 50%;
}

h2.delerbg {
    background: transparent url('images/booking_deler.png') no-repeat 0 50%;
}

h3.acc_header, h3.acc_header_open {
    padding: 0 0 0 35px;
	height: 30px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 30px;
	cursor: pointer;
}

h3.acc_header {
    background: #9AAAC8 url('images/arrow_right.png') no-repeat 5px 50%;
}

h3.acc_header_open {
    background: #17479E url('images/arrow_down.png') no-repeat 5px 50%;
}

/* GAMMEL BOOKING STYLE */


#booking_container {
    background: transparent url('images/booking_bg1.png') no-repeat;
    width: 915px;
    height: 280px;
    margin: 20px auto 0 auto;
}

	.stegbeskrivelse {
		width: 915px;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
		color: #888888;
	}
	
		.stegbeskrivelse .active {
			font-weight: bold;
			font-size: 11px;
			color: #222222;
		}

    #booking_buttons {
        margin: 0 auto 50px auto;
        width: 915px;
    }

    .booking_left {
        width: 531px;
        height: 260px;
        float: left;
        margin: 6px 0 0 5px;
    }
    
    .booking_right {
        width: 345px;
        height: 261px;
        float: right;
        margin: 6px 5px 0 0;
    }
    
        .booking_right table {
            margin: 20px 0 0 20px;
        }
        
        .booking_right td {
            padding: 6px 0 6px 0;
            text-align: left;
            vertical-align: middle;
        }
        
        .booking_right td.col1, .booking_right caption {
            color: #17479E;
        }
        
        .booking_right caption {
            font-weight: bold;
            text-align: left;
            font-size: 12px;
            padding-bottom: 5px;
        }
    
        .booking_right td.col1 {
            font-size: 11px;
            vertical-align: top;
            width: 115px;
        }
        
        .booking_right td.col2 input, .booking_right td.col2 select,.booking_right td.col2 textarea {
            width: 180px;
            padding: 2px 0 2px 0;
        }
        
            .radiocol table, .radiocol td, .radiocol {
                padding: 0;
                margin: 0;
                height: auto;
            }
        
            .radiocol input {
                margin: 0;
                padding: 0;
                height: 10px;
            }
            
        .summaryLabel {
            color: #FF0000;
            font-weight: bold;
        }
        
        
    .tips, .tipsHidden {
        border: solid 1px #17479E;
        width: 380px;
        padding: 20px;
    }
    
    .tipsHidden {
        display: none;
    }
    
    
.kodefelt_forside {
    width: 190px;
    height: 40px;
    padding: 50px 0 0 80px;
    float: right;
    background: transparent url('images/kodefelt.png') no-repeat;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
