* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
body, html {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: "jaf-facitweb", "Source Sans Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 300;
	height: 100%;
	min-width: 320px;
}
body {
font-size: 0.9em;
}
/* TEXT */
p {
	font-weight: 300;
	margin: 5px 0 15px 0;
	font-size: 1.0em;
	line-height: 1.4em;
    transition: color 0.3s ease 0s;
}
h1 {
	color: #cc007f;
	font-weight: 600;
	font-size: 3.2em;
line-height: 1.0em;
	margin: 0 0 5px 0;
text-transform: uppercase;
}
h2 {
	color: #cc007f;
	font-weight: 300;
	font-size: 1.6em;
	margin: 0 0 15px 0;
text-transform: uppercase;
}
h3 {
	color: #666;
	font-weight: 600;
	font-size: 1.8em;
line-height: 1.2em;
	margin: 25px 0 10px 0;
    transition: color 0.3s ease 0s;
}
h4 {
    display: block;
    margin: 0;
    padding: 25px 0 8px 0;
    border-bottom: 1px solid #AAAAAA;
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
}
hr {
border: 0;
border-bottom: 1px solid #CCC;
margin: 30px 0;
}
img {
	border: 0;
max-width: 100%;
height: auto;
}
a {
	color: #cc007f;
	text-decoration: none;
	outline: none;
    transition: color 0.3s ease 0s;
}
a:hover {
	color: blue;
}
a:active {
	outline: none;
}
span {
    transition: color 0.3s ease 0s;
}
b, strong {
	font-weight: 600;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}
table tr {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
}
table td {
	min-width: 20%;
}
/* LAYOUT */

#site {
position: relative;
width: 100%;
}
#leftcolumn {
position: fixed;
width: 350px;
top: 0;
left: 0;
bottom: 0;
background-color: #cc007f;
padding: 10px 30px;
}
#logo {
}
#info {
}
#contact {
}
#content {
width: 100%;
padding: 30px 30px 30px 380px;
}
#footer {
border-top: solid 1px #DDD;
margin-top: 25px;
}
.inner {
max-width: 700px;
margin: 0 auto;
}
.clearb {
clear: both;
}

/* DESIGN */
#leftcolumn, #leftcolumn p, #leftcolumn a, #leftcolumn h1, #leftcolumn h2, #leftcolumn h3 {
color: #FFFFFF
}
#foot1 {
width: 400px;
max-width: 100%;
float: left;
margin-right: 50px;
}
#foot2,#foot3,#foot4 {
width: 200px;
float: left;
margin-right: 30px;
}

.boks {
position: relative;

    box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);

    display: block;

    position: relative;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
z-index: 20;
    border-radius: 4px;
padding: 1px 1px 0 0;
margin: 0 0 30px 0;

}
.boks-inner {
position: relative;
    background: #FAFAFA;
    padding: 15px 20px;
    color: #333;
z-index: 22;
    border-radius: 4px;
}


@media screen and (max-height: 1000px) {
#leftcolumn {
    width: 270px;
padding: 5px 15px;
font-size: 0.8em;
}
#content {
    padding: 30px 30px 30px 300px;
}
}
@media screen and (max-width: 1400px) {
#leftcolumn {
    width: 270px;
padding: 5px 15px;
font-size: 0.8em;
}
#content {
    padding: 30px 30px 30px 300px;
}
}
@media screen and (max-width: 630px) {
#leftcolumn {
position: relative;
    font-size: 0.8em;
    width: 100%;
}
#content {
    padding: 20px;
}
}
/* Stylesheet: julekort2013 Modified On 2013-11-14 11:39:56 */
form div {
clear: both;
width: 100%;
margin: 10px 0;
}
label {
width: 100%;
font-size: 1.0em;
color: #333;
font-weight: 600;
}
input {
}
input[type="text"], input[type="email"], textarea {
   background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #aaa;
    box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset;
    color: #333;
    font-size: 16px;
    line-height: 1;
    outline: 0 none;
padding: 5px;
width: 100%;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
    border: 1px solid #444;
}
input[type="file"] {
width: 100%;
}
input[type="checkbox"] {
float: left;
}
select {
float: right;
}
textarea {
width: 100%;
height: 130px;
}
fieldset {
    border: 1px solid #aaa;
}
fieldset div {
margin: 2px 0;
}
fieldset label {
width: 35%;
}
fieldset input, fieldset select {
width: 65%;
float: right;
margin-bottom: 2px;
}
.tidligere input {
float: right;
width: auto;
}
.barndato select {
width: 21.6%;
}
.error_message {
width: 100%;
margin: 15px 0;
border: solid 1px red !important;
background-color: #FFBABA;
font-size: 0.8em;
color: #D8000C;
}
.error_message ul {
margin: 0 0 0 15px;
padding: 10px;
}
.error_message li {
}
.fb_invalid label {
color: red;
}
.fb_invalid input {
border: solid 1px red !important;
}

.cms_submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #e184f3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd) );
	background:-moz-linear-gradient( center top, #c123de 5%, #a20dbd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd');
	background-color:#c123de;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #a511c0;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #9b14b3;
}
.cms_submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de) );
	background:-moz-linear-gradient( center top, #a20dbd 5%, #c123de 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de');
	background-color:#a20dbd;
}.cms_submit:active {
	position:relative;
	top:1px;
}

/* Stylesheet: skjema Modified On 2013-11-14 09:05:32 */
.parentlink {
margin: 5px 0 20px 0;
}
.kortoversikt {
margin: 0 auto;
}
.kortoversikt .refitem {
display: relative;
margin: 0 15px 15px 0;
float: left;
}
.kortoversikt .refitem a {
width: 300px;
height: 200px;
background-color: #bbb;
position: relative;
overflow: hidden;
}
.kortoversikt .refitem .overlay {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
 transition: all 0.3s ease 0s;
}
.kortoversikt .refitem .overlay span {
position: absolute;
top: 10px;
left: 10px;
color: #FFFFFF;
 transition: all 0.3s ease 0s;
text-shadow: 0 0 6px #000000;
}
.kortoversikt .refitem .dir .overlay span {
top: 50%;
left: 0;
right: 0;
text-align: center;
font-size: 1.6em;
margin-top: -14px;
}
.kortoversikt .refitem:hover .overlay {
background-color: rgba(204, 0, 127, 0.7);
background-color: rgba(0, 0, 0, 0.5);
}
.kortoversikt .refitem img {
width: auto;
height: auto;
max-width: 100%;
max-height; 100%;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.kortoversikt .uthevet {
width: 625px;
height: 495px;
}
.kortoversikt a {
display: block;
position: relative;
 transition: opacity 0.3s ease 0s;
}
.kortoversikt img {
display: block;
}
.refitem .selected:after {
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-bottom: 15px solid #ddd;
    bottom: -15px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    width: 0;
    z-index: 200;
}
.pristotallinje {
font-size: 1.4em;
line-height: 1.4em;
}
.notSelected {
opacity: 0.4;
}
.notSelected:hover {
opacity: 1.0;
}
#cardImg {
width: 100%;
padding: 15px 0;
}
#cardImg img {
display: block;
max-width: 100%;
max-height: 300px;
width: auto;
height: auto;
margin: 0;
}
#selectCardFormat {
width: 100%;
}
#selectCardFormat a {
width: 20%;
float: left;
 transition: opacity 0.3s ease 0s;
}
#selectCardFormat img {
width: 100%;
height: auto;
}
#selectCardType {
float: left;
width: 100%;
margin-bottom: 15px;
}
@media screen and (max-width: 630px) {
#cardImg img {
    height: auto;
    max-height: 400px;
    max-width: 400px;
    width: 100%;
}
.kortoversikt .refitem {
    float: left;
    margin: 0 0 15px 0;
width: 100%;
}
.kortoversikt .refitem a {
width: 100%;
height: auto;
}
.kortoversikt .refitem img {
position: relative;
}
}
/* Stylesheet: julekort2014 Modified On 2014-09-15 14:28:59 */