body {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; margin: 0; background: url(../images/bg.gif) #000 no-repeat top center;}

h1 {font-size: 18px; margin: 0; color: #fff; line-height: 22px;}
h2 {font-size: 14px; margin: 15px 0 20px 0; color: #fff; line-height: 20px;}
h3 {font-size: 14px; margin-top: 15px; color: #fff; line-height: 20px; color:#fff;}
p {margin-top: 15px; color: #fff;}
td p {margin: 5px; font-size: 10px;}

.border_heli {border: 1px solid #101010;}
.table_margin {margin-top: 20px;}
.box {float: left; border: 1px solid #222; padding: 10px 20px 10px 20px; margin: 0; width: 660px;}

a:link { color: #FFA800;}
a:visited { color: #FFA800;}
a:active { color: #FFA800;}
a:hover { color: #D78E00;}

.picframe {border: solid 1px #424242; padding: 2px; margin: 15px 12px 5px 0; float: left;}
.picframe_galleri {border: solid 1px #424242; padding: 2px; margin: 0 12px 10px 0; float: left;}

.news_holder {float: left; width: 400px;}

/*LAYOUT*/

#container {width: 840px; margin: auto; padding: 0;}
#mainContainer {float: left; width: 700px; margin: 0; padding: 0 70px; background: url(../images/main_bg.jpg) no-repeat;}

#topdiv {float: left; width: 840px; height: 150px; margin: 0; padding: 0; background: url(../images/header_bg.jpg);}

#logo {float: left; width: 350px; height: 115px;}
#logo h1 {margin: 0; padding: 0;}
#logo h1 a {float: left; width: 350px; height: 115px; background: transparent url(../images/osterman_helicopter_ab.gif) no-repeat; text-indent:-9999px; display:block;}

#menu_bg {float:left; width: 740px; height: 31px; background: url(../images/menu_bg.jpg); padding: 0 50px;}

#menu {float: left; width: 610px; 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: 54px; background-position: 0 0;}
#menu ul li#om_oss a {left: 54px; width: 63px; background-position: -54px 0;}
#menu ul li#helikoptrarna a {left: 117px; width: 105px; background-position: -117px 0;}
#menu ul li#organisation a {left: 222px; width: 99px; background-position: -222px 0;}
#menu ul li#uppdrag a {left: 321px; width: 71px; background-position: -321px 0;}
#menu ul li#lankar a {left: 392px; width: 63px; background-position: -392px 0;}
#menu ul li#bildgalleri a {left: 455px; width: 84px; background-position: -455px 0;}
#menu ul li#kontakt a {left: 539px; width: 71px; background-position: -539px 0;}

#menu ul li#hem a:hover { background-position: 0 -31px;}
#menu ul li#om_oss a:hover { background-position: -54px -31px;}
#menu ul li#helikoptrarna a:hover { background-position: -117px -31px;}
#menu ul li#organisation a:hover { background-position: -222px -31px;}
#menu ul li#uppdrag a:hover { background-position: -321px -31px;}
#menu ul li#lankar a:hover { background-position: -392px -31px;}
#menu ul li#bildgalleri a:hover { background-position: -455px -31px;}
#menu ul li#kontakt a:hover { background-position: -539px -31px;}

#menu ul li#hem .current { background-position: 0 -31px;}
#menu ul li#om_oss .current { background-position: -54px -31px;}
#menu ul li#helikoptrarna .current { background-position: -117px -31px;}
#menu ul li#organisation .current { background-position: -222px -31px;}
#menu ul li#uppdrag .current { background-position: -321px -31px;}
#menu ul li#lankar .current { background-position: -392px -31px;}
#menu ul li#bildgalleri .current { background-position: -455px -31px;}
#menu ul li#kontakt .current { background-position: -539px -31px;}

#language {float: right; width: 50px; height: 11px; margin: 9px 14px 0 0; padding: 0;}
#language ul li {float: right; display: inline; margin: 0 4px;}

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

#mainContainer h1.rub1 { width: 391px; height: 48px; background: transparent url(../images/r1.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub2 { width: 391px; height: 48px; background: transparent url(../images/r2.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub3 { width: 391px; height: 48px; background: transparent url(../images/r3.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub4 { width: 391px; height: 48px; background: transparent url(../images/r4.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub5 { width: 391px; height: 48px; background: transparent url(../images/r5.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub6 { width: 391px; height: 48px; background: transparent url(../images/r6.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub7 { width: 391px; height: 48px; background: transparent url(../images/r7.gif) no-repeat top left; text-indent:-9999px;}
#mainContainer h1.rub8 { width: 391px; height: 48px; background: transparent url(../images/r8.gif) no-repeat top left; text-indent:-9999px;}

#col_l {float: left; width: 360px;}
#col_r {float: right; margin-top: 35px; width: 250px; }
#col_right2 {float: right; margin-top: 20px; width: 350px;}
#wide {float: left; width: 700px; margin-top: 30px;}
.wide_pic_r {float: right; padding-left: 30px;}

#news_start {float: left; width: 700px; margin: 0; padding-right: 0;}
#news_start h2 {margin: 2px 0 0 0; font-size: 11px; line-height: 16px;}
#news_start p {margin: 0 0 8px 0;}
.news_pic {float: left; padding-right: 20px;}
.news_right {float: right; padding: 3px 5px 0 30px; width: 240px; height: 230px; overflow: auto;}

#footer {float: left; width: 700px; height: 76px; margin: 0; padding: 0; font-size: 10px; color: #fff; line-height: 15px;}
#footer ul {float: left; margin: 0;}
#footer li {float: left; display: inline; margin: 10px 35px 0 0;}
#footer a:link, #footer a:visited, #footer a:active {color: #99CFF5;}
#footer a:hover {color: #72A5C9;}

.dotted {float: left; height: 21px; width: 700px; padding: 0; margin: 10px 0; background: url(../images/dot_h.gif);}
.dotted_2 {float: left; height: 21px; width: 700px; padding: 0; margin: 15px 0 5px 0; background: url(../images/dot_h.gif);}
.dotted_heli {float: left; height: 21px; width: 700px; padding: 0; margin: 5px 0; background: url(../images/dot_h.gif);}

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


/* 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 */