@charset "utf-8";
/* CSS Document 
www.lattix.net

(c)2009 Apasje Design
Atle Lillehovde
atle@apasje.no

*/
*, html {
margin: 0;
padding: 0;
}
body {
background: url(http://lattix.net/images/sitedesign/bg_body.gif) repeat-x;
/* Julebakgrunn: background: url(http://lattix.net/images/sitedesign/bg_body_christmas.jpg) no-repeat top center; */
padding-bottom: 20px;
font: 12px/17px Verdana, Helvetica, sans-serif;
color: #333;
}
/*-----------------------------------------STRUCTURE--*/
#wrapper {
background: url(http://lattix.net/images/sitedesign/bg_content.png) repeat-y;
width: 880px;
margin: 0 auto;
}
#masthead {
background: url(http://lattix.net/images/sitedesign/bg_masthead.jpg) no-repeat;
height: 90px;
margin: 0 15px;
position: relative;
}
#mainmenu{
background: url(http://lattix.net/images/sitedesign/bg_mainmenu.gif) repeat-x;
min-height: 30px;
margin: 0 15px;
position: relative;
}
#content{
display:block;
background: url(http://lattix.net/images/sitedesign/bg_footer.png) no-repeat 50% 100%;
padding: 20px 20px 35px 20px;
margin: 0px 15px 0px 15px;
position: relative;
}
#front_page #content {
padding: 20px 20px 14px 20px!important;
}
#footer {
background: url(http://lattix.net/images/sitedesign/bg_footer.png) no-repeat 100% 100%;
width: 878px;
margin: 0 auto;
padding-bottom: 10px;
}
/*---------------------------------------------BOXES--*/
.col-1 {
width: 189px;
}
.col-2 {
width: 396px;
}
.col-3 {
width: 603px;
}
.col-4 {
width: 810px;
}
#logo {
margin: 3px 0 0 12px;
}
.extra_top{
position: absolute;
top: 30px;
right: 20px;
display: block;
width: 470px;
}
#extralinks {
float: left;
right: 235px;
top: 32px;
}
#search{
float: right;
margin-top: 5px;
}
.feature-front {
margin: 0 -20px 0 -20px;
}
.rule {
background: url(http://lattix.net/images/sitedesign/border_lattix.gif);
height: 11px;
margin: 10px 0;
}
.prod_intro {
width: 100%;
background: url(http://lattix.net/images/sitedesign/skillelinje.jpg) no-repeat 48% 0%;
}
.prod_box1, .prod_box2 {
width: 285px;
}
.prod_box1 {
float: left;
}
.prod_box2 {
float: right;
}
#front-teasers {
display: block;
margin: -20px -20px 0 -20px;
padding-bottom: 200px;
background: #f5f7fa url(http://lattix.net/images/sitedesign/bg_services_front.jpg) no-repeat 0% 0%;
position: relative;
}
#front-teasers .teaser_01 {
position: absolute;
width: 250px;
left: 30px;
}
#front-teasers .teaser_02 {
position: absolute;
width: 130px;
right: 310px;
}
#front-teasers .teaser_03 {
position: absolute;
width: 180px;
right: 0px;
}
#product-teasers {
display: block;
margin: 0px;
height: 600px;
background: #f5f7fa url(http://lattix.net/images/sitedesign/bg_services.jpg) no-repeat 0% 0%;
position: relative;
}
#product-teasers .teaser_01 {
position: absolute;
left: 140px;
top: 60px;
width: 430px;
}
#product-teasers .teaser_02 {
position: absolute;
left: 140px;
top: 220px;
width: 430px;
}
#product-teasers .teaser_03 {
position: absolute;
left: 140px;
top: 400px;
width: 430px;
}
.news_list, .article_list, .lattix_presents div {
background: url(http://lattix.net/images/sitedesign/border_dotted.gif) repeat-x 100% 100%;
padding-bottom: 10px;
margin-bottom: 10px;
}
.page_safety .article {
background: url(http://lattix.net/images/sitedesign/bg_safety.jpg) no-repeat 100% 50%;
padding: 0 230px 20px 0;
margin-bottom: 20px;
}
.footer-content {
display:block;
padding: 10px 35px 25px 35px;
}
.left {
float: left;
}
.right {
float: right;
}
.last {
margin-right: 0px!important;
}
.last img {
margin-right: 0px!important;
}
#salespitch {
position: relative;
height: 345px;
display: block;
background: url(http://lattix.net/images/sitedesign/bg_salespitch_new.jpg);
margin: -20px -20px 20px -20px;
}
.salespitch_text {
float: right;
width: 45%;
padding: 30px 20px 0 20px;
}
#salespitch .video {
position: absolute;
left: 44px;
top: 14px;
}
#salespitch .video img {
height: 273px;
width: 377px;
}
#salespitch h1 {
color: #034ea2;
}
#salespitch p {
font-size: 14px;


line-height: 20px;
padding-bottom: 15px;
}
.ny_produktkatalog p {
margin-left: 0px;
font-size: 13px!important;
line-height: 18px!important;
}
.ny_produktkatalog p a {
padding-left: 100px;
}
.ny_produktkatalog a img {
border: none;
position: absolute;
bottom: 15px;
right: 300px;
}
.ny_produktkatalog p span a{
background: url(http://lattix.net/images/sitedesign/button_go_left.png) no-repeat 100px 3px;
padding: 0 0 3px 118px!important;
}
#front_page #content .col-3 {
width: 534px;
}
#front_page #content .col-1 {
width: 250px;
}
.feature-front .video, .feature-front .campaign_img {
float: left;
padding: 0px 10px 0px 0px;
margin: 0;
}
.feature-front .video img, .feature-front .campaign_img img{
width: 299px;
height: 219px;
}
.feature-text {
float: right;
width: 208px;
}
/*---------------------------------------NAV & LINKS--*/
#mainmenu ul {
padding: 5px 0 5px 25px;
}
#mainmenu li{
display: inline;
}
#mainmenu li a:link, #mainmenu li a:visited {
font-size: 14px;
color: #5A5A5A;
text-decoration: none;
margin-right: 25px;
padding: 5px 0 3px 0;
}
#mainmenu li a:hover, #mainmenu li a:active {
color: #000;
border-bottom: 5px solid #000;
}
.submenu ul {
margin: -10px 0 20px 0;
}
.submenu li {
font-size: 12px;
list-style-type: none;
background: url(http://lattix.net/images/sitedesign/border_dotted.gif) repeat-x 100% 100%;
}
.submenu li a:link, .submenu li a:visited {
display: block;
text-decoration: none;
padding: 5px 0 5px 10px;
}
.submenu li a:hover, .submenu li a:active {
background: #cadaeb;
color: #000;
}
#main_products_menu {
background: #f2f8fe;
font-weight: bold;
}
ul#main_products_menu ul{
font-weight: normal;
margin: 0px;
}
ul#main_products_menu ul li a {
padding-left: 20px!important;
}
img#logo {
border: none;
}
#extralinks a {
color: #CCC;
}
h3 a {
}
.latest ul li {
list-style-type: none;
padding: 0 0 10px 10px;
}
.readmore a {
background: url(http://lattix.net/images/sitedesign/icon_readmore.gif) no-repeat 100% 100%;
padding: 5px 20px 3px 0;
}
a img#link_prodmenu {
border: none;
}
#link_prodmenu {
position: absolute;
top: 6px;
right: 20px;
}
.pagination {
border-top: 1px solid #fff000;
padding: 5px 0;
margin-top: 10px;
}
.status {
float: left;
}
.next_prev {
width: 200px;
float: right;
}
.next_page {
float: right;
}
.prev_page {
float: left;
}
a img {
border: none;
}
a:link, a:visited {
color: #034ea2;
text-decoration: underline;
}
a:hover, a:active{
text-decoration: none;
}
/*----------------------------------------------TYPO--*/
h1 {
font-weight: normal;
line-height: 28px;
font-size: 24px;
padding-bottom: 15px;
}
h2 {
font-weight: normal;
font-size: 16px;
line-height: 20px;
padding: 3px 0 10px 0;
}
.feature-front h2 {
color: #034ea2;
font-size: 20px;
line-height: 24px;
}

.feature-front p {
font-size: 14px;
line-height: 18px;
padding-bottom: 5px;
}
.news-front h2, .col-1 h2 {
border-top: 1px solid #fff000;
border-bottom: 1px solid #fff000;
font-size: 14px;
padding: 5px 0;
margin-bottom: 10px;
}
.news-front h2, .lattix_presents h2 {
font-weight: bold;
}
.lattix_presents h2 {
background: url(/images/sitedesign/icon_lattix_presents.gif) no-repeat 0% 50%;
padding: 5px 0 5px 20px;
border-top: 1px solid #fff000;
border-bottom: 1px solid #fff000;
font-size: 14px;
margin-bottom: 10px;
}
.article h2 {
font-weight: normal;
font-size: 16px;
padding: 3px 0 10px 0;
}
.prod_intro h2 {
color: #034ea2;
font-weight: bold;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
border-bottom: 2px solid #fff000;
}
h3 {
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
}
.news-front h3 {
background: url(http://lattix.net/images/sitedesign/border_dotted.gif) repeat-x 100% 100%;
padding-bottom: 10px;
}
.news-front h3 em {
font-weight: normal;
}
.newsletter_signup h3 {
padding: 0 0 0 20px;
background: url(http://lattix.net/images/sitedesign/icon_newsletter.png) no-repeat 0% 60%;
}
.form_sizeamast h2, .form_productcatalog h2 {
font-size: 12px;
line-height: 20px;
font-weight: bold;
padding: 0 0 10px 20px;
background: url(http://lattix.net/images/sitedesign/icon_sizeamast.png) no-repeat 0% 15%;
}
h4 {
font-size: 11px;
line-height: 20px;
}
.article p, .campaign_page p, .article_list p {
padding: 0 0 7px 0;
}
#extralinks p {
padding: 5px 0;
color: #CCC;
}
.date {
color: #666;
}
#footer p {
font-size: 10px;
line-height: 13px;
color: #666;
}
.news-front .readmore {
display: block;
background: url(http://lattix.net/images/sitedesign/border_dotted.gif) repeat-x 100% 100%;
padding: 5px 0 10px 0;
margin-bottom: 10px;
text-align: right;
}
.page_safety .readmore {
text-align: right;
clear: both;
display: block;
width: 603px;
}
strong {
font-weight: bold;
}
.ingress {
color: #034ea2;
font-size: 16px;
line-height: 22px;
padding-bottom: 10px;
}
.news_list .ingress p, .article_list .ingress p, .ingress ul{
color: #333;
font-size: 12px;
line-height: 18px;
padding-bottom: 10px;
}
.prod_intro .ingress p{
color: #333;
font-size: 13px;
line-height: 18px;
}
.article ul, .campaign_page ul {
padding: 0 0 7px 15px;
color: #5a5a5a;
}
.article li {
color: #333;
}
.breadcrumb {
line-height: 11px;
margin-bottom: 13px;
color: #666;
}
#front-teasers h2, #product-teasers h2{
font-weight: bold;
font-size: 18px;
color: #034EA2;
padding: 20px;
}
#front-teasers h3, #product-teasers h3 {
font-weight: normal;
font-size: 16px;
color: #034EA2;
padding-bottom: 7px;
}
#front_page p  {
padding-bottom: 7px;
}
/*--
#front-teasers p, #product-teasers p {
padding-bottom: 7px;
}--*/
#front-teasers .teaser_01 p {
padding-left: 100px;
}
#product-teasers p {
font-size: 14px;
line-height: 20px;
padding-right: 30px;
}
/*--------------------------------------------IMAGES--*/
.flag {
margin: 0px 5px -1px 0;
}
.contact-icon-small {
margin: 0px 2px -5px 0;
}
.prodmenu-icon-small {
margin: 0px 5px -5px 0;
}
.front-teaser img {
margin-right: 18px;
}
.article img {
margin: 0 0 20px 10px;
float: right;
}
small img, .campaign_page .video {
display: inline;
float: right;
margin-right: -416px;
}
#slideshow img {
border: none;
margin: 0!important;
padding: 0;
}
.prod_intro img {
margin-bottom: 0;
border: none;
}
.page_safety .article_list img {
float: left;
margin: 5px 10px 0px 0;
}
ul.list_img {
padding-left: 0!important;
}
ul.list_img li { 
clear: both;
list-style-type: none;
}
ul.list_img img {
float: left!important;
border: 1px solid #DFDFDF;
margin: 0 10px 10px 0!important;
padding: 0 5px 0 0;
}
.feature-front .tag {
position: absolute;
left: -1px;
top: -1px;
}
.lattix_presents img {
float: left;
}
/*--------------------------------------------FORMS--*/
.newsletter_signup, .form_sizeamast, .form_productcatalog {
background: #d7eaff;
border: 1px solid #7e99b6;
padding: 5px;
}
.form_sizeamast p, .form_productcatalog p {
width: 320px;
clear: both;
margin: 0 0 0px 0;
height: 25px;
}
.newsletter_signup form {
width: 176px;
float: right;
margin: 20px 7px 0 10px;
padding-left: 10px;
border-left: 1px solid #FFF;
}
.newsletter_signup p{
padding: 0 0 5px 0;
}
.newsletter_signup form p{
margin: 0 0 20px 0;
}
.newsletter_signup label {
width: 40px;
float: left;
padding: 3px 0;
}
.form_sizeamast label, .form_productcatalog label{
float: left;
}
.form_sizeamast input, .form_sizeamast textarea, .form_productcatalog input, .form_productcatalog textarea {
float: right;
padding: 3px;
}
.form_sizeamast span, .form_productcatalog span {
color: #e10000;
}
.newsletter_signup #name, #dtkjki-dtkjki{
width: 120px;
float: right;
}
.newsletter_signup .submit {
float: right;
}
#search input.text {
background: #eaeef3 url(http://lattix.net/images/sitedesign/icon_search.png) no-repeat 3% 50%;
padding: 3px 3px 3px 20px;
border: 1px solid #7e99b6;
}
#search input.submit{
margin: 0px 0 -5px 0;
padding-left: 3px;
}
.form_intertraffic_tickets {
background: #d7eaff;
border: 1px solid #7e99b6;
padding: 5px;
margin: 20px 0 20px 0;
}
.form_intertraffic_tickets  p{
clear: both;
margin: 0px 0 0px 0;
height: 25px;


}
.form_intertraffic_tickets  input {
padding: 3px;
}
.form_intertraffic_tickets label {
width: 80px;
float: left;
margin-top: 3px;
}
.form_intertraffic_competition {
background: #d7eaff;
border: 1px solid #7e99b6;
padding: 5px;
margin: 20px 0 20px 0;
}
.form_intertraffic_competition p{
clear: both;
}
.form_intertraffic_competition input {
padding: 3px;
}
.form_intertraffic_competition label {
width: 80px;
float: left;
margin-top: 3px;
}
.form_intertraffic_competition select {
font-size: 11px;
padding: 3px;
width: 150px;
margin: 0px 0 10px 0;
}
.form_intertraffic_competition option {
padding: 2px;
}
.button {
margin: 10px 0!important;
}
/*----------------------------------------------MISC--*/
  .clearfix:after {
    content: ".";

    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */
.clear {
clear: both;
}
.video {
margin: 10px 0 0 0;
}

#content table {
margin-bottom: 20px;
}
#content td {
padding: 3px;
}
/*-----------SLIDESHOW--*/
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
margin: 0 0 0px 0;
border: 1px solid #fff000;
padding: 2px;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
padding-bottom: 20px;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #FFF000; 
color: #034EA2; 
text-decoration: none; 
display: block; 

} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #034EA2; 
}
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}