html{ border:none; margin:0px }
body{ margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; background-color:#EFEFEF;}

#topp { height:120px; padding:0px 10px 0px 10px; }
#topp .logo{ float:left; margin:10px 20px 0px 0px }
#topp .kontakt { text-align:right; float:right; margin-right:-25px; line-height:180%;}

#innhold, #topp .content ,#footer .wrapper{ margin:0px auto; min-width:800px; max-width:1000px; width:900px }

#hoyre { width:500px; float:right; clear:both; }
#hoyre a img{ border:solid #C4CFD9 6px; margin:0px 10px 10px 0px }
#hoyre a:hover img{ border-color:#0099CC;}

.adresse { float:right; width: 170px; margin-top:-20px; padding-top:10px }
.clearing{ height:0; clear:both }
#footer { padding:0px 10px 20px 0px; margin:20px 0px 0px 0px; background-color:#E6E6E6; }



/* --------------------
OVERSKRIFTER 
---------------------*/
h1{ color:#333333; margin: 15px 0px 0px 0px; font-size: 1.5em }
h1 span{ color:#666 }
h2{ color:#000; font-size: 1.4em; margin:20px 0px 0px 0px; font-weight: bold }
h2 span{ color:#666; font-size: 0.7em; padding-left:10px }
h3{ color:#666; font-size: 0.9em; margin:0px; font-weight: bold; margin-top:0px; background:url(img/bullet_blue.gif) 0px 1px no-repeat; list-style:none; padding:0px 0px 0px 20px }
h3 span{ color:#666; font-size: 0.7em; padding-left:10px }

p{ line-height:150%; margin:0px 0px 20px 0px;color:#333;}
hr{ border:none; border-top:#B1C584 dotted 1px; background:none }



/* --------------------
GENERELT 
---------------------*/
ul { padding:0px; margin:0px }
li { margin-left:30px }
li { background:url(img/bullet_blue.gif) 0px 8px no-repeat; list-style:none; padding:5px 0px 0px 20px; margin:0px; font-size:1.0em; color:#333 }
em { color:#CE5C00; font-style:normal; font-weight:bold; font-family: 'Trebuchet MS', Verdana, Sans-Serif }
#meny, #undermeny, #topp, h1, h2, h3, h4, h5, h6, .feil label, .info label, .ok label, form label, .date{ font-family: 'Trebuchet MS', Verdana, Sans-Serif; letter-spacing: 0px; }
/* --------------------
LINKER 
---------------------*/
a img{ border:none }
a:link,a:visited{ color:#0099CC }
a:hover { color:#CE5C00 }

a.addbutton { background: transparent url('img/bt_right.gif') no-repeat scroll top right; color: #000; display: block; float: left; font-family: 'Trebuchet MS', Verdana, Sans-Serif; letter-spacing: 0px; font-weight: bold; font-size:0.9em; height: 28px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; }
a.addbutton span { background: transparent url('img/bt_left.gif') no-repeat; display: block; line-height: 18px; padding: 5px 0 5px 28px; }
a:active.addbutton { background: transparent url('img/bt_right_hover.gif') no-repeat scroll top right; }
a:active.addbutton span { background: transparent url('img/bt_left_hover.gif') no-repeat; }

a:link.knapp-gronn ,a:visited.knapp-gronn{ font-family: 'Trebuchet MS', Verdana, Sans-Serif; font-weight: bold; font-size: 1.1em; background:url("img/knapp_gronn_venstre.gif") no-repeat 0px 2px; color: #fff; text-decoration:none; text-transform: uppercase; margin:0px 5px 0px 0px; height:37px; line-height:18px; float:left; display:block; padding:0px 0px 10px 5px; }
a:link.knapp-gronn span,a:visited.knapp-gronn span{ background:url("img/knapp_gronn_hoyre.gif") no-repeat right 2px; height:37px; display:block; padding:11px 10px 1px 10px; }
a:hover.knapp-gronn { background:url("img/knapp_gronn_venstre.gif") no-repeat 0px 2px; }
a:hover.knapp-gronn span { background:url("img/knapp_gronn_hoyre.gif") no-repeat right 2px; color:#FFF; }
a:active.knapp-gronn { background:url("img/knapp_gronn_venstre_active.gif") no-repeat 0px 2px; border: none; }
a:active.knapp-gronn span { background:url("img/knapp_gronn_hoyre_active.gif") no-repeat right 2px; color:#FFF; border: none; }

a:link.blaa, a:visited.blaa{ color:#FFF; padding: 2px 10px; text-decoration: none; background-color:#057AB0; }
a:hover.blaa { background-color: #003366; }



/* --------------------
FORM
---------------------*/

.kontakt form { display:block }
.kontakt form input , form textarea{ border:#666 solid 2px; }
.kontakt form textarea { width:100%; height:100px }
.kontakt form label { display:block; font-size:1.0em; color:#333333; margin-top:5px; font-weight:normal }
.kontakt form button{ display:block }
.kontakt form #submit{ background: url(img/send_foresporsel.png) no-repeat; width:134px; height:27px; font-size:0px; border:none; margin-top:5px; cursor:pointer }
.kontakt { float:left; padding:15px; font-size:0.9em; color:#333333; 	}
.kontakt h2 { font-size:1.4em;font-weight:normal }


.kontakt_skjema form input , form textarea{ border:#666 solid 2px;}
.kontakt_skjema form textarea { width:40%; height:100px }
.kontakt_skjema form label { display:block; font-size:1.0em; color:#333333; margin-top:5px; font-weight:normal }
.kontakt_skjema form button{ display:block }
.kontakt_skjema form #submit{ background: url(img/send_foresporsel.png) no-repeat; width:134px; height:27px; font-size:0px; border:none; margin-top:5px; cursor:pointer }



/*--------------------------------------------- INFO BOKSER
----------------------------------------------*/
.vellykket,  .feilmelding,  .info , .boks { background-color: #F7F5C9; border:#C4C295 solid 1px; background-image:url(img/ikon_info.gif); background-repeat:no-repeat; background-position:6px 6px; text-indent:20px; width:40%; margin-top:20px }
.vellykket h1,  .feilmelding h1,  .info h1, .boks h1{ font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0px; margin:0px; text-transform:uppercase; letter-spacing:0px }
.vellykket span,  .feilmelding span,  .info span , .boks span{ border:#FFFFFF solid 2px; display:block; padding:2px 4px }
.feilmelding { border:#E76656 solid 1px; background-image:url(img/ikon_feil.gif) }
.feilmelding h1{ color:#E76656 }


.favo_vannmerke{ text-align:center; display:block }




.col-20{ width: 20%; float: left; margin:15px 0px;}
.col-30{ width: 30%; float: left; margin:15px 0px;}
.col-40{ width: 40%; float: left; margin:15px 0px;}
.col-50{ width: 50%; float: left; margin:15px 0px;}
.col-60{ width: 60%; float: left; margin:15px 0px;}
.col-70{ width: 70%; float: left; margin:15px 0px;}
.col-80{ width: 80%; float: left; margin:15px 0px;}
.col-30-right{ width: 30%; float: right; margin:15px 0px;}

#meny { padding-top: 25px;}
#meny a:link , #meny a:visited { background:url("img/link_graa_venstre.gif") no-repeat 0px 2px; text-decoration:none; margin:0 5px; height:23px; line-height:23px; float:left; display:block; padding:0px 0px 1px 10px; color: #333;}
#meny a:link span, #meny a:visited span{ background:url("img/link_graa_hoyre.gif") right 2px no-repeat; height:23px; display:block; padding:0px 10px 1px 0px;}
#meny a:hover , #meny a:link.current , #meny a:visited.current { background-image:url("img/link_svart_venstre.gif");}
#meny a:hover span, #meny a.current span{ background-image:url("img/link_svart_hoyre.gif"); color:#FFF;}
a:link.legg_til ,a:visited.legg_til{ background:url("img/ikon_legg_til_gra.gif") no-repeat 0px 2px; padding-left:20px;}
a:hover.legg_til { background-image:url("img/ikon_legg_til_bla.gif");}
a:hover.ny{}