
/* Generelle klasser */

@media screen
{
	body
	{
		background-color: #014a99;
	}
}

@media print
{
	body
	{
		background-color: #ffffff;
	}
}


@media all
{

	body
	{
		font-family: Tahoma, Verdana, sans-serif;
		font-size: 0.8em;
		color: #666;
		margin: 20px 0 0 0;
		padding: 0;
	}

	a
	{
		color: #014a99;
		text-decoration: none;
		background-color: transparent;
		font-weight: bold;
	}

	a:hover
	{
		text-decoration: underline;
	}

	p
	{
		margin: 0 0 1em 0;
	}

	h1
	{
		font-size: 1.4em;
		margin: 0 0 0.4em 0;
		font-weight: normal;
	}

	h2
	{
		font-size: 1.2em;
		margin: 0 0 0.3em 0;
		font-weight: normal;
	}

	h2 a
	{
		color: #666;
	}

	h3
	{
		font-size: 1.1em;
	}


	form
	{
		margin: 0;
	}


	input
	{
		font-size: 10px;
	}

	input.button
	{
		font-size: 10px;
		font-family: tahoma, sans-serif;
		width: 60px;
		margin: 0 0 2px 0;
	}

	textarea
	{
		width: 100%;
		height: 70px;
	}






	/************* KLASSER KNYTTET TIL SYSTEMFUNKSJONER ***********/

	/* MENY */

	/* Left */
	ul.menu-left
	{
		list-style-type: none;
		padding: 0 0 0 10px;
		margin: 0px 0px 0 0;
	}

	ul.menu-left li
	{
		margin: 0;
	}

	ul.menu-left a
	{
		padding: 2px 10px 0 0;
		display: block;
		height: 17px;
	}

	ul.menu-left a.selected, ul.menu-left a:hover
	{
		font-weight: bold;
	}


	/* SLUTT MENY */



	/* OPPLISTING AV ARTIKLER */

	div.list-art-mainart
	{
		margin: 0 0 15px 0;
	}

	div.list-art
	{
		margin: 0 0 15px 0;
	}

	div.list-art-left
	{
		float: left;
		clear: both;
		width: 200px;
	}

	div.list-art-right
	{
		float: right;
		width: 250px;
	}

	div.list-art-dummyfooter
	{
		clear: both;
		font-size: 0px;
		height: 0px;
	}

	span.list-art-morelbl
	{
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		margin: 20px 0 0px 0;
	}

	/* SLUTT OPPLISTING AV ARTIKLER */


	/* VISNING AV ARTIKLER */

	a.printable, a.tip
	{
		margin: 0 0 0 5px;
	}

	span.relart-list-lbl, span.relfile-list-lbl
	{
		display: block;
		text-transform: uppercase;
		font-weight: bold;
		margin: 10px 0 0px 0;
	}

	div.view-art-dummyfooter
	{
		clear: both;
		font-size: 0px;
		height: 0px;
	}

	div.tip input.text
	{
		width: 150px;
	}

	/* SLUTT VISNING AV ARTIKLER */

	/* LISTING AV BILDEARTIKLER */

	table.img-list
	{
		border: 0;
	}

	table.img-list td
	{
		border: 0;
		vertical-align: top;
	}

	div.img-list-paging
	{
		text-align: center;
	}

	div.img-temp
	{
		margin: 0 5px 5px 0;
		float: left;
	}

	div.img-temp img
	{
		border: solid 1px black;
	}

	/* SLUTT LISTING AV BILDEARTIKLER */


	/*******************************/
	/* Visning av fil-lister START */

	.file_list img
	{
		margin: 0 5px 0 0;
	}

	.file_list a
	{
		vertical-align: 30%;
	}

	.file_list span
	{
		display: block;
		margin: 0 0 0 20px;
	}

	/* Visning av fil-lister SLUTT */
	/*******************************/

	div.dummyfooter
	{
		clear: both;
		font-size: 0px;
		height: 0px;
	}

	/* LISTING AV BANNER */

	img.banner
	{
		display: block;
		margin: 0;
		border: 0px;
	}

	/* SLUTT LISTING AV BANNER *



		/* SØKEBOKS */

	div.searchbox
	{
		padding: 10px 0 10px 3px;
		border-bottom: solid #ccc 1px;
	}

	div.searchbox input
	{
		width: 125px;
		margin: 0 0 0 5px;
	}

	div.searchbox input.btn_submit
	{
		width: 30px;
	}

	/* SLUTT SØKEBOKS */


	/* LINKER */

	div.link_group
	{
		margin: 0;
	}

	div.link_group ul
	{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

	/* SLUTT LINKER */






	/* RAMMEVERK */

	div#framework
	{
		width: 800px;
		margin: auto;
		background: white;
	}

	div#top
	{
		height: 26px;
		background-image: url(../images/bg_top.jpg);
		background-repeat: no-repeat;
		border-bottom: solid 1px #014a99;
		
	}

	div#header
	{
		height: 140px;
		/*border: 1px solid gray;*/
		/*border-bottom: dotted 1px #999;*/
	}

	div#header img.logo
	{
		margin: 10px 0 0 20px;
		border: 0;
	}

	div#header img.logobav
	{
		float: right;
		/*margin: 13px 44px 0 0;*/
		margin: 13px 20px 0 0;
		border: 0;
	}

	div#main
	{
		padding: 20px;
	}

	div#footer
	{
		clear: both;
		height: 27px;
		background-image: url(../images/bg_bottom.jpg);
		background-repeat: no-repeat;
		border-top: solid 1px #014a99;
	}


	/* BÅTPRESENTASJON */

	div#boat hr
	{
		margin: 0 0 10px 0;
	}

	div#boat div.mainart
	{
		margin: 0;
	}

	div#boat div.mainart div.template div.image
	{
		background-position: bottom;
		float: right;
	}

	div#boat div.mainart div.template div.text
	{
		width: 335px;
		float: left;
	}

	div#boat div.mainart div.template div.text h1
	{
		margin: 0 0 0.3em 0;
	}

	div#boat div.footer, div#boat div.mainart div.template div.footer
	{
		clear: both;
	}

	div#boat ul
	{
		list-style-type: none;
		margin: 10px 0 5px 0;
		padding: 0;
	}

	div#boat ul li
	{
		display: inline;
	}

	div#boat ul li a
	{
		color: #666;
	}

	div#boat ul li a:hover, div#boat ul li a.selected
	{
		color: #111;
		text-decoration: none;
	}


	/* SLUTT BÅTPRESENTASJON */


	/* FORSIDE */

	div#frontpage div.banner
	{
		float: left;
		width: 180px;
		height: 200px;
	}

	div#frontpage div.news
	{
		float: left;
		width: 302px;
		padding: 0 10px 0 10px;
	}

	div#frontpage div.news div.image
	{
		float: left;
		width: 80px;
		height: 60px;
		margin: 0 5px 0 0;
	}

	div#frontpage div.boats
	{
		float: left;
		width: 258px;
		vertical-align: top;
		margin-left: 100px;
	}

	div#frontpage div.boats span
	{
		display: block;
		margin: 10px 0 0 0;
		font-size: 80%;
		font-style: italic;
	}

	div#frontpage div.footer
	{
		clear: both;
	}

	div#frontpage div.mainart div.template div.image
	{
		background-position: bottom;
		float: right;
		margin: 0 0 4px 0;
	}

	div#frontpage div.boats div.image
	{
		display: block;
		width: 81px;
		height: 75px;
		text-decoration: none;
		background-position: center top;
		background-repeat: no-repeat;
	}


	div#frontpage div.boats div.image a
	{
		display: block;
		width: 81px;
		height: 55px;
		text-decoration: none;
		margin-bottom: 2px;
	}

	/* SLUTT FORSIDE */




	/* MALER */


	div.template
	{
		padding: 0px 0px 0 0;
	}


	div.template a.more
	{
		display: block;
		margin: 10px 0 0 0;
		width: 70px;
	}


	div.template img
	{
		border: 0;
		margin: 0 4px 0 0;
	}

}

