html, body {
margin: 0 auto;
text-align: center;
background-color: #fff;
font-family: arial, helvetica, sans-serif;
}

#wrapper {
margin: 0 auto;
padding: 20px 0 0 0;
width: 982px;
text-align: left;
position: relative;

}

#container {
border: 1px solid #888;
width:980px;
height: 741px;
margin: 0 auto 10px auto;
padding: 0;
position: relative;
overflow: hidden;
}

#header {
background-image: url('images/logo.gif');
background-position: 12px 16px;
background-repeat: no-repeat;
width: 450px;
height: 55px;
margin: 0;
padding: 0;
}

#page-title {
display: none;
height: 0;
margin: 0;
padding: 0;
}

#menu-wrapper-front {
width: 780px;
height: 30px;
background-color: #000;
margin: 0;
padding: 0;
z-index: 50;
position: absolute;
}

#menu-wrapper {
width: 780px;
height: 30px;
background-color: #000;
margin: 0;
padding: 0;
z-index: 50;
}

#dnn_NAV2_MENU {
height: 342px;
_height: 372px;
border-right: 1px solid #ccc;
padding: 15px;
margin: 0;
font-size: 15px;
}

#dnn_NAV3_MENU {
padding: 20px 15px;
margin: 0;
font-size: 15px;
}

table, td, tr {
padding: 0;
margin: 0;
}

h1 {
color: #000;
font-size: 25px;
line-height: 30px;
font-weight: bold;
margin: 0 0 20px 0;
font-family: arial, helvetica, sans-serif;
}

h2 {
color: #000;
font-size: 22px;
line-height: 25px;
font-weight: bold;
margin: 0 0 20px 0;
font-family: arial, helvetica, sans-serif;
}

h3 {
color: #000;
font-size: 20px;
line-height: 23px;
font-weight: bold;
margin: 0 0 20px 0;
font-family: arial, helvetica, sans-serif;
}

.brodtext {
color: #333;
font-size: 12px;
line-height: 16px; 
margin: 0 0 20px 0;
font-family: arial, helvetica, sans-serif;
}

.brodtext-vit {
color: #fff;
font-size: 12px;
line-height: 16px; 
margin: 0 0 20px 0;
font-family: arial, helvetica, sans-serif;
}

.ingress {
color: #000;
font-weight: bold;
font-size: 12px;
line-height: 16px;
margin: 0 0 20px 0;
font-family: arial, helvetica, sans-serif;
}

.info-text {
color: #fff;
font-size: 14px;
line-height: 18px;
margin: 0 0 20px 0;
font-family: arial, helvetica, sans-serif;
}

.vit {
color: #fff;
}



/*------- Front -------*/ 

#column-wrapper-front {
margin: 0 0 -18px 0;
margin-bottom: -20px\9; /* IE fix */
padding: 0;
z-index: 2;
position: relative;
top: -18px;
top: -20px\9; /* IE fix */
width: 980px;
z-index: 0;
}

#column-wrapper-front img {
border: 0;
margin: 0;
padding: 0;
}

#container3-front {
    clear:left;
    float:left;
    width:980px;
    overflow:hidden;
    /* background:#89ffa2; column 3 background colour */

}
#container2-front {
    clear:left;
    float:left;
    width:980px;
    position:relative;
    right:470px;
    /* background:#ffa7a7; column 2 background colour */

}
#container1-front {
    float:left;
    width:980px;
    position:relative;
    right:370px;
    /* background:#fff689; column 1 background colour */
}
#col1-front {
    float:left;
    width: 140px;
    margin: 48px 0 0 0;
    margin-top: 50px\9; /* IE fix */
    position:relative;
    left:840px;
    overflow:hidden;
}
#col2-front {
    float:left;
    width: 370px;
    margin: 48px 0 0 0;
    margin-top: 50px\9; /* IE fix */
    position:relative;
    left:840px;
    overflow:hidden;
}
#col3-front {
    float:left;
    width: 470px;
    padding-top: 2px\9; /* IE fix */
    position:relative;
    left: 840px;
    overflow:hidden;
    text-align: right;
}

#wrapper-col3-2col {
margin: 0;
padding:0;
width: 470px;
overflow: hidden;
text-align: left;
}

#col3-left-2col {
float: left;
width: 236px;
overflow:hidden;
margin: 0;
}

#col3-right-2col {
float: right;
margin: 0;
width: 234px;
overflow:hidden;
} 

/*------- /Front -------*/ 




/*------- 1column -------*/ 

#column-wrapper-regular {
margin: 0;
padding: 0;
position: relative;
width: 980px;
height: 655px;
}

#column-wrapper-regular img {
border: 0;
margin: 0;
padding: 0;
}

#col1-regular {
    width: 140px;
    margin: 0;
    position:absolute;
    left: 0;
    top: 0;
}

#col2-regular {
    width: 670px;
    margin: 0;
    position:absolute;
    left: 0;
    top: 0;
    text-align: right;
}

#col3-regular {
    width: 310px;
    margin: 0;
    position:absolute;
    left: 670px;
    top: 0;
    height: 655px;
}

.spinning-special #col1-anmalan { z-index: 100; }
.spinning-special #col3-anmalan { z-index: 10; }
.spinning-special #col3-anmalan { width: 960px; left: 0px; }
.spinning-special #col3-anmalan .spinning-text { margin-left: 330px; }
.spinning-special #col3-anmalan .spinning-bokning { background-color: #ffffff; }

/*------- /1column -------*/



/*------- 2columns -------*/ 

#column-wrapper-wide {
margin: 0;
padding: 0;
position: relative;
width: 980px;
height: 655px;
}

#column-wrapper-wide img {
border: 0;
margin: 0;
padding: 0;
}

#col1-wide {
    margin: 0;
    left: 0;
    top: 0;
    width: 140px;
    position:absolute;
}
#col2-wide {
    width: 515px;
    margin: 0;
    position:absolute;
    left: 0;
    top: 0;
    text-align: right;
}
#col2a-wide {
    width: 340px;
    margin: 0;
    position:absolute;
    left: 0;
    top: 0;
    text-align: right;
}
#col3-wide {
    width: 465px;
    margin: 0;
    position:absolute;
    left: 515px;
    top: 0;
    height: 655px;
}
#col3a-wide {
    width: 640px;
    margin: 0;
    position:absolute;
    left: 340px;
    top: 0;
    height: 655px;
}

/*------- /2columns -------*/




/*------- fullbild -------*/ 

#column-wrapper-full {
margin: 0;
padding: 0;
position: relative;
width: 980px;
height: 655px;
overflow: hidden;
}

#column-wrapper-full img {
border: 0;
margin: 0;
padding: 0;
}


#col1-full {
    width: 140px;
    margin: 0;
    position:absolute;
    left: 0;
    top: 0;
}

#col2-full {
    width: 980px;
    margin: 0;
    left: 0;
    top: 0;
    text-align: center;
    position:absolute; 
}

#col3-full {
    width: 300px;
    /* width: 320px; egentlig bredd */
    margin: 100px 0 0 0;
    position:absolute;
    left: 660px;
    top: 0;
    height: 655px;
}

/*------- fullbild -------*/


.text-block {
margin: 0;
padding: 0;
margin-bottom: -2px\9; /* IE fix */
}
.text-block-front {
text-align: right;
}

.text-box {
padding: 20px 10px 10px 20px;
overflow-x:hidden;
overflow-y:auto;
height: 615px;
height: 645px\9; /* IE fix */
margin: 0 10px 10px 0;
}

.text-box-front {
border-top: 1px solid #ccc;
padding: 10px;
margin: 0 10px 0 0;
/*height: 395px;
height: 416px\9; *//* IE fix */
/* height: 187px; */
/* height: 204px\9; */ /* IE fix */
overflow-x:hidden;
overflow-y:auto;
}

.clear-fix {
margin:0;
padding: 0;
visibility: hidden;
clear: both;
position: relative;
}

.login {
float: right;
margin: 0;
padding: 0;
}

a:link.login,
a:visited.login {
color: #ccc;
text-decoration: none;
font-size: 11px;
}

a:hover.login,
a:active.login {
color: #333;
text-decoration: none;
}


/*ANMÄLAN***************/
#col1-anmalan {
    width: 140px;
    margin: 0;
    position:absolute;
    left: 0;
    top: 0;
}

#col2-anmalan {
    width: 370px;
    margin: 0;
    position:absolute;
    left: 0;
    top: 0;
    text-align: right;
}

#col3-anmalan {
    width: 610px;
    margin: 0;
    position:absolute;
    left: 370px;
    top: 0;
    height: 655px;
}
/***********************/