th, td { text-align: left; vertical-align: top; }
body {
	background:	#f0f0e0;
	font-family:	'trebuchet ms', verdana, arial, 'Luxi Sans', helvetica, Sans-Serif;
	margin, padding: 0;
	}

#desktop {
    width:	760px;
    margin-top:	20px;
    margin-left:	auto;
    margin-right:	auto;
    background:	#e0e0d0;
    color:	#000000;
    font-size:	1em;
    }

#header {
    background:	black url(../logos/header-2010.jpg) no-repeat scroll center center;;
    height:	70px;
    }

#footer {
    clear:		both;
    margin-top:	2px;
    padding:	3px;
    font-size:	0.8em;
    text-align:	center;
    background:	#B0B070;
    }

#col0 {
    padding:	5px;
    }

#col1 {
    padding:	5px;
    margin-right:	210px;
    }

#kalender {
    float:		right;
    width:		200px;
    margin:		0;
    padding:	5px;
    border-left:	2px solid #ffffef;
    margin-bottom: 10px;
    }

#kalender p { margin: 0px; font-size: 0.9em; }

#kontakt { clear: left; height: 110px; }
#kontakt div p { margin: 0px; padding: 0; }

#a_col1 {
	padding:	5px;
	margin-left:	245px;
	margin-left:	5px;
	border:		1px solid gray;
	background:	white;
	height:		350px;
	overflow:	auto;
	}
	
h1 { font-size: 1.3em; margin-top: 0em; margin-bottom: 0.2em; }
h2 { font-size: 1.2em; margin-top: 0em; margin-bottom: 0.2em; }
h3 { font-size: 1.0em; margin-top: 0.5em; margin-bottom: 0em; }
h4 { font-size: 1.0em; margin-top: 0em; margin-bottom: 0em; background: #c0b070; padding-left: 2px; }

/* Marknadskalender */
h5 { font-size: 0.7em; margin-top: 1em; margin-bottom: 0em; background: #c0b070; padding-left: 2px; }

.bg2 { background: #c0b070; }
.bg4 { background: transparent; }
.bg5 { background: transparent; }

.warning { margin-top: 10px; margin-bottom: 10px; background: #ffff77; border: 1px solid #c0b070; padding: 3px; color: red; font-weight: bold; text-align: justify; }

th {
    text-align:	left;
    }

td {
    }

.left		{ text-align: left; }
.right		{ text-align: right; }
.justify	{ text-align: justify; }
.small		{ font-size:  0.7em; }
.xsmall		{ font-size:  x-small; }
.xxsmall	{ font-size:  xx-small; }
.top		{ vertical-align: top; }
.bottom		{ vertical-align: bottom; }
.nospace	{ margin: 0; }
.bold		{ font-weight: bold; }

/* Denna lägger sig på en ny rad */
.block {
	display:		block;
	border:		solid 1px #00FF00;
	margin-right:	0.5em;
	margin-bottom:	0.5em;
	padding:		0.5em;
	float:		left;
	}

img { border: 0px; }

.space {
	border:		0px;
	padding-right:	5px;
	padding-bottom:	5px;
	}
	
/* Inloggningsruta */
.loginbox {
	display:	block;
	margin-left:	200px;
	margin-right:	200px;
	margin-top:	70px;
	margin-bottom:	100px;
	border:	1px solid black;
	padding:	5px;
	background:	#808F40;
	}

a:link { color: #0000ff; text-decoration: none; }
a:visited { color: #0000ff; text-decoration: none; }
a:hover { color: #ffffff; text-decoration: none; background: #777777; }
a:active { color: #0000ff; text-decoration: underline; }

#nav ul { margin: 0 0 5px 0; padding: 3px 0px; background: #b0b070 url(../images/buttonbar.gif) repeat; font-size: 13px; font-weight: bold; text-transform: uppercase; }
#nav li { display: inline; }
#nav li:after { content: "|"; }
#nav ul a { text-decoration: none; padding: 3px 0.7em; } 

#nav a:link { color: #000000; text-decoration: none; }
#nav a:visited { color: #000000; text-decoration: none; }
#nav a:hover { color: #ffffff; text-decoration: none; background: #777777; }
#nav a:active { color: #000000; text-decoration: underline; }

#nav2 { float: right; width: 200px; font-weight: bold; }
#nav2 ul {
    list-style-type: none;
    margin: 0; padding: 0;
    background: #b0b070;
    font-size: 100%;
    text-transform: uppercase;
    border-bottom: 1px solid #e0e0d0;
    }
#nav2 ul a { display: block;
    text-decoration: none;
    width: auto;
    height: 100%;
    border-top: 1px solid #e0e0d0;
    border-left: 1px solid #e0e0d0;
    border-right: 1px solid #e0e0d0;
    padding: 0.25em; } 

#nav2 a:link { color: #000000; text-decoration: none; }
#nav2 a:visited { color: #000000; text-decoration: none; }
#nav2 a:hover { color: #ffffff; text-decoration: none; background: #777777; }
#nav2 a:active { color: #000000; text-decoration: underline; }

.visits {
    border: 1px solid white;
    padding: 5px;
    font-size: 0.8em;
    background: white;
    }
input { font-size: 1em; }

.gbform p { font-size: 0.8em; font-weight: bold; margin-top: 1.0em; margin-bottom: 0; }
.gbform div { }

.ingress { font-size: 1.1em; font-weight: bold; }

.recept {
    margin: 10px 0 0px 0;
    padding: 0 0 5px 0;
    border-bottom: 3px dotted #c0b070;
    }

.portions {
    font-size: 0.8em;
    text-transform: uppercase;
    font-variant: small-caps;
    }

.ingredients {
    float: right;
    border: 1px solid white;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size: 0.8em;
    background: #c0b070;
    width: 200px;
    white-space: pre-wrap;
    }

.howto {
/*    clear: left; */
    border: 1px solid transparent;
    font-size: 0.8em;
    white-space: pre-wrap;
    }