/* LAYOUT */
html, body {
margin: 0;
padding: 0;
font-family: Tahoma, Trebuchet MS, Verdana, Arial, Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color:#505050;
font-size: 12px;
line-height: 16px;
}
/*p {
padding: 0;
margin: 0;
}
*/
body {
background: #ffffff url(/images/graphics/gui-bg.jpg) no-repeat top center;
}
#wrap {
width: 998px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#footer {
position: relative;
clear: both;
border-top: 2px solid #d9d9d9;
margin: 0;
padding: 8px 0px 8px 0px;
font: 10px #575757 Arial;
text-align: center;
}
#logo {
float: left;
width: 233px;
height: 86px;
padding: 70px 0px 0px 28px;
}
#top_navigation {
float: left;
width: 737px;
height: 43px;
padding-top: 70px;
}
#bottom_navigation {
float: left;
width: 737px;
height: 43px;
}
#content {
display: inline;
position: relative;
float: left;
margin: 42px 4px 21px 28px;
width: 746px;
padding: 0;
}
#content-iframe {
display: inline;
position: relative;
float: left;
margin: 32px 14px 21px 8px;
width: 746px;
padding: 0;
}
#right {
float: left;
margin: 42px 11px 21px 0px;
width: 209px;
padding: 0;
}
#box_gray {
width: 167px;
background: #ffffff url(/images/graphics/gui-box_gray.jpg) no-repeat bottom left;
margin: 0px 10px 14px 10px;
padding: 14px 10px;
overflow: hidden;
border: 1px solid #f19a14;
}
#box_contact {
width: 169px;
background: url(/images/graphics/gui-box_contact.jpg) no-repeat bottom left;
margin: 0px 10px 14px 10px;
padding: 14px 10px;
}
#box_search {
width: 169px;
height: 50px;
overflow: hidden;
background: url(/images/graphics/gui-box_search.jpg) no-repeat top left;
margin: 0px 10px 0px 10px;
padding: 14px 10px;
}
#box_shadow {
width: 209px;
height: 11px;
background: url(/images/graphics/gui-box_shadow.jpg) no-repeat top left;
}
#box_search .search_input {
width: 129px;
height: 18px;
border-top: 1px solid #b86c09;
border-right: 1px solid #f6bd68;
border-bottom: 1px solid #f6bd68;
border-left: 1px solid #b86c09;
background: #eb8500;
color: #fce7c7;
font: Arial 13px;
margin: 0;
padding: 2px;
}
#box_search .search_submit {
position: absolute;
margin: 0;
padding: 0px 0px 0px 8px;
height: 24px;
width: 25px;
}
/* INTRO */
.introtext {
position: absolute;
z-index: 2;
}
/* TJÄNST */
.tjanst {
width: 716px;
height: 113px;
border: 1px solid #f19a14;
padding: 14px;
margin-bottom: 2px;
}
.tjanst-image {
float: left;
width: 118px;
height: 111px;
border: 1px solid #e7e7e7;
overflow: hidden;
text-align: center;
vertical-align: middle;
}
.tjanst-image table, .tjanst-image tr, .tjanst-image td {
width: 118px;
height: 111px;
vertical-align: middle;
text-align: center;
}
.tjanst-text {
float: left;
width: 575px;
height: 113px;
padding-left: 21px;
overflow: hidden;
}
.tjanst h4 {
color: #af002f;
font-size: 16px;
}
/* FONTS */
h4 { font-family: Arial; font-size: 14px; font-weight: bold; color: #505050; margin: 0px 0px 8px 0px; }
h3 { font-family: Arial; font-size: 18px; line-height:20px; font-weight: bold; color: #505050; margin: 0px 0px 5px 0px; }
h6 { font-family: Arial; font-size: 10px; font-weight: normal; color: #505050; margin: 0px 0px 5px 0px; }
.small { font-family: Arial; font-size: 11px; font-weight: normal; color: #151515; line-height: 15px; margin: 0px 0px 0px 0px; }
.large { font-family: Arial; font-size: 12px; font-weight: normal; color: #151515; line-height: 15px; margin: 0px 0px 0px 0px; }
/* LINKS */
a, a:visited, a:visited, a:link {
color: #970e3a;
text-decoration: none;
}
a:hover {
color:#94171e;
text-decoration: underline;
}
/* IMAGES */
img {
border-style:none;
}
/* TABLES */
/*table, tr, th, td {
margin: 0;
padding: 0;
border-collapse: collapse;
vertical-align: top;
}
*/
/* NAVIGATION TOP*/
#top_navigation ul, #bottom_navigation ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#top_navigation ul li, #bottom_navigation ul li {
float: left;
margin: 0;
padding: 0;
}
#top_navigation ul li span {
float: left;
height: 20px;
font: 13px Arial;
font-weight: bold;
color: #99113a;
padding: 23px 12px 0px 14px;
background: transparent url(/images/graphics/menu-delimiter.gif) no-repeat top left;
text-decoration: none;
margin: 0;
}
#top_navigation a:hover {
text-decoration: underline;
}
#top_navigation .active, #top_navigation .dir_active {
background: url(/images/graphics/menu-delimiter_active.gif) no-repeat top left;
color: #000;
}
#top_navigation_end {
float: left;
height: 20px;
padding: 23px 10px 0px 12px;
background: url(/images/graphics/menu-delimiter.gif) no-repeat top left;
}
#bottom_navigation ul li span {
float: left;
height: 30px;
font: 12px Arial;
font-weight: bold;
color: #99113a;
padding: 13px 12px 0px 14px;
background: url(/images/graphics/submenu-delimiter.gif) no-repeat top left;
text-decoration: none;
}
#bottom_navigation a:hover {
text-decoration: underline;
}
#top_navigation .active, #top_navigation .dir_active {
color: #000;
}
#bottom_navigation_end {
float: left;
height: 30px;
padding: 13px 10px 0px 12px;
background: url(/images/graphics/submenu-delimiter.gif) no-repeat top left;
}
/*
#top_navigation ul li.last {
float: left;
height: 37px;
width: 1px;
border-left: 1px solid #784041;
}
#top_navigation a:hover{
background: url(/images/graphics/nav-over_opacity75.png);
text-decoration: none;
}
#top_navigation .active, #top_navigation .dir_active {
background: url(/images/graphics/menu-delimiter_active.gif);
color: #000;
}
#top_navigation .active a, #top_navigation .dir_active a{
background: url(/images/graphics/nav-over_opacity75.png);
}
*/