html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

::selection {
	/*background-color: #b7d673;*/
	background-color: #ccc;
	/*line-height: 12px;*/
	/*background-color: #b7d673;*/
	/*color: #040;*/
	/*opacity: 0.85;*/
	font-family: monospace, arial;
	font-size: 14px;
	border-top-left-radius: 30px 10px;
	border-top-right-radius: 12px 4px;
	border-bottom-left-radius: 12px 4px;
	border-bottom-right-radius: 30px 10px;
	border: 1px solid #ccc;
	padding: 3px 9px 3px 9px;
	/*box-shadow: 0 0 12px #000;*/
	margin: 0 5px 0 0;

}

::placeholder {
  color: #aaa;
  font-style: italic;
}

#divider {
width:200px; margin:55px 0 45px 126px;
}

#divider2 {
width:200px; margin:0 0 45px 126px;
}

h1 span {
	font-family: monospace;
	font-size: 14px;
	color: #333;
	font-weight: lighter;
}

h1 span b {
	font-size: 14px;
}

#about_ul li, #ul_delivery li, #ul_delivery li a {
	font-size: 14px;
	line-height: 36px;
}

u {
	text-decoration: none;
	background-color: #dde4dd;
}

#restaurantLocation img {
	vertical-align: text-top;
}


.imgButton:active {
  -ms-transform: translate(4px,4px);
  -webkit-transform: translate(4px,4px);
  -moz-transform: translate(4px,4px);
  -o-transform: translate(4px,4px);
  transform: translate(4px,4px);
}

.divLunchSearch, #test {display: none;}


.foundit {
	background-color: #dde4dd;
	cursor: url(../img/lunch/favrem.png) 25 15, auto;
	margin: 0 1px 0 1px;
  /*line-height: 12px;*/
  /*-ms-transform: rotate(-5deg); /* IE 9 */
  /*-webkit-transform: rotate(-5deg); /* Safari 3-8 */
  /*transform: rotate(-5deg);*/
  /*display:inline-block;*/
}

#eraserImg {
	margin: 0 0 -8px 20px;
	cursor: pointer;
	width: 24px;
	height: 24px;
}
#favaddImg {
	margin: 0 0 -11px 23px;
	cursor: no-drop;
	width: 32px;
	height: 32px;
}

/* prevent safari and chrome to apply border on focused elements */
input:focus, select:focus, textarea:focus, button:focus {outline: none;}


span {
	font-family: monospace, arial;
	font-size: 14px;
}

.badgeMain {
	/*text-transform: uppercase;*/
	font-weight: bold;
	line-height: 40px;
	background-color: #b7d673;
	color: #040;
	letter-spacing: 1px;
	opacity: 0.7;
	font-family: monospace;
	font-size: 14px;
	/*border-top-left-radius: 25px 10px;*/
	/*border-top-right-radius: 12px 4px;*/
	/*border-bottom-left-radius: 12px 4px;*/
	/*border-bottom-right-radius: 25px 10px;*/
	border: 1px solid #ccc;
	padding: 3px 16px 3px 16px;
	margin-right: 28px;
	/*box-shadow: 0 0 12px #000;*/
}
.badgeSides {
	font-size: 14px;
	/*margin-left: 28px;*/
	margin-right: 28px;
}

.restaurant {
	color: #888;
	font-weight: bold;
	/*margin-left:10px;*/
	font-size: 14px;
	/*font-style: italic;*/
	/*text-transform: uppercase;*/
}

.restaurant a:link, .restaurant a:visited, .restaurant a:hover {
	margin-left: 3px;
	color: #888;
	font-size: 14px;
	text-decoration: none;
	/*font-style: italic;*/
}

#dish {
	z-index: 5;
}



input[type=text] {
   /* Awesome styling */
       border: 3px solid #92B148; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 1px 5px;
    background: rgba(235,235,235,0.5);
    border-radius: 5px;
    margin: 20px 0 10px 15px;
    width: 198px;
}

.autocomplete {
  /*margin-top: -25px;*/
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: relative;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  width:200px;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 20px;
  right: 0;
}
.autocomplete-items div {
  padding: 2px;
  cursor: pointer;
  background-color: #eee;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}




#noMatches {
	margin-left: 25px;
	margin-right:0;
	color: #ccc;
	font-weight: bold;
}

#restaurantLocation {
	margin-left: 25px;
	margin-bottom: 0;
	padding-left:0;
	color: #ccc;
	font-weight: bold;
	display: none;
}

#restaurantLocation a:link {
	color: #ccc;
	font-weight: bold;	
}
#restaurantLocation a:visited {
	color: #ccc;
	font-weight: bold;	
}

#example_iphone {
	display: none;
}

#weekend a:link {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #aaa;	
}

#weekend a:visited {
	color: #999;
	text-decoration: none;	
	border-bottom: 1px dotted #aaa;	
}

#weekend a:hover {
	color: #999;
	text-decoration: none;	
	border-bottom: 1px dotted #aaa;
}

#iphonemenu {display:none;}

.iphone_show {
	display: none;
}

.iphonep_show {
	display: none;
}


input[type="button"], input[type="reset"], input[type="submit"] {
   
	font-size:15px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
}

#div_weather_now {
	clear:both; margin-top:35px; margin-left:57px;
}

#div_suntimes_container {
	clear:both; margin-top:35px; margin-left:57px;
}

.img_nav_windDirection {
	width: 9px;
	height: 9px;
}

.logo {
	z-index: -1;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 350px;
	height: 350px; 
	opacity: 0.10;
}

#about, #about_ul {
	font-size: 14px;
}
#about a, .checklistlinks a {
	text-decoration: none;
	/*font-weight: bold;*/
	font-size: 14px;
	color: #92b148;
	border-bottom: 1px dotted #aaa;	
}
.readmore {display:none;}

.badge {
  margin-top: 8px;
  padding: 0 6px;
  line-height: 18px;
  font-size: 12px;
  /*background: #464e59;*/
  background: #b2d168;
  /*border-radius: 9px;*/
  	border-top-left-radius: 5px;
  	border-bottom-left-radius: 5px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
/*box-shadow: 1px 1px 7px #ccc;*/
  
  /*color: #92b148;*/
  color: #000;
  margin-right: 3px;
}

acronym {cursor:help;}

.badge2 {
  margin-top: 8px;
  padding: 0 6px;
  line-height: 18px;
  font-size: 12px;
  /*background: #464e59;*/
  background: #ccc;
  /*border-radius: 9px;*/
  	border-top-right-radius: 5px;
  	border-bottom-right-radius: 5px;  
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
		/*box-shadow: 1px 1px 4px #ccc;*/
  
  /*color: #92b148;*/
  color: #000;
  margin-right: 9px;
}


#formDay {display: none;}
* {
	font-family: monospace, arial;
	font-size: 12px;
	line-height: 32px;
	margin: 0;
	padding: 0;
}
body {
	background-image: url('img/body.png');
	margin-bottom: 100px;
	height:100%;
  overflow-x: hidden;
  width: 100%;
}

#rotate {
	display: none;
}


sup {
	color: #555a55;
	margin-left: 2px;
	font-size: 75%;
	font-weight: bold;	
	color: #999;
	font-family: verdana;	
}
#div_location {
	font-size: 16px;
	line-height: 36px;
	margin: 25px 0 20px 145px;
	font-weight: bold;
	font-family: verdana;	
}
#div_location img {
	vertical-align: middle;
}
#img_location_sunrise {
	margin-right: 11px;
}
#img_location_sunset {
	margin: 0 11px 0 26px;
}

.navError {
	color: #999;
	font-weight: bold;
	font-size: 24px;
	font-family: verdana;
	left: 122px;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 70px;
	z-index: 2;	
}

.textError {
	margin-left: 58px;
}

#nav {
	background-image: url('img/nav.png');
	height: 79px;
	margin: 0 0 10px -38px;
	padding: 0 0 0 95px;
	min-width: 400px;
}
#nav img {
	padding: 10px 0 0 0;
	border-bottom: 5px solid transparent;	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
/*	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;*/
}
#nav img:hover {
	border-bottom-color: #bbb;
}

#nav2 {
	background-image: url('img/nav.png');
	height: 79px;
	margin: 0 0 10px -38px;
	padding: 0 0 0 95px;
	min-width: 400px;
}

#nav2 img {
	padding: 10px 0 0 0;
	border-bottom: 5px solid transparent;	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
/*	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;*/
}



.divLunchDish, .divLunchUpdates, .divLunchSearch, .divLunchCookies, .divLunchJS, .divLunchWeatherContainer {
	margin: 30px 10px 20px 63px;
	padding: 0 50px 0 0;
	min-width: 450px;
}

#divLunchDishAll {
	display: none;
	margin: 0 10px 0 63px;
	padding: 0 50px 0 0;
	min-width: 450px;
}

.divLunchDishFav {
	display: none;
	margin: 30px 10px 0 69px;
	padding: 0 50px 0 0;
	min-width: 450px;
}


.divLunchDishImg, .divLunchDishAllImg, .divLunchDishFavImg, .divLunchUpdatesImg {
	display: inline-block;
	position: absolute;
	margin-top:8px;
}


.divLunchDishImgFlag {
	display: inline-block;
	position: absolute;
	margin-top:0;
}

#divForecastImg {
	display: inline-block;
	margin-right:3px;
	vertical-align: top;
	margin-top:7px;
}

.divLunchDishText, .divLunchDishAllText {
	font-size: 14px;
	display: inline-block;
	margin: 5px 0 0 62px;
}

.divLunchDishFavText {
	display: inline-block;
	margin: 5px 0 0 52px;
}


.divAbout {
	margin: 30px 10px 20px 63px;
	padding: 0 50px 0 0;
	min-width: 450px;
}
.divAboutImg {
	display: inline-block;
	position: absolute;
	margin-top:8px;
}
.divAboutText {
	display: inline-block;
	margin: 5px 0 0 72px;
}
.divAboutText a {
	text-decoration: none;
	color: #92b148;
	border-bottom: 1px dotted #aaa;	
}

.divTV {
	margin: 15px 10px 5px 63px;
	padding: 0 10px 0 0;
	min-width: 450px;
}
.divTVImg {
	display: inline-block;
	position: absolute;
	margin-top:8px;
	cursor: help;
}
.divTVText {
	display: inline-block;
	margin: 5px 0 0 75px;
}
.divTVText a {
	text-decoration: none;
	color: #92b148;
	border-bottom: 1px dotted #aaa;	
}


.divLunchWeather {
	display: inline-block;
	margin: 2px 0 0 44px;
	text-align: center;
}

.divLunchWeather img {
	margin-bottom: -10px;
}

.divLunchWeather span {
	font-weight: bold;
	color: #92B148;
	margin-left: 1px;
}

#divLunchWeather1100, #divLunchWeather2222 {
	margin: 2px 0 0 78px;	
}
#divLunchWeather1100 a, #divLunchWeather2222 a {
	text-decoration: none;
	color: #000000;
	border-bottom: 1px dotted #aaa;	
}

#divSunTimes {
	margin: 20px 0 0 82px;
}
.divLunchDishText a {
	text-decoration: none;
	color: #000000;
	border-bottom: 1px dotted #aaa;	
}

.divLunchDishText ul{
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0 15px 0 0;
}

.divLunchDishText li{
    padding-left: 15px; 
}

.divLunchDishAllText ul{
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0 15px 0 0;
}

.divLunchDishAllText li{
    padding-left: 15px; 
}

.divLunchDishFavText ul{
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0 15px 0 0;
}

.divLunchDishFavText li{
    padding-left: 20px; 
}

/*
.divLunchDishText ul li:before {
    position: absolute;
    content: "•";
    color: #999999;
    left: 0;
}
*/

#about_ul li:before {
    position: absolute;
    content: "•";
    color: #999999;
    left: 0;
}

#ul_delivery li:before {
    position: absolute;
    content: "•";
    color: #999999;
    left: 0;
}


.test_row {margin-left:120px;}

.x8x8 {font-size: 125%; padding-right:6px;}

.divLunchDishAllText ul li:before {
    position: absolute;
    content: "•";
    color: #999999;
    left: 0;
}

#test ul{
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0 15px 0 0;
}

#test li{
    padding-left: 20px; 
}

#test ul li:before {
    position: absolute;
    content: "\2605";
    margin-right: 100px;
    /*color: #999999;*/
    font-size: 125%;
    left: 120px;
}

.z8z8 {font-weight: bold; color:#999999;} 

.divLunchDishFavText ul li:before {
    position: absolute;
    content: "\2605";
    margin-right: 100px;
    /*color: #999999;*/
    font-size: 125%;
    left: -1px;
}


li:nth-child(odd) {
	color: #000000;
}
li:nth-child(even) {
	color: #527108;
}


#weekNumber {
	margin: 20px 40px 0 63px;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	padding: 0;	
	float: left;
	cursor: help;
}

#divSelectDay {
	margin: 37px 0 0 40px;
	min-width: 500px;
}

#divSelectDay span {
	color: #999;
	font-weight: bold;
	font-size: 24px;
	font-family: verdana;	
	cursor: pointer;
	text-shadow: 1px 1px 1px #333;
	display: inline-block;
	width: 36px;
}


#divSelectDay span:hover {
	color: #000;
}

.green {
	color: #92B148;
	font-weight: bold;
}
.black {
	color: #000000;
	font-weight: normal;
}

.greyBullet {
	color: #999;
	font-weight: bold;
	margin-left: 9px;
}

#temperature {
	color: #999;
	font-weight: bold;
	font-size: 24px;
	font-family: verdana;
	left: 44px;
	position: absolute;
	text-align: center;
	top: 7px;
	width: 77px;
	z-index: 2;
	cursor: help;
}
#temperature span {
	color: #92B148;
	font-weight: bold;
	font-size: 24px;	
}


.divNormal {
	margin: 20px 10px 20px 140px;
	padding: 0 50px 0 0;
}

section {
	background-image: url('img/section.png');
	border-radius: 5px;
	display: inline-block;
	margin: 0 0 0 40px;
	padding: 1px 5px 1px 5px;
}

#img_nav_lunch {
	margin: 0 0 0 77px;
	cursor: pointer;
	width: 48px;
	height: 48px;
}
#img_nav_diving {
	margin: 0 0 0 22.5px;
	cursor: pointer;
	width: 48px;
	height: 48px;
}
.divMeatImg {
	float: left;
	margin: 0 0 0 0;
	clear: right;
}
.divMeatMenu {
	float: left;
	margin: 5px 0 0 -5px;
}



.dot {
	color: #999;
}
#test:nth-child(even) {
	color: #527108;
}
#test2:nth-child(even) {
	color: #527108;
}
.coming {
	margin: 50px 0 50px 0;
	padding-right: 50px;
	text-align: right;
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
	display: none;
}
.coming span {
	font-style: italic;
	color: #999;
	font-size: 1px;
	line-height: 15px;	
	padding-right: 5px;
}
.attention {
	vertical-align: top;
	padding-top: 3px;
	margin: 0 9px 0 7px;
	width: 24px;
	height: 24px;
}
#form_selectedDay {
	display: none;
}
#weather_precipitation {
	position: absolute;
	top: 13px;
	cursor: pointer;
	left: 149px;
	font-size: 12px;
	font-weight: bold;
	color: #999;
}





.div_beer {margin:50px 0 20px 35px;}
.div_beer:first-child {margin:40px 0 20px 35px;}
.div_beer_left {float:left; text-align: center;}
.div_beer_right {margin-left:90px; padding-top:10px;}
.div_beer_right a:link {color: #999;}
.div_beer_right a:visited {color: #999;}
.div_beer_right_details {border-left: 2px solid #92b148; margin-left:12px; line-height: 35px; padding-left: 15px; padding-top: 7px;}

.img_beer {vertical-align:top; margin-right:8px;}

	
	#div_local_news .rssincl-entry {margin:0 20px 0 0; font-family:monospace, arial; font-size:10px;}
	#div_local_news .rssincl-entry img {
		height: 125px;
		margin: 5px 0 -5px 35px;
		/*width: auto;*/
		max-width: 600px;
		border-top-left-radius: 25px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 25px;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		box-shadow: 3px 3px 3px #ccc;
	}
	#div_local_news .rssincl-entry .rssincl-itemtitle {margin-bottom:3px; width:700px;}
	#div_local_news .rssincl-entry .rssincl-itemtitle a {cursor:pointer; text-decoration:none; color:#796f67; font-weight:bold; margin-left:5px;}
	#div_local_news .rssincl-entry .rssincl-itemdate {clear:both; float:left; margin:0 5px 0 0; padding:0; font-weight:bold; letter-spacing:1px; color:#493f37;}
	#div_local_news .rssincl-entry .rssincl-itemdesc {margin:8px 0 40px 17px; padding:2px 0 0 15px; border-left:3px solid #92b148; color:#999; max-width:680px;}
	#div_local_news .rssincl-entry .rssincl-itemdesc img {display:none;}



/* iphone 5 - portrait */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {



.badgeMain, .badgeSides, .restaurant a:link {font-size: 13px;}

/*.badgeSides {display:none;}*/

.badgeMain {
	line-height: 10px;
}



#searchdiv {display:none;}

textarea, input[type=button] {display:none;}


::placeholder {
  font-size: 10px;
}

h1  {
	margin-bottom: 35px;
	margin-left: 14px;
}

#divider, #divider2 {
	margin-left:57px;
}


#img_nav_lunch {
	margin: 0 0 0 0;
	cursor: pointer;
}

#img_nav_diving {
	margin: 0 0 0 17.5px;
	cursor: pointer;
}

#mobilepadding {margin-left: 15px;}

.x8x8 {font-size: 100%; padding-left:1px; padding-right:7px;}

#dish {
	width: 125px;
	font-size: 16px;
	/*margin-bottom:-50px;*/
}


	.badgeSides {margin-right: 13px;}

	/*.fb-like {display:block;}*/
	.iphone_hide {display: none;}
	.iphone_show {display: block;}	
	.iphonep_show {display: block; line-height:55px;}	
	#example {display:none;}
	#example_iphone {display:block;}
	#weekend {margin-top:15px;}

	#weekNumber {display: none;}

	/*#nav {display:none;}*/
	#temperature {display:none;}
	#distriktsprognos {display:none;}
	#smhi_textprognos {display:none;}
	#suntimes {display:none; margin:0; padding:0;}
	#divForecastImg {display:none;}
	#div_suntimes_container {clear:both; margin:0; padding:0;}
	#divSunTimes {margin-left: 20px;}
	/*.divLunchWeather {margin-right: 20px;}*/

#divLunchWeather1100 {margin: 2px 0 0 65px;}

#divLunchWeather2222 {margin: 2px 0 0 -65px;}

#iphonemenu {
	display:block;
	padding-bottom:15px;
	margin: 15px 15px 15px 5px;
	border-bottom: 1px dashed #999;}

.divLunchDishImgFlag {display:none;}

.divLunchWeather {
	display: inline-block;
	margin: 2px 0 0 32px;
	text-align: center;
}

	#test {
		margin:0 62px 25px -78px;
	}

	.test_row {
		margin-bottom: 32px;
	}

	.divNormal {margin:8px;}

	.mobileHide {display:none;}

	.divLunchDish, .divLunchUpdates, .divLunchCookies, .divLunchJS, #divLunchDishAll {
		margin: 0 0 20px 5px;
		/*width: 100%;*/
	}

	.divLunchSearch {
		margin: 20px 0 20px 5px;
	}



	#divLunchDishAll {
		margin-top: 15px;
	}
	.divLunchDish li, #divLunchDishAll li, .divLunchDishFav li {margin: 0 0 25px 0;}
	.divLunchDish li:before {padding-top: 5px;}
	#divLunchDishAll li:before {padding-top: 5px;}
	#divLunchDish_other li {
		margin: 0 0 5px 0;
	}
	#nav {
		margin: 0 0 10px 0;
		padding: 0 0 0 20px;
		width: 100%;
	}
	#temperature {
		left: 4px;
		position: absolute;
		text-align: center;
		top: 20px;
		width: 77px;
	}	
	.divLunchDishText, .divLunchDishAllText, .divLunchDishFavText {
		display: inline-block;
		margin: 5px 0 0 42px;
		font-family: monospace, arial;
		font-size: 12px;
		width: 100%;
		overflow-x: hidden;
	}	

	#weekNumber {
		margin: 20px 23px 0 20px;
		font-family: verdana;
		font-size: 12px;
		font-weight: bold;
		line-height: 32px;
		padding: 0;	
		float: left;
		cursor: help;
	}
	
	#divSelectDay {
		margin: 0 0 0 0;
	}



#divSelectDay span {
	color: #999;
	font-weight: bold;
	font-size: 24px;
	font-family: verdana;
	cursor: pointer;
	border-right: 1px dotted #ccc;
	border-style: none;
	margin:0;
	padding:0 11.5px;
	text-shadow: 1px 1px 1px #333;
	display: inline;
	width: auto;
}


#divSelectDay span:nth-last-child(1) {
	margin:0;
	padding:0 0 0 10px;
}

#mon {
	margin-right:5px;
	padding-right:5px;
}

	#divSelectDay {min-width: 0}
	.divLunchDish, #divLunchDishAll, .divLunchDishFav, .divLunchUpdates, .divLunchCookies, .divLunchJS, .divLunchSearch, .divLunchWeatherContainer {margin-left:15px; min-width: 0}


}




/*iphone 5 - landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {

.iphonep_show {display: none;}

}