/* css for bruktesykler.no / nyesykler.no */

/*main-part*/

body
{
    text-align: center;
    background-color: White;
}

.bla
{
    text-align: right;
    font-family:Arial;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
}
.blavalgt
{
    text-align: right;
    font-family:Arial;
    font-weight:bold;
    font-size:15px;
    text-decoration:underline;
}


td
{
    font-size: 12px;
    color: black;
    font-family: arial;
    vertical-align: top;
}

a
{
    text-decoration:none;
    color: #004573;
}

a:hover
{
    text-decoration: underline;
}

h1
{
    vertical-align: top;
    font-family: Arial;
    font-size: 19px;
    color: #004573;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: normal;
}

h3
{
    vertical-align: top;
    font-family: Arial;
    color: #004573;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: bold;
}

h5
{
    vertical-align: top;
    font-family: Arial;
    color: #004573;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: bold;
}

/* TOPP MENY */

.top-info 
{
    font-size: 10px; 
    text-align: center;
}

.hovedlinje 
{
    background-color: #004573;
    height: 30px;
    padding-top: 5px;
    color: White;
    font-size: 12px;
    font-weight: bold; 
    text-align: center;
    margin-top: 5px;

}

.tableft
{
    text-align: right;
    font-size: 12px;
    color: black;
    font-family: arial;
}

.tabright
{
    text-align: right;
    font-size: 12px;
    color: black;
    font-family: arial;
}

.button 
{
    color: White;
    font-size: 12px;
    font-weight: bold; 
    text-align: center;
    width: 990px;
    
}
    
    

/* HOVED MENY */


.domene
{

    background-color: #006BB3;
    height:25px;
    width:150px;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
}
.domene:hover
{

    background-color: #004573;
    height:25px;
    width:150px;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;    
}
.domenevalgt
{
    background-color: #004573;
    height:25px;
    width:150px;
    text-decoration:none;    
    text-align:center;
    vertical-align:middle;   
}


.meny
{
    font-weight: bold;
    font-size: 12px;
    background-color: #006BB3;
    color: White;
    font-family: arial;
    text-decoration: none;
    text-align: left;
}
.domenelink
{
    font-weight: bold;
    font-size: 12px;
    color: White;
    font-family: arial;
    text-decoration: none;

}
.domenelink:hover
{
    font-weight: bold;
    font-size: 12px;
    color: White;
    font-family: arial;
    text-decoration: none;

}

.hovedmeny
{

    background-color: #006BB3;
    color: White;
    float: left; 
    margin: 0;
    
    text-decoration: none;
    font-weight: bold;
    font-size: 12px; 
    /*
    color: White;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    background-color: #006BB3;
    */
}


.hovedmeny a
{
    color: White;
    float: left; 
    margin: 0;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px; 
}

.hovedmeny a:hover 
{
    background-color: #004573;
    text-decoration: none;
}

.hovedmeny-valgt
{

    background-color: #004573;
    color: White;
    float: left; 
    margin: 0;

    text-decoration: none;
    font-weight: bold;
    font-size: 12px;  

}

.topmeny   
{
    font-size: 12px; 
    color: #004573;
    font-family: Arial;
    padding: 5px 0 5px 10px;
}

.undermeny   
{
    font-size: 12px; 
    color: #004573;
    font-family: Arial;
    padding: 5px 0 5px 10px;
}

.sokfelt 
{
    font-family: Arial; 
    font-size: 18px;
    text-align: left;
    width:400px;
    height:20px;
}
.sokfeltknapp 
{
    background-color: #004573;
    font-family: Arial;
    color: White;
    font-size: 18px;
    border: solid 0px black; 
    font-weight:normal;
    height: 28px;
}

/* ANNONSER, SØK - SIDEFRAMES INNHOLD */

.soktekst 
{
    font-family: Arial; 
    font-size: 10px;
    text-align: left;
    padding: 0 0 0 5px;
}

.nyheter-annonse
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.login-tekst 
{
    font-family: Arial; 
    font-size: 12px;
    text-align: left;
    padding-left: 5px;
}

.login-info 
{
    font-family: Arial;
    font-size: 14px;
    text-align: left;
    margin: 10px;
    font-weight: bold;
}

.login-link 
{
    font-family: Arial;
    font-size: 12px;
    color: Black; 
    margin-left: 100px;
}

.login-button
{
    background-color: #004573;
    font-family: Arial;
    color: White;
    font-size: 18px;
    border: solid 0px black;
    vertical-align: middle; 
    font-weight:normal;
    height: 29px;
}

.login-headertekst 
{
    font-family: Arial; 
    font-size: 16px;
    font-weight: bold;
    margin: 5px;
}

.side-fields 
{
    background-color: #CCCCCC;
    border: 1px solid #666666;
    padding-bottom: 5px;
}

.info-tekst
{
    font-family: Arial;
    font-size: 10px;
    color: #004573;
}

.soklist
{   
    font-family: Arial;
    font-size: 12px; 
    font-weight: normal;
    color: #004573;
    padding: 0 0 0 5px; 
}

.field 
{
    margin: 0 0 0 5px;
    color: Black;
    font-weight: bold;
}

.tabright 
{
    font-family: Arial;
    font-size: 12px; 
}

.feilmelding 
{
    font-family: Arial; 
    color: Red;
    font-weight: bold;
}

/* HOVEDINNHOLD */
 
.tekst
{
    color: Black;
    font-family:Arial;
    font-size:12px;
    font-weight: normal;
}

.annonseramme
{
    border-right: lightgrey 1px solid;
    border-top: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
    font-size: 12px;
    color: #0c314b;
    font-family: arial; 
    padding: 5px;   
}

.annonsetittel 
{   
    font-size: 12px; 
    color: Black;
    width: 250px;  
}

.annonsetekst
{   
    font-size: 12px; 
    color: Black;
    width: 400px; 
}

.annonsebilde 
{
    padding-left: 10px;
    height: 100px; 
}  

.annonser
{}

.omoss 
{
    font-family: Arial;
    font-size: 12px;

}

.forms-tekst
{
    font-family: Arial;
    font-size: 12px; 
    color: #666666;
}

.avansertsoktekst
{   
    font-family: Arial;
    font-size: 12px; 
    margin-right: 5px; 
    font-weight: bold;
    color: #666666;
}

.pris
{   
    font-family: Arial;
    font-size: 12px; 
    margin-right: 5px; 
    font-weight: bold;
    color: #666666;
}

.header
{
    font-family: Arial;
    font-size: 14px; 
    font-weight: bold;
    color: Black;
}

.brukerinfo
{
    font-family: Arial;
    font-size: 12px; 
    font-weight: bold;
    color: #666666;
}

.innlogging
{
    font-family: Arial;
    font-size: 12px; 
    font-weight: bold;
    color: #666666;
}

.form-tekst
{
    font-family: Arial;
    font-size: 12px; 
    font-weight: bold;
    color: #004573;
    margin: 0 0 0 5px;
}

.form-soktekst
{
    font-family: Arial;
    font-size: 12px; 
    font-weight: bold;
    color: #004573;
}

.utgatt 
{
    font-family: Arial;
    font-size: 16px;
    color: Red;
}

.tekstbold
{
    font-family: Arial;
    font-weight: bold; 
    font-size: 12px; 
    color: White;
}

.tabcenter
{
    text-align: center;
    font-size: 12px;
    color: black;
    font-family: arial;
}

td.normal
{
    font-size: 14px;
    color: black;
    font-family: arial;
    text-align:left;
    vertical-align:middle;
}

.link-tekst
{
    vertical-align: top;
    font-family: arial;
    font-size: 12px;
    color: #5b6163;
    font-weight: bold;
    text-decoration:none;
}


.sykkel-tittel 
{
    vertical-align: top;
    font-family: arial;
    font-size: 24px;
    font-weight: bold;
    color: #004573;
    padding-bottom: 5px;
    margin-top: 0px;
    margin:0px;

}
.sykkel-undertittel 
{
    vertical-align: top;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    color: #004573;
    padding-bottom: 5px;
    margin-top: 0px;
    margin:0px;

}
.sykkel-tekst-stor 
{
    vertical-align: top;
    font-family: arial;
    font-size: 15px;
    color: #004573;
    text-align: right;  
    font-weight:normal;    
    text-decoration: none;
}

 .sykkelinfo-tittel 
 {
    vertical-align: top;
    font-family: arial;
    font-size: 17px;
    font-weight: bold;
    color: #004573;
    text-decoration:none;
}

.sykkelinfo-meny 
{
    font-family: arial;
    font-size: 12px;
    color: #004573;
    text-align: left;
    font-weight:bold;
}

.pris-meny 
{
    font-family: arial;
    font-size: 16px;
    color: #004573;
    text-align: left;
    font-weight:bold;
}

.pris-tekst 
{
    vertical-align: top;
    font-family: arial;
    font-size: 16px;
    color: #3f4343;
    text-align: right;  
    font-weight:normal;
}

.sykkelinfo-tekst 
{
    vertical-align: top;
    font-family: arial;
    font-size: 13px;
    color: #3f4343;
    text-align: right;  
    font-weight:normal;
}


.info-tekst 
{
    vertical-align: top;
    font-family: arial;
    font-size: 13px;
    color: #3f4343;  
    font-weight:normal;
}

.annonse-tekst 
{
    vertical-align: top;
    font-family: arial;
    font-size: 13px;
    color: #3f4343; 
    font-weight:normal;
    padding-right:10px;
}

.textbox
{
    vertical-align: top;
    padding-left: 5px; 
    padding-top: 5px;
    background-color: #adc5c7;
    font-family: arial;
    font-size: 15px;
}
        

/* FOOTER */

.imbera 
{
    font: arial;
    font-size: 10px; 
    text-align: left; 
    text-decoration: none;  
    color: White;
}

.adresse
{
    font-family: Arial;
    font-size: 11px; 
    font-weight: bold;
    text-align: right; 
    color: Black;
}

/* Galleri */
.gallery {
	overflow: hidden;
	width: 640px;
	height: 440px;
	position: relative;
}

.galleryImages {
	position: relative;
	float: left;
	
}

.galleryImages .image {
	float: left;
	width: 640px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	
}

.galleryImages .image p {
	margin: 0;
	padding: 0;
	color: black;
	width: 640px;
}

.galleryImages .image img {
	margin: 0;
	padding: 0;
	display: block;
}

.galleryImages .image p.text {
	padding: 5px 10px;
	height: 40px;
	width: 470px;
}

.galleryPrev, .galleryNext {
	width: 320px;
	position: absolute;
	height: 480px;
	top: 0;
	z-index: 1000;
	background-image: url(http://www.kvitfjell.no/graphics/transparent.gif);
}

.galleryPrev:hover, .galleryNext:hover {
	border: none;
	outline: none;
}

.gallery a:hover, .gallery a:active, .gallery a:focus 
{
	border: none;
	outline: none;
}

.gallery a span {
	display: none;
}

.galleryPrev {
	left: 0;
	width:320px;
	background-image: url(../images/tilbake.gif);
}

.galleryNext {
	left: 320px;
	text-align: right;
	background-image: url(../images/neste.gif);
}

.galleryPrev:hover {
	background-image: url(../images/tilbake.gif);
}

.galleryNext:hover {
	background-image: url(../images/neste.gif);
}

/* extra */

.nyeste-tekst {
    font-family: arial;
    font-size: 18px;
    color: #004573;
    font-weight: normal;
    text-decoration:none;
}

.nyeste-pris 
{
    text-align: right;
    font-family: arial;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
}

.linje
{   
  color: #dedede;
  width: 480;
}

.popupControlKontakt 
{
	background-color:white;
	border-width:3px;
	border-style:dotted;
	border-color:Gray;
	padding:10px;
	height:400px;
	width:600px;
	vertical-align:middle;
    font-family: Verdana;
    font-size:14px;
	
	
}


.popupbakgrunn 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}