/* -------- -------- -------- -------- -------- --------
    U L Y S S E S   C L U B   N O R W A Y
    D E S I G N   O G   K O D E   A V :   T E O D O R
    H T T P : / / T E D D Y E N . N E T
    -------- -------- -------- -------- -------- -------- */

* {
	padding: 0; margin: 0;
	}

html, body{
	width: 100%;
	height: 100%;
	min-width: 900px;
	}

body{
	background: #f5f5f5;
	}

#wrap{
	width: 100%;
	min-height: 100%;
	float: left;
	}

div#topp, div#mid, div#bunn, div#footer{
	width: 100%;
	}

div#topp{
	background: #5d0000;
	height: 100px;
	}

div#topp div#headercontainer{
	width: 420px;
	padding-top: 20px;
	padding-left: 30px;
	}

div#mid{
	background: black;
	height: 40px;
	}

div#bunn{
	background: #ac2800;
	height: 40px;
	}

div#bunnskygge{
	background: url(gfx/bunnskygge.gif) left no-repeat;
	height: 14px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 180px;
	}

div#innhold{
	width: 480px;
	padding-left: 30px;
	padding-top: 25px;
	padding-right: 20px;
	background: url(gfx/innholdsbakgrunn.png) top left no-repeat;
	float: left;
	padding-bottom: 40px;
	min-height: 200px;
	}

div#bildebar{
	width: 336px;
	height: 275px;
	background: url(gfx/bildebakgrunn.png) bottom no-repeat;
	float: left;
	}

div#logo{
	width: 399px;
	height: 321px;
	background: url(gfx/logotransparent.png) no-repeat;
	position: absolute;
	right: 9px;
	top: 0px;
	z-index: 1;
	}

div#footer{
	display: block;
	background: #ac2800;
	height: 20px;
	position: fixed;
	bottom: 0;
	}

a#webmaster{
	display: block;
	background: url(gfx/teddyen.gif);
	position: fixed;
	bottom: 20px;
	right: 10%;
	width: 204px;
	height: 37px;
	}

div#footercontainer{
	}

div#mid ul{
	position: absolute;
	top: 100px;
	left: 0px;
	padding-top: 8px;
	list-style-type: none;
	z-index: 2;
	}

div#mid ul li{
	display: inline;
	font-family: 'Bitstream Vera Sans', Tahoma, 'Lucida Sans Unicode', Verdana;
	letter-spacing: 0pt;
	font-size: 13pt;
	margin-left: 10px;
	text-transform: uppercase;
	}

div#mid ul li a{
	color: white;
	text-decoration: none;
	}

div#mid ul li a:hover{
	color: #ad0000;
	}

#forstelink{
	margin-left: 20px;
	}

div#bildet{
	position: absolute;
	top: 260px;
	left: 565px;
	width: 250px;
	height: 150px;
	background: url(gfx/bildeskygge.png) top left no-repeat;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 12px;
	padding-right: 12px;
	z-index: 0;
	}

/* -------- -------- --------
    T Y P O G R A F I
   -------- -------- -------- */

body{
	font-size: 10pt;
	font-family: Verdana, Arial, 'Lucida Sans Unicode', Tahoma, 'Bitstream Vera Sans';
	line-height: 15pt;
	}

h1{
	color: white;
	font-family: 'Trebuchet MS', 'Bitstream Vera Sans, Tahoma',  'Lucida Sans Unicode';
	font-size: 17pt;
	font-weight: normal;
	}

h2{
	color: white;
	font-family: Verdana;
	font-size: 12pt;
	}

div#bunn h2{
	padding-top: 8px;
	padding-left: 30px;
	}

h3{
	font-size: 10pt;
	color: #ac2800;
	}
	
a:link{
	color: #ac2800;
	text-decoration: underline;
	}

a:visited{
	color: #ad0000;
	text-decoration: undeline;
	}

a:hover{
	text-decoration: none;
	}

a:active{
	color: #f5f5f5;
	text-decoration: none;
	}

/* -------- -------- -------- --------
    C S S - T A B E L L O P P S E T T
   -------- -------- -------- -------- */

#kolonne1, #kolonne2{
	width: 110px;
	float: left;
		}

#kolonne3{
	width: 180px;
	float: left;
		}

#kolonne4{
	float: left;
		}

#hva{
	float: left;
	width: 90px;
	}

#tid{
	width: 50px;
	float: left;
		}

#dato{
	width: 80px;
	float: left;
		}

#hvor{
	width: 160px;
	float: left;
	}

/* -------- -------- -------- --------
    K O N T A K T S K J E M A
   -------- -------- -------- -------- */
		
#fore textarea{
	overflow: auto;
	display: block;
	float: left;
	margin-bottom: 10px;
	}

#fore input, #fore textarea{
	border: 1px solid #ac2800;
	padding: 1px 2px;
	}

#fore label, #fore input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}	

#fore label{
	text-align: right;
	width: 110px;
	padding-right: 15px;
	}

#fore form br{
	clear: both;
	}

#fore form {
	clear: both;
	}
#fore input.button{
	width: 80px;
	background: white;
	}

#fore input:hover, #fore textarea:hover{
	border: 1px solid black;
	}


/* -------- -------- -------- -------- -------- --------
    D I V E R S E   T A G S   O G  K L A S S E R
   -------- -------- -------- -------- -------- -------- */

dd{
	padding-left: 40px;
	padding-bottom: 1em;
	}

p{
	padding-bottom: 1em;
	}

h1.alignright{
	display: block;
	float: right;
	padding-bottom: 5px;
	}

div#innhold ol, #innhold ul{
	padding-left: 20px;
	}

div#tabelllookalike ul, div#tabelllookalike ol{
	padding-left: 0;
	list-style-type: none;
	}
	
div#mailboks{
	margin-top: 20px;
	float: left;
	clear: both;
	}

div.nyhet{
	border-bottom: 1px dashed #888;
	padding-bottom: 30px;
	margin-bottom: 25px;
	}

div#marked div.info{
	display: none;
	}