/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */
 
/*  (do not remove this :) */
/*  (not this either :) */

body {
background-image: url(body.jpg);
background-repeat: no-repeat;
background-color: white !important;
}

a {
color: Black !important;
}
.videoinnleggene {
width: 448px; height: 276px;
}
#linkhome {
	position: absolute;
        top: 0px;
        left: 0px;
        height: 275px !important;
        border: 0px !important;
        z-index: 20;
}

.iframeforsiden {
width: 448px !important;
height: 252px !important;
}

#zero10-top {
	position: absolute;
        top: 0px;
        left: 0px;
        height: 275px !important;
        border: 0px !important;
}

#bilde1 {
	position: absolute;
        top: 0px;
        left: 367px;
        height: 275px;
        border: 0px !important;
        z-index: 10;
}
#bilde2 {
	position: absolute;
        top: 0px;
        left: 580px;
        height: 275px;
        border: 0px !important;
        z-index: 10;
}
#bilde3 {
	position: absolute;
        top: 0px;
        left: 788px;
        height: 275px;
        border: 0px !important;
        z-index: 10;
}

#tittel-forside {
	position: absolute;
        top: 283px;
        left: 367px;
        border: 0px !important;
        z-index: 10;
}

#sponsor1 {
	position: absolute;
        bottom: 100px;
        left: 100px;
        border: 0px !important;
        z-index: 10;
}

#sponsor2 {
	position: absolute;
        bottom: 5px;
        left: 100px;
        border: 0px !important;
        z-index: 10;
}

#sponsor3 {
	position: absolute;
        bottom: 5px;
        left: 655px;
        border: 0px !important;
        z-index: 10;
}



.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; }
.vimeoBadge img { border: 0; }
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #3A75C4; text-decoration: none; cursor: pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0 10px 10px 0; width:80px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:80px; height: 30px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 





.table2 {
font-size: 100%;
border: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 3px !important;
}
.table2-td {
font-size: 100%;
border: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 3px !important;
}
.jaba2 {
        background-color: #dbdbdbdb !important;
        color: #00uuuu;
}
.jaba2 a {
        background-color: #dbdbdbdb !important;
        color: #00uuuu;
}
.class2 {
        background: #fffffff;
}
.2 {
        background: #e5555555;
}
.table-border-liten {
	padding-top: 1pt; 
	padding-right: 1pt; 
	padding-bottom: 1px; 
	padding-left: 1pt; 
	border: #000000; 
	border-width: 1pt; 
	border-style: solid; 
	border-top-width: 1pt; 
	border-right-width: 1pt;
        border-left-width: 1pt; 
	border-bottom-width: 1pt;
        vertical-align: top; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	color: #000000;
}
.table-border-liten-td {
        background: #dbdbdbdb;
	padding-top: 1pt; 
	padding-right: 1pt; 
	padding-bottom: 1px; 
	padding-left: 1pt; 
	border: #000000; 
	border-style: solid; 
	border-top-width: 0pt; 
	border-right-width: 0pt;
        border-left-width: 0pt; 
	border-bottom-width: 1pt;
        vertical-align: top; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	color: #000000;
}
#hoved-container {
	position: relative;
        top: 278px !important;
        left: 190px !important;
	margin: 0px;
	width: 850px !important;
	text-align: left;
background: none;

}
#logolink {
	position: absolute;
        top: 0px;
        left: 6px;
        border: 0px !important;
        z-index: 11;
}

#nomargin {
	position: absolute;
        top: 130px;
        left: 6px;
width: 975px !important;
        height: 290px;
        margin: 0px !important;
        padding: 0px !important;
background: none !important;

}
.imgnomargin {
        margin: 0px !important;
        margin-right: -3px;
        height: 275px;
        padding: 0px !important;
        border: 0px !important;
}
.imgnomargin a {
        margin: 0px !important;
        height: 275px;
        margin-right: -3px;
        padding: 0px !important;
        border: 0px !important;
}
#nomargin a {
        margin: 0px !important;
        padding: 0px !important;
}

.listingBar {
background: none !important;
border: 0 !important;
}
h2 {
border-bottom: 0px !important;
}


#viewlet-zerotop {
        margin: 0px !important;
        padding: 0px !important;
}
#viewlet-zerotopseksjon {
        margin: 0px !important;
        padding: 0px !important;
}
#hor-menu {
        border-bottom: 1px solid #109151;
	width: 976px !important;
        margin-top: 9px !important;
}

#portal-columns {
        margin: 0px !important;
        padding: 0px !important;
}
#region-content {
        margin: 5px !important;
        margin-top: 8px !important;
        padding: 0px !important;
}
#portal-header {
background-image: url(testbanner.jpg);
background-repeat: no-repeat;
margin-left: 5px !important;
height: 115px !important;
}

.searchSection {
color: #ffffff !important;
}
.searchSection a {
color: #ffffff !important;
}
.searchSection hover {
color: #ffffff !important;
}
#portal-siteactions {
color: #ffffff !important;
border: 0px !important;
}
#portal-siteactions a {
color: #ffffff !important;
border: 0px !important;
}
#portal-logo {
position: absolute !important;
top: -4px !important;
left: 0px !important;
z-index: 10;
}
a {
text-decoration: none !important;
}
.image-left2 {
float: right;
clear: both;
width: 180px;
margin: 1em 1em 1em 1em;
border: 0px solid White !important;
}

#portal-column-one {
position: relative;
display: block !important;
float: left;
vertical-align: top;
width: 170px !important;
border-collapse: collapse;
padding: 0;
margin-left:-10px !important;
margin-right: 7px !important;
margin-top: -10px !important;
} 

#portal-column-one-article {
display: block;
position: relative;
float: left;
width: 200px !important;
padding: 0;
overflow: hidden;
} 

#portal-column-content {
     margin-top: 3px !important;
     margin-left: 0px !important;
     padding-top: 0px !important;
     padding-left: 0px !important;
}
.documentContent {
     margin: 0px !important;
     margin-left: 5px !important;
     padding: 0px !important;
     background: none;
}
#hor-menu {
position: absolute !important;
top: 85px !important;
left: 4px !important;
z-index: 10;
}
#content {
     margin: 4px !important;
     padding: 0px !important;
}

#portal-breadcrumbs {
border-bottom: 0px !important;
}

.seksjonstittel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}


#portal-footer {
display: none !important;
background-color: transparent;
border-top: 1px dotted #B4D5BF;;
border-bottom: 1px dotted #B4D5BF;;
float: none;
line-height: 1.2em;
margin: 2em 0em 1em 0em;
padding: 0.5em 0em 1em 0em;
text-align: center;
}
#portal-colophon {
display: none !important;
}

#portal-personaltools {
/* Bar with personalized menu (user preferences, favorites etc) */
background-color: transparent;
border-top-color: Black;
border-top-style: solid;
border-top-width: 0px;
border-bottom-color: Black;
border-bottom-style: solid;
border-bottom-width: 0px;
line-height: 1.6em;
color: #dbdbdb;
font-size: 90%;
padding: 0em 3em 0em 3em;
margin: 0;
text-align: center;
text-transform: none;
list-style: none;
}
#portal-personaltools a {
/* Bar with personalized menu (user preferences, favorites etc) */
background-color: #ffffff;
border-top-color: Black;
border-top-style: solid;
border-top-width: 0px;
border-bottom-color: Black;
border-bottom-style: solid;
border-bottom-width: 0px;
line-height: 1.6em;
color: #dbdbdb;
font-size: 90%;
padding: 0em 3em 0em 3em;
margin: 0;
text-align: center;
text-transform: none;
list-style: none;
}

.textbox2 {
        display: block;
        width: 170px;
	padding-top: 1pt; 
	padding-right: 1pt; 
	padding-bottom: 1pt; 
	padding-left: 1pt; 
	border: #000000; 
	border-style: solid; 
	border-top-width: 1pt; 
	border-right-width: 1pt; 
	border-bottom-width: 1pt; 
	border-left-width: 1pt;
	background-color: #dbdbdb;
}
.textboxtxt, A.textboxtxt {

	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: noprmal; 
	color: #005E27; 
	text-decoration: none; 
	padding-left: 1px;
}

#contentActions {
	position: absolute;
	padding: 0px;
        left: 0px;
        z-index: 100;
}



.documentActions {
margin: 1em 0;
padding: 0;
text-align: right;
border: 0px !important;
}
.documentActions ul {
margin: 0;
padding: 0 0.5em;
display: block;
margin-top: -0.9em;
list-style-type: none;
list-style-image: none;
}
.documentActions li {
display: inline;
font-size: 90%;
margin: 0 0.5em;
padding: 0 0.25em;
background-color: transparent;
}
.documentActions a {
border: none !important;
text-decoration: none;
}


.portlet-title {
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: 110%;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid Black;
	margin-bottom: 4px !important;
	width: 100%;
        text-transform: none;
}
.portlet-title a {
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	font-size: 110%;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid Black;
	margin-bottom: 4px !important;
	width: 100%;
        text-transform: none;
}

#portlet-border {
border: 0px solid #b4d5bf !important;
margin-bottom: 25px;
padding: 1px;
width: 140px !important;
overflow: hidden;
}



.news-listing-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #b4d5bf;
	width: 100%;
        text-transform: uppercase;
}

.TopImageContainer {
float:right;
margin: 3px 6px 3px 3px;
border: 1px solid #000000;
width: 401px;
}

.TopImageContainerSeksjon {
float:left;
margin: 0.5em 1.5em 8.5em 0.5em;
width: 160px;
}



.newsBoxes2 {
width: 130px;
display: inline;
float: left;
color: #000000;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 98%;
margin: 2em 2em 2em 2em;
padding: 1em 1em 1em 1em;
}
.newsBoxes2 a {
width: 130px;
display: inline;
float: left;
color: #000000;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 98%;
}


#textbox {
padding: 0px 5px 5px 5px;
width: 288px;
display: block;
color: #000000;
border: 1px solid Black;
background: #ffffff;
text-align: left;
text-decoration: none;
font-size: 88%;
}
#textbox a {
padding: 0px 5px 5px 5px;
text-decoration: none;
}

#box301px {
margin: 0em 0em 1em 0em;
padding: 3px 1em 1em 1em;
width: 301px !important;
display: block;
float: right;
overflow: hidden;
}

#width-300 {
width: 400px !important;

}
#width-301 {
width: 195px !important;
display: block;
float: left;
}


#box401px {
margin: 1em 1em 1em 1em;
padding: 1em 1em 1em 1em;
width: 401px;
display: block;
float: left;
}
#border {
padding: 0px 0px 0px 0px;
border: 1px solid Black;
}
.newsImageContainerTile {
float:right;
margin: 0 0 0.5em 1em;
width: 70px;
}
.newsImageContainerThumb {
float:right;
margin: 0 0 0.5em 1em;
width: 130px;
}
.googleMapActive.googleMapLocation {
    float: right;
    width: 300px !important;
    min-width: 300px;
}
.googleMapLocation .googleMapPane {
    width: 300px !important;
    border: 1px solid Black;
}

.navTree a {
color: #000000 !important;
border: 0 !important;
margin-bottom: 5px !important;
margin-left: 0px !important;
padding-left: 0px !important;
font-size: 80% !important;
}

.navTreeLevel0 a {
font-weight: bold !important;
}
.navTreeLevel1 a {
font-weight: normal !important;
margin: 0 !important;
padding-left: 4 !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.navTreeCurrentItem a {
border: 0px !important
}

.navTreeCurrentNode a {
border: 0px !important
}

.portletHeader-zeroimedia {
background: url('bokstopp-147.gif') no-repeat !important;
border: 0;
width: 170px;
color: #ffffff;
padding: 0em 0em;
text-transform: none;
font-weight: normal;
line-height: 1.6em;
text-align: center;
text-decoration: none;
}
.portlet-zeroimedia {
border: 0;
width: 170px;
}
.portlet-zeroimedia2 {
float: right;
border: 0;
width: 170px;
}
.portletHeader-zeroimedia a {
background: url('bokstopp-147.gif') no-repeat !important;
border: 0;
color: #ffffff;
padding: 0em 1em;
text-transform: none;
font-weight: normal;
line-height: 1.6em;
text-align: center;
text-decoration: none;
}
.topsak-tittel-forside {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

.topsak-tittel-forside a {
border: 0;
font-weight: bold;
color: #000000 !important;
font-size: 260%;
font-family: garamond,"Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
}
.tileItem {
border-top: 0px !important;
border-bottom: 1px dotted #B4D5BF;
}


.seksjon-meny {
font-size: 90%;
color: Black !important;
text-decoration: none !important;
margin-left: 5px;
}

.seksjon-meny a {
font-size: 90%;
color: Black !important;
text-decoration: none !important;
}




.zeroimedia-frontpage {
font-size: 90%;
text-decoration: none;
}

.zeroimedia-frontpage a {
font-size: 90%;
text-decoration: none;
}

.zeroimedia-frontpage-arkiv a {
font-size: 80%;
color: #000000;
text-align: right;
text-decoration: none;
}
.zeroimedia-frontpage-arkiv {
font-size: 100%;
color: #000000;
text-align: right;
text-decoration: none;
}
.zeroimedia-frontpage-dato {
font-size: 75%;
color: #76797c;
text-decoration: none;
}

.kortnytt-frontpage {
font-size: 90%;
text-decoration: none;
}

.kortnytt-frontpage a {
font-size: 90%;
text-decoration: none;
}

.kortnytt-frontpage-arkiv a {
font-size: 80%;
color: #000000;
text-align: right;
text-decoration: none;
}
.kortnytt-frontpage-dato {
font-size: 75%;
color: #76797c;
text-decoration: none;
}
.frontpage-td {
border-right: 0px;
margin-right: 8px;
padding: 6px;
}

#portal-languageselector {
	position: absolute;
        top: 89px;
        left: 925px;
width: 40px !important;
margin: 0 1em 0 1em;
float:right;
z-index: 15 !important;
}

/* Handling external/internal links, we first set the icon on all links, then
remove it from the ones that are local - for both http and https */
#content a[href ^="http:"],
#content a.link-external {
background: none;
padding: 0px;
}
#content a[href ^="https:"],
#content a.link-https {
background: none;
padding: 0px;
}
#content a[href ^="http://www.zero10.no"] {
background: none;
padding: 0;
}

/* CCS tab menu */

#tabmenu {
	position: absolute;
	padding: 0px;
        margin: 0px;
        margin-bottom: 2px;
        top: 81px;
        left: 5px;
        width: 976px;
        height: 40px !important;
}

#tabmenu2 {
	position: absolute;
	padding: 0px;
        margin: 0px;
        margin-bottom: 2px;
        top: 82px;
        left: 5px;
        width: 976px;
        height: 40px !important;
}

/* CSS Popout Menu */
#menu
{
	position: absolute;
	padding: 0px;
        left: 5px;
	z-index: 10;
	margin: 0px;
	width: 975px;
        height: 85px;
	display: block;
        border-bottom: 0px !important;
}

#menu li, #menu h2
{       display: inline;
	background: none;
	color: none;
	border-bottom: 0px !important;
	white-space: nowrap;
	text-indent: 0px;
	width: 190px;
        height: 85px;
	font-family: arial,helvetica,sans-serif;
	font-size: 0px;
	line-height: 0px;
	font-weight: bold;
}

#menu h2
{

	text-transform: uppercase;
	border-bottom: 0px !important;
	margin: 0;
	padding: 0;	
}

#tjenestemeny ul li ul li {width: 120px;
display: inline;}


#menu li:hover { background-color: none; z-index: 11;}
#menu a { text-decoration: none; }
#menu a, #menu a:visited { color: none; border-bottom: 0px !important; }
#menu a:hover { color: none; }




#menu li { list-style-type: none; }
#menu ul li { position: relative; }

#menu li ul
{
	position: absolute;
	border-bottom: 0px !important;
	top: 40px;
	left: -50px;
	display: none;
	z-index: 12;
}

#menu li ul li { padding-right: 0px; }

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li
{
	float: left;
	height: 1%;
	border-bottom: 0px !important;
}

* html #menu ul li a { height: 1%; }

/* End */
div#menu ul, #menu ul ul, div#menu ul ul ul
{
	margin: 0;
	padding: 0;
	border-bottom: 0px !important;
	list-style-image: none;
	/* width: 160px; */
}

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul { display: none; }
div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul { display: block; }

/* Styling for Expand */
#menu a.x, #menu a.x:visited
{
	font-weight: bold;
	text-indent: 0px;
	color: none;
	background: none;
}

#menu a.x:hover
{
	color: none;
	background: none;
}

#menu a.x:active
{
	color: none;
	background: none;
}





/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */