/* *** lulspexet.com - the new shit! *** */
html, body{ 
 background: #FFF url(bg.jpg) no-repeat center 100px;
 font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;	
 font-size: 12px;
 margin: 0;
 padding: 0;
 text-align: center;
} 

/* Generell typografi*/

p {
	margin-top: 2px;
	}

a:link, a:visited { 
	text-decoration: underline; 
	color: #666;
	}

a:hover, a:active { 
	text-decoration: none; 
	}

h1 {
	font-size: 24px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 2px;
	margin-top: 0;
	margin-bottom: 8px;
	width: 100%;
	border-bottom: 3px solid #464646;
}

h2 {
	font-size: 14px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 1px;
	width: 100%;
	margin-top: 0;
	margin-bottom: 6px;
	border-bottom: 2px solid #464646;
}

h3 {
	font-size: 12px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	margin-top: 2px;
	margin-bottom: 4px;
	font-weight: bold;
	color: #000;
}

	
	.vit {
	color: #FFF;
	}
	
	.gra {
	color: #666;
	}
	
	.bla {
	color: #006479;
	}
	
	.stor {
	font-size: 14px;
	}
	
	.liten {
	font-size: 11px;
	line-height: 12px;
	}

		img { 
		background: white;
		padding: 1px;
		border: 1px solid #666;
		}
	
		img.no-border { 
		background: transparent;
		#margin-bottom: -10px;
		border: 0;
		padding: 0;
		}
		
			#inlog	{
				margin-top: 10px;
				margin-right: 10px;
				text-align: left;
				}
				
			.form { 
		border: 1px solid #464646;
		padding-left: 3px;
		margin-top: 2px;
		margin-bottom: 2px;
		font-size: 10px;
		line-height: 10px;
		height: 14px;
		width: 80px;
	 }
	 
	 		.knapp { 
			border: 1px outset #666;
			background-color: #464646;
			padding-top: 2px;
			font-size: 10px;
			line-height: 10px;
			height: 20px;
			width: 80px;
			color: #FFF;
	 }
	 
/* Layout */

#top {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100px;
	}
	
	#topbg	{
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		}
	
	#head {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 850px;
	height: 100px;
	
	}
	
#container {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	margin-top: 0;
	width: 850px;
	z-index: 1;
	}
	
	#page	{
		position: relative;
		padding: 0;
		width: 850px;
		margin-top: 0;
		z-index: 2;
		background: url(skugg.gif) no-repeat 165px 100px;
		float: left;
		border-bottom: 3px solid #464646;
		}

		#west	{
			position: relative;
			width: 168px;
			z-index: 3;
			text-align: left;
			float: left;
			}
			
			#logo {
				margin-top: 0;
				width: 165px;
				height: 100px;
				margin-bottom: 10px;
			}			
			
			#menyholder	{
				margin-top: 10px;
				width: 165px;
				
				}
			
			#meny 	{
				
				width: 165px;
				font-size: 12px;
				line-height: 12px;
				text-align: left;	
				list-style-type: none;
				}
				
				#meny a	{
						display: block;
						width: auto;
						height:100%;
						padding-left: 10px;
						padding-top: 7px;
						padding-bottom: 7px;	
						text-decoration: none;
						}
						
		#mitt 	{
	position: relative;
	width: 472px;
	margin-left: 5px;
	padding: 0;
	text-align: left;
	float: left;
			}
			
		#east 	{
			position: relative;
			width: 200px;
			margin-left: 5px !important;
			margin-left: 2px;
			padding: 0;
			z-index: 3;
			text-align: left;
			float: left;
			}
			
			.margin	{
				margin-top: 110px;
				}

			.text	{
				margin: 5px;
				text-align: left;
				background: url(border.gif) repeat-x bottom left;
				}

	#foot	{
		position: relative;
		padding: 0;
		margin: 0;
		width: 850px;
		height: 38px;
		z-index: 2;
		float: left;
		text-align: left;
		font-family: tahoma;
		font-size: 10px;
		line-height: 12px;
		}
			
			#foot0	{
				position: relative;
				width: 60px;
				margin-top: 5px;
				height: 30px;				
				float: left;
				}
			
			.footcon	{
				position: relative;
				z-index: 3;
				background: url(dotfoot.gif) repeat-y  top left;			
				margin-top: 7px;
				margin-bottom: 7px;
				height: 24px;
				text-align: left;
				float: left;
				}
			
			#foot p{
			margin: 0 10px 0 10px;
			}
			
		#shine	{
		position: relative;
		padding: 0;
		width: 850px;
		height: 18px;
		margin-bottom: 10px;
		z-index: 2;
		float: left;
		text-align: right;
		color: #FFF; 
		background: #464646;
		font-family: tahoma;
		font-size: 10px;
		line-height: 10px;
		}
		
			#shine	p{
				margin: 4px 10px 4px auto;
				}
				
				
			#shine a:link, a:visited { 
				text-decoration: none; 
				color: #FFF;
				}

			#shine a:hover, a:active { 
				color: #FFF;
				}

		
		.boxblue, .boxred { 
			padding: 7px 8px;
			margin-bottom: 1em;
			 }
			 
		.boxblue  {
			background: #D7E9F3;
			border: 1px solid #BDCFD9;
			 }
			 
		.boxred  {
			background: #F3D0CA;
			border: 1px solid #D9B6B0;
			 }
			 
.tcellv {
	border-bottom: solid 1px #E2E2E2;
	width: 180px;
	font-size: 12px;}
	
	.tcellm {
	list-style-type: none;
	border-bottom: solid 1px #E2E2E2;
	width: 180px;
	font-size: 12px;}
	
	.tcellh {
	list-style-type: none;
	border-bottom: solid 1px #E2E2E2;
	color: #006479;
	width: 80px;
	font-size: 12px;}
	
	.tcellv a{
				display: block;
				width: auto;
				padding-left: 2px;	
				text-decoration: none;
				}
	
	.tcellv, .tcellm a:link, a:visited{
		color: #006479;
		text-decoration: none		
		}
				
	.tcellv, .tcellm a:hover{
		color: #777;							
		}
		
	.tcellm a{
				display: block;
				width: auto;
				padding-left: 0px;	
				text-decoration: none;
				}
	.warning {
	background: #F3D0CA;
	border: 1px solid #D9B6B0;
	position: absolute;
	width: 200px;
	visibility: hidden;
	z-index: 1000;
	display:inline;
}