/*
- DEFAULT HTML STYLES
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES
- PARAGRAPH STYLES
- LIST STYLES
- LINK STYLES
- IMAGE STYLES
- TABLE STYLES
- FORM STYLES
- DIVERSE STYLES
*/
/*
OVERVIEW OF MAIN CONTAINERS (divs's) IN LAYOUT:
--------------wrapper-----------------------------------------
| |
| -------------header--------------------------------------- |
| | contains: logo, localoffices, print, flash | |
| | PS: localoffices is not in use | |
| ---------------------------------------------------------- |
| |
| --------------mainNav------------------------------------- |
| | -------------nav--------------- -----searchpanel--- | |
| | | | | | | |
| | ------------------------------- ------------------- | |
| ---------------------------------------------------------- |
| |
| ---------------------breadcrumbs-------------------------- |
| | not in use | |
| ---------------------------------------------------------- |
| |
| --------------------contentWrapper------------------------ |
| | | |
| / LAYOUT ALTERNATIVE 1 / |
| | ----col1---------------- ------col2---------------- | |
| | | | | | | |
| | | content | | content | | |
| | | goes here | | goes here | | |
| | | | | | | |
| | | | | | | |
| | ------------------------ -------------------------- | |
| | | |
| |
| --------------------footer-------------------------------- |
| | | |
| ---------------------------------------------------------- |
--------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------
DEFAULT HTML STYLES
---------------------------------------------------------------------------------------------
*/
html {background:#9b9889 url(../Images/bgIndex.png) repeat-x top left;}
body {font-size:70%;font-family:Verdana,Arial, sans-serif;background:transparent url(../Images/designelement.png) no-repeat 50% 300px;padding:0px;margin:0px;color:#242424}
h1, div.wrapper div.heading h1 {font-weight:normal;color:#111111;text-transform:uppercase;font-size:1.8em;padding:0px;
margin:0px;padding:0 0 5px 0;background:transparent url(../Images/bgBorder.jpg) repeat-x bottom left;margin-bottom:5px;}
h2 {color:#111111;font-size:1.4em;padding:0px;margin:0px;
font-weight:normal;padding:0 0 5px 0;background:transparent url(../Images/bgBorder.jpg) repeat-x bottom left;margin-bottom:5px;}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:active {color:#111111;font-size:1.2em;font-weight:normal;padding:0px;margin:0px;padding:0 0 5px 0;}
h4 {color:#111111;font-size:1.1em;font-weight:normal;margin:0px;padding:0px;padding:0 0 5px 0;}
p {font-size:1.0em;padding:0px;margin:0px;padding:0 0 15px 0;line-height:1.5em;}
ul {}
ol {}
li {}
/*RIKTIG REKKE: LoVe HAte*/
a:link, div.wrapper div.contentWrapper a {color:#272c80}
a:visited {color:#272c80;}
a:hover {color:#272c80;text-decoration:none;}
a:active {color:#272c80;}
form {margin:0;padding:0;float:left;width:100%}
/*
---------------------------------------------------------------------------------------------
CONTAINER STYLES
---------------------------------------------------------------------------------------------
*/
div.wrapper {width:992px;margin:5px auto 0 auto;}
div.printLogo {}
div.header {width:992px;float:left;overflow:hidden;}
div.logo {width:226px;float:left;overflow:hidden;}
div.multimedia {width:762px;float:left;overflow:hidden;}
div.mainNav {width:992px;padding-left:6px;margin-top:6px;float:left;overflow:hidden;background:transparent url(../Images/bgContentWrapper.png) repeat-y top left}
div.search {padding-top:6px;float:left;overflow:hidden;margin-left:-130px;}
div.menu {margin:0;padding:0;float:left;width:980px;background:transparent url(../Images/bgMenu.jpg) repeat-x top left;
overflow:hidden;padding-bottom:40px;}
div.heading {width:100%;padding-top:20px;padding-left:15px;float:left;overflow:hidden;}
div.contentWrapper {width:931px;float:left;overflow:hidden;padding:0px 30px 15px 32px;background:transparent url(../Images/bgContentWrapper.png) repeat-y top left}
div.breadCrumb {}
div.col1 {width:566px;float:left;overflow:hidden;padding-top:10px;padding-right:14px;}
div.largeBoxModul {width:566px;float:left;overflow:hidden;margin-bottom:10px;}
div.padding {padding:10px 10px 0 0px;}
div.left {width:364px;float:left;overflow:hidden;}
div.right {width:180px;float:left;overflow:hidden;padding-left:8px;}
div.listGradient {width:556px;float:left;overflow:hidden;background:transparent url(../Images/bgList.png) repeat-x top left;margin:0 0px 0px 0px;
padding:10px 0px 20px 10px;}
div.list {width:556px;float:left;overflow:hidden;background:transparent url(../Images/bgList.gif) repeat-x top left;margin:0 0px 20px 0px;
padding:10px 0px 0px 0px;border-left:12px solid white;border-right:12px solid #ffffff;}
div.honnorLeft {float:left;width:85%;overflow:hidden;}
div.honnorRight {float:left;width:15%;overflow:hidden;padding:5px 0 0 0;}
div.col2 {float:left;overflow:hidden;width:340px;padding-top:10px;padding-left:10px}
div.col2 div.largeBoxModul {width:339px;float:left;overflow:hidden;margin-bottom:10px;}
div.col2 div.padding {padding:0px 0px 0 0px;}
div.col3 {float:left;width:200px;}
div.footer {width:990px;margin:0 auto 20px auto;clear:both;background: url(../Images/bgFooter.png) no-repeat top left;padding:10px 0 0 0}
div.articletext {padding:0 12px 0 0px;}
div.designWrapper {background:transparent url(../Images/bgBorderVertical.png) repeat-y 577px 100px;float:left;width:100%;margin:0px 0 0 0;padding:0 0 10px 0px}
div.footer div.container {float:left;width:600px;padding-left:50px;padding-top:5px}
div.module {float:left;width:100%;background:transparent url(../Images/bgBorder.jpg) repeat-x bottom left;padding-bottom:13px;margin-bottom:13px}
div.col2 div.quizModule div.module {background:none !important;}
div.last {background:none !important}
div.quizModule {margin-left:-5px;float:left;width:103%;background:none;background:url(../Images/quizBody.jpg) repeat-y bottom left;margin-bottom:20px}
div.quizModuleTop {float:left;width:100%;background: url(../Images/quizTop.jpg) no-repeat top left;}
div.quizModuleBottom {float:left;width:100%;background: url(../Images/quizBottom.jpg) no-repeat bottom left;}
div.col2 div.quizModule div.module {padding:0px;margin:0px;float:left;width:320px;padding:15px 20px 20px 20px}
div.quizModule fieldset div {float:left;width:100%;}
div.quizModule fieldset.metainfo div {float:left;width:50%;padding-top:10px;}
div.quizModule div.fieldset {padding:10px 10px;background-color:#fac13a;width:280px;}
/*
---------------------------------------------------------------------------------------------
SPAN STYLES
---------------------------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------
HEADLINE STYLES
---------------------------------------------------------------------------------------------
*/
div.quizModule h2 {background:none;background:transparent url(../Images/bgQuizHeading.jpg) no-repeat top left;padding-left:22px;min-height:30px;
color:#272c80;padding-top:15px;text-transform:uppercase;}
div.quizModule h2 span {color:#fff;font-weight:bold;padding-right:22px}
/*
---------------------------------------------------------------------------------------------
PARAGRAPH STYLES
---------------------------------------------------------------------------------------------
*/
div.right p {padding:0px;margin:0px;padding:0 0 10px 0;}
p.white {color:#ffffff;font-weight:bold;padding-top:10px;}
div.honnorRight p {padding-top:5px;padding-left:20px;}
div.footer p {color:#7e4d10;padding:0px;margin:0px;line-height:1.3em;}
/*
---------------------------------------------------------------------------------------------
LIST STYLES
---------------------------------------------------------------------------------------------
*/
.menu ul {margin:0;padding:0;display:inline;list-style:none;float:left;position:relative;}
.menu ul li {margin:0;padding:0;display:inline;float:left;overflow:hidden;background:transparent url(../Images/bgMenuDivider.jpg) no-repeat top right}
.menu ul li.first {}
.menu ul li.last {}
.menu ul li.open {}
.menu ul li.kunnskap_open, .menu ul li.kunnskap:hover {}
.menu ul li.hvaskjer_open, .menu ul li.hvaskjer:hover {}
.menu ul li.underholdning_open, .menu ul li.underholdning:hover {}
.menu ul li.godegreier_open, .menu ul li.godegreier:hover {}
.menu ul li.sjekkut_open, .menu ul li.sjekkut:hover {}
.menu ul li.laerer_open, .menu ul li.laerer:hover {}
.menu ul li.forsiden_open, .menu ul li.forsiden:hover {}
.menu ul li.active {background:transparent url(../Images/bgMenuActive.jpg) repeat-x top left;border-right:1px solid #553c1c}
.menu ul li ul {margin:0;padding:0;display:inline;list-style:none;width:950px;float:left;left:0px;top:36px;
position:absolute;background:transparent url(../Images/bgSubMenu.jpg) no-repeat top left;padding:0px 10px 10px 35px;overflow:hidden;z-index:10;
}
.menu ul li ul li {margin:0;padding:0;display:inline;float:left;background:transparent url(../Images/bgSubMenuDivider.jpg) no-repeat top right;
padding:0px 0px 0px 13px;}
.menu ul li ul li.first {padding:0;padding:0px 0px 0px 10px;}
.menu ul li ul li.last {}
.menu ul li ul li.active {background:transparent url(../Images/bgSubMenuActive.jpg) repeat-x top left;border-right:1px solid #5f4725}
div.listGradient ul.metadata, div.list ul.metadata {float:left;overflow:hidden; margin:0;padding:0;display:block;list-style:none;padding:5px 0 0 0;width:100%}
div.listGradient ul.metadata li, div.list ul.metadata li {color:#575556;margin:0;padding:0;display:block;float:left;margin-right:10px;
padding:0 0px 0 10px;background:transparent url(../Images/stolpe2.gif) no-repeat 0px 2px;}
div.col2 div.largeBoxModul ul {margin:0px;margin:0 0 0 20px;padding:0px;padding-bottom:10px;}
ul.paginering {list-style:none;padding:0px;margin:0px;}
ul.paginering li {padding:0px;margin:0px;padding:0px 0 0px 0}
ul.paginering li.back {background:transparent url(../Images/back.gif) no-repeat 0px 4px;float:left;padding-left:10px;}
ul.paginering li.forward {background:transparent url(../Images/forward.gif) no-repeat 100% 4px;float:right;padding-right:10px;}
ul.share {list-style:none;padding:0px;margin:0px;}
ul.share li {padding:0px;margin:0px;padding:0px 0 0px 0;float:left;width:50%;padding:0px 0 5px 0}
/*
---------------------------------------------------------------------------------------------
LINK STYLES
---------------------------------------------------------------------------------------------
*/
.menu ul li a, .menu ul li a:link, .menu ul li a:visited {display:block;float:left;text-decoration:none;color:#f69924;text-transform:uppercase;padding: 10px 18px 12px 18px;}
.menu ul li a:hover {text-decoration:underline;color:Red;}
.menu ul li a:active {display:block;float:left;text-decoration:none;color:#ffffff}
.menu ul li.active a, .menu ul li.active a:link, .menu ul li.active a:visited, .menu ul li.open a, .menu ul li.open a:link, .menu ul li.open a:visited {text-decoration:none;
background:transparent url(../Images/hand.png) no-repeat 3px 6px;color:#fff}
.menu ul li.active a:hover {}
.menu ul li.active a:active {text-decoration:none;}
.menu ul li.open a, .menu ul li.open a:link, .menu ul li.open a:visited {text-decoration:none;}
.menu ul li.open a:hover {}
.menu ul li.open a:active {text-decoration:none;}
.menu ul li.open ul li a, .menu ul li.open ul li a:link, .menu ul li.open ul li a:visited {background:none;display:block;float:left;
text-decoration:none;color:#cfcfcf;padding:0;padding:6px 15px 7px 10px;font-weight:bold;text-transform:none;background:transparent url(../Images/pil.png) no-repeat 1px 10px;}
.menu ul li.open ul li a:hover {color:#ffffff;text-decoration:none;}
.menu ul li.open ul li a:active {display:block;float:left;text-decoration:none;color:#ffffff;}
.menu ul li ul li.active a, .menu ul li ul li.active a:link, .menu ul li ul li.active a:visited {text-decoration:none;color:#fff}
.menu ul li ul li.active a:hover {color:#ffffff;text-decoration:none;}
.menu ul li ul li.active a:active {color:#ffffff;text-decoration:none;}
div.largeBoxModul h2 a, div.largeBoxModul h2 a:link, div.largeBoxModul h2 a:visited {color:#000000;}
div.largeBoxModul h2 a:hover {color:#000000;}
div.largeBoxModul h2 a:active {color:#000000;}
div.listGradient ul.metadata a,div.listGradient ul.metadata a:link, div.listGradient ul.metadata a:visited, div.list ul.metadata a, div.list ul.metadata a:link,
div.list ul.metadata a:visited {color:#bc290a;text-decoration:underline;}
div.listGradient ul.metadata a:hover, div.list ul.metadata a:hover {color:#bc290a;text-decoration:none;}
div.listGradient ul.metadata a:active, div.list ul.metadata a:active {color:#bc290a;text-decoration:underline;}
p.white a {color:#ffffff;margin-top:10px;}
a.white {color:#ffffff;margin-top:10px;}
h2 a, h2 a:link, h2 a:visited, h2 a:active {text-decoration:none}
ul.share li.twitter a {background:transparent url(../Images/twitter.jpg) no-repeat 0px 0;display:block;float:left;padding:10px 0 10px 45px}
ul.share li.facebook a {background:transparent url(../Images/facebook.jpg) no-repeat 0px 0;display:block;float:left;padding:10px 0 10px 45px}
ul.share li.travelt a {background:transparent url(../Images/travelt.jpg) no-repeat 0px 0;display:block;float:left;padding:10px 0 10px 45px}
ul.share li.tips a {background:transparent url(../Images/tips.jpg) no-repeat 0px 0;display:block;float:left;padding:10px 0 10px 45px}
ul.share li.sjekk a {background:transparent url(../Images/sjekk.jpg) no-repeat 0px 0;display:block;float:left;padding:10px 0 10px 45px}
/*
---------------------------------------------------------------------------------------------
IMAGE STYLES
---------------------------------------------------------------------------------------------
*/
img {border:0px}
div.header img {border:0px;float:left}
div.menu img {border:0px;padding-right:15px;margin-left:10px;}
div.footer img {float:left;margin:20px 0 20px 90px;border:0;overflow:hidden;}
div.col2 div.padding img {padding:0 0 5px 0;border:0px;}
div.contentWrapper div.col1 img.heading {padding:0 0 8px 12px;display:block;}
div.listGradient img.liste, div.list img.liste {float:left;padding:4px 7px 7px 0;}
div.honnorRight img {padding-left:20px;}
img.largImg {max-width:556px;border:5px solid #000;}
img.smallImg {max-width:120px;border:5px solid #000;float:left;margin:0px 15px 10px 0}
img.smallImgLast {max-width:120px;border:5px solid #000;float:left;margin:0px 0px 0px 0}
ul.share li img {border:0px;float:left;}
img.left {float:left;padding:3px 5px 5px 0}
img.right {float:right;padding:3px 0px 5px 5px}
/*
---------------------------------------------------------------------------------------------
TABLE STYLES
---------------------------------------------------------------------------------------------
*/
.datepicker {width:100%;background-color:#faca5f;font-size:1.0em;border:0;}
table.datepicker td {text-transform:capitalize;height:1.8em;}
.datepicker a {text-decoration:none;}
.datepicker a img {border:0;}
.datepicker a:hover {text-decoration:underline;}
.datepicker td.colspan {background-color:#f9b829;}
.datepicker td.small {width: 15%;}
.datepicker td.small a, .datepicker td.small a:link, .datepicker td.small a:visited {padding:0 10px 0 10px;text-decoration:underline;}
.datepicker td.small a:hover {padding:0 10px 0 10px;text-decoration:none;}
.datepicker td.small a:active {padding:0 10px 0 10px;text-decoration:underline;}
.datepicker td.big {width: 70%;}
.datepicker td.day {background-color:#f9b829;font-family:verdana;height:2em;line-height:normal;width:2.2em;width: 12%;}
.datepicker td.day a, .datepicker td.day a.weekend, .datepicker td.day a.other_month_day, .datepicker td.day a.selected, .datepicker td.day a.event
{padding:3px 10px 3px 10px;}
.datepicker td.weekend {}
.datepicker td.event {background-color:#fbcf6f;}
.datepicker .daynames {font-weight:normal;background-color:#f9b829;}
.datepicker td.selected {background-color:#fc5814;}
.datepicker td.other_month_day, .datepicker td.other_month_day a:link {color:red;background-color:#fde6b4;}
div.quizModule fieldset table {width:90%;float:left;padding:0px;margin:0px;border-collapse:collapse}
/*
---------------------------------------------------------------------------------------------
FORM STYLES
---------------------------------------------------------------------------------------------
*/
div.search input.sokeknapp {height:20px;background:transparent url(../Images/arrow.png) no-repeat top left;padding:0px;margin:0px;border:0px;cursor:pointer;width:15px;}
div.search input.sok {padding:0px;padding:3px 0 0 5px;width:90px;height:24px;width:111px;background:transparent url(../Images/bgSearch.png) no-repeat top left;border:0px;margin:0px;float:left;color:#858585;
font-size:12px;}
div.logginn {width:100%;float:left;overflow:hidden;}
div.logginn div {width:100%;overflow:hidden;padding:0 0 5px 0;}
div.logginn label {float:left;width:80px;padding:5px 0 0 0;}
div.logginn input {float:left;width:180px;margin:5px;}
div.logginn input.logginn {width:100px;display:block;border:0px;background:none;cursor:pointer;font-size:1.15em;font-weight:bold;float:right;margin-right:0px;margin-right:10px;}
select {width:150px;margin:30px 0 0 0;}
div.quizModule fieldset {padding:0px;margin:0px;border:0px;}
div.quizModule fieldset legend {display:none}
div.quizModule fieldset.metainfo {background-color:#fff;width:295px;padding-top:10px}
div.quizModule fieldset.metainfo {background-color:#fff;width:295px;padding-top:10px}
div.quizModule fieldset.metainfo label.email, div.quizModule fieldset.metainfo input.email {width:100%;float:left}
div.quizModule input.submit {background:transparent url(../Images/quizBtn.jpg) no-repeat top left;border:0px;color:#fff;cursor:pointer;padding:2px 10px 5px 20px;
text-align:left;width:110px;float:right;margin-right:5px;height:33px}
/*
---------------------------------------------------------------------------------------------
BODY STYLES
---------------------------------------------------------------------------------------------
*/
body.turkis {}
body.groenn {}
body.blaa {}
/*
---------------------------------------------------------------------------------------------
DIVERSE STYLES
---------------------------------------------------------------------------------------------
*/
div.printLogo {display:none;}
div.clearer {clear:both;font-size:1px;line-height:1px;}
.hiddenTxt {position: absolute;left: -1000px;width: 900px;}
span.boxSubtitle {font-weight:bold;}
div.boxText { padding-bottom:5px;padding-top:5px;margin-bottom:10px;
line-height:1.4em;}
p.lineTop {border-bottom:1px solid #ffffff;margin-top:10px;}
div.abstract{font-weight:bold;padding-bottom:10px;}
div.bodytext{padding-bottom:10px;}
div#videoList img.videoThumb {width:100px;height:60px;padding:0; border:solid 1px #000000;}
span.filmThumbText{font-size:0.9em;}
div.filmListContainer{width:317px;}
div.filmList{float:left;width:105px;}
.white, .white a {color:#ffffff;EditMenuName:Hvit skrift}
h1.imgHeading span {padding:15px 0 0 55px;min-height:35px;float:left}
h1.imgHeading {float:left;padding:0px;padding:0px 10px 0px 5px;width:98.5%;background-position:0% 83%}
h2.imgHeading span {padding:20px 0 0 55px;min-height:35px;float:left}
h2.imgHeading {float:left;padding:0px;padding:0px 10px 0px 5px;width:98.5%;background-position:0% 75%}
/* IFrame spillside */
div.iframebanners{ width:100%; padding:10px 20px 10px 20px;float:right}
div.iframebannerleft{padding:0 10px 0 50px;float:left;}
div.iframebannerright{padding:0 10px 0 10px;float:right;}