html, body, div, span, applet, object, iframe,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;outline: 0;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/* Class below is responsible for rounding in nonIE browser, if you want css to validate, remove line below --------- */
.rounded {-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */}
/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html { min-height:101%;}
body {color:#666;background:url(../img/bg_bottom.jpg) repeat; font-size:11px;font-family: Verdana, Helvetica, sans-serif;line-height:20px;}
a {color:#000;}
a:hover {color:#000;}
a:active {color:#000;}
a:visited {color:#000;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;} /* for IE/Mac */
.padd10 {padding-right:10px;}
p {margin:10px 0 10px 0;}
h1 {font-size:30px;margin:0px 0 10px 0;}
h2 {font-size:20px;margin:5px 0px;}
h3 {font-size:17px;margin:0px 0 5px 0;}
/* ------------------------------------------------------------------------------------
STRUCTURE */
#container_top {background:url(../img/bg_topline.jpg) repeat-x bottom #fff;width:100%;}
#content_top {background:url(../img/bg_topline.jpg) repeat-x bottom #fff;width:960px;margin: 0px auto;height:128px;position:relative;}
#content {width:960px;margin:0px auto;background:#fff;border-left:1px solid #DDD;border-right:1px solid #DDD;text-align:left;}
#top_menu {background:url(../img/topp-meny.png) no-repeat top center #323232;width:960px;margin-top:2px;height:36px;}
#top_menu ul {margin:0px;padding:0px;list-style:none;font-size:15px;padding-left:5px;}
#top_menu ul li {float:left;display:block;}
#top_menu ul li a {text-decoration:none;color:#fff;display:block;padding:10px 15px 10px 15px;border-right:1px solid #606060;}
#top_menu ul li a:hover {background:url(../img/hover.jpg) top repeat-x #606060;}
#footer {background:#323232;width:960px;margin-top:10px;}
#footer a {text-decoration:none;}
#footer {background:#eee;}
.section {padding:20px;}
.section img {padding:5px;border:1px solid #eee;margin:9px;}
.section p {padding:5px 0px;}
/* ------------------------------------------------------------------------------------
CUSTOM */
/* LOGO --------- */
div#logo h1 {margin:0px;margin-left:0px;}
div#logo h1 a {display:block;background:url(../img/logo.png) no-repeat left bottom; width:493px;height:89px;text-indent:-9999px;}
/* Login form (client area) --------- */
div#clientarea {position:absolute;top:-66px;right:0px;background:url(../img/client.png) no-repeat bottom;width:263px;padding-bottom:30px;padding-top:2px;}
#login {color: #fff;font-size: 10px;text-align: right;margin: 2px;}
input#submit {margin-top:30px;margin-right:10px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;}
#login div {width:190px;float:left}
#login label {display:block;}
input#client_login {margin-right: 5px;border:1px solid #606060;background:transparent;width:100px;margin-bottom:5px;color:#fff;padding:3px;}
input#client_pswd {margin-right: 5px;border:1px solid #606060;background:transparent;width:100px;color:#fff;padding:3px;}
/* Testimonials --------- */
div#testimonials h2 {margin:0px;padding:0px 0px 10px 12px;}
div#testimonials {color: #323232;background:url(../img/descbg.jpg) repeat-x top #fff;margin:0 0 24px;padding:15px 10px 10px;width:940px;height:80px;}
div.avatar {background:url(../img/avatar_bg.jpg) no-repeat; width:46px; height:44px;float:right;}
div.avatar img {padding-left:6px;padding-top:4px;}
blockquote {color:#868686;font-family: "Trebuchet MS", serif;font-size: 20px;letter-spacing: normal;padding:0px 0px 0px 25px;line-height:22px;background:url(../img/quotetop.jpg) no-repeat top left #fff;}
blockquote span {background:url(../img/quotebottom.jpg) no-repeat top right;padding-right:25px;}
div#testimonialslist p {margin-right:30px;margin-top:5px;color:#6a6a6a;font-family: Verdana, serif;font-size: 13px;margin-left:10px;background:#fff;}
div#testimonialslist {margin-top:10px;}
.tstm_author {background-image:none;background-color:#fff;font-size:12px;font-weight:normal}
.pics_container {overflow:hidden;height:263px;width:372px;padding-top:24px;padding-left:10px;}
.pics img {top:0;left:0}
/* Footers boxes --------- */
.column {width:280px;padding:10px 20px;}
#webdesign p {padding:10px;border:1px solid #5e5e5e;font-size:13px;line-height:18px;background:#474747;}
#webdesign img {margin-top:10px;}
.kode {width:400px;padding:10px 20px;}
#html-kode p {padding:10px;border:1px solid #5e5e5e;font-size:13px;line-height:18px;background:#666;}
#html-kode img {margin-top:10px;}
#kontakt img {padding:5px; border:1px solid #808080;background:#474747;margin-right:20px;}
#kontakt a {color:#fff;text-decoration:none}
#bottom {background:url(../img/bottombg.jpg) repeat-x top #323232;width:960px;color:#fff;}
#bottomline {background:url(../img/bottom.jpg) repeat-x bottom #323232;width:940px; padding:8px 10px;color:#6a6a6a;border-top:1px dashed #6e6e6e;}
#bottomline a {color:#6a6a6a;text-decoration:none}
#bottom h2 {color:#fff;margin-bottom:10px;}
/* Price page and table --------- */
#pricefaq li {display:block;float:left;width:250px;padding:20px;border:1px solid #eee;margin:5px;}
table#prices {width:100%;margin-bottom:20px;margin-top:20px;}
table#prices td {background:url(../img/tabletdbg.jpg) repeat-y left #8cbb51;text-align:center;}
table#prices td.tdname {background:url(../img/tdname.jpg) top left no-repeat #323232;padding:5px 0px 5px 5px;width:190px;vertical-align:middle;color:#fff;text-align:left}
table#prices th {font-size:16px;text-align:center;background:url(../img/thbg.jpg) bottom repeat-x;color:#fff;height:25px;vertical-align:bottom;padding-bottom:3px;}
span.yes {display:block;background:url(../img/yes.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;;margin-top:4px;}
span.no {display:block;background:url(../img/no.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;}
span.option {display:block;background:url(../img/option.jpg) no-repeat;width:16px;height:16px;text-indent:-9999px;margin-left:50%;}
table#prices td.totalprice {color:#fff;font-size:18px;padding-top:7px;background:url(../img/tabletdprices.jpg) repeat-x top #8cbb51}
/* Tour page --------- */
#tour {background:url(../img/toursidebar.jpg) repeat-y left}
#sidebar_tour {width:235px;padding-top:20px;}
#sidebar_tour li.current {background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:10px 0px 10px 10px;} /* Use this class for hover --------- */
#sidebar_tour li {padding:10px 0px 10px 10px;border-bottom:1px solid #ddd;}
#sidebar_tour a {text-decoration:none}
#tour_content {margin-left:30px;padding-top:20px;width:650px;padding-bottom:30px;}
#tour_content ul#count {margin-top:20px;}
#tour_content ul#count li {font-size:25px;padding:10px;padding-left:65px;height:40px;padding-top:15px;}
h2.tjenester {font-size:21px;color:#7db239;margin:0px 0 10px 0;}
h1.tjenester {font-size:34px;color:#74ad2c;margin:2px 0 15px 0;}
h3.tjenester {font-size:16px;margin:15px 0 10px 0;}
.one {background:url(../img/1.jpg) top left no-repeat;}
.two {background:url(../img/2.jpg) top left no-repeat;}
.three {background:url(../img/3.jpg) top left no-repeat;}
.four {background:url(../img/4.jpg) top left no-repeat;}
.five {background:url(../img/5.jpg) top left no-repeat;}
/* Contact Form --------- */
.message {display:none;}
.contact {text-align:right; width:400px;}
.contact ul {list-style-type:none;}
.contact li {list-style-type:none;margin:5px 0px;}
.contact li.special {display:none;}
.contact label {float:left;padding-top:4px;}
.contact input {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.contact textarea {width:388px;height:278px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
input#send {margin-top:18px;border:1px solid #606060;color:#fff;background:#232323;padding:3px;font-size: 10px;text-transform:uppercase;}
#alert {margin-top:5px;width:390px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;}
#contact_info{text-align:center;width:450px;margin-top:5px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px 5px 5px 5px;}
/* Genreal Form --------- */
.form {text-align:right; width:400px;}
.form ul {list-style-type:none;}
.form li {list-style-type:none;margin:5px 0px;}
.form li.special {display:none;}
.form label {float:left;padding-top:4px;}
.form input {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.form textarea {width:260px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}
.form select {width:272px;border:1px solid #ddd;background:url(../img/whitedot.jpg) top repeat-x #eee;padding:5px;}