/* GENERAL STYLES */
/* GENERAL STYLES */
/* GENERAL STYLES */
/*
Author:		Andreas Larsson
Date:			2007-07-02

Changelog:

*/




/* Rich text editor styling start */
#holderBody {
	background: #fff;
}

#holder {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px;
	text-align: left;
}

/* Rich text editor styling end */


body
{
	margin: 0px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1.0em;
	color: #000000;
	text-align: left;
	background-color: #FFFFFF;
	/* background-image: url(../images/BgBody02.jpg); */
	/* background-position: top center; */
	/* background-repeat: no-repeat; */
	/* background-attachment: fixed; */
}

img
{
	border: 0px;
}

#content1 img, #content2 img
{
	border: 1px solid #000000;
}

a:link.NoBorder, a:hover.NoBorder, a:visited.NoBorder
{
	border-bottom: 0px;
}

#container
{
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	min-height: 100%;
}

#top
{
	float: left;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 283px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/BgTop01.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#head
{
	float: left;
	top: 0px;
	left: 0px;
	width: 950px;
	height: 201px;
	text-align: center;
	margin: -107px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #D2F2F9;
	background-image: url(../images/BgHead01_.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

#head img
{
	margin-top: 15px;
}

#main
{
	float: left;
	top: 0px;
	left: 0px;
	width: 950px;
	height: 100%;
	min-height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 200px 0px;
	/* background-color: #FFFFFF; */
	/* background-image: url(../images/BgMain04.png); */
	/* background-repeat: no-repeat; */
	/* background-position: top right; */
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	clear: both;
}

#menu
{
	float: left;
	width: 200px;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/BgMenu_.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

#menu ul, #menu li
{
	font-family: "Century Gothic";
	font-size: 1.0em;
	list-style-type: none;
	display: block;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	line-height: 25px;
}

ul #secondlevel li
{
	font-size: 0.5em;
}

#contentContainer
{
	float: left;
	width: 750px;
	margin: 0px;
	padding: 0px;
	height:100%;
}

#content1
{
	float: left;
	width: 400px;
	margin: 25px 0px 150px 0px;
	padding: 0px;
	height:100%;
}

#content2
{
	float: left;
	width: 750px;
	margin: 25px 0px 0px 0px;
	padding: 0px;
}

#firstpageRightCol
{
	float:right;
	width:250px;
	margin-right:15px;
}

#lunchDayContainer
{
	width: 250px;
	margin: 25px 5px 0px 0px;
	padding: 0px;
}

			#lunchDayContainer ul
			{
				width: 200px;
				margin: 0px 0px 30px 15px;
				padding: 0px;
			}

			#lunchDayContainer li
			{
				margin: 0px 0px 0px 0px;
				padding: 0px;
			}



#lunchDayTopContainer
{
	float:left;
	width: 250px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/BgDagensLunchTop250_01.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

			#lunchDayTopContainer h2
			{
				margin: 30px 0px 0px 15px;
			}


			
#lunchDayTextContainer
{
	float:left;	
	width: 250px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(../images/BgDagensLunchText250_01.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

	#lunchDayTextContainer p
	{
		margin-right:20px;
	}

#lunchDayBottomContainer
{
	float:left;
	width: 250px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/BgDagensLunchBottom250_01.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

				#lunchDayBottomContainer p
							{
								margin: 30px 0px 0px 15px;
							}





/* Start VECKOMENY */

#lunchWeekContainer
{
	width: 500px;
	margin: 0px 0px 50px 0px;
	padding: 0px;
}

			#lunchWeekContainer ul
			{
				margin: 0px 0px 0px 40px;
				padding: 0px;
			}

			#lunchWeekContainer li
			{
				margin: 0px 0px 0px 0px;
				padding: 0px;
			}



#lunchWeekTopContainer
{
	width: 500px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/BgDagensLunchTop500_01.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

			#lunchWeekTopContainer h2, #lunchWeekTopContainer h3
			{
				margin: 0px;
				padding: 15px 0px 0px 15px;
			}


#lunchWeekTextContainer
{
	width: 500px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(../images/BgDagensLunchText500_01.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

			#lunchWeekTextContainer p, #lunchWeekTextContainer h3
			{
				margin: 0px;
				padding: 15px 0px 0px 15px;
			}


#lunchWeekBottomContainer
{
	width: 500px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/BgDagensLunchBottom500_01.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

			#lunchWeekBottomContainer p
			{
				margin: 15px 0px 0px 15px;
			}


/* slut VECKOMENY */




#nyheterContainer
{
	width: 250px;
	margin: 15px 35px 0px 0px;
}

#nyheterTopContainer
{
	float: left;
	width: 250px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/BgDagensLunchTop250_01.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

	#nyheterTopContainer h2, #nyheterBottomContainer p
	{
		margin: 15px 0px 0px 15px;
	}


#nyheterTextContainer
{
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background-image: url(../images/BgDagensLunchText250_01.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

#nyheterBottomContainer
{
	float: left;
	width: 250px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/BgDagensLunchBottom250_01.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}


#footerContainer
{
	float: left;
	width: 952px;
	margin: 0px 0px 100px 0px;
	padding: 25px 0px 0px 0px;
	background-image: url(../images/BgFooter01.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#logos
{
	float: left;
	width: 950px;
	text-align: center;
	margin: 25px 0px 0px 0px;
	padding: 0px;
}

#logos p
{
	font-size: .6em;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#logos img
{
	margin: 0px 5px 0px 5px;
	padding: 0px;
}

#footer01
{
	float: left;
}

#footer02
{
	float: right;
}


#footer01 p
{
	font-size: .6em;
	margin: 0px 0px 0px 20px;
}

#footer02 p
{
	text-align: right;
	font-size: .6em;
	margin: 0px 20px 0px 0px;
}


a:link, a:visited {font-size: 1em; color: #000000; margin: 0px; padding: 0px; background-color: inherit; text-decoration: none;}
a:hover, a:active {font-size: 1em; color: #999999; margin: 0px; padding: 0px; background-color: inherit; text-decoration: none;}

#content1 a:link, #content1 a:visited, #content1 a:hover, #content1 a:active, 
#content2 a:link, #content2 a:visited, #content2 a:hover, #content2 a:active
{
	border-bottom: dotted 1px;
}

#contentContainer ul li
{
	font-size: .8em;
}

#menu a:link, #menu a:visited
{
	background-image: url(../images/MenuDot1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
}

#menu a:hover
{
	background-image: url(../images/MenuDot2.gif);
}


/* Formulär */

fieldset
{
	border: 0px;
	margin: 0px 100px 0px 20px;
	padding: 0px;
}

legend
{
	font-size: 1.1em;
	font-weight: bold;
	visibility: hidden;
}

table
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}




/* Navigation */

#secondLevel {
    float: left;
    width: 110px;
    list-style:none;
    padding:0;
    margin: 0;
}

#secondLevel li {
    margin: 0;
}

#secondLevel li .selected {
	font-weight: bold;
}

#secondLevel a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
}

#secondLevel a:hover {

}

#naviHolder{
    float: left;
    padding:0;
    width:775px;
    height: 30px;
    margin: 0;    
}


}
/* Pull */
#nav ul, #nav {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav a {
    padding: 8px 0;
    text-align: center;
    text-decoration:none;
    color:#ffffff;
    display: block;
}

#nav .current {
	font-weight: bold;
}

#nav a {
	text-decoration: none;
}

#nav a:hover {
	color: white;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #060;
	padding: 0.5em 0;
}

#nav li {
	float: left;
	position: relative;
	width: 10em;
	text-align: center;
	cursor: default;
    	border-left:#ddd9cc solid 1px;
    	border-right:#888477 solid 1px;
}


li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}

li:hover ul, li.over ul {
	display: block;
}

/* BREADCRUM */
#umbBreadcrum
{
	float: left;
	width: 750px;
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #aaa;
	font-size: .9em;
}

#umbBreadcrum li
{
	float: left;
	margin: 0px 0px 0px 0px;
}

#bottomInfo
{
	font-size: .6em;
	margin: 30px 0px 0px 0px;
}


/* EDITOR PROPERTIES */
p {
font-size: 0.8em;
margin: 0px 0px 20px 0px;
}

h1 {
font-family: "Century Gothic";
font-size: 1.7em;
color: #CC0000;
font-weight: normal;
font-style: normal;
margin: 0px 0px 10px 0px;
}

h2 {
font-family: "Century Gothic";
font-size: 1.3em;
color: #CC0000;
font-weight: normal;
font-style: normal;
margin: 0px 0px 0px 0px;
}

h3 {
font-family: "Century Gothic";
font-size: 1.0em;
color: #CC0000;
font-weight: normal;
font-style: normal;
margin: 0px 0px 0px 0px;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}

/* EDITOR PROPERTIES */
p {
font-size: 0.8em;
margin: 0px 0px 20px 0px;
}

.tabelltext {
font-size: 0.8em;
margin: 3px 0px 3px 0px;
text-align:center;
}

h1 {
font-family: "Century Gothic";
font-size: 1.7em;
color: #CC0000;
font-weight: normal;
font-style: normal;
margin: 0px 0px 10px 0px;
}

h2 {
font-family: "Century Gothic";
font-size: 1.3em;
color: #CC0000;
font-weight: normal;
font-style: normal;
margin: 0px 0px 0px 0px;
}

h3 {
font-family: "Century Gothic";
font-size: 1.0em;
color: #CC0000;
font-weight: normal;
font-style: normal;
margin: 0px 0px 0px 0px;
}

