/* CSS Document */

	html {
		height: 100%;
	}

	body {
		margin: 0 auto;
		height: 100%;
		padding-top: 0px;
		font-family: verdana, arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		background-color: #5E422D;
		text-align: center;
		}
	hr {
  	color: #000000;
		background-color: #5E422D;
  	height: 1px;
  	border: 10px;
  	}

	table {
		border-collapse: collapse;
	}

	.clr {
		clear: both;
	}

	#outline 		{
		border: 0px solid #c72226;
		background-image: url(../img/bg_image.gif);
		padding: 0px 0px 0px 0px;
		width: 620px;
		text-align: left;
		height: auto;
		margin: 0 auto;
		z-index: 1;
		position: relative;
		display: table;
	}
	
	#inner_left 		{
		position: relative;
		float: left;
		top: 0px;
		left: 0px;
		padding: 0px 0px 0px 0px;
		width: 620px;
		text-align: left;
		height: auto;
		margin: 0 auto;
		z-index: 1;
	}
	
	#inner_right 		{
		position: relative;
		float: left;
		top: 0px;
		left: -1px;
		width: 236px;
		height: auto;
		padding: 0px 0px 0px 0px;
		text-align: left;
		margin: 0 auto;
		z-index: 1;
	}
	
	#top {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 620px;
		left: 0px;
		top: 0px;
		height: 222px;
		text-align: center;
		z-index: 1;
		position: relative;
		clear: both;
	}

	#menu {
		height: 25px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		width: 350px;
		position: absolute;
		left: 152px;
		top: 173px;
		z-index: 1;
		text-align: center;
		clear: both;
		float: none;
	}

	#picture {
		position: absolute;
		background-image: url(../img/tl_logotext.gif);
		left: 164px;
		top: 85px;
		width: 283px;
		height: 80px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: 0;
		z-index: 1;
	}
	
	#portfolio_table {
		position: relative;
		left: 40px;
		top: -7px;
		height: auto;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: 0;
		z-index: 1;
	}


	#logo {
		position: absolute;
		left: 23px;
		top: 46px;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		margin: 0px 0px 0px 0px;
		border: 0;
		width: 132px;
		height: 170px;
		
	}
	
	#content {
	position: relative;
	left: 6px;
	top: 0px;
	margin-top: 0px;
	margin-left: 17px;
	margin-bottom: 20px;
	margin-right: 0px;
	padding: 0px;
	width: 571px;
	height: auto;
	min-height:100px;

	}
		
	#content_frame { 	
	          float: left;
						width: 352px;
						height: auto;
						min-height: 10px;
						margin-left: 0px;
						margin-right: 0px;
						padding-left: 0px;
						padding-right: 0px;
						background: url(../img/content_tile.gif) repeat-y;
						background-color: #9FCC4D;
						color: #000000;
						}
	
	#headline_1 		{
		background-image: url(../img/headline_valkom.gif);
		padding: 0px 0px 0px 0px;
		width: 352px;
		height: 46px;
		position: relative;
		left: 0px;
		top: 0px;
	}
	
	#headline_2 		{
		background-image: url(../img/headline_ommig.gif);
		padding: 0px 0px 0px 0px;
		width: 352px;
		height: 46px;
		position: relative;
		left: 0px;
		top: 0px;
	}
	
	#flickr {
   		background:url(../img/flickerness.gif) no-repeat;
   		width:214px;
   		height:154px;
   		padding:2px 0px 0px 50px;
   		margin-top:30px;
  }
	
	#flickr h2 {
   		position:absolute;
   		left:-300px;
   		top:-300px;
  }
	
	#flickr img {
   		float:left;
   		margin:0 0px 8px 8px;
   		background:#ffffff;
   		padding:4px;
   		width:62px;
   		height:62px;
			border:0px;
  }
	
	#flickr_meny {
   		background:url(../img/flickerness_meny.gif) no-repeat;
   		width:236px;
   		height:465px;
			position:relative;
			padding-top: 10px;
   		left:0px;
   		top:85px;
   		
  }

	
	#headline_3 		{
		background-image: url(../img/headline_portfolio.gif);
		padding: 0px 0px 0px 0px;
		width: 352px;
		height: 46px;
		position: relative;
		left: 0px;
		top: 0px;
	}
	
	#headline_4 		{
		background-image: url(../img/headline_kontakta.gif);
		padding: 0px 0px 0px 0px;
		width: 352px;
		height: 46px;
		position: relative;
		left: 0px;
		top: 0px;
	}
	
	#headline_5 		{
		background-image: url(../img/headline_links.gif);
		padding: 0px 0px 0px 0px;
		width: 352px;
		height: 46px;
		position: relative;
		left: 0px;
		top: 0px;
	}								
				
	#theMovie{
	position: relative;
	width: 320px;
	height: auto;
	left: 0px;
	top: 0px;
  padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
  margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 16px;
	margin-right: 0px;
	z-index: 1;
	}
	
	#theGame{
	position: relative;
	width: 300px;
	height: auto;
	left: 0px;
	top: 0px;
  padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
  margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 16px;
	margin-right: 0px;
	z-index: 1;
	}
	
	#theTextLeft{
	position: relative;
	width: 335px;
	height: auto;
	top: 0px;
	left: 0px;
  padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
  margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 13px;
	margin-right: 0px;
	z-index: 1;
	}
	
	#content_bottom {	
									position: relative;
									width: 352px;
									height: 12px;
									left: 0px;
									background: url('../img/content_bottom.gif') no-repeat;
									background-color: #9FCC4D;
									color: #000000;
									}
									
	#news_frame {
	          float: right;
						width: 204px;
						height: auto;
						min-height: 10px;
						margin-left: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						padding-left: 0px;
						padding-right: 0px;
						background: url(../img/news_tile.gif);
						}
						
	#newsheadline 		{
		background-image: url(../img/news_headline.gif);
		padding: 0px 0px 0px 0px;
		width: 204px;
		height: 46px;
		position: relative;
		left: 0px;
		top: 0px;
	}
	
	#theTextRight{
	position: relative;
	width: 195px;
	height: auto;
	top: 0px;
	left: 0px;
  padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
  margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 0px;
	z-index: 1;
	}
									
	#news_bottom{	
	position: relative;
	width: 204px;
	height: 12px;
	left: 0px;
	top: 0px;
	background: url('../img/news_bottom.gif') no-repeat;
	background-color: #9FCC4D;
	color: #000000;
	}					

	#footer 		{
		background-image: url(../img/main_bottom.gif);
		padding: 0px 0px 0px 0px;
		width: 620px;
		height: 60px;
		text-align: left;
		margin: auto;
		z-index: 0;
		position: relative;
		display: table;
	}
	
	#google 		{
		padding: 0px 0px 0px 0px;
		width: 468px;
		height: 60px;
		text-align: left;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		z-index: 0;
		position: relative;
		display: table;
	}
	
	#w3c_xhtml{	
	position: relative;
	top: 20px;
	left: 24px;
	width: 620px;
	height: 35px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 1;
	display: table;
	}	

	#headline {
		margin: 0 auto;
		padding-top: 0px;
		font-family: verdana, arial, Helvetica, sans-serif;
		font-size: 15px;
		text-align: left;
		font-weight: bold;
		color: #000000;
    background-color: #FFFFFF;
		}

td {
		text-align: left;
		font-size: 11px;
	}

	/*Lists*/
	ul
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}

	li
	{
		line-height: 15px;
		padding-left: 15px;
		padding-top: 0px;
		background-repeat: no-repeat;
		background-position: 0px 3px;
	}