/*
- DEFAULT HTML STYLES
- CONTAINER STYLES
- SPAN STYLES
- HEADLINE STYLES
- PARAGRAPH STYLES
- LIST STYLES
- LINK STYLES
- IMAGE STYLES
- TABLE STYLES
- FORM STYLES
- BODY STYLES
- DIVERSE STYLES
*/
/*
OVERVIEW OF MAIN CONTAINERS (divs's) IN LAYOUT:
--------------wrapper-----------------------------------------
| |
| -------------header--------------------------------------- |
| | contains: logo, localoffices, print, fontsize | |
| | PS: localoffices is not in use | |
| ---------------------------------------------------------- |
| |
| --------------mainNav------------------------------------- |
| | -------------nav--------------- -----searchpanel--- | |
| | | | | not in use | | |
| | ------------------------------- ------------------- | |
| ---------------------------------------------------------- |
| |
| ---------------------breadcrumbs-------------------------- |
| | not in use | |
| ---------------------------------------------------------- |
| |
| --------------------contentWrapper------------------------ |
| | | |
| / LAYOUT ALTERNATIVE 1 / |
| | ----col1------ ------col2Wide---------------------- | |
| | | | | | | |
| | | content | | content | | |
| | | goes here | | goes here | | |
| | | | | | | |
| | | | | | | |
| | -------------- ------------------------------------ | |
| | | |
| / LAYOUT ALTERNATIVE 2 / |
| | ----col1------ ------col2---------- ----col3----- | |
| | | | | | | | | |
| | | content | | content | | content | | |
| | | goes here | | goes here | | goes here | | |
| | | | | | | | | |
| | | | | | | | | |
| | -------------- -------------------- ------------- | |
| | | |
| / LAYOUT ALTERNATIVE 3 / |
| | ----col1------ ------col2Wide---------------------- | |
| | | | | --innerCol2-- ---innerCol3--- | | |
| | | | | | | | | | | |
| | | content | | | content | | content | | | |
| | | goes here | | | goes here | | goes here | | | |
| | | | | | | | | | | |
| | | | | | | | | | | |
| | | | | ------------- --------------- | | |
| | -------------- ------------------------------------ | |
| ---------------------------------------------------------- |
| |
| --------------------footer-------------------------------- |
| | | |
| ---------------------------------------------------------- |
--------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------
DEFAULT HTML STYLES
---------------------------------------------------------------------------------------------
*/
html{}
body {padding:0px;margin:0px;background:#000000 url(/Images/Coffee/bgBody.gif) repeat-x top left;font-size:75%;
font-family:Helvetica, Arial, Verdana, sans-serif;color:#fff2c6;}
h1 {font-size:1.6em;padding:0px;margin:0px;}
h2 {font-size:1.3em;padding:0px;margin:0px;padding:0 0 8px 0;}
h3 {font-size:1.2em;font-weight:normal;padding:0 0 8px 0;}
h4 {font-size:1.1em;font-weight:bold;padding:0px;margin:0px;padding:0 0 8px 0;}
h5 {font-weight:bold;padding:0px;margin:0px;padding:0 0 8px 0;}
h6 {font-weight:bold;padding:0px;margin:0px;padding:0 0 8px 0;}
p {font-size:0.95em;line-height:1.3em;padding:0px;margin:0px;padding:0 0 10px 0;}
ul {}
ol {}
li {font-size:1.1em;}
/*RIKTIG REKKE: LoVe HAte*/
a:link {color:#efb600;}
a:visited {color:#efb600;}
a:hover {color:#efb600;text-decoration:none;}
a:active {color:#efb600;}
form {margin:0;padding:0;}
/*
---------------------------------------------------------------------------------------------
CONTAINER STYLES
---------------------------------------------------------------------------------------------
*/
div#wrapper {xbackground-color:red;width:960px;margin:0 auto;background:transparent url(/Images/Coffee/bgHeader.jpg) no-repeat top left;}
div#printLogo {background-color:#fefefe;}
div#header {padding-top:34px;width:960px;float:left;overflow:hidden;xmargin-bottom:10px;xbackground-color:Red;color:#000000;}
div#logo {xbackground-color:blue;width:253px;float:left;overflow:hidden;padding-left:46px;xpadding-top:15px;}
div#contact {float:left;padding-right:18px;padding-left:100px;padding-top:26px;}
div#search {background:transparent url(/Images/Coffee/bgSearch.jpg) no-repeat top left;width:270px;height:56px;
margin-top:19px;xbackground-color:red;xpadding-right:30px;float:left;overflow:hidden;padding-top:15px;}
div#header div.menu {width:929px;float:left;overflow:hidden;text-transform:uppercase;padding-top:3px;xpadding-right:25px;font-size:0.9em;}
div#banner {xbackground-color:pink;width:100%;float:left;overflow:hidden;}
div#contentWrapper {float:left;width:960px;overflow:hidden;xbackground-color:blue;padding-top:10px;}
div#contentWrapper div.imgTopLeft {background:transparent url(/Images/Coffee/contentWrapperTopLeft.gif) no-repeat top left;height:20px;width:14px;float:left;}
div#contentWrapper div.imgTopRight {background:transparent url(/Images/Coffee/contentWrapperTopRight.gif) no-repeat top left;height:20px;width:14px;float:right;}
div#content {background:transparent url(/Images/Coffee/bgContent.gif) repeat-x top left;border-top:1px solid #7a3c00;}
div#colWrapper {background:transparent url(/Images/Coffee/bgColWrapper.gif) repeat-y top left;margin-top:10px;float:left;overflow:hidden;width:100%;}
div#col1 {width:304px;float:left;xbackground-color:Red;padding-left:20px;}
div#col2 {width:304px;float:left;xbackground-color:Red;padding-left:20px;}
div#col3 {width:310px;float:left;xbackground-color:pink;padding:0px;margin:0px;}
div#col3 div.padding {padding:10px 20px 10px 20px;}
div.modul {background:transparent url(/Images/Coffee/bgFooter.gif) repeat-x bottom left;width:100%;float:left;overflow:hidden;padding:0px;}
div.listModul {background:transparent url(/Images/Coffee/bgFooter.gif) repeat-x bottom left;width:100%;float:left;overflow:hidden;padding:0px;}
div.imgModul {background:transparent url(/Images/Coffee/bgFooter.gif) repeat-x bottom left;width:100%;float:left;overflow:hidden;padding:0;xbackground-color:red;}
div.padding {padding:10px 10px 10px 20px;}
div.modul div.padding {padding:0;padding:5px 5px 10px 10px;}
div.listModul div.padding {padding:0;padding:0px 0px 10px 10px;}
div.list {background:transparent url(/Images/Coffee/bgFooter.gif) repeat-x bottom left;padding-bottom:10px;padding-top:10px;}
div#footer {background:transparent url(/Images/Coffee/bgFooter.gif) repeat-x top left;width:900px;margin:30px 30px 0 30px;}
/*
---------------------------------------------------------------------------------------------
SPAN STYLES
---------------------------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------
HEADLINE STYLES
---------------------------------------------------------------------------------------------
*/
div#col3 h2 {font-size:1.0em;padding:0px;margin:0px;padding:3px 0 3px 12px;display:block;text-transform:uppercase;
background:#7a3c00 url(/Images/Coffee/bgHeading2.gif) no-repeat top right;margin:0 30px 5px 10px;color:#e6d8c8;}
div#col3 h3 {padding:0px;margin:0px;padding-bottom:14px;font-size:1.5em}
/*
---------------------------------------------------------------------------------------------
PARAGRAPH STYLES
---------------------------------------------------------------------------------------------
*/
div#col3 p {padding:0px;margin:0px;padding:0 0 15px 0;}
p.ingress {font-weight:bold;}
div#contact p {padding:0px;margin:0px;text-align:right;}
div#col3 p.smallTitle {font-size:0.9em;line-height:1.3em;padding:0px;margin:0px;padding:0 0 5px 0;}
div#contentWrapper div#col3 div.imgModul p {padding:0px;margin:0px;padding:5px 0 5px 10px;font-size:0em;font-size:0.9em;}
div#contentWrapper div#col3 div.modul p {padding:0px;margin:0px;padding:0px 0 5px 0;font-size:0em;font-size:0.9em;}
/*
---------------------------------------------------------------------------------------------
LIST STYLES
---------------------------------------------------------------------------------------------
*/
.menu ul {margin:0;padding:0;display:inline;list-style:none;float:right;margin-top:4px;
background:transparent url(/Images/Coffee/dividMenuLine.gif) no-repeat top right;}
.menu ul li {padding:0px;margin:0px;background:transparent url(/Images/Coffee/dividMenuLine.gif) no-repeat top left;float:left;}
.menu ul li.first {}
.menu ul li.last {}
.menu ul li.open {background:transparent url(/Images/Coffee/dividMenuLine.gif) no-repeat top left;}
.menu ul li.active {background:transparent url(/Images/Coffee/dividMenuLine.gif) no-repeat top left;}
ul.menu {margin:0px;padding:0px;xdisplay:block;padding-left:30px;list-style:none;padding-right:20px;font-size:0.9em;}
ul.menu li {padding:0px;margin:0px;background:none;display:block;xbackground-color:Blue;padding:5px 0 5px 0;
background:transparent url(/Images/Coffee/bgFooter.gif) repeat-x bottom left;}
ul.menu li.first {display:block;}
ul.menu li.last {display:block;}
ul.menu li.open, ul.menu li.active {display:block;}
#footer ul {list-style:none;padding:0px;margin:0px;padding-top:20px;padding-bottom:30px;}
#footer ul li {font-size:0.9em;margin:0px;padding:0px;display:inline;background:transparent url(/Images/Coffee/dividFooter.gif) no-repeat 5px 2px;padding-left:15px;}
#footer ul li.first {background-image:none;}
div#contentWrapper div#col3 ul {padding:0;margin:0px;list-style:none;}
div#contentWrapper div#col3 ul li {padding:0px;margin:0px;padding:0 0 0px 0;font-size:0.9em;}
div#contentWrapper div#col3 ul li.first {padding-bottom:4px;text-transform:uppercase;font-size:0.8em;}
/*
---------------------------------------------------------------------------------------------
LINK STYLES
---------------------------------------------------------------------------------------------
*/
/* nivå1 */
div.menu ul li a, div.menu ul li a:link, div.menu ul li a:visited {color:#000000;text-decoration:none;margin-left:1px;padding:7px 9px 8px 10px;display:block;float:left;}
div.menu ul li a:hover {text-decoration:underline;}
div.menu ul li a:active {}
div.menu ul li.first a, div.menu ul li.first a:link, div.menu ul li.first a:visited {}
div.menu ul li.first a:hover {}
div.menu ul li.first a:active {}
div.menu ul li.last a, div.menu ul li.last a:link, div.menu ul li.last a:visited {}
div.menu ul li.last a:hover {}
div.menu ul li.last a:active {}
div.menu ul li.active a, div.menu ul li.open a:active, div.menu ul li.active a:visited {
background:transparent url(/Images/Coffee/menuActive.jpg) repeat-x top left;text-decoration:none;}
div.menu ul li.active a:hover {}
div.menu ul li.active a:active {}
div.menu ul li.open a, div.menu ul li.open a:link, div.menu ul li.open a:visited {background:transparent url(/Images/Coffee/menuActive.jpg) repeat-x top left;text-decoration:none;}
div.menu ul li.open a:hover {}
div.menu ul li.open a:active {}
/* Nivå 2 */
ul.menu li a, ul.menu li a:link, ul.menu li a:visited {color:#fff2c6;text-decoration:none;}
ul.menu li a:hover {text-decoration:none;font-weight:bold;}
ul.menu li a:active {text-decoration:none;}
ul.menu li.active a, ul.menu li.active a:active, ul.menu li.active a:visited {color:#efb600;font-weight:bold;
background:transparent url(/Images/Coffee/menuArrowActive.jpg) no-repeat 0px 5px;padding-left:10px;}
ul.menu li.active a:hover {text-decoration:none;}
ul.menu li.active a:active {}
ul.menu li.open a, ul.menu li.open a:link, ul.menu li.open a:visited {color:#efb600;text-decoration:none;font-weight:bold;
background:transparent url(/Images/Coffee/menuArrowActive.jpg) no-repeat 0px 5px;padding-left:10px;}
ul.menu li.open a:hover {}
ul.menu li.open a:active {text-decoration:none;}
ul.menu li.open ul li.open a, ul.menu li.open ul li.open a:link, ul.menu li.open ul li.open a:visited {}
ul.menu li.open ul li.open a:hover {}
ul.menu li.open ul li.open a:active {}
/*#contentWrapper .menu nivå 1*/
#contentWrapper div.menu ul li a, #contentWrapper div.menu ul li a:link, #contentWrapper div.menu ul li a:visited {color:#ffffff;text-decoration:none;
}
#contentWrapper div.menu ul li a:hover {text-decoration:none;color:#000000;}
#contentWrapper div.menu ul li a:active {text-decoration:none;color:#ffffff;}
#contentWrapper div.menu ul li.first a, #contentWrapper div.menu ul li.first a:link, #contentWrapper div.menu ul li.first a:visited {}
#contentWrapper div.menu ul li.first a:hover {}
#contentWrapper div.menu ul li.first a:active {}
#contentWrapper div.menu ul li.last a, #contentWrapper div.menu ul li.last a:link, #contentWrapper div.menu ul li.last a:visited {}
#contentWrapper div.menu ul li.last a:hover {}
#contentWrapper div.menu ul li.last a:active {}
#contentWrapper div.menu ul li.active a, #contentWrapper div.menu ul li.open a:active, #contentWrapper div.menu ul li.active a:visited {color:#000000;}
#contentWrapper div.menu ul li.active a:hover {color:#000000;}
#contentWrapper div.menu ul li.active a:active {color:#000000;}
#contentWrapper div.menu ul li.open a, #contentWrapper div.menu ul li.open a:link, #contentWrapper div.menu ul li.open a:visited {color:#000000;}
#contentWrapper div.menu ul li.open a:hover {color:#000000;}
#contentWrapper div.menu ul li.open a:active {color:#000000;}
a.bonner, a.bonner:link, a.boonner:visited {background:transparent url(/Images/Coffee/bonner.jpg) no-repeat top right;color:#efb600;padding-right:20px;}
a.bonner:hover {}
a.bonner:active {}
#contact a {color:#000000;}
#footer ul li a, #footer ul li a:link, #footer ul li a:visited {color:#7a3c00;text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}
#footer ul li a:active {text-decoration:none;}
div.list h2 a, div.list h2 a:link, div.list h2 a:visited {text-decoration:none;}
div.list h2 a:hover {text-decoration:none;}
div.list h2 a:active {text-decoration:none;}
div#col3 div.padding p a, div.col3 div.padding p a:link, div.col3 div.padding p a:visited {text-decoration:none;}
div#col3 div.padding p a:hover {text-decoration:underline;}
div#col3 div.padding p a:active {text-decoration:none;}
/*
---------------------------------------------------------------------------------------------
IMAGE STYLES
---------------------------------------------------------------------------------------------
*/
img {border:0px;}
div#banner img {float:left;padding-top:10px;}
div#header div#logo img {float:left;}
div.listModul img {float:right;padding-bottom:1px;}
div.imgModul img {padding-bottom:1px;float:left;}
img.mainImg {padding-bottom:10px;}
/*
---------------------------------------------------------------------------------------------
TABLE STYLES
---------------------------------------------------------------------------------------------
*/
/*
---------------------------------------------------------------------------------------------
FORM STYLES
---------------------------------------------------------------------------------------------
*/
form {padding:0px;margin:0px;}
input.submit {border:0;margin:0;width:15px;height:14px;cursor:pointer;padding-top:2px;padding-left:2px;xbackground-color:pink;}
input.searchstring {border:0px;width:204px;padding:0px;margin:0px;margin-bottom:2px;font-size:11px;}
label.searchstring {padding:0px 5px 0 6px;}/*Maybe has to be changed back but, needed to make it look nice locally*/
fieldset {border:0px;padding:0px;margin:0px;padding:0px 0 0 0;}
legend {padding:0;margin:0px;padding:10px 0 5px 0;font-weight:bold;color:#fff2c6;}
select {background-color:#6e3600;color:#efb600;width:90%;}
/*
---------------------------------------------------------------------------------------------
BODY STYLES
---------------------------------------------------------------------------------------------
*/
body#bannermal div#footer {background:none;width:900px;margin:0px 30px 0 30px;padding-bottom:140px;}
body#bannermal div#content {background:transparent url(/Images/Coffee/bgContentBannermal.jpg) repeat-x top left;border-top:1px solid #7a3c00;}
body#bannermal #footer ul {list-style:none;padding:0px;margin:0px;padding-top:0px;}
body#articleCoffee div#content {background:transparent url(/Images/Coffee/bgContentArticlemal.jpg) repeat-x top left;border-top:1px solid #7a3c00;}
body#articleCoffee div#colWrapper {background:none;_height:700px;min-height:700px}
body#articleCoffee div#colWrapper {margin-top:0px;}
body#articleCoffee div#col1 {width:231px;float:left;xbackground-color:Red;padding:0px;padding-left:10px;}
body#articleCoffee div#col2 {width:395px;float:left;xbackground-color:pink;padding:0px;padding:0 15px 0 10px;}
body#articleCoffee div#col3 {width:299px;float:left;background-color:#1d0f00;xbackground-color:red;margin:0px;padding:0px;overflow:hidden;}
body#articleCoffee h1 {font-size:1.9em;background:none;color:#e6d8c8;padding:0px;margin:0px;padding:0px 0 15px 0;font-weight:normal;line-height:1.2em;}
body#articleCoffee div#col3 h2 {font-size:1.1em;text-transform:none;background:none;color:#e6d8c8;padding:0px;margin:0px;padding:8px 0 0px 0;font-weight:normal;}
body#articleCoffee div#col3 h3 {xfont-size:1.3em;}
body#articleCoffee div#col3 div.padding {padding:0px;padding:0 0 0px 10px;}
body#articleCoffee div#col3 div.modul div.padding {padding:0;padding:5px 5px 10px 10px;}
body#articleCoffee p.ingress {color:#efb600;}
body#articleCoffee p.date {font-size:0em;font-size:0.9em;}
body#articleCoffee p {line-height:1.3em;padding:0px;margin:0px;padding:0 0 10px 0;}
body#articleCoffee p.smallTitle {font-size:0.9em;line-height:1.3em;padding:0px;margin:0px;padding:0 0 10px 0;}
/*
---------------------------------------------------------------------------------------------
DIVERSE STYLES
---------------------------------------------------------------------------------------------
*/
div#printLogo {display:none;}
div.clearer {clear:both;font-size:1px;line-height:1px;}
p.hiddenTxt {position: absolute;left: -1000px;width: 900px;}
input.questionText {width:389px;height:50px; background-color:#fff2c6;}
.yellowtext {color:#efb600;}
#accordion h2.toggler {border-bottom:dotted 1px #7a3c00;}