.begrepforklaring {
    visibility: hidden;
}


.arrow-up {
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 20px solid #2B7A83;
    margin-left: 25px;
}

@media only screen and (max-width: 960px) {
    .arrow-up {
        border: 0;
    }
}

.begrepCont {
    font-family: Arial, sans-serif;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    border-radius: 5px;
    margin-top: -2px;
    background: #2b7a83; /* Old browsers */
    background: -moz-linear-gradient(top,  #2b7a83 0%, #204753 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b7a83), color-stop(100%,#204753)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2b7a83 0%,#204753 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2b7a83 0%,#204753 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2b7a83 0%,#204753 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2b7a83 0%,#204753 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7a83', endColorstr='#204753',GradientType=0 ); /* IE6-9 */

}

.begrepCont .tittel {
    padding: 12px 8px 2px 0;
    margin: 2px;
    color: white;
    font-weight: normal;
    font-size: 1.4em;
}

.begrepCont p {
   padding: 2px 2px 2px 0;
   margin: 0;
   color: white;
}

/* Trinn 1-4 */

.begrep1-4 .begrepCont {
    background: #ffb736; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffb736 0%, #e37d00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb736), color-stop(100%,#e37d00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffb736 0%,#e37d00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffb736 0%,#e37d00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffb736 0%,#e37d00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffb736 0%,#e37d00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb736', endColorstr='#e37d00',GradientType=0 ); /* IE6-9 */

}
.begrep1-4 .arrow-up {
	border-bottom: 20px solid #ffb736;
}
.begrep1-4 .begrepCont .tittel {
    color: #964700;
    text-shadow: 1px 1px #ffb83b;
}

.begrep1-4 .begrepCont p {
   color: white;
}

/* Trinn 5-7 */

.begrep5-7 .begrepCont {
    background: #3bb6d4; /* Old browsers */
    background: -moz-linear-gradient(top,  #3bb6d4 0%, #1d9ab8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3bb6d4), color-stop(100%,#1d9ab8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3bb6d4 0%,#1d9ab8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3bb6d4 0%,#1d9ab8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3bb6d4 0%,#1d9ab8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3bb6d4 0%,#1d9ab8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bb6d4', endColorstr='#1d9ab8',GradientType=0 ); /* IE6-9 */

}
.begrep5-7 .arrow-up {
	border-bottom: 20px solid #3bb6d4;
}
.begrep5-7 .begrepCont .tittel {
    color: #0a4a5a;
    text-shadow: 1px 1px #50c5dd;
}

/* Trinn 8-10 */

.begrepCont {
    background: #779f3c; /* Old browsers */
    background: -moz-linear-gradient(top,  #779f3c 0%, #94b612 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#779f3c), color-stop(100%,#94b612)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #779f3c 0%,#94b612 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #779f3c 0%,#94b612 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #779f3c 0%,#94b612 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #779f3c 0%,#94b612 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#779f3c', endColorstr='#94b612',GradientType=0 ); /* IE6-9 */

}
.arrow-up {
	border-bottom: 20px solid #779f3c;
}
.begrepCont .tittel {
    color: #779f3c;
}

/* Trinn 11-13 */

.begrep11-13 .begrepCont {
    background: #e772b3; /* Old browsers */
    background: -moz-linear-gradient(top,  #e772b3 0%, #e23593 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e772b3), color-stop(100%,#e23593)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e772b3 0%,#e23593 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e772b3 0%,#e23593 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e772b3 0%,#e23593 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e772b3 0%,#e23593 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e772b3', endColorstr='#e23593',GradientType=0 ); /* IE6-9 */

}
.begrep11-13 .arrow-up {
	border-bottom: 20px solid #e772b3;
}
.begrep11-13 .begrepCont .tittel {
    color: black;
    text-shadow: 0px 0px #fa78bf;
}
/* testkode for eksamensoppgaver. Noen må skrive js slik at begreper i eksamensoppgaver får egen bodyklasse */
.innerCont {
    background: white;
    padding: 6px;
    margin-top: 1px;
    margin-bottom: 1px;
}
.innerCont p {
    color: black;
}

.begrepWrapper {
    min-width: 320px;
    margin-top: 8px;
}