body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 20px; margin: 0; background: url(../images/bg.jpg) #000 top center no-repeat;}
h1 {font-size: 18px; margin-top: 15px; color:#dee8f4;}
h2 {font-size: 14px; font-weight: bold; color:#ffcc00;}
.mt {margin-top: 20px; border-top: 1px solid #0f1822; padding-top: 20px;}
.mt_p {margin-top: 0px;}

h3 {font-size: 11px; margin-top: 15px; color:#c4c8ce; font-weight: bold;}
p {font: 11px/20px Arial, Helvetica, sans-serif; color: #c4c8ce; margin-top: 15px;}

::-moz-selection {background: #214879; color: #fff;}  
::selection {background: #214879; color: #fff;} 

a:link {color: #486382;}
a:visited {color: #486382;}
a:active {color: #486382;}
a:hover {color: #6f95c0;}

.picframe {border: solid 1px #1b2838; padding: 3px; margin: 5px; float: left;}
.link_border {float: left; border-left: 3px solid #d10000; padding-left: 9px; margin: 12px 0 0 0; clear: left;}
.link_border p {margin: 0; padding: 0 0 2px 0; line-height: 11px;}


/*LAYOUT*/

#container {width: 892px; margin: auto; padding: 0;}
#mainContainer {float: left; width: 892px; margin: 0; padding: 0;}

#header {float: left; width: 892px; height: 170px; margin: 0; padding: 0; background: url(../images/header_bg.jpg);}

#logo {float: left; width: 340px; height: 170px;}
#logo h1 {margin: 0; padding: 0;}
#logo h1 a {float: left; width: 340px; height: 170px; background: url(../images/bubben.jpg) no-repeat; text-indent:-9999px; display:block;}

#slogan {float: right; margin-top: 77px; display: block; background: url(../images/go_your_own_way.gif) no-repeat; width: 350px; height: 0px !important; height /**/:73px; padding: 73px 0 0 0; overflow: hidden;}
#slogan span {display: none;}

#menu_bg {float:left; width: 892px; height: 31px; background: url(../images/menu_bg.gif);}

#menu {float: left; width: 892px; height: 31px; margin: 0; padding: 0;}
#menu ul li {float: left; display: inline;}
#menu ul li a {top: 0; left: 0; display:block; height: 31px; background: url(../images/menu.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#menu ul li#hem a {left: 0; width: 60px; background-position: 0 0;}
#menu ul li#om_bubben a {left: 60px; width: 103px; background-position: -60px 0;}
#menu ul li#galleri a {left: 163px; width: 75px; background-position: -163px 0;}
#menu ul li#tjanster a {left: 238px; width: 89px; background-position: -238px 0;}
#menu ul li#lankar a {left: 327px; width: 76px; background-position: -327px 0;}
#menu ul li#kontakt a {left: 403px; width: 83px; background-position: -403px 0;}
#menu ul li#sponsorer a {left: 486px; width: 99px; background-position: -486px 0;}
#menu ul li#gastboken a {margin-left: 204px; left: 789px; width: 103px; background-position: -789px 0;}

#menu ul li#hem a:hover {background-position: 0 -31px;}
#menu ul li#om_bubben a:hover {background-position: -60px -31px;}
#menu ul li#galleri a:hover {background-position: -163px -31px;}
#menu ul li#tjanster a:hover {background-position: -238px -31px;}
#menu ul li#lankar a:hover {background-position: -327px -31px;}
#menu ul li#kontakt a:hover {background-position: -403px -31px;}
#menu ul li#sponsorer a:hover {background-position: -486px -31px;}
#menu ul li#gastboken a:hover {background-position: -789px -31px;}

#menu ul li#hem .current {background-position: 0 -31px;}
#menu ul li#om_bubben .current {background-position: -60px -31px;}
#menu ul li#galleri .current {background-position: -163px -31px;}
#menu ul li#tjanster .current {background-position: -238px -31px;}
#menu ul li#lankar .current {background-position: -327px -31px;}
#menu ul li#kontakt .current {background-position: -403px -31px;}
#menu ul li#sponsorer .current {background-position: -486px -31px;}
#menu ul li#gastboken .current {background-position: -789px -31px;}

#u_m {float: left; width: 892px; height: 20px; margin: 0; padding: 0; background: url(../images/u_m.gif);}

#col_l {float: left; width: 560px; padding: 0 0 0 20px;}
#col_r {float: left; margin: 45px 0 0 30px; width: 270px;}
#fakta {float: left; width: 225px; margin: 15px 0 0 35px; padding: 15px; border: 1px solid #1b2838;}
#wide {float: left; width: 852px; padding: 0 20px;}

#footer {float: left; width: 872px; height: 50px; margin: 0; padding: 0 20px 0 0; border-top: 2px solid #131b26;}
#footer ul {margin: 20px 0 0 10px; color: #808080; font-size: 10px;}
#footer li {float: left; display: inline; padding-left: 10px; margin-right: 7px; background:url(../images/fd.gif) no-repeat 0 10px; list-style: none;}
#footer li.first {padding-left: 7px; background: none;}

/* ----------------- */
#contact_form {float: left; width: 264px; margin: 0 0 30px 0;}
#contactForm {padding: 2px 0; font-size: 11px; color: #fff;}
#contactForm input {font-size: 11px; color: #000; margin: 3px 0 3px 0; padding: 1px;}
#contact_form #submit {width: 80px;	font-size: 11px; float: right; margin: 0 5px 0 0;}
#emailaddress, #comments, #firstname {width: 254px; font-size: 11px; color: #000; padding: 1px; font-family: Arial, Helvetica, sans-serif;}
/* ----------------- */

#film {width: 320px; margin: auto; padding: 10px;}


/* FIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */