@charset "utf-8";

/****************/
/* Reset rules */
/****************/
body, div, h1, h2, h3, h4, h5, h6, img, ul, li, p, small{ margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ font-family:Georgia, "Times New Roman", Times, serif; }
img{ border:none; }

/****************/
/* General rules */
/****************/
body{ background:url(../design/background.jpg) repeat-x #daf0ff; font-family:Arial, Helvetica, sans-serif;  }
.clear_float{ clear:both; font-size:1px; height:1px; }
.fl_left{ float:left; display:inline; }
.fl_right{ float:right; display:inline; }
.message_error{ color:#ee2f15; }
.message_ok{ color:#218c00; }
textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#picture { float:left; margin-left:20px; padding-bottom:30px; display:inline; }

/****************/
/* Header rules */
/****************/
#header{ margin:0 auto; padding:0; width:802px; height:170px; background:url(../design/header.jpg) center bottom no-repeat; position:relative; }
#header img{ position:absolute; top:-6px; right:0; }

/* Logo */
#header h1{ padding:60px 0 0 90px; }
#header h1 a{ outline:none; }
#header h1 a img{ margin:0; float:left; display:inline; position:relative; } 


/* Language */
#header ul{ width:150px; height:30px; position:absolute; right:372px; top:91px; text-align:right; }
#header ul li{ position:relative; float:left; display:inline; width:30px; height:30px; margin:0; border:none;  }
#header ul li a img{ }

/* Meni */
#menu { float: left; width:224px; }
ul{ margin:20px auto; width:224px; float:left; font-size:12px; font-weight:bold; line-height:30px; list-style:none; }
ul li{ margin:0 0 0 20px; padding:0 0px 0 0; width:180px; border-bottom:1px solid #adcfe6; }
ul li a{ padding:0 0 0 10px; color:#000; text-decoration:none; display:block; font-weight:bold; text-transform:uppercase;  background:url(../design/li.jpg) center right no-repeat; }
ul li a:hover, ul li a:active, ul li a.selected{ background:url(../design/li_hover.jpg) center right no-repeat #a8cde6; color:#481f02; }


/***********/
/* Content */
/***********/
#content{ margin:0 auto; width:802px; background:url(../design/background_content.jpg) repeat-y; overflow:hidden; }

#box{ margin:20px 25px; width:520px; height:auto; float:left; display:inline; font-size:14px; }
#box h2{ margin:0 0 15px 0; width:280px; font-size:20px; color:#006ab1; }
#box p{ margin:0 0 20px 0; padding:0 0 15px 0; border-bottom:1px dashed #b0b0b0; line-height:20px; }
#box p a{ color:#fc8f00; }
#box p a:hover{ color:#006ab1; }

#map{ margin:0 0 0px 0; width:520px; height:520px; }

.gallery{ width:516px; }
.gallery img{ margin:2px; padding:3px; border:1px solid #999; }
.gallery img:hover{ padding:3px; border:1px solid #333; }
.gallery img.one{ margin-left:0; }
.gallery img.four{ margin-right:0; }

form{ margin:10px 0 0 0;  }
form .fl_left{ width:250px; }
form input{ padding:2px 5px; width:220px; border:1px solid #999; }
form input:focus{ border:1px solid #006AB1; }
form .small{ width:100px; }
form textarea{ padding:10px; width:455px; height:80px; overflow:auto; border:1px solid #999; }
form textarea:focus{ border:1px solid #006AB1; }
form .submit{ width:auto; height:auto; padding:3px 5px; display:block; background-color:#E9E9E9; }
form .submit:hover{ background-color:#CCC; }

/* Pricelist */
#box ul{ margin:0; padding:0; float:none; width:520px; }
#box li{ margin:0 15px 0 0; padding:0; width:50px; text-align:center;  float:left; display:inline; }
#box li a{ margin:0; padding:0; background-image:none; text-indent:0; text-transform:uppercase; }
#box table{ margin:5px 0 20px 0; width:520px; text-align:left; border:1px solid #999; font-size:12px;}
#box table td, #box table th{ padding:5px 10px;  }
#box table tr{ background-color:#DEECF5; }
#box .hr, #box .gb, #box .d{ clear:both; width:520px; }

/**********/
/* Footer */
/**********/
#footer{ margin:0 auto; padding:20px 0 0 0; width:802px; height:50px; background:url(../design/footer.jpg) center top no-repeat; font-size:12px; text-indent:20px; }