/****** CSS FINNTID.NO REL 20/10/05 V.3.0 ********/
@import url("finntid_v3_menu.css");
@import url("finntid_v3_buttons.css");
@import url("finntid_v3_calendar.css");



body, html {
	font-size: 12px; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida", Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	margin: 0; padding: 0;
	height: 100%;
	}


/* form */
form {
	margin: 0; padding: 0; display: inline;
	}	

label, legend, input, select, textarea, caption {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida", Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.9em;
	color: black;
	}
	
input, select, textarea {
	padding: 2px;
	margin: 0 0 3px 0; border: 1px solid #999999;
	}
	
input.checkbox {float: left; margin: 0 0 -10px 0;padding: 2px; display: inline; border: none;}


/* text */
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida", Geneva, Helvetica, Arial, sans-serif;
	margin: 0; padding: 0; line-height: 1.1em;
	color: #ff4400;
	}
h1 {color: black;}
h2 {font-size: 1em; font-weight: normal; padding: 10px 0 2px 10px; clear: both; width: 120px;}
h3 {font-size: 0.9em; font-weight: normal; padding: 5px 0 2px 10px; clear: both; color: #666666;}

h1 { font-size: 1.2em; }

p {font-size: 0.9em; clear: both; color: #333333; margin: 0.2em 0; padding: 0; line-height: 1.5em;}
p.small {font-size: 0.8em; color: #666666;}

.spaceWrapper {padding: 5px;}

abbr, acronym {
  cursor: help;
  }
  
  ul, ol, dl {
              position: relative;  }


/* links */


a, a:link, a:visited {color: #006699; text-decoration: none; }
a:hover, a:active {color: #ff4400; text-decoration: none; }

a.follow, a.follow:link, a.follow:visited { }
a.follow:hover, a.follow:active { }


/* structure */	
#page {
	background: url(../img_interface/page_bg.jpg) repeat-x;
	text-align: center;
	}
	
#pagewrap {
	background: url(../img_interface/page_contentbg.png) repeat-y;
	width: 955px;
	margin: 0 auto;
	text-align: left;
	}	

#gradtop {
	background: url(../img_interface/page_gradtop.png) no-repeat;
	width: 945px;
	padding: 5px;
	float: left;
	}
	
	#top {
		width: 945px;
		float: left;
		display: inline;
		height: 88px;
		min-height: 88px;
		}
		
		#top img {padding: 0; margin: 0; float: left;}
		#top img.adtop {margin: 10px 0 0 220px;}
		
		#top .tipsvenn {
			width: 150px;
			float: left;
			display: inline;
			margin: 0; padding: 0;
			}
	
	#menu {
		width: 165px;
		float: left;
		display: inline;
		}
		
		#menu h2.space {padding-top: 20px; float: left;}
		
		#menu form .location select {
			width: 120px;
			margin-left: 10px;
			}
			
		#menu ul {}
			
		
	#content {
		width: 480px;
		float: left;
		display: inline;
		}
		
			/* content styles */
			
			#content .page {padding: 10px; width: 460px; float: left; clear: both;}
			#content .frontpage {width: 480px; float: left; clear: both;}
					
				.frontpage img {margin: 0; padding: 0; float: left;}
				p.intro {
					padding: 0 10px 5px 10px; margin: 15px 0 10px 0; color: #ff4400; font-size: 1.2em; 
					border-bottom: 1px dotted black; width: 300px; float: left; 
					margin-left: 80px; display: inline; text-align: center; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;
					}
				p.intross {
					padding: 0 10px 5px 10px; margin: 15px 0 10px 0; color: #ff4400; font-size: 1.2em; 
					border-bottom: 1px dotted black; width: 300px; float: left; 
					margin-left: 80px; display: inline; text-align: center;
					}
				.frontpage p.splash {width: 470px; float: left; clear: both; padding: 0 5px 10px 5px; margin: 0;}
				.frontpage p.details {
					margin: 10px 0 0 0; padding: 2px 10px; 
					color: #999999; font-size: 0.8em; text-align: right; float: left;
					margin-left: 160px; clear: both; width: 300px; display: inline;
					}						
				.frontpage h2 .small {font-size: 0.8em; font-weight: bold; color: black;}
				
				.frontpage .storyWrapper {width: 240px; float: left; display: inline;}
				
				.frontpage .storyLong {
					float: left; width: 230px; padding: 0; margin: 10px 5px 0 5px; display: inline;
					border-top: 2px solid black;}
					
				.frontpage .storyLong ul {
					margin: 0; padding: 0;
					}
					
				.frontpage .storyLong ul li {
					list-style: none;
					float: left; display: inline;
					}
				.frontpage .storyLong ul li a { 
					float: left; width: 220px; padding: 10px 5px 2px 5px; border-bottom: 1px solid #f1f1f1;
					display: inline; clear: both; list-style: none;
					background: url(../img_interface/anmlistbg.gif) no-repeat;
					background-position: 100px 0;
					}
				.frontpage .storyLong ul li a:hover, .frontpage .storyLong ul li a:active {
					
					background-position: 0 0;
					}
				
				.frontpage .storyLong ul li a .anmDetails {color: #666666; font-size: 0.8em;}
					
				.frontpage .storyLong h2 {
					font-size: 1.3em; padding: 5px 0; width: 100%;}
				.frontpage h1 {
					margin: 0; padding: 5px; border-bottom: 1px solid #ff4400; border-top: 1px solid #ff4400;
					font-size: 2em; color: black; font-weight: normal;
					}
				.frontpage .storyBignf {width: 480px; padding: 0; margin: 0; display: inline;}	
				.frontpage .storyBignf p.story {padding: 10px;}				
				
		
				.frontpage .storyBig {
					width: 470px; padding: 0; margin: 10px 5px 0 5px; display: inline;
					border-top: 2px solid #333333; float: left;
					}
				.frontpage .storyBig h1 {
					width: 470px; padding: 5px 0; color: black; float: left; font-size: 2em;
					font-weight: normal; display: inline; border-bottom: 0;
					}
				
				.frontpage .storyBig img {
					float: left; display: inline; clear: both; border-bottom: 1px solid #ff4400;
					margin-top: 2px; 
					}
					

					
				.frontpage .storySmall {
					width: 230px; padding: 0; float: left; margin: 10px 5px 0 5px; display: inline;
					border-top: 2px solid black;
					}
				.frontpage .storySmall h2 {
					width: 220px; float: left; font-size: 1.3em; color: #ff4400; 
					padding-left: 0; padding-bottom: 3px; padding-top: 8px; display: inline;
					}
				.frontpage .storySmall h3 {
					width: 220px; color: black; float: left; font-size: 1em; color: #ff4400;
					padding-left: 0; padding-top: 5px; display: inline;
					}
				.frontpage .storySmall p {width: 220px; float: left; padding: 0; margin: 0; clear: both;}
				.frontpage .storySmall img {
					float: left; display: inline; clear: both; margin-top: 2px;
					border: 1px solid black;
					}
				p .anmDetails {color: #666666; font-size: 0.8em; border-top: 1px dotted #CCCCCC; display: block; margin-top: 3px; clear: both;}
					
				p a.line
					 {padding-top: 6px; padding-left: 20px; display: block; background: url(../img_interface/eksternlink.gif); float: left;}
				p a.orderHere
					{padding-top: 6px; padding-left: 30px; float: left; background: url(../img_interface/eksternlink.gif); background-position: -140px 0;}
				p a.line:hover
					{background-position: 0 -60px;}
				p a.orderHere:hover
					{background-position: -140px -60px;}
				
				.storyList {width: 470px; padding: 0; float: left; margin: 10px 5px 0 5px; display: inline; border-top: 2px solid black;}
				.storyList h2 {width: 470px; float: left; font-size: 1.3em; color: #ff4400; padding: 5px 0; display: inline;}
				.storyList p {width: 470px; float: left; padding: 0; margin: 0; clear: both;}
				.storyList ul {clear: both; float: left; width: 470px; margin: 0; padding: 0;}
				.storyList ul {border-top: 1px dotted #CCCCCC;}
				.storyList ul li {list-style-image: url(../img_interface/eksternbullet.gif); margin: 0 0 0 30px; padding: 0;}
				.storyList ul li  {clear: both;}
				
				p.noshow {
					color: #ff4400; font-size: 1.2em; text-align: center;  clear: both; margin: 3px 0; padding: 0; width: 100%;
				}
				p.description {
					padding: 10px;
				}
				
				.justifiedlinks {float: left; width: 100%; clear: both;}
				.justifiedlinks a, .justifiedlinks a:link, .justifiedlinks a:visited {width: 100px; padding: 5px 10px; float: left;}
			
				.tblue {color: black;}
				.tred {color: #ff4400;}
				.reallyIndicate {
					display: block; text-align: center; width: 400px; 
					float: left; display: inline; margin: 0;padding: 10px 30px; color: #ff4400; font-size: 1.3em;
					}
				.big { font-size: 2.0em;}
			
			.page h1, .page h2, .page h3 {padding: 5px 0 0 0; float: left; clear: both; margin: 0; width: 100%;}
			h1 a, h1 a:link, h1 a:visited {color: black;}
			h2 a, h2 a:link, h2 a:visited, h3 a, h3 a:link, h3 a:visited {color: #ff4400; }
			h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active {text-decoration: underline;}
			.page h1 {font-size: 1.6em; font-weight: normal;}
			.page h1.history { margin: 10px 0 0 0; padding: 5px 0 0 0;}
			.page p.history { margin: 0 0 10px 0;}
			
			.page h2 {font-size: 14px;}
			.page p {padding: 0 0 20px 0;}


			
			#content form {margin: 0; padding: 0; display: inline;}
			#content form fieldset {border: 1px solid #CCCCCC; padding: 10px; margin: 0 0 10px 0; clear: both; width: 438px;}
			#content form fieldset.sf {
				border: 1px solid #CCCCCC; padding: 10px; margin: 0 0 10px 0; float: left; clear: none; width: 200px;
				}
			#content form fieldset legend {color: #ff4400; padding: 5px;}
			#content form label {text-align: right; width: 130px; margin: 0 10px 10px 0; float: left; clear: left;}
			#content form label.statement {text-align: left; width: 400px; margin: 0 0 10px 0; float: left;}
			#content form input {float: left;  width: 150px;}
			#content form input.check {float: left; width: auto; border: none;}
			#content form label input.checkbox {}
			#content form select {width: 125px; border: 1px solid #CCCCCC;}
			#content br.clear {clear: both;}
			#content form .searchCol {width: 130px; padding: 0 0 0 10px; float: left; clear: none;}
			#content form .searchCol select {width: 160px; border: 1px solid #CCCCCC;}
			#content form .searchCol select.selectSmall {width: 125px; border: 1px solid #CCCCCC;}
			#content form .searchCol select.time {width: 45px; }
			#content form .searchCol input {width: 100px;}
			#content form .searchCol input.check {width: auto;border: none;}
			#content form select.restime {width: 60px;}
			#content form .searchCol label.select, #content form label.select {
				width: 100px; float: left; clear: both; text-align: left;
				margin: 0 0 5px 0; padding: 0; color: black;
				}
			#content form input[disabled], #content form textarea[disabled] {
				background: white; color: #666666;
				border: 1px dotted #333333;
				}
			#content form textarea.message {width: 430px;}
			label.request {width: 80px; text-align: left; float: left; margin: 0 5px 0 0;}
			
			#content .msgBox1 {
				float: right; display: inline; padding: 10px; border: 1px solid #006699; font-size: 0.9em; color: #ff4400;
				}
			#content .msgBox2 {
				float: right; display: inline; padding: 10px; border: 1px solid #ff4400; font-size: 0.9em; color: black;
				}
		
			#content .widemsgBox1 {
				float: left; display: inline; padding: 10px; border: 1px solid #006699; font-size: 1em; color: #ff4400;
				width: 438px;
				}
								
			
			#content form .searchCol label.CBgrade {width: 80px; float: left; text-align: left; margin: 0;}
			
			.calimg {float: left; padding: 0; margin: 0;}
		
			#restaurantInfo {
				margin: 5px 0 0 10px; display: inline; width: 410px; float: left;
				}
				
				#restaurantInfo h3 {margin: 0; padding: 0; font-size: 1em; color: #ff4400;}
				#restaurantInfo p  {padding: 0; margin: 0;}
		
		
			#content .searchResBox {
				width: 230px; float: left; clear: none;
				height: 170px; min-height: 170px; margin: 0;
				background: url(../images/searchResBox.jpg) no-repeat; display: inline;
				}
				
			#content .searchResBox:after {
				content: ".";
				display: block;
				height: 0;
				clear: both;
				visibility: hidden;
				}
				
			#content .searchResBox p {
				line-height: normal;
				}
		
				
				#content .tiny {background: url(../images/searchResBoxtiny.jpg) no-repeat; height: 105px; min-height: 105px;}
				#content .var2, #content .var3 {
					background: url(../images/searchResBox2.jpg) no-repeat; height: 150px; min-height: 150px;
					}
				#content .var2 .time {display: none;}
				#content .var2 h1 {margin-bottom: 12px;}
				#content .var3 .time {margin: 13px 0 3px 0;}
				
				.searchResBox h1 {
					font-size: 1.3em; font-weight: normal; color: #006699; 
					padding: 21px 0 5px 20px; width: 200px; margin: 0; clear: both; display: inline;
					}
				.searchResBox h1 a {color: #006699; text-decoration: none;}
				.searchResBox h1 a:hover, .searchResBox h1 a:active {text-decoration: underline; color: #ff4400;}
				
				.searchResBox .indicate {
					color: black; padding-left: 5px; display: block;
					width: 60px; float: left; clear: none; 
					}
				
				.searchResBox p {margin: 0; padding: 0 0 0 15px; float: left; width: 210px; display: inline;}
				.searchResBox p.center {margin: 0; padding: 0; float: left; width: 230px; display: inline; text-align: center;}
				.searchResBox .time {
					font-size: 1.1em; color: #ff4400; text-align: center; width: 230px; float: left;
					padding:0; margin: 4px 0 10px 0; display: inline;
					}
				#content .searchResBox select.newtime {font-size: 1em; color: #ff4400; width: 80px; margin: -3px 0 0 0; padding: 0;}
				
				#content .order {
					background: url(../img_interface/orderbg.png) no-repeat;
					width: 460px;
					float: left;
					display: inline;
					clear: both;
					height: 260px;
					min-height: 260px;
					padding: 0; margin: 0;
					}
		
					#content .order .orderColOne, #content .orderConfirm .orderColOne
						 {float: left; width: 250px; padding: 0 0 0 30px; display: inline; line-height: 23px;}
					#content .order .orderColTwo, #content .orderConfirm .orderColTwo
						{float: left; width: 150px; padding: 0; display: inline;}
					#content .order .orderColOne .indicate, #content .orderConfirm .orderColOne .indicate
						{color: #666666; width: 70px; text-align: left; clear: left; float: left;}
					#content .order .orderColTwo .indicate, #content .orderConfirm .orderColTwo .indicate
						{margin: 0; float: none; display: block; text-align: left; color: #666666;}
					#content .order .orderColOne h1, #content .orderConfirm .orderColOne h1
						{margin: 30px 0 15px 0; color: #ff4400;}
					#content .order .orderColBtn, #content .orderConfirm .orderColBtn
						{width: 365px; padding: 50px 30px 0 65px; text-align: center;}
					.orderColTwo h1 {margin: 30px 0 15px 0;}
					.orderConfirm .orderColTwo h1 {margin: 30px 0 5px 0;}
					.orderColOne h1 a, .orderColOne h1 a:link, .orderColOne h1 a:visited {color: #006699; text-decoration: none;}
					.orderColOne h1 a:hover, .orderColOne h1 a:active {color: #ff4400;}
		
				#content .orderConfirm {
					background: url(../images/confirmbg.png) no-repeat;
					width: 460px;
					float: left;
					display: inline;
					clear: both;
					height: 260px;
					min-height: 260px;
					padding: 0; margin: 0;
					}
			
			
				#content ul.listOne {list-style: none; float: left; margin: 0; padding: 5px 10px;}
				#content ul.listOne li {list-style: none; margin: 0; padding: 0; line-height: 1.3em;}
				#content ul.listOne li label {width: 70px; color: #ff4400; float: left;}
				
				#content ul.listTwo {list-style: none; float: left; margin: 0; padding: 5px 10px;}
				#content ul.listTwo li {list-style: none; margin: 1.1em 0; padding: 0; line-height: 1.4em;}
				#content ul.listTwo li {color: #666666; font-size: 0.8em;}
				#content ul.listTwo li a, #content ul.listTwo li a:link, #content ul.listTwo li a:visited {
					font-size: 1.2em; color: #006699; text-decoration: none;
					}
				#content ul.listTwo li a:hover, #content ul.listTwo li.a:active {color: #ff4400;}
				
				
				
				#content .profileButtons {
					width: 470px; padding: 5px; background: #EBEEF1;
					float: left; display: inline; margin: 5px 0;
					}
				#content .profileButtons a {margin: 5px;}
				
					
				#content .profileImgCtrl form select {padding: 0; margin: 0; font-size: 1.3em; width: 200px;}
				
				.profileImgCtrl a, .profileImgCtrl a:link, .profileImgCtrl a:visited {
					padding: 2px; color: #006699;
					}
				
				.profileImgCtrl a:hover, .profileImgCtrl a:active {
					background: white; text-decoration: none;
					color: #ff4400;
					}
					
				img.profileImg {margin: 0; padding: 0; max-height: 200px; z-index: 0; float: left;}
				#profileDetails {
					background: url(../img_interface/bildemangler.jpg) no-repeat;
					width: 480px; height: 200px; display: inline; float: left;
					}
			
				#profileDetails h2 {float: left; clear: none; font-size: 1.8em; padding: 15px 5px 5px 5px; margin: 0; width: 290px;}
				#profileDetails h2 .dim {color: #999999; font-size: 1em; padding-right: 5px;}
				#profileDetails p.description {font-size: 1.1em; padding: 0 5px; width: 290px; float: left; color: #666666; clear: none;}
		
		
				
		
		
		
	#subcontent {
		width: 139px;
		float: left;
		display: inline;
		border-left: 1px solid #a1c4d6;
		}
		
		#subcontent h2.space {padding-top: 20px; float: left;}
				
		#subcontent ul {}
		
		
				/* subcontent styles */
					
					#subcontent form label, #subcontent form input {
						margin-left: 10px;
						}
						
					#subcontent form input.login {width: 116px;}
						
					#subcontent label.flat {margin-left: 0;}
				
					#subcontent .adtop {
						width: 129px;
						padding: 0 5px;
						background: #BACCD5;
						line-height: 22px;
						text-align: center;
						color: #006699;
						font-size: 0.8em;
						float: left;
						display: inline;
						clear: both;
						margin:30px 0 0 0;
						}
					
					
					#subcontent img.ad {
						padding: 10px  5px 0 5px;
						/*background: url(../images/annonseh.gif) no-repeat;*/
						margin: 0 0 30px 0;
						float: left;
						border: 0px;
					}
					#subcontent a img.ad {border: 0;}
					
					#subcontent .bg {
						background: url(../img_interface/login_bg.gif) no-repeat;
						height: 201px; width: 139px;
						}
					
					#subcontent .velkommen {
						background: url(../img_interface/mintidbg.jpg) no-repeat;
						background-position: -1px 0;
						height: 201px;
						width: 128px;
						padding: 0 6px;;
						min-height: 200px;
						color: #006699;
						text-align: center;
						float: left;
						}
						.velkommen h2 {margin: 35px 0 0 0; width: 128px; padding: 0;}
						
						.velkommen ul {list-style: none; float: left; clear: both; margin: 20px 0 0 0; padding: 0;}
						.velkommen ul li {list-style: none; float: left; display: inline; clear: both; margin: 0; padding: 0;}
						.velkommen ul li a, .velkommen ul li a:link, .velkommen ul li a:visited {
							width: 118px; padding: 2px 5px ; float: left; clear: both;
							background: url(../img_interface/mintidbtnbg.gif) no-repeat;
							text-align: left; text-decoration: none; color: #006699;
							background-position: -1px 0;
							}
						.velkommen ul li a:hover, .velkokmmen ul li a:active {
							background-position: -1px -40px;
							color: #ff4400;
							text-decoration: none;
							}
						
						ul.orderlist {
							list-style: none; float: left; width: 139px; margin: 0 0 20px 0; padding: 0;
							border-bottom: 1px solid #a1c4d6;
							}
						ul.orderlist li {
							list-style: none;
							float: left;
							display: inline;			
							}
						ul.orderlist li a, ul.orderlist li a:link, ul.orderlist li a:visited {
							color: #006699; text-decoration: none; margin: 0;
							padding: 15px 0 0 10px; width: 129px; float: left;
							clear: both; min-height: 40px; height: 40px; 
							display: inline; font-size: 0.9em; border-top: 1px solid #a1c4d6;
							}
						ul.orderlist li a:hover, ul.orderlist li a:active {
							color: black;
							background: white;
							}
						ul.orderlist li a .details {color: #666666; font-size: 0.9em;}
						
						.subcontentads {text-align: center; background: url("../img_interface/subcontentadtop.gif") no-repeat top center; padding-top: 40px; float: left; clear: both; width: 139px;}
						.subcontentads img {padding-bottom: 5px;}
		
	.pagead {margin: 5px;}
		
		
	#adRight {
		width: 160px;
		float: left;
		display: inline;
		text-align: center;
		}
		
		#adRight img { margin-top: 5px; border: 0;}
			
			
	#bottom {
		float: left;
		clear: both;
		height: 70px;
		width: 955px;
		background: url(../img_interface/bottom.png) no-repeat;
		display: inline;
		}
	
	#bottom p {
		color: #666666;
		text-align: left;
		padding: 15px 23px 0 23px;
		font-size: 0.8em;
		}
		

/* login */



#panel {
	width: 480px; height: 101%; min-height: 101%;
	margin: 0 auto; margin-top: 120px;
	background: url(../images/loginbg.jpg) no-repeat;
	background-position: 15px 0; z-index: 500;
	}
	
#panel .wrap, #newRegister .wrap{
	width: 400px; float: left; margin-left: 40px; display: inline;
	}
	
	#panel .colone, #newRegister .colone
		{width: 205px; padding-left: 45px; float: left; display: inline; text-align: left;}
		.colone h1 {padding: 15px 0 0 0; display: inline; float: left; clear: both;}
		.colone p {padding: 15px 0 0 0; display: inline; float: left; clear: both; width: 175px;}
	#panel .coltwo, #newRegister .coltwo
		{width: 115px; padding-left: 35px; margin-top: 20px; float: left; display: inline; text-align: left;}
		.coltwo form label {width: 110px; padding: 3px 0 0 0; color: #ff4400; float: left; display: inline; clear: both;}
		.coltwo form input {width: 110px;  color: #006699; float: left; display: inline; clear: both;}
		.coltwo h1 {padding: 0; margin: 0;}
		.coltwo h2 {padding: 0; margin: 0;}
	#panel .cancel {width: 400px; float: left; margin: 23px 20px 0 0;}
	

#newRegister {
	width: 480px; height: 101%; min-height: 101%;
	margin: 0 auto; margin-top: 120px;
	background: url(../images/newregisterbg.jpg) no-repeat;
	background-position: 15px 0; z-index: 1000;
	}	
	
	#newRegister .information {width: 350px; padding-left: 45px; float: left; display: inline; text-align: left;}
	#newRegister .information p {font-size: 0.9em; margin-top: 5px;}
	#newRegister .information label {color: #ff4400; width: 140px; display: inline; float: left; margin: 2px 10px 0 0; padding: 0;}
	#newRegister .information label.check {width: 340px; float: left; clear: both; color: #333333;}
	#newRegister .information input.text {color: #333333; width: 140px; float: left; display: inline; margin: 0 10px 2px 0; padding: 0;}