﻿body 
{
	margin:10px;
	/*background-color:#90D5FC;*/
}
.Logo1
{
	position:relative;
	top:4px
}
/*
 Classes used pdmarker.js
 */
div.markerTooltip, div.markerDetail
{
	color: black;
	font-weight: normal;
	font-family: Arial;
	font-size: 11px;
	background-color: #FFFFE1;
	white-space: nowrap;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid black;
}

ul
{
	font-family:Arial;    
    font-size:12px;
    color:White;
}


/*
 * Description:
 * CSS-class for the top div, containing logo and main advert.
 */
.CTopPanel
{
    	/*
	z-index:100;

	min-height:138px;
	height:auto !important;
	*/
	height:150px !important;
}
/*
 * Description:
 * CSS-class for the left div, containing "Menu" and "Left-side adverts".
 */
.CLeftPanel
{
	z-index:100;
	float:left;
	height:auto;
	width:140px;
	position:absolute;	
	top:auto;	
	margin-right:10px;
	margin-bottom:10px;
}
/*
 * Description:
 * A div containg such things as map and the restaurants weekly menu.
 */
.CCanvasPanel
{
	z-index:100;
	float:left;
	height:auto;
	width:570px;
	position:absolute;	
	top:auto;
	left:160px;	
	margin-right:10px;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:5px;
	/*line-height:14px;*/
}
/*
 * Description:
 * The right panel div is used as a container for the right adverts.
 */
.CRightPanel
{
	z-index:100;
	float:left;
	width:auto;
	height:auto;
	position:absolute;	
	top:auto;
	left:740px;
}

.CRightPanel_Maxi
{
	z-index:100;
	float:left;
	width:auto;
	height:auto;
	position:absolute;	
	top:10px;
	left:996px;
}
/*
 * Description:
 * Layout and positioning of the Google map div.
 */
.CGMap
{
	width:560px;
	height:315px;
	position:relative;
	left:5px; /* makes the map appear in center */
		clear:both;
}
/*
 * Description:
 * Class for the navigation menu.
 */
.CMenuClass
{
	background-color:#5EA8D1;
	line-height:14px;
	height:142px;
	margin-bottom:10px;
	margin-right:8px;
	width:142px;
	float:left;
}
/*
 * Description:
 * Positioning and layout of the name for the selected restaurant (where the weekly menu and such are shown).
 */
.CNameHead1
{
	font-family:Arial;
	font-size:34px;
	font-weight:bold;
	color:White;
	padding:0px;
	margin:0px;
}

.CContactSpan
{
	font-family:Arial;
	font-size:12px;
	color:White;
}
/*
 * Description:
 * Positioning and layout of the description for the selected restaurant (where the weekly menu and such are shown).
 */
.CDescriptionSpan
{
	font-family:Arial;
	font-size:12px;
	color:White;
}
/*
 * Description:
 * Class for the weekly menu of the selected restaurant.
 */
.CWeeklyMenuSpan
{
	font-family:Arial;
	font-size:12px;
	color:white;
}
/*
 * Description:
 * Positioning of shortcurts to each restaurant belonging to the selected category.
 */
.CShortcutSpan
{
	position:relative;
	left:10px;
	color:White;
}
/*
 * Description:
 * Is used for the shortcut links for each restaurant, basically just contains the layout of the text.
 */
.CShortcutLink
{
	color:White;
	font-family:Arial;
	font-size:12px;
}
/*
 * Description:
 * Positioning stuff for each ad.
 */
.CSideAdvert
{
	
	border-width:1px;
	border-color:Black;
	
	/*
	border-width:0px;
	border:0;	
	*/
	
	margin-bottom:5px;
	position:relative;
}
.CTopAdvert
{
	
	border-width:1px;
	border-color:Black;
		
	/*
	border-width:0px;
	border:0;
	*/
	margin-bottom:5px;
	position:absolute;
	top:auto;
}
.SmallHeader
{
	font-size:14px;
}
/*
 * Description:
 * Positioning and layout of the different links in the navigation menu.
 */
.CNavigationLink
{
	color:White;
	font-family:Georgia;
	font-size:12px;
	text-decoration:none;
	position:relative;
	left:6px;
	top:-6px;
	/*top:5px;*/
}

.CNavigationLink:hover
{
	text-decoration:underline;
}
/*
 * Description:
 * Positioning for the contact form.
 */
.CContactForm
{
	position:relative;
	left:5px;
	font-size:12px;	
	font-family:Arial;
	/*font-family:Georgia;*/
	color:#ffffff;
}

.CAbout
{
	color:#ffffff;
	font-family:Arial;
	font-size:12px;	
	position:relative;
	left:5px;
	line-height:14px;
}
/*
 * Description:
 * Design and layout settings for Njutning.
 */

.CArticle
{
	padding:10px;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;	
}


.CArticle img
{
	border:0px;
	float:right;
}


.CtopCanvasDiv
{
	padding-bottom:15px;
}


.CbottomCanvasDiv
{
/*
	height:300px;
	width:300px;
	*/

	
	/*height:auto;*/
	/*
	position:relative;
	left:5px;
	*/
	padding:0px,0px,5px,0px;
	margin-bottom:10px;
	text-align:left;
	
	
}

.CcanvasDiv_bottomLeft
{
	/*
	height:300px;
	width:300px;
	*/
	float:left;
	/*float:left;*/
	
	height:auto;
	width:200px;


	border-right-color:White;
	border-right-style:solid;
	border-right-width:1px;
	padding-right:10px;
	

	/*
	float:left;
	padding-right:10px;
*/
}

.CcanvasDiv_bottomRight
{
	height:auto;
	/*width:360px;
*/
/*
	width:350px;
	*/
	width:320px;
	float:left;
	padding-right:10px;
	padding-left:10px;
	
	/*
		border-left-color:White;
	border-left-style:solid;
	border-left-width:1px;
	*/
	
	/*
	position:relative;
	left:5px;	
	padding-bottom:5px;
	*/
}


.CDateTime
{
	color:White;
	font-family:Arial;
	font-size:12px;
	position:relative;
	left:5px;
	top:5px;
	float:left;
}

.CCurrentCategory
{
	color:White;
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	position:relative;
	left:5px;
	float:left;
}

.CHowTo
{
	color:White;
	font-family:Arial;
	font-size:11px;
	position:relative;
	float:right;
	left:-5px;
	top:5px;
}

.rssFeed:a
{
    color:White;
}
