/********************\
*                    *
*  GB_css            *
*  Harald Halvorsen  *
*  2008              *
*                    *
*  harald@gbskilt.no *
*                    *
\********************/
/***** Diverse *****/
*{margin:0; padding:0}
body{background:#fff; font-family:Tahoma; font-size:100%; line-height:1.125em; color:#5d5d5d}

#main{width:855px; margin:0 auto; padding:80px 0 14px 0}

#content, #sidebar{font-size:0.69em}

#content{width:353px; margin-right:157px; float:left}
#sidebar{width:224px; float:left}

input, textarea{font-family:Tahoma; font-size:1em}

.wrapper{width:100%; overflow:auto}

p{margin:0; padding:0}

.tail-top{background:url(../images/tail-top.gif) left top repeat-x; min-height:100%}

input, select{vertical-align:middle; font-weight:normal}
img{border:0; vertical-align:top; text-align:left}

/***** Kontaktskjema ****/
#contactform{margin:0; padding:5px}
#contactform *{font-family:"trebuchet ms",Verdana,Arial,Helvetica,sans-serif; font-size:12px}
#contactform ol{margin:0; padding:0; list-style:none}
#contactform li{margin:0 0 4px 0; padding:5px}
#contactform li.buttons{margin:0; overflow:hidden}
#contactform label{margin:0; width:190px; display:block; float:left; padding:5px 10px 2px 0}
#contactform input.text{width:274px; border:1px solid #D4D4D4; padding:2px; margin:0}
#contactform textarea{width:274px; border:1px solid #D4D4D4; padding:2px; height:80px}
#contactform li.buttons input{padding:4px; background:#fff; border:1px solid #D4D4D4; width:136px; color:#8f3f6d}

/***** Meny *****/
#menu{padding:9px 0 28px 0; background:url(../images/line-hor.gif) left bottom repeat-x; width:100%; overflow:hidden; margin-bottom:25px}
#menu ul li{display:inline}
#menu ul li a{display:block; float:left; background-color:#f9f9f9; margin-right:6px; font-family:"trebuchet ms"; color:#8f3f6d; text-decoration:none; text-transform:uppercase}
#menu ul li a em{display:block}
#menu ul li a b{display:block; width:82px; text-align:center; font-style:normal; font-size:.91em; padding:1px 0 3px 0; cursor:pointer}
#menu ul li a:hover{color:#8f3f6d; background-color:#ebebeb}

/***** Tekst, Links, Linjer, etc. *****/
a{color:#5d5d5d}
a:hover{text-decoration:none}

.txt1{font-family:"trebuchet ms"; font-size:13px; color:#7f7f7f; line-height:17px}
.txt2{font-size:11px; color:#7f7f7f}
.txt2b{font-family:"trebuchet ms"; font-size:10px; color:#7f7f7f; line-height:17px; text-transform:uppercase}
.txt3{font-family:"trebuchet ms"; font-size:12px; color:#666; line-height:17px}
.txtSmall{font-family:"trebuchet ms"; font-size:11px; color:#7f7f7f; line-height:17px}
.overskrift{width:327px; height:41px; padding-bottom:10px; border:none}

.anLink{color:#8f3f6d; text-decoration:none}
.anLink:hover{color:#7f7f7f; text-decoration:none}

.lillatxt{color:#8f3f6d; font-size:12px; font-weight:bold}

.kontskjemalink{font-family:"trebuchet ms"; color:#8f3f6d; background-color:#ededed; padding:0 5px 0 5px; letter-spacing:1px; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold}
.kontskjemalink:hover{font-family:"trebuchet ms"; color:#ededed; background-color:#8f3f6d; padding:0 5px 0 5px; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold}

/***** Content *****/
#content p{margin-bottom:8px}

#port{width:353px; height:109px; text-align:center}
#port img{border:none}

.ansBilde{height:266px; width:200px; float:left; margin:0 10px 10px 0px; border:none}

/***** Produkter *****/
#prod{height:63px; width:351px; text-align:left}
#prod p{font-family:"trebuchet ms"; font-size:10px; color:#fff; font-weight:bold; text-transform:uppercase; margin-top:47px; margin-left:2px}

#prod1{height:63px; width:63px; background-color:#8f3f6d; float:left; margin-right:6px}
#prod1:hover{height:63px; width:63px; background-color:#ccc; float:left; margin-right:6px}

#prod2{height:63px; width:63px; background-color:#a52b71; float:left; margin-right:6px}
#prod2:hover{height:63px; width:63px; background-color:#ccc; float:left; margin-right:6px}

#prod3{height:63px; width:63px; background-color:#d1549c; float:left; margin-right:6px}
#prod3:hover{height:63px; width:63px; background-color:#ccc; float:left; margin-right:6px}

#prod4{height:63px; width:63px; background-color:#dd7db4; float:left; margin-right:6px}
#prod4:hover{height:63px; width:63px; background-color:#ccc; float:left; margin-right:6px}

#prod5{height:63px; width:63px; background-color:#eaa8ce; float:left; margin:0}
#prod5:hover{height:63px; width:63px; background-color:#ccc; float:left; margin:0}

/***** Sidebar *****/
#sidebar .logo{padding:0}

/***** Globalt *****/
#page1 #content #menu{padding-bottom:39px; margin-bottom:35px}
.box{background:url(../images/BOX.jpg) transparent no-repeat top left; min-height:650px; width:100%}
.box .inside{padding:82px 37px 101px 84px}
ul{list-style:none}

/***** Highslide *****/
.highslide-container div{font-family:Verdana,Helvetica; font-size:10pt}
.highslide{outline:none; text-decoration:none}
.highslide-outline{background:#fff}
.highslide-caption{display:none; border-top:none; font-size:1em; padding:5px; background:#fff}
.highslide-heading{display:none; font-weight:bold; margin:0.4em}
.highslide-dimming{position:absolute; background:#000}
.highslide-loading{display:block; color:#000; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #fff; background-color:#fff; padding-left:22px; background-image:url(../highslide/graphics/loader.white.gif); background-repeat:no-repeat; background-position:3px 1px}

.highslide-move, .highslide-move *{cursor:move}
.highslide-overlay{display:none}
.closebutton{position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background:url(../highslide/graphics/close.png)}

.highslide-controls{width:195px; height:40px; background:url(../highslide/graphics/controlbar-white.gif) 0 -90px no-repeat; margin:20px 15px 10px 0}
.highslide-controls ul{position:relative; left:15px; height:40px; list-style:none; margin:0; padding:0; background:url(../highslide/graphics/controlbar-white.gif) right -90px no-repeat}
.highslide-controls li{float:left; padding:5px 0}
.highslide-controls a{background-image:url(../highslide/graphics/controlbar-white.gif); display:block; float:left; height:30px; width:30px; outline:none}
.highslide-controls a.disabled{cursor:default}
.highslide-controls a span{display:none}

/***** Highslide kontroller *****/
.highslide-controls .highslide-previous a{background-position:0 0}
.highslide-controls .highslide-previous a:hover{background-position:0 -30px}
.highslide-controls .highslide-previous a.disabled{background-position:0 -60px !important}
.highslide-controls .highslide-play a{background-position:-30px 0}
.highslide-controls .highslide-play a:hover{background-position:-30px -30px}
.highslide-controls .highslide-play a.disabled{background-position:-30px -60px !important}
.highslide-controls .highslide-pause a{background-position:-60px 0}
.highslide-controls .highslide-pause a:hover{background-position:-60px -30px}
.highslide-controls .highslide-next a{background-position:-90px 0}
.highslide-controls .highslide-next a:hover{background-position:-90px -30px}
.highslide-controls .highslide-next a.disabled{background-position:-90px -60px !important}
.highslide-controls .highslide-move a{background-position:-120px 0}
.highslide-controls .highslide-move a:hover{background-position:-120px -30px}
.highslide-controls .highslide-full-expand a{background-position:-150px 0}
.highslide-controls .highslide-full-expand a:hover{background-position:-150px -30px}
.highslide-controls .highslide-full-expand a.disabled{background-position:-150px -60px !important}
.highslide-controls .highslide-close a{background-position:-180px 0}
.highslide-controls .highslide-close a:hover{background-position:-180px -30px}

/***** Highslide html *****/
.highslide-maincontent{display:none}
.highslide-html{background-color:#fff}
.highslide-html-content{display:none; width:400px; padding:0 5px 5px 5px}
.highslide-header{padding-bottom:5px}
.highslide-header ul{margin:0; padding:0; text-align:right}
.highslide-header ul li{display:inline; padding-left:1em}
.highslide-header a{font-weight:bold; color:gray; text-transform:uppercase; text-decoration:none}
.highslide-header a:hover{color:#000}
.highslide-footer{height:11px}
/*.highslide-footer .highslide-resize{float:right; height:11px; width:11px; background:url(../highslide/graphics/resize.gif)}
*/
.highslide-body{}
.highslide-resize{cursor:nw-resize}
.wide-border .highslide-image{border-width:10px}
.wide-border .highslide-caption{padding:0 10px 10px 10px}
*/