@import url(oslosurf_core.css);

/*
This file inherits from oslosurf_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at luna_core.css, the colour is
defined in the rule:

    body {
      margin: 0px;
      padding: 0px;
      color: #33332e;
      background: #ffffff;
      font: normal 11px tahoma, geneva, verdana, sans-serif;
      text-align: center;
    }

To change the background colour of white (#ffffff) to gray (#dddddd), you would
add the following to this file:

    body {
      background: #dddddd;
    }

If you also wanted to change the font as well as the background, then you could
use:

    body {
      background: #dddddd;
      font: normal 12px times new roman;
    }

Also note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category.html template, you can do this by:

    #category h2 { 
      color: red; 
      font-weight: bold; 
    }

To start you off, some sample overriding styles have been provided below.  Note
that you will have to uncomment the rules for them to work.
*/

/* Logo size and image source */
/*

#logo {
  width: 250px;
  height: 80px;
  background-image: url(images/logo.gif);
}
*/
/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */
/*
#loginbar a {
  margin-top: 25px;
}
*/

/* Show the left sidebar */
/*
#ocwrapper {
  border-left-width: 200px;
}
#leftsidebar {
  display: block;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 200px;
}
*/

/* Hide the right sidebar */
/*
ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  display: none;
}
#contentheader .error, #contentheader .message {
  margin: 0px;
}
*/

/* Change the right sidebar width.  Note that the sidebars have a 10px left or
right padding (left sidebar has a left padding and right sidebar has a right
padding), hence the 150px - 10px = 140px width */
/*
#ocwrapper {
  border-right-width: 0px;
}
#rightsidebar {
  margin-right: -150px;
  width: 140px;
}
#contentheader .error, #contentheader .message {
  margin: 0px 150px 0px 0px;
}
*/

/* Change width of document */
/*
#wrapper {
  width: 95%;
}
*/

/* Don't want the shadows? */
/*
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}
*/

/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total).  If you want to change the columns
on the home page as well, then remember to set a rule for "#home dl" as well. */
/*
#category dl {
  width: 33%;
}
*/

#ocwrapper {
  border-right: 0px solid #e2e1eb;
}

#wrapper {
  width: 468px;
}

    body {
      text-align: left;
      margin: 10px;
      font: normal 13px verdana, geneva, helvetica, arial;
      color: #000000;
    }

#content {
  margin: 0px 0px;
  padding: 6px;
  background: #ffffff;
}

.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}

.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  border: 0px solid #bbbfa1;
  background: #ffffff;
  overflow: hidden;
}

.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 0px 0px;
  border: 0px solid #bbbfa1;
  font-size: 9px;
  text-decoration: none;
}

.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #ffffff;
}

/* links */
a {
  color: #0751b6;
  text-decoration: none;
}
a:visited {
  color: #0751b6;
  text-decoration: none;
}
a:hover {
  color: #0751b6;
  text-decoration: underline;
}

h4 {
  font-size: 14px;
}

h2 {
  font-size: 23px;
}

.linkurl a {
  color: #006600;
  font-size: 9px;
  text-decoration: none;
}

.mini_kalender {
	font-family: verdana, sans-serif;
	background-color: #ffffff;
        margin-top: 3px;
        margin-left: 3px;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 12px;
	}

.mini_kalender a:visited
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #ffffff;
	}

.mini_kalender a:link
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #ffffff;
	}

.mini_kalender v:link
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #ffffff;
	}

.mini_kalender a:hover
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #ffffff;
	}

.logo_topp {
        	background: #ffffff;
        	padding-top: 0px;
        	padding-right: 0px;
        	padding-bottom: 9px;
        	padding-left: 0px;
		font-size: 100%;
	}

.logo {
        	background: #ffffff;
        	padding-top: 0px;
        	padding-right: 0px;
        	padding-bottom: 3px;
        	padding-left: 0px;
		font-size: 100%;
	}

.sokefelt_topp {
        	background: #ffffff;
        	padding-top: 0px;
        	padding-right: 0px;
        	padding-bottom: 0px;
        	padding-left: 0px;
		font-size: 100%;
	}

.sokefelt_topp_ny {
        	background: #fff;
		border : 1px solid #000;
        	padding-top: 6px;
        	padding-right: 6px;
        	padding-bottom: 6px;
        	padding-left: 6px;
	}

.sokefelt_topp_form {
        	background: #fff;
		font-size: 160%;
	}

.sokefelt_topp_knapp {
        	background: #fff;
		font-size: 130%;
	}

.nyhetsbrev_topp {
        	background: #e5ecf9;
        	padding-top: 6px;
        	padding-right: 4px;
        	padding-bottom: 0px;
        	padding-left: 4px;
		font-size: 80%;
	}

.tittel {
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size  : 23px;
        	background: #ffffff;
        	padding-top: 0px;
        	padding-right: 0px;
        	padding-bottom: 0px;
        	padding-left: 0px;
	}

.tittel_forside {
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size  : 23px;
        	background: #ffffff;
        	padding-top: 0px;
        	padding-right: 0px;
        	padding-bottom: 0px;
        	padding-left: 0px;
	}

.bakgrunn_1_hvaskjer A:visited
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 13px;
		font-weight: normal;
		color: #0751b6;
		background-color: #dddddd;
	}

.bakgrunn_1_hvaskjer A:link
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 13px;
		font-weight:normal;
		color: #0751b6;
		background-color: #dddddd;
	}

.bakgrunn_1_hvaskjer V:link
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 13px;
		font-weight:normal;
		color: #0751b6;
		background-color: #dddddd;
	}

.bakgrunn_1_hvaskjer A:hover
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 13px;
		font-weight: normal;
		color: #0751b6;
		background-color: #dddddd;
	}

.venstre_marg {
        	background: #ffffff;
        	padding-top: 0px;
        	padding-right: 0px;
        	padding-bottom: 0px;
        	padding-left: 0px;
		font-size: 20%;
	}

#meny .avstand_menytopp {
		float : left;
		width : 5px;
		padding : 0;
		margin : 0;
		border-bottom : 0 solid #aaa;
		height : 24px;
	}

#meny .knapper_menytopp a {
		float : left;
		padding : 4px 11px;
		padding : 4px 5px;
		display : block;
		text-align : center;
		border : 1px solid #000;
		text-decoration : none;
		color : #444;
		height : 15px;
		margin : 0;
		background : #fff repeat-x left bottom;
		font-weight : normal !important;
	}

#meny .knapper_menytopp a:hover {
		background-color : #eee;
		background-image : none;
	}





.menyknapp_topp  {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
                padding: 4px;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		background-color: #fff;
}

.menyknapp_topp a:visited {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
}

.menyknapp_topp a:link {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
}

.menyknapp_topp v:link {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
}

.menyknapp_topp a:hover {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
	        text-decoration: underline;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
}

.annonser_merke {
		float : right;
                margin-bottom: 0px;
	}

.mobil_mms {
		border : 1px solid #000;
	}

.tittel_hovedside
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 21px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
	}

.tittel_3
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 43px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
	}

.tittel_3 A:visited
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 43px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
	}

.tittel_3 A:link
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 43px;
		font-weight:bold;
		color: #000000;
		background-color: #fff;
	}

.tittel_3 V:link
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 43px;
		font-weight:bold;
		color: #000000;
		background-color: #fff;
	}

.tittel_3 A:hover
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 43px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
	}

.tittel_1
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 17px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
	}

.tittel_1 A:visited
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 17px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
	}

.tittel_1 A:link
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 17px;
		font-weight:bold;
		color: #000000;
		background-color: #fff;
	}

.tittel_1 V:link
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 17px;
		font-weight:bold;
		color: #000000;
		background-color: #fff;
	}

.tittel_1 A:hover
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 17px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
	}

.ingress_1
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 13px;
		font-weight: normal;
		color: #000000;
		background-color: #fff;
	}

.ingress_2
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
	}


.les_mer_1 A:visited
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: normal;
		color: #0751b6;
		background-color: #fff;
	}

.les_mer_1 A:link
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight:normal;
		color: #0751b6;
		background-color: #fff;
	}

.les_mer_1 V:link
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight:normal;
		color: #0751b6;
		background-color: #fff;
	}

.les_mer_1 A:hover
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: normal;
		color: #0751b6;
		background-color: #fff;
	}

.les_mer_2 A:visited
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 10px;
		font-weight: normal;
		color: #0751b6;
		background-color: #fff;
	}

.les_mer_2 A:link
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 10px;
		font-weight:normal;
		color: #0751b6;
		background-color: #fff;
	}

.les_mer_2 V:link
	{
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 10px;
		font-weight:normal;
		color: #0751b6;
		background-color: #fff;
	}

.les_mer_2 A:hover
	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 10px;
		font-weight: normal;
		color: #0751b6;
		background-color: #fff;
	}

.avstand_1 {
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 7px;
		float : left;
		width : 0px;
		padding : 3px;
		border-bottom : 0 solid #aaa;
		height : 0px;
	}

.avstand_bilde {
		margin-right: 3px;
	}

.hvaskjer_bilde {

		border : 0px solid #000;
		margin-right: 0px;
	}

.hvaskjer_bilde_1 {

		border : 0px solid #000;
		margin-right: 3px;
	}

.ingressbilde_1	{
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 43px;
		font-weight: bold;
		color: #000000;
		background-color: #fff;
	}

.idag_merke {
		text-decoration: none;
		font-family: Arial,Verdana,Geneva,Helvetica;
		float: right;
		font-size: 9px;
		font-weight: normal;
		color: #ff0000;
		background-color: #fff;
	}

.imorgen_merke {
		text-decoration: none;
		font-family: Arial,Verdana,Geneva,Helvetica;
		float: right;
		font-size: 9px;
		font-weight: normal;
		color: #ff0000;
		background-color: #fff;
	}

.menyhode_1 {
	font-family: verdana, sans-serif;
	background-color: #5c5b66;
        border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	line-height: 12px;
	text-decoration:none;
	height: 13px;
	width: 110px;
	display: block;
	text-indent: 3px;
}

.menyhode_2 {
	font-family: verdana, sans-serif;
	background-color: #ff6600;
        border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	line-height: 12px;
	text-decoration:none;
	height: 13px;
	width: 110px;
	display: block;
	text-indent: 3px;
}

.menyhode_3 {
	font-family: verdana, sans-serif;
	background-color: #0751b6;
        border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	line-height: 12px;
	text-decoration:none;
	height: 13px;
	width: 110px;
	display: block;
	text-indent: 3px;
}

.menyhode_4 {
	font-family: verdana, sans-serif;
	background-color: #cc0000;
        border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	line-height: 12px;
	text-decoration:none;
	height: 13px;
	width: 110px;
	display: block;
	text-indent: 3px;
}

.menyhode_5 {
	font-family: verdana, sans-serif;
	background-color: #0751b6;
        border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	line-height: 12px;
	text-decoration:none;
	height: 13px;
	width: 110px;
	display: block;
	text-indent: 3px;
}

.menylinker  {
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	text-decoration:none;
	background-color: #fafafa;
	height: 15px;
	width: 110px;
	display: block;
	text-indent: 3px;
}


.menylinker a:visited {
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	text-decoration:none;
	background-color: #fafafa;
	height: 15px;
	width: 110px;
	display: block;
	text-indent: 3px;
}

.menylinker a:link {
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	text-decoration:none;
	background-color: #fafafa;
	height: 15px;
	width: 110px;
	display: block;
	text-indent: 3px;
}


.menylinker a:hover {
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	text-decoration:none;
	background-color: #e8eaeb;
	height: 15px;
	width: 110px;
	display: block;
	text-indent: 3px;
}



.menylinker v:link {
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
	text-decoration:none;
	background-color: #fafafa;
	height: 15px;
	width: 110px;
	display: block;
	text-indent: 3px;
}


.venstre_marg  {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
                padding: 4px;
		font-size: 13px;
		font-weight: normal;
		color: #000000;
		background-color: #fff;
}


.venstre_marg a:visited {
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}

.venstre_marg a:link {
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}


.venstre_marg a:hover {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}



.venstre_marg v:link {
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}


.info_bunn  {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
                padding: 4px;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		background-color: #fff;
}

.info_bunn a:visited {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: normal;
		color: #0751b6;
		background-color: #fff;
}

.info_bunn a:link {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: normal;
		color: #0751b6;
		background-color: #fff;
}

.info_bunn v:link {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: normal;
		color: #0751b6;
		background-color: #fff;
}

.info_bunn a:hover {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
	        text-decoration: underline;
		font-size: 11px;
		font-weight: normal;
		color: #0751b6;
		background-color: #fff;
}


.linkantall  {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 8px;
		font-weight: normal;
		color: #000000;
		background-color: #fff;
}

.sort_strek {
	font-family: verdana, sans-serif;
	background-color: #000000;
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        padding: 1px;
}

/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  padding: 0px 0px 0px 0px;
  background: #e2e1eb;
}
#contentheader .error, #contentheader .message {
  margin: 0px 0px 0px 0px;
  padding: 5px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  text-align: left;
}
#contentheader .error {
  background: #ff3333;
}
#contentheader .message {
  background: #ff3333;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}

.kode_text {
  width: 70px;
  border: 1px solid #57594b;
}

#content_forside {
  margin: 0px 0px;
  padding: 0px;
  background: #ffffff;
}

.rullegardin  {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: normal;
		color: #000000;
		background-color: #fff;
}

/* 
================================================
autosuggest, inquisitor style
================================================
*/

body
{
	position: relative;
}


div.autosuggest
{
	position: absolute;
	background-image: url(http://www.oslosurf.com/detskjerioslo/tips/autosuggest/css/img_inquisitor/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(http://www.oslosurf.com/detskjerioslo/tips/autosuggest/css/img_inquisitor/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(http://www.oslosurf.com/detskjerioslo/tips/autosuggest/css/img_inquisitor/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(http://www.oslosurf.com/detskjerioslo/tips/autosuggest/css/img_inquisitor/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(http://www.oslosurf.com/detskjerioslo/tips/autosuggest/css/img_inquisitor/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(http://www.oslosurf.com/detskjerioslo/tips/autosuggest/css/img_inquisitor/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(http://www.oslosurf.com/detskjerioslo/tips/autosuggest/css/img_inquisitor/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{

	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(http://www.oslosurf.com/detskjerioslo/tips/autosuggest/css/img_inquisitor/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(http://www.oslosurf.com/detskjerioslo/tips/autosuggest/css/img_inquisitor/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}

.gm_innhold  {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 13px;
		font-weight: normal;
		color: #000000;
		background-color: #fff;
}


.gm_innhold a:visited {
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}

.gm_innhold a:link {
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}


.gm_innhold a:hover {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}



.gm_innhold v:link {
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 11px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}

.bla_link  {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
                padding: 4px;
		font-size: 13px;
		font-weight: normal;
		color: #000000;
		background-color: #fff;
}

.bla_link a:visited {
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 12px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}

.bla_link a:link {
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 12px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}

.bla_link v:link {
		text-decoration: underline;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 12px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}

.bla_link a:hover {
		text-decoration: none;
		font-family: Verdana,Geneva,Helvetica,Arial;
		font-size: 12px;
		font-weight: bold;
		color: #0751b6;
		background-color: #fff;
}

#calback {
	background: #FFF url('http://www.oslosurf.com/felles/minikalender/calWaiting.gif') no-repeat;
	margin: 0 auto;
	width: 174px;
}

#calendar {
	width: 174px;
	height: 100%;
}

.cal {
	background: #5c5b66;
}

.calhead {
	width: 164px;
	font-weight: bold;
	color: #FFF;
	font-size: 10px;
  	height: 15px;   
}

.calhead img {
	border: none;
}

.dayhead {
	height: 10px;
	background: #EEE;
	font-size: .8em;
}

.dayhead td {
	text-align: center;
	color: #000;
}

.dayrow {
	background: #FFF;
	height: 15px;
}

.dayrow td {
	width: 25px;
	color: #000;
	font-size: .8em;
}

.day {
	float: none;
	padding-left: 2px;
	text-decoration : none; 
	font-family : Verdana, Geneva, Helvetica, Arial; 
	font-size : 11px; 
	font-weight : bold; 
	color : #0751b6; 
	background-color : #fff; 

}

.dayover {
	background: #EEE;
}

.dayout {
	background: #FFF;
}

#yr-varsel {
	margin: 8px 0 8px 0 !important;
	padding: 0 0 8px 0 !important;
	width: 466px !important;	
	border-bottom: 4px solid #63c6e3;
	}
#yr-varsel * {
	font-family: Arial, Helvetica, sans-serif !important;
	}
#yr-varsel a {
	color: #069 !important;
	text-decoration: underline !important;
	}	
#yr-varsel a :hover{
	border: 0 !important;
	text-decoration: underline;
	}	
#yr-varsel a :hover img {
	text-decoration: none;
	}	
#yr-varsel h1 {	
	padding: 0 !important;
	margin: 0 0 4px 0 !important;
	height: 25px !important;
	width: 466px !important;
	font-size: 1px !important;
	}
#yr-varsel h2 {	
	font-size: 24px !important;
	padding: 0 !important;
	margin: 16px 0 8px 0 !important;
	}
#yr-varsel h2 a {	
	text-decoration: none !important;
	color: black !important;
	}
#yr-varsel h2 a :hover {	
	text-decoration: underline !important;
	color: #069 !important;
	}
	#yr-varsel p {
	font-size: 12px !important;
	padding: 4px 0 4px 0 !important;
	margin: 4px 4px 0 0 !important;
	letter-spacing: normal !important;
	line-height: 18px;
	}
#yr-varsel img {		
	border: 0 !important;
	}
#yr-varsel p.yr-lenker {
	font-weight: bold !important;
	margin-bottom: 16px !important;
	}	
#yr-varsel .yr-lenker a {
	margin-left: 8px !important;
	}
#yr-varsel table {
	width: 466px !important;
	font-size: 12px !important;
	margin: 0 !important;
	}
#yr-varsel th {
	text-align: left !important;
	padding: 4px 4px 4px 0 !important;
	margin: 0 !important;
	}	
#yr-varsel thead th {
	text-align: right !important;
	}
#yr-varsel td {	
	padding: 4px 8px 4px 0 !important;
	margin: 0 !important;
	text-align: right !important;
	vertical-align: middle !important;
	}
#yr-varsel td.v, #yr-varsel th.v {	
	text-align: left !important;
	}
#yr-varsel td.tekst {	
	text-align: left;
	font-size: 11px;
	}
#yr-varsel th.tekst {	
	text-align: left;
	font-size: 11px;
	}	
#yr-varsel th strong {	
	color: #069 !important;
	}
#yr-varsel td.pluss {
	color: #c00 !important;
	font-weight: bold !important;
	font-size: 14px !important;
	}
#yr-varsel td.minus {		
	color: #069 !important;
	font-weight: bold !important;
	font-size: 14px !important;
	}
#yr-varsel td.skilje {
	height: 1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: #63c6e3 !important;
	}

.sokeknapp {
font-family: Verdana,Geneva,Helvetica,Arial;
font-size: 12px;
font-weight:bold;
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
padding: 0px 2px;
background:url(http://www.oslosurf.com/grafikk/sokeknappbilde.gif) repeat-x left top;
}

.hvaskjer_avstand
	{

                font-family: Verdana,Geneva,Helvetica,Arial;
                font-size: 2px;
        	padding-top: 3px;
        	padding-right: 0px;
        	padding-bottom: 0px;
        	padding-left: 0px;
}

#infoside { 
padding : 2px; 
background : #ffffff; 
} 

#infoside h3 { 
margin : 25px 0 0 0; 
padding : 5px 0 0 0; 
border-bottom : 1px dotted #bbbfa1; 
}