* {
margin:0; 
padding:0;
}
html, body {
height:100%;
background:#89c4eb;
background-image: url(images/back.jpg) ;
background-position: top center;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
#wrapper {
width:861px; 
margin:0 auto;
background:url(images/tile.png) repeat top left;
}
* html #wrapper { 
height:100%; 
}
/* ---------->>> top&nav <<<-----------*/
#top {
height: 81px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/top.gif) no-repeat top left;
}
#navcontainer{
position: relative;
width: 600px;
height: 29px;
padding-top: 50px;
margin: 0px;
float: right;
}
#navcontainer ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#navcontainer li { 
margin: 0px;
padding-right: 20px;
list-style-type: none;
float: left;
}
#navcontainer a {
color: #005f88;
padding-top: 7px;
text-decoration: none;
}
#navcontainer a:hover{
color: #5c90b0;
}
#activetop a{
color: #5c90b0;
background-image: url(images/top_knapp_markerad.gif);
}
/* ---------->>> stora bilder <<<-----------*/
#bild_hem {
height: 247px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/bild_hem.jpg) no-repeat top left;
}
#bild_foretag {
height: 247px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/bild_foretag.jpg) no-repeat top left;
}
#bild_hotell {
height: 247px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/hotell.jpg) no-repeat top left;
}
#bild_foreningar {
height: 247px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/foreningar.jpg) no-repeat top left;
}
#bild_islay {
height: 247px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/bild_islay.jpg) no-repeat top left;
}
#bild_barcelona {
height: 247px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/bild_barcelona.jpg) no-repeat top left;
}
#bild_portugal {
height: 247px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/bild_portugal.jpg) no-repeat top left;
}
#bild_schweiz {
height: 247px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/bild_schweiz.jpg) no-repeat top left;
}
#bild_omoss {
height: 247px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/bild_omoss.jpg) no-repeat top left;
}
#bild_aktuellt {
height: 247px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding: 0px;
background:url(images/bild_aktuellt.jpg) no-repeat top left;
}
/* ---------->>> text&knappar <<<-----------*/
p {
font-size: 12px;
line-height: 14pt;
color: #333333; 
}
p.ingress {
font-size: 12px;
line-height: 14pt;
color: #005f88;
}
p.tag {
font-size: 11px;
line-height: 14pt;
color: #666666; 
}
p.namn {
font-size:13px;
color: #005f88;
margin-bottom: 3px;
}
h1 { 
font-size:16px;
color: #005f88;
font-weight: bold;
margin-top: 0px;
margin-bottom: 8px;
margin-left: 0px;
}
h2 { 
font-size:14px;
color: #5c90b0;
margin-bottom: 3px;
}
h3 { 
font-size:13px;
color: #005f88;
margin-bottom: 3px;
}
#innehall a {
color: #009999;
text-decoration: none;
}
#innehall a:hover {
color: #666666;
}
img {
border:0px;
}
/* ---------->>> om oss <<<-----------*/
#omoss_vanster {
width: 382px;
margin-right: 30px;
padding: 0px; 
float: left;
}
#omoss_hoger {
width: 382px;
margin: 0px;
padding: 0px;
float: left;
}
#omoss_forfragan {
width: 342px;
margin: 0px;
padding-left: 40px;
float: left;
}
#omoss_bild {
width: 145px;
margin-right: 10px;
padding-top: 5px;
float: left;
text-align: center;
}
#omoss_text {
width: 225px;
margin: 0px;
padding: 0px;
float: left;
}
/* ---------->>> innehall <<<-----------*/
#innehall {
padding:0px;
width: 795px;
height: 420px;
margin-top: 14px;
margin-left: 33px;
margin-right: 33px;
}
#innehall_medel {
padding:0px;
width: 795px;
height: 350px;
margin-top: 14px;
margin-left: 33px;
margin-right: 33px;
}
#innehall_resa {
padding:0px;
width: 795px;
height: 650px;
margin-top: 14px;
margin-left: 33px;
margin-right: 33px;
}
#innehall_resa2 {
padding:0px;
width: 795px;
height: 750px;
margin-top: 14px;
margin-left: 33px;
margin-right: 33px;
}
#innehall_resa3 {
padding:0px;
width: 795px;
height: 900px;
margin-top: 14px;
margin-left: 33px;
margin-right: 33px;
}
#innehall_resa4 {
padding:0px;
width: 795px;
height: 520px;
margin-top: 14px;
margin-left: 33px;
margin-right: 33px;
}
#innehall_aktuellt {
padding:0px;
width: 795px;
height: 400px;
margin-top: 14px;
margin-left: 33px;
margin-right: 33px;
}
#innehall_foreningar {
padding:0px;
width: 795px;
height: 300px;
margin-top: 14px;
margin-left: 33px;
margin-right: 33px;
}
#innehall_foretag {
padding:0px;
width: 795px;
height: 260px;
margin-top: 14px;
margin-left: 33px;
margin-right: 33px;
}
#vanster {
width: 541px;
margin-right: 30px;
padding: 0px; 
float: left;
}
#hoger {
width: 224px;
margin: 0px;
padding: 0px;
float: left;
}
#hoger a {
color: #005f88;
padding-left: 28px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
text-decoration: none;
background-image: url(images/knapp_up.gif);
background-position: 0px 50%;
background-repeat: no-repeat;
}
#hoger a:hover {
background-image: url(images/knapp_over.gif);
color: #5c90b0;
}
#vanster a {
color: #005f88;
padding-left: 28px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
text-decoration: none;
background-image: url(images/knapp_up.gif);
background-position: 0px 50%;
background-repeat: no-repeat;
}
#vanster a:hover {
background-image: url(images/knapp_over.gif);
color: #5c90b0;
}
#hoger_galleri {
width: 224px;
margin: 0px;
padding: 0px;
float: left;
}
#hoger_galleri a {
color: #005f88;
padding: 0px;
margin: 0px;
}
#hoger_galleri a:hover {
color: #5c90b0;
}
#header {
width: 216px;
height: 28px;
margin: 0px;
padding-top:4px;
padding-left:8px;
background:url(images/header.gif) no-repeat top left;
font-size:14px;
color: #FFFFFF;
font-weight: semi-bold;
}
#header_insida {
width: 216px;
height: 213px;
margin: 0px;
padding-top:4px;
padding-left:8px;
background:url(images/kombinera.gif) no-repeat top left;
font-size:14px;
color: #FFFFFF;
font-weight: semi-bold;
}
#header_gta {
width: 216px;
height: 100%;
margin: 0px;
padding-top:4px;
padding-left:8px;
background:url(images/gta.gif) no-repeat top left;
font-size:14px;
color: #FFFFFF;
font-weight: semi-bold;
background-color:#a6d4f1;
}
#gta {
width: 201px;
height: 100%;
margin-bottom: 20px;
padding-top:120px;
padding-left:4px;
padding-right:4px;
font-size:12px;
color: #005f88;

}
#minne {
width: 224px;
height: 100%;
margin: 0px;
padding-bottom:4px;
padding-top:4px;
border-bottom:dotted 1px #005f88;
}
/* ---------->>> box Hem <<<-----------*/
#box {
width: 541px;
height: 240px;
margin: 0px;
padding:0px;
padding-top:0px;
}
#box_vanster {
width: 260px;
height: 110px;
margin-right: 19px;
margin-bottom: 20px;
padding:0px;
float: left;
}
#box_hoger {
width: 260px;
height: 110px;
margin-bottom: 20px;
padding:0px;
float: left;
}
#box_header {
width: 260px;
height: 13px;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom:dotted 1px #005f88;
}
#box_header a {
font-size: 12px;
color: #005f88;
padding-left: 28px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
text-decoration: none;
background-image: url(images/knapp_up.gif);
background-position: 0px 50%;
background-repeat: no-repeat;
}
#box_header a:hover {
background-image: url(images/knapp_over.gif);
color: #5c90b0;
}
#box_bild {
width: 58px;
height: 56px;
margin-top: 5px;
margin-left: 10px;
padding: 0px;
float: right;
}
/* ---------->>> footer <<<-----------*/
#footer {
height: 30px;
width: 849px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 0px;
padding-top: 17px;
background:url(images/botten.png) no-repeat top left;
text-align: center;
color: #005f88;
}
#tag {
height: 30px;
width: 849px;
padding-top: 5px;
text-align: right;
margin:0 auto;
color: #c9edfc;
font-size:10px;
}
#tag a {
color: #c9edfc;
}
#tag a:hover {
color: #FFFFFF;
}