html, body {
margin:0;
padding:0;
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;
}
#margins {
position:relative;
width:760px;
height:auto;
margin:0 auto;
}
#mainContainer {
position:relative;
width:inherit;
height:auto;
float:left;
}
#logoContainer {
position:relative;
width:inherit;
height:68px;
float:left;
}
#menuContainer {
position:relative;
width:inherit;
height:83px;
background-image:url(img/dot.jpg);
background-repeat:repeat-x;
background-position:bottom left;
float:left;
}
#menuContInner {
position:relative;
width:inherit;
height:50px;
top:17px;
}
#menuContInner a, #menuContInner a:visited {
position:relative;
float:left;
width:108px;
height:inherit;
display:block;
background-image:url(img/dot.jpg);
background-repeat:repeat-y;
background-position:top left;
line-height:50px;
vertical-align:middle;
text-align:center;
font-size:12px;
color:#363636;
text-decoration:none;
}
#menuContInner a:hover {
color:#38cdff;
}
#menuContInner a:active {
color:#363636;
color:#f00;
}
#infoContainer {
position:relative;
float:left;
width:inherit;
height:auto;
}
#bildspelContainer {
position:relative;
float:left;
width:inherit;
height:126px;
background-image:url(img/dot.jpg);
background-repeat:repeat-x;
background-position:bottom left;
padding:10px 0px;
}
#bildspelContainer img{
position:relative;
display:block;
float:left;
width:126px;
height:126px;
}
#infoL, #infoR {
position:relative;
float:left;
width:504px;
height:auto;
}
#infoBig {
position:relative;
float:left;
width:760px;
height:auto;
}
.bokSmall, .bokBig {
position:relative;
width:176px;
height:24px;
margin-bottom:10px;
background-image:url(img/bokforminputbg.png);
background-position:left top;
background-repeat:no-repeat;
}
.bokSmall {
width:70px;
background-position:left bottom;
}
.bokSmallInp, .bokBigInp {
position:relative;
width:156px;
height:20px;
border:0px;
background:transparent;
padding:4px 10px 0px 10px;
}
.bokSmallInp {
width:50px;
}
#subBtn {
position:relative;
width:86px;
height:20px;
color:#fff;
background-image:url(img/bokforminputbg.png);
background-position:right bottom;
background-repeat:no-repeat;
cursor:pointer;
text-align:center;
font-weight:bold;
padding:4px 0px 0px 0px;
margin-right:8px;
left:89px;
}
#bokMikael {
position:absolute;
width:300px;
height:639px;
top:0px;
right:0px;
}
#startImgCont {
position:relative;
width:inherit;
height:517px;
float:left;
}
.startImg{
position:absolute;
display:block;
top:0px;
left:0px;
z-index:500;
}
#startPuffCont {
position:relative;
width:inherit;
height:auto;
float:left;
}
#startPuffar {
position:relative;
width:760px;
height:250px;
float:left;
}
.startPuffBox {
position:relative;
width:213px;
height:210px;
margin:20px 0px;
padding:0px 20px;
float:left;
background-image:url(img/dot.jpg);
background-repeat:repeat-y;
background-position:top right;
}
.startPuffBox h4 {
font-family: Georgia, serif;
font-size:13px;
font-weight:bold;
margin:0px 0px 3px 0px;
}
.startPuffImg {
position:relative;
width:213px;
height:100px;
float:left;
background-position:0px 0px;
background-repeat:no-repeat;
margin-bottom:10px;
}
.puffMore {
position:absolute;
display:block;
bottom:0px;
right:20px;
border:0px;
}
/* KONTAKT */
#kontaktFormCont, #writeComm {
position:relative;
width:432px;
height:275px;
background-image:url(img/kontaktformbg.jpg);
background-repeat:no-repeat;
background-position:top left;
margin-bottom:20px;
float:left;
padding:25px;
}
#kontaktFormCont table {
width:inherit;
font-weight:bold;
}
.inpTextCont, .inpAreaCont {
position:relative;
height:auto;
background-color:#fff;
}
.autoInpBorderTop, .autoInpBorderBot {
position:absolute;
height:12px;
background-image:url(img/autoInpBg.jpg);
background-repeat:repeat-x;
}
.autoInpBorderTop {
background-position:top left;
top:0px;
left:0px;
}
.autoInpBorderBot {
background-position:bottom left;
bottom:0px;
left:0px;
}
.autoInpBorderLeft, .autoInpBorderRight {
position:absolute;
width:12px;
background-image:url(img/autoInpBg2.jpg);
background-repeat:repeat-y;
}
.autoInpBorderLeft {
background-position:top left;
top:0px;
left:0px;
}
.autoInpBorderRight {
background-position:top right;
top:0px;
right:0px;
}
.autoInpCornerTopLeft, .autoInpCornerTopRight, .autoInpCornerBotLeft, .autoInpCornerBotRight {
position:absolute;
height:12px;
width:12px;
background-image:url(img/autoInpBg.jpg);
background-repeat:no-repeat;
}
.autoInpCornerTopLeft {
background-position:0px -12px;
top:0px;
left:0px;
}
.autoInpCornerTopRight {
background-position:0px -36px;
top:0px;
right:0px;
}
.autoInpCornerBotLeft {
background-position:0px -24px;
bottom:0px;
left:0px;
}
.autoInpCornerBotRight {
background-position:0px -48px;
bottom:0px;
right:0px;
}
.autoInp {
position:relative;
height:20px;
border:0px;
background:transparent;
padding:2px 3px;
line-height:24px;
vertical-align:middle;
}
.autoArea {
position:relative;
border:0px;
background:transparent;
padding:2px 3px;
}
/* BLOGG */
.blogg_cont, .blogg_adCont, .postHead {
position:relative;
width:inherit;
height:auto;
float:left;
}
.blogg_cont {
width:450px;
}
.blogg_adCont {
margin-top:5px;
}
.postHead {
margin-top:10px;
}
.blogg_adCont img {
position:relative;
border:0px;
display:block;
float:right;
margin-right:20px;
}
.postDate {
position:relative;
float:left;
width:50px;
height:50px;
background-image:url(img/dot.jpg);
background-repeat:repeat-y;
background-position:top right;
text-align:center;
margin-bottom:10px;
}
.postDateDay, .postDateMonth {
color:#45d0ff;
font-family: Georgia, serif;
font-size:30px;
font-weight:bold;
}
.postDateMonth {
font-size:14px;
}
.postRub {
position:relative;
float:left;
width:390px;
height:auto;
padding-left:10px;
}
.postRub h3 {
font-family: Georgia, serif;
font-size:30px;
margin:0px;
}
.postRub a {
text-decoration:none;
color:#363636;
}
.blogg_tags {
position:relative;
float:left;
width:366px;
height:19px;
padding-left:24px;
background-image:url(img/icon_tags.jpg);
background-position:top left;
background-repeat:no-repeat;
line-height:19px;
vertical-align:middle;
}
.blogg_tags a {
color:#45d0ff;
text-decoration:underline;
}
.blogg_tags a:hover {
color:#363636;
}
.blogg_morelinks {
position:relative;
float:left;
width:inherit;
height:19px;
margin:10px 0px;
}
.blogg_morelinks a {
display:block;
float:right;
color:#45d0ff;
text-decoration:underline;
height:19px;
line-height:19px;
vertical-align:middle;
background-position:right top;
background-repeat:no-repeat;
padding-right:22px;
margin-left:10px;
}
.blogg_morelinks a:hover {
color:#363636;
}
.blogg_comm {
background-image:url(img/icon_comments.jpg);
}
.blogg_more {
background-image:url(img/icon_more.jpg);
}
.blogg_report1, .blogg_report2, .blogg_report3 {
position:absolute;
top:10px;
right:0px;
display:block;
color:#45d0ff;
text-decoration:underline;
height:19px;
line-height:19px;
vertical-align:middle;
background-position:right top;
background-repeat:no-repeat;
padding-right:22px;
margin-left:10px;
background-image:url(img/icon_report.jpg);
background-position:right top;
background-repeat:no-repeat;
}
.blogg_report2 {
background-position:right -19px;
color:#363636;
text-decoration:none;
cursor:default;
}
.blogg_report3 {
background-position:right bottom;
color:#bbb;
text-decoration:none;
cursor:default;
}
#blogg_tagsCont, #blogg_arkivCont {
position:relative;
float:left;
width:128px;
height:auto;
text-align:right;
}
#blogg_tagsCont h4, #blogg_arkivCont h4 {
font-family: Georgia, serif;
font-size:14px;
font-weight:bold;
margin:0;
}
#blogg_tagsCont a, #blogg_arkivCont a {
position:relative;
display:block;
width:110px;
height:20px;
color:#363636;
text-decoration:none;
line-height:20px;
vertical-align:middle;
background-image:url(img/dot.jpg);
background-repeat:repeat-x;
background-position:bottom left;
float:right;
}
#blogg_tagsCont a:hover, #blogg_arkivCont a:hover {
color:#45d0ff;
}
.blogg_divider {
position:relative;
width:inherit;
height:30px;
display:block;
float:left;
background-image:url(img/dot.jpg);
background-repeat:repeat-x;
background-position:0px 15px;
}
.itags {
font-size:10px;
font-style:italic;
}
#comments {
position:relative;
width:inherit;
height:auto;
display:block;
float:left;
background-image:url(img/dot.jpg);
background-repeat:repeat-x;
background-position:top left;
margin-bottom:30px;
}
.commBox, .commBox2 {
position:relative;
width:inherit;
height:auto;
display:block;
float:left;
background-image:url(img/dot.jpg);
background-repeat:repeat-x;
background-position:bottom left;
padding:10px 0px;
}
.commBox2 {
width:420px;
padding-left:30px;
}
.commBox h1{
font-weight:bold;
font-size:14px;
font-family: Georgia, serif;
margin:0px;
}
.commBox2 h2{
font-weight:bold;
font-size:14px;
font-family: Georgia, serif;
margin:0px;
color:#45d0ff;
}
.commBox h3{
font-weight:bold;
font-size:10px;
font-family: Georgia, serif;
margin:0px;
}
#pressMediaTopCont {
position:relative;
float:left;
width:482px;
height:40px;
background-image:url(img/pressMediaTopBg.jpg);
background-repeat:no-repeat;
background-position:top left;
}
#pressMediaTopCont a {
position:relative;
float:left;
width:128px;
height:40px;
background-image:url(img/pressMediaTopBg.jpg);
background-repeat:no-repeat;
display:block;
}
.pressBilderA {
background-position:0px -40px;
}
.pressBilder {
background-position:0px -80px;
}
.pressKlippA {
background-position:-130px -40px;
width:160px;
}
.pressKlipp {
background-position:-130px -80px;
width:160px;
}
.pressVideoA {
background-position:-258px -40px;
width:128px;
}
.pressVideo {
background-position:-258px -80px;
width:128px;
}
#pressMediaBotCont {
position:relative;
float:left;
width:422px;
height:auto;
min-height:434px;
background-image:url(img/pressMediaBotBg.jpg);
background-repeat:no-repeat;
background-position:top left;
padding:30px;
}
#pressMediaBotCont table{
width:422px;
}
#pressMediaBotCont a {
color:#45d0ff;
text-decoration:none;
font-weight:bold;
}
#pressMediaBotCont a:hover {
text-decoration:underline;
}
#infoR {
width:256px;
}
#kalenderContainer {
position:relative;
float:left;
width:inherit;
height:388px;
font-family: Georgia, serif;
font-size:14px;
font-weight:bold;
z-index:600;
}
/* KALENDER */
#cal_head {
position:relative;
width:inherit;
height:48px;
text-align:center;
line-height:48px;
vertical-align:middle;
}
#cal_container {
position:relative;
width:190px;
display:block;
margin:0 auto;
}
#cal_container table {
position:relative;
width:inherit;
font-family: Arial, Helvetica, sans-serif;
}
#cal_container td {
height:22px;
}
.cal_dayCont {
position:relative;
width:inherit;
height:inherit;
background-image:url(img/cal_dayBg2.jpg);
background-repeat:no-repeat;
background-position:top left;
text-align:center;
line-height:22px;
vertical-align:middle;
}
.cal_today {
position:absolute;
width:27px;
height:22px;
top:0px;
left:0px;
display:block;
background-image:url(img/cal_today.gif);
background-repeat:no-repeat;
background-position:top left;
}
.cal_event1 {
/* background-position:top right; */
background-position:-27px -0px;
color:#fff;
}
.cal_event2 {
background-position:-0px -22px;
color:#fff;
}
.cal_event3 {
background-position:-27px -22px;
color:#fff;
}
.cal_event4 {
background-position:-0px -44px;
color:#fff;
}
.cal_event5 {
background-position:-27px -44px;
color:#fff;
}
.cal_event6 {
background-position:-0px -66px;
color:#fff;
}
.cal_evClick {
position:absolute;
width:27px;
height:22px;
top:0px;
left:0px;
display:block;
cursor:pointer;
background-color:#fff;
opacity:0;
filter:alpha(opacity:0);
}
#calArrowLeft {
position:absolute;
width:35px;
height:128px;
cursor:pointer;
top:50px;
left:0px;
background-image:url(img/cal_arrows.gif);
background-repeat:no-repeat;
background-position:top left;
}
#calArrowLeft:hover {
background-position:bottom left;
}
#calArrowRight {
position:absolute;
width:35px;
height:128px;
cursor:pointer;
top:50px;
right:0px;
background-image:url(img/cal_arrows.gif);
background-repeat:no-repeat;
background-position:top right;
}
#calArrowRight:hover {
background-position:bottom right;
}
#NavContainer {
position:relative;
float:left;
width:inherit;
height:132px;
background-image:url(img/dot.jpg);
background-repeat:repeat-x;
background-position:top left;
padding:20px 0px;
}
#NavMeny, #NavBlogg, #NavKontakt {
position:relative;
float:left;
width:120px;
height:inherit;
padding-left:20px;
}
#NavBlogg {
width:200px;
}
#NavMeny a, #NavBlogg a, #NavKontakt a {
color:#363636;
text-decoration:none;
}
#NavMeny a.active, #NavBlogg a.active, #NavKontakt a.active {
color:#45d0ff;
text-decoration:none;
}
#NavMeny a:hover, #NavBlogg a:hover, #NavKontakt a:hover {
color:#45d0ff;
text-decoration:underline;
}
#NavKontakt {
width:200px;
}
#footerContainer {
position:relative;
float:left;
width:inherit;
height:53px;
background-image:url(img/dot.jpg);
background-repeat:repeat-x;
background-position:top left;
color:#acb1b7;
font-weight:bold;
padding:10px 0px 0px 0px;
}
h1 {
font-family: Georgia, serif;
font-size:24px;
margin:10px 0px;
}
h2 {
font-family: Georgia, serif;
font-size:18px;
margin:10px 0px;
}
h3 {
font-family: Georgia, serif;
font-size:12px;
margin:0px 0px 5px 0px;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
margin:10px 0px;
font-style:italic;
}
.text {
position:relative;
float:left;
width:432px;
}
.text a {
color:#45d0ff;
text-decoration:underline;
font-weight:bold;
}
.text a:hover {
color:#363636;
text-decoration:none;
}
.textimg {
position:relative;
float:right;
margin:15px 0px 10px 20px;
}
/* POPUP */
#popCont {
position:absolute;
width:27px;
height:22px;
z-index:5000;
}
#popBg1,#popBg2,#popBg3,#popBg4 {
position:absolute;
width:50%;
height:50%;
background-image:url(img/popbg.png);
background-repeat:no-repeat;
}
#popBg1 {
background-position:top left;
left:0px;
top:0px;
}
#popBg2 {
background-position:top right;
right:0px;
top:0px;
}
#popBg3 {
background-position:bottom left;
left:0px;
bottom:0px;
}
#popBg4 {
background-position:bottom right;
right:0px;
bottom:0px;
}
#popInner {
position:absolute;
width:468px;
height:358px;
padding:20px;
display:none;
}
#popInfoContainer {
position:relative;
width:inherit;
height:318px;
overflow:auto;
overflow-x:hidden;
margin-top:10px;
}
.popInfoCont {
position:relative;
width:inherit;
height:auto;
margin:10px 0px;
}
.popInfoCont img {
display:block;
float:right;
margin-left:10px;
}
#popX {
position:absolute;
display:block;
cursor:pointer;
top:12px;
right:12px;
}
#popPager {
position:relative;
width:inherit;
height:20px;
overflow:visible;
}
#prevDay, #nextDay {
position:absolute;
display:block;
width:102px;
height:17px;
background-image:url(img/cal_popArrows.jpg);
background-repeat:no-repeat;
}
#prevDay {
left:0px;
top:1px;
background-position:top left;
}
#prevDay:hover {
left:0px;
top:1px;
background-position:bottom left;
}
#nextDay {
right:0px;
top:1px;
background-position:top right;
}
#nextDay:hover {
right:0px;
top:1px;
background-position:bottom right;
}