﻿body
{
    margin: 0px;
    padding: 0px;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
}

.level2selected
{
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6
{
    font-family: arial, verdana, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

/*
h1 {
	font-size : 18px;
	line-height : 22px;
	margin : 10px 0px 20px 0px;
	text-transform : uppercase;
}
*/

h1
{
    font-size: 18px;
    line-height: 22px;
    margin: 10px 0px 20px 0px;
}

h2
{
    font-size: 14px;
    line-height: 14px;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
}

a:hover
{
    text-decoration: none;
}

ul.arrow
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 1px;
    list-style-type: none;
}

ul.arrow li
{
    display: block;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding: 2px 10px 1px 20px;
    font-size: 11px;
}

ul.arrow li a
{
    text-decoration: none;
    font-weight: bold;
}

#container
{
    width: 100%;
    min-height: 500px;
    z-index: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center 32px;
}

#inner-container
{
    width: 905px;
    margin: auto;
    z-index: 2;
}

/* brief til artikler */
.brief
{
    font-weight: bold;
}

/* brief til blog */
.short-text
{
    font-weight: normal;
}

a.gallery img
{
    border: none;
}

div#gallery
{
    text-align: center;
}

div#gallery a img
{
    border: none;
}


/* ----- Faner ----------------------------------------- */

#tabs
{
    position: relative; /* for Tip en ven to work */
    float: left;
    display: inline;
    margin: 7px 0px 0px 0px;
    width: 905px;
    background-color: #fff /* mystery hack required for IE6 */;
}

#tabs img
{
    display: block;
    float: left;
    border: none;
}

#tabs form
{
    margin: 0px;
}

/* ----- Global navigation ----------------------------------------- */

#global
{
    float: right;
    display: inline;
    z-index: 4;
}

#global #searchform
{
    float: left;
    display: inline;
    padding: 0px 0px 0px 0px;
}

#global input.field
{
    float: left;
    display: inline;
    border-style: solid;
    border-width: 1px;
    border-color: #8ec63f;
    background-image: url('../gfx/global/bg_input.gif');
    background-repeat: repeat-x;
    width: 100px;
    height: 12px;
    font-size: 9px;
    margin: 4px 0px 0px 0px;
}

#global input.img
{
    float: left;
    display: inline;
    margin: 0px;
    background: none;
    border: none;
    width: 38px;
    height: 25px;
}

#global #ButtonSiteSearch
{
    float: left;
    display: inline;
    margin: 0px;
    background: none;
    border: none;
    width: 38px;
    height: 25px;
    background: transparent url('../gfx/global/soeg.gif') no-repeat top left;
    cursor: hand;
}

#global .tip
{
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
}

/* ----- Top ----------------------------------------- */

#top
{
    float: left;
    display: inline;
    background-repeat: no-repeat;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: orange;
}

#topmenu
{
    float: left;
    display: inline;
    width: 905px;
    height: 15px;
    font-size: 11px;
    color: #fff;
    padding: 3px 0px 1px 0px; /*background-color:red;*/
}

#topmenu a
{
    text-decoration: none;
    color: #fff;
    margin: 0px 12px 0px 12px;
}

#content
{
    float: left;
    display: inline;
    width: 905px;
}

#image {
	float : left;
	display : inline;
	width : 610px;
	height : 249px;
}

/* ----- Forside karusel ----------------------------------------- */

/* stepcarousel init begin */

.stepcarousel
{
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 610px; /*Width of Carousel Viewer itself*/
    height: 249px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt
{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel
{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0px; /*margin around each panel*/
    width: 610px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}

/* stepcarousel init end */

#top-stories {
	float : left;
	display : inline;
	width : 610px;
	height : 249px;
}

.stepcarousel .panel 
{
    height: 249px;
}

.stepcarousel .panel .text
{
    position: absolute;
    z-index: 2;
    background: url('../gfx/forside/bg_top_story.png') no-repeat;
    width: 590px;
    height: 40px;
    margin: 195px 0px 0px 0px;
    padding: 4px 10px 10px 10px;
}

.stepcarousel .panel .text a {
	text-decoration : none;
   color: #fff;
}

.stepcarousel .panel .text a.headline
{
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    background: url('../gfx/arrow_white.png') no-repeat 0px 3px;
    padding: 0px 0px 0px 16px;
}

.stepcarousel .panel .text a.headline:hover
{
    text-decoration: underline;
}

.stepcarousel .panel .inner
{
    position: absolute;
    z-index: 1;
    overflow: hidden;
}

.stepcarousel #navigation
{
    position: absolute;
	top : 47px;
	right : 20px;
    z-index: 3;
}

.stepcarousel #navigation img
{
    float: left;
    display: inline;
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 2px;
}

/* ----- Logo ----------------------------------------- */

#logo
{
    float: left;
    display: inline;
    width: 234px;
    padding: 24px 0px 0px 61px;
}

#logo img
{
    border: none;
}

/* ----- Forside ----------------------------------------- */

#homepage-left
{
    float: left;
    display: inline;
    width: 610px;
    margin: 0px 0px 0px 0px;
}

.box
{
    float: left;
    display: inline;
    height: 133px;
    margin: 0px 10px 0px 0px;
}

.box img
{
    border: none; /*display : block;*/
}

.last
{
    margin: 0px 0px 0px 0px;
}

#homepage-right
{
    float: left;
    display: inline;
    width: 295px;
}

/* ----- Nyheder / Oplev erhvervet ----------------------------------------- */

#nyt, #oplev-erhvervet
{
    float: left;
    display: inline;
    margin: 10px 0px 0px 0px;
    width: 295px;
}

#nyt .tabs, #oplev-erhvervet .tabs
{
    float: left;
    display: inline;
}

#nyt .tabs img, #oplev-erhvervet .tabs img
{
    float: left;
    display: inline;
    border: 0px;
}

#nyt .box, #oplev-erhvervet .box
{
    float: left;
    display: inline;
    border-style: solid;
    border-width: 2px;
    width: 291px;
    height: 360px;
}

#nyt .box
{
    border-color: #f9bb16;
}

#oplev-erhvervet .box
{
    border-color: #8d5a31;
    background: #fff url('../gfx/aktuelt/bg_oplev_erhvervet.jpg') no-repeat bottom;
}

#nyt .content, #oplev-erhvervet .content
{
    float: left;
    display: inline;
    width: 100%;
    height: 345px;
    border-style: solid;
    border-width: 0px 0px 15px 0px;
}

#nyt .content
{
    border-color: #fbc024;
}

#oplev-erhvervet .content
{
    border-color: #8d5a31;
}

#nyt .box .buttons, #oplev-erhvervet .box .buttons
{
    float: left;
    display: inline;
    width: 291px;
    background-repeat: no-repeat;
    background-position: top right;
}

#nyt .box .buttons
{
    background-image: url('../gfx/aktuelt/bg_buttons_nyheder.gif');
}

#oplev-erhvervet .box .buttons
{
    background-image: url('../gfx/aktuelt/bg_buttons_oplev_erhvervet.gif');
}

#nyt .box .buttons img, #oplev-erhvervet .box .buttons img
{
    float: left;
    display: inline;
    border: 0px;
}

/* ----- Nyhedsliste ----------------------------------------- */

#nyt .news-item
{
    float: left;
    display: inline;
    margin: 20px 0px 0px 0px;
}

#nyt .news-item .date
{
    float: left;
    display: inline;
    width: 50px;
    height: 15px;
    padding: 1px 3px 1px 9px;
    background-color: #f9bb16;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#nyt .news-item .header
{
    float: left;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    width: 209px;
    padding: 1px 10px 1px 10px;
}

#nyt .news-item .header a
{
    text-decoration: none;
    color: #e5a600;
}

#nyt .news-item p
{
    display: block;
    float: left;
    display: inline;
    margin: 10px 10px 0px 10px;
    font-size: 11px;
}

/* ----- Oplev erhvervet indhold ----------------------------------------- */

#oplev-erhvervet .large
{
    float: left;
    display: inline;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    width: 271px;
}

#oplev-erhvervet p
{
    margin: 10px 10px 0px 10px;
    font-size: 11px;
}

#oplev-erhvervet ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#oplev-erhvervet ul li
{
    width: 291px;
    display: block;
    float: left;
    display: inline;
}

#oplev-erhvervet .region
{
    display: block;
    float: left;
    display: inline;
    margin: 10px 0px 0px 0px;
    background: #8d5a31 url('../gfx/aktuelt/arrow_oplev_erhvervet.gif') no-repeat 10px 2px;
    color: #fff;
    padding: 2px 10px 3px 30px;
    text-decoration: none;
    font-size: 11px;
    height: 14px;
}

/* ----- Afstemning ----------------------------------------- */

.poll
{
    background: transparent url('../gfx/forside/bg_afstemning.jpg') no-repeat top left;
    width: 295px;
    height: 133px;
    color: #ffffff;
    font-size: 12px;
}

.poll p
{
    display: block;
    float: left;
    display: inline;
    padding: 56px 10px 3px 14px;
    color: #ffffff;
    width: 271px;
    margin: 0px;
}

#homepage-left .poll img
{
    float: left;
    display: inline;
    margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.pofll #pofllform
{
    float: left;
    display: inline;
    padding: 0px 0px 0px 10px;
    width: 284px;
}

.poll #options
{
    float: left;
    display: inline;
    padding: 0px 0px 0px 5px;
}

.poll .element
{
    float: left;
    display: inline;
    height: 20px;
    padding: 4px 0px 3px 10px;
    margin: 0px 0px 0px 0px;
}

.poll .element input
{
    margin: 3px 3px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.poll .text
{
    float: left;
    display: inline;
    padding: 6px 10px 2px 3px;
    margin: 0px 0px 0px 0px;
    height: 19px;
    font-weight: bold;
}

.poll input.img2
{
    width: 56px;
    height: 29px;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent url('../gfx/forside/button_stem.gif') no-repeat top left;
    cursor: hand;
}

.poll #button
{
    float: right;
    display: inline;
    margin: 0px 19px 0px 0px;
}

.poll ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.poll li
{
    float: left;
    display: inline;
    margin: 7px 0px 0px 0px;
    background: url('../gfx/forside/arrow_poll.gif') no-repeat 13px 2px;
    padding: 3px 10px 0px 32px;
    font-size: 11px;
    height: 15px;
    width: 253px;
}

.poll li a
{
    color: #ffffff;
    text-decoration: none;
}

.poll img
{
    margin: 3px 8px 0px 0px;
    float: left;
}

.poll .result-element
{
    float: left;
    display: inline;
    height: 18px;
    padding: 6px 10px 5px 3px;
}

.poll .result-text
{
    float: left;
    display: inline;
    padding: 6px 2px 4px 11px;
    height: 19px;
    font-weight: bold;
}

.poll ul a
{
    cursor: hand;
}

/* ----- Soeg opskrifter ----------------------------------------- */

.recipes
{
    background-image: url('../gfx/forside/bg_opskrifter.jpg');
    background-repeat: no-repeat;
    width: 600px;
    height: 133px;
}

.recipes #recipeform
{
    float: left;
    display: inline;
    padding: 76px 200px 0px 16px;
}

.recipes input.field
{
    float: left;
    display: inline;
    border-style: solid;
    border-width: 1px;
    border-color: #b1b1b1;
    background-image: url('../gfx/bg_input.gif');
    background-repeat: repeat-x;
    width: 225px;
    height: 12px;
    font-size: 9px;
}

.recipes #recipeform input.img
{
    margin: -5px 0px 0px 11px;
    border: none;
    width: 49px;
    height: 29px;

}

.recipes ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.recipes a
{
    display: block;
    float: left;
    display: inline;
    margin: -3px 0px 0px 2px;
    background: url('../gfx/forside/arrow_recipes.gif') no-repeat 13px 2px;
    color: #515151;
    padding: 3px 10px 0px 30px;
    font-size: 11px;
    text-decoration: none;
    height: 15px;
    width: 254px;
}

/* ----- Listebokse ----------------------------------------- */

.list-box
{
    float: left;
    display: inline;
    width: 291px;
    margin: 10px 10px 0px 0px;
    border-style: solid;
    border-width: 2px 2px 15px 2px;
}

.list-box
{
    padding: 0px 0px 10px 0px;
}

.c-79ccd8
{
    border-color: #79ccd8;
}

.c-f9bb16
{
    border-color: #f9bb16;
}

.c-abd56b
{
    border-color: #abd56b;
}

.list-box .c-79ccd8, .image-box .c-79ccd8
{
    background-color: #79ccd8;
}

.list-box .c-f9bb16, .image-box .c-f9bb16
{
    background-color: #f9bb16;
}

.list-box .c-abd56b, .image-box .c-abd56b
{
    background-color: #abd56b;
}

.list-box .name, .image-box .name
{
    float: left;
    display: inline;
    width: 291px; /*padding : 8px 10px 9px 10px;*/
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.wide, .list-box .wide
{
    width: 596px;
}

.list-box .name img, .image-box .name img
{
    float: left;
    display: inline;
}

.list-box .column
{
    float: left;
    display: inline;
    width: 291px;
}

.list-item
{
    float: left;
    display: inline;
    margin: 10px 0px 0px 0px;
    height: 22px;
}

.list-item .date
{
    float: left;
    display: inline;
    width: 50px;
    height: 15px;
    padding: 1px 3px 1px 9px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.c-f9bb16 .date
{
    background-color: #f9bb16;
}

.c-79ccd8 .date
{
    background-color: #79ccd8;
}

.c-abd56b .date
{
    background-color: #abd56b;
}

.list-item .header
{
    float: left;
    display: inline;
    font-size: 11px;
    font-weight: normal;
    width: 209px;
    padding: 2px 10px 1px 10px;
}

.list-item .header a
{
    text-decoration: none;
    color: #000;
}

.list-item .header a:hover
{
    text-decoration: underline;
    color: #5aacb7;
}

.list-item p
{
    display: block;
    float: left;
    display: inline;
    margin: 10px 10px 0px 10px;
    font-size: 11px;
}

.image-box
{
    float: left;
    display: inline;
    width: 291px;
    height: 119px;
    margin: 10px 0px 0px 0px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    clip: rect(100px, 50px, 10px, 5px);
}

.image-box #inner
{
    position: absolute;
    z-index: 1000;
    width: 291px;
    height: 119px;
    overflow: hidden;
}

.image-box #inner .image
{
   /* position: absolute;
    z-index: 2000;
    top: 300px;*/
	margin : -46px 0px 0px 46px;
}

.image-box #gradient
{
    position: absolute;
    z-index: 3000;
    width: 291px;
    height: 119px;
    background-image: url('../gfx/forside/bg_box_gradient.png');
    background-position: top left;
    background-repeat: repeat-y;
    overflow: hidden;
}

.image-box #label
{
    position: absolute;
    z-index: 4000;
    width: 291px;
    margin: 13px 0px 0px 0px;
}

.image-box #label img
{
    border: none;
}

.image-box .text
{
    position: absolute;
    z-index: 5000;
    margin: 45px 30px 0px 0px;
    padding: 2px 15px 2px 13px;
    color: #fff;
    font-size: 10px;
}

.image-box .text a
{
    text-decoration: none;
    color: #fff;
}

/* ----- Breadcrumbs ----------------------------------------- */

#breadcrumbs
{
    float: left;
    display: inline;
    margin: 0px 0px 10px 0px;
    color: #fff;
    font-size: 11px;
    width: 886px;
    height: 17px;
    padding: 3px 0px 0px 19px;
}

#breadcrumbs a
{
    text-decoration: none;
    color: #fff;
}

#breadcrumbs img
{
    margin: 0px 5px 0px 5px;
}

/* ----- Fanebladsforside ----------------------------------------- */

#tab-left
{
    float: left;
    display: inline;
    background-repeat: no-repeat;
    background-position: 0px 138px;
    width: 295px;
    height: 414px;
    margin: 0px 10px 0px 0px;
}

#tab-left img
{
    float: left;
    display: inline;
}

#tab-left #content
{
    float: left;
    display: inline;
    padding: 20px;
    color: #fff;
    width: 255px;
}

#tab-right
{
    float: left;
    display: inline;
    width: 600px;
    height: 414px;
}

#tab-right img
{
    float: left;
    display: inline;
}

/* ----- Underside wrappers ----------------------------------------- */

#wrapper-wide, #wrapper-narrow
{
    float: left;
    display: inline;
    background-color: #fff;
    background-image: url('../gfx/bg_leftmenu.gif');
    background-repeat: repeat-x;
}

#wrapper-wide
{
    width: 905px;
}

#wrapper-narrow
{
    width: 625px;
}

/* ----- Left menu ----------------------------------------- */

#left-menu
{
    float: left;
    display: inline;
    width: 210px;
    min-height: 300px;
}

#left-menu ul
{
    margin: 27px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #d0d0d0;
}

#left-menu li ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
}

#left-menu a
{
    display: block;
    font-size: 11px;
    text-decoration: none;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #d0d0d0;
    color: #494949;
}

#left-menu a.level3, #left-menu a.level3selected
{
    padding: 2px 20px 2px 20px;
    width: 170px;
}

#left-menu a.level3selected
{
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 4px 3px;
}

#left-menu a.level4selected
{
    font-weight: bold;
}

#left-menu a.level4, #left-menu a.level4selected
{
    padding: 2px 20px 2px 40px;
    width: 150px;
}

/* ----- Undersider ----------------------------------------- */

#wide, #narrow
{
    float: left;
    display: inline;
    background-color: #fff;
    padding: 0px 0px 0px 25px;
    min-height: 300px;
    line-height: 150%;
}

#wide
{
    width: 670px;
}

#narrow
{
    width: 390px;
    padding: 0px 0px 25px 25px;
}

#narrow .date {
	font-size : 0.9em;
	color : #666;
}

#narrow img.content-image
{
    float: left;
    display: inline;
    margin: 0px 12px 5px 0px;
}

#right
{
    float: left;
    display: inline;
    width: 255px;
    margin: 0px 0px 0px 25px;
}

/* ----- Print ----------------------------------------- */

#print
{
    float: right;
    display: inline;
    font-size: 11px;
    text-align: right;
    height: 15px;
    color: #aaa;
}

/* ----- Social Networking Links and Print ----------------------------------------- */

#slnks
{
    float: left;
    display: inline;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.slnk
{
    float: right;
    display: inline;
    font-size: 11px;
    text-align: right;
    height: 15px;
    color: #aaa;
    margin-left: 3px;
}

.slnk a img
{
    border: none;
}

/* ----- Blog ----------------------------------------- */

div.blogentry
{
    float: left;
    display: inline;
    width: 100%;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: 1px solid #d0d0d0;
}

a.blogheader
{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 0px 5px 0px;
}

div.blogentry .author
{
    font-size: 11px;
}

span.categories
{
    color: #666;
    font-size: 11px;
    margin: 0px 0px 5px 0px;
}

.more
{
    display: block;
    float: right;
}

div.blogauthor
{
    float: left;
    display: inline;
    background-repeat: repeat-x;
    background-position: 0px 150px;
    background-image: url('../gfx/om_os/bg_link_box.jpg');
    background-color: #abd56b;
    margin: 0px 0px 10px 0px;
}

div.blogauthor a img
{
    border: none;
    margin: 2px 0 0 2px;
}
div.blogauthor #text
{
    float: left;
    display: inline;
    width: 225px;
    padding: 5px 15px 10px 15px;
    color: #fff;
}

/* ----- Kommentarer ----------------------------------------- */

#content #narrow .header
{
    float: left;
    display: inline;
    width: 100%;
    height: 30px;
    margin: 10px 0px 10px 0px;
}

.comment
{
    float: left;
    display: inline;
    width: 100%;
}

.comment .author
{
    float: left;
    display: inline;
    padding: 10px;
    width: 90px;
    font-size: 11px;
}

.comment .text
{
    float: left;
    display: inline;
    padding: 10px 10px 10px 0px;
    width: 270px;
}

.odd
{
    background-color: #eee;
}

.even
{
    background-color: #fff;
}

#comment-form
{
    float: left;
    display: inline;
    margin: 0px;
}

#comment-form input.field, #comment-form textarea
{
    float: right;
    display: inline;
    border: 1px solid #b1b1b1;
    background-color: #fff;
    width: 297px;
}

#comment-form input.field
{
    background-image: url('../gfx/bg_input.gif');
    background-repeat: repeat-x;
    height: 14px;
    margin: 0px 0px 3px 0px;
    font-size: 11px;
}

#comment-form textarea
{
    height: 164px;
    margin: 0px 0px 9px 0px;
}

#comment-form label
{
    float: left;
    display: inline;
    width: 79px;
    padding: 2px 10px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    color: #494949;
    min-height: 16px;
    margin: 0px 0px 3px 0px;
}


#comment-form label#captcha
{
    width: 280px;
}

#comment-form input.img
{
    float: right;
    border: none;
    width: 114px;
    height: 29px;
}

#comment-form input.button
{
    float: right;
    border: 1px solid #b1b1b1;
    font-size: 11px;
    color: #555;
    margin: 0px 0px 0px 10px;
    padding: 5px;
}

#comment-form #buttons
{
    float: left;
    display: inline;
    margin: 0px;
    width: 100%;
}

#comment-form input.captchafield
{
    width: 90px;
}

#comment-form .captcha-container
{
    float: left;
    display: inline;
    width: 100%;
    margin: 10px 0px 10px 0px;
}

#comment-form .captcha-container img
{
    float: right;
    display: inline;
    margin: 0px 0px 10px 0px;
}

/* ----- Opskrifter ----------------------------------------- */

#recipes-form
{
    float: left;
    display: inline;
    background-image: url('../gfx/opskrifter/bg_recipe_search_form.jpg');
    background-repeat: no-repeat;
    width: 560px;
    height: 344px;
    padding: 50px 20px 20px 20px;
}

#recipes-form .col, #recipes-form .field
{
    float: left;
    display: inline;
    margin: 0px 8px 15px 0px;
    font-weight: bold;
    color: #555;
}

#recipes-form .field
{
    width: 100%;
}

#recipes-form .col
{
	float : left;
    width: 178px;
	margin : 0px 8px 15px 0px;
}

#recipes-form .col label, #recipes-form .field label
{
    float: left;
    display: inline;
}

#recipes-form .field label
{
    margin: 0px 500px 2px 0px;
}

#recipes-form .col label
{
    margin: 0px 0px 2px 0px;
}

#recipes-form .field input, #recipes-form select
{
    float: left;
    display: inline;
    border: 1px solid #555;
    font-size: 10px;
}
#recipes-form .field input
{
    padding: 0px 3px 0px 3px;
    height: 18px;
    font-size: 12px;
    color: #555;
    line-height: 16px;
    width: 172px;
}

#recipes-form select
{
    width: 178px;
}

#recipes-form input.button
{
    float: right;
    margin: 1px 7px 0px 0px;
    font-size: 10px;
}

#recipes-form img.reset
{
	display : block;
    float: right;
    margin: 1px -1px 0px 0px;
	width : 74px;
	height : 29px;
	border : none;
}

/* ----- Opskrifter resultatside ----------------------------------------- */

#recipe-results
{
    float: left;
    display: inline;
}

#recipe-results #results-form
{
    float: left;
    display: inline;
    width: 660px; /*height : 107px;*/
    font-size: 11px;
    padding: 10px 0px 10px 10px;
    margin: 0px 0px 10px 0px;
    background: #aaa url('../gfx/opskrifter/bg_recipe_search_header.jpg') repeat-x;
}

#recipe-results #results-form .field, #recipe-results #results-form .col
{
    float: left;
    display: inline;
    margin: 0px 8px 0px 0px;
    font-weight: bold;
    color: #fff;
}

#recipe-results #results-form .field
{
    width: 660px;
    margin: 0px 0px 5px 0px;
}

#recipe-results #results-form .col
{
    width: 100px;
}

#recipe-results #results-form .field label, #recipe-results #results-form .col label
{
    float: left;
    display: inline;
}

#recipe-results #results-form .field label
{
    margin: 0px 20px 0px 0px;
}

#recipe-results #results-form .col label
{
    margin: 0px 0px 5px 0px;
}

#recipe-results #results-form .field input, #recipe-results #results-form select
{
    float: left;
    display: inline;
    border: 0px solid #33ccff;
    font-size: 10px;
}

#recipe-results #results-form .field input
{
    width: 400px;
}

#recipe-results #results-form select
{
    width: 100px;
}

#recipe-results #results-form input.button
{
    float: right;
    margin: 5px 4px -8px 0px;
    font-size: 10px;
}

#recipe-results #results-form img.reset
{
	display : block;
    float: right;
    margin: 5px -1px -8px 0px;
	width : 74px;
	height : 29px;
	border : none;
}

#recipe-results #number-of-results
{
    float: left;
    display: inline;
    width: 670px;
    font-size: 14px;
    font-weight: bold;
    color: #bbb;
    margin: 0px 0px 10px 0px;
}

#recipe-results #number-of-results #text
{
    float: left;
    display: inline;
    width: 40%;
}

#recipe-results #number-of-results span.number
{
    color: #555;
}

#recipe-results #number-of-results #paging
{
    float: left;
    display: inline;
    width: 60%;
    text-align: right;
}

#recipe-results #results
{
    float: left;
    display: inline;
    width: 680px;
    margin: 0px -10px 0px 0px;
    position: relative;
}

#recipe-results .results-item
{
    float: left;
    display: inline;
    background-image: url('../gfx/opskrifter/bg_results_item.jpg');
    background-repeat: no-repeat;
    width: 140px;
    height: 240px;
    padding: 10px 10px 10px 10px;
    margin: 0px 10px 0px 0px;
}

#recipe-results .results-item img
{
    border: none;
    width: 140px;
}

#recipe-results .results-item ul
{
    float: left;
    display: inline;
    padding: 0px 0px 0px 0px;
    margin: 8px 0px 0px 0px;
    list-style-type: none;
}

#recipe-results .results-item li
{
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
    background-image: url('../gfx/opskrifter/arrow.gif');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    padding: 2px 15px 2px 20px;
}

#recipe-results .results-item a
{
    text-decoration: none;
}

#recipe-results .results-item a.link:hover
{
    text-decoration: underline;
}

#recipe-results .results-item a.tooltip
{
    display: block;
}

#recipe-results .results-item a.tooltip:hover
{
    position: relative;
}

#recipe-results .results-item a.tooltip span
{
    display: none;
}

#recipe-results .results-item a.tooltip:hover span
{
    display: block;
    position: absolute;
    top: 174px;
    left: 0px; /* formatting only styles */
    text-decoration: none;
    color: #000;
    cursor: pointer;
    padding: 10px 10px 10px 10px;
    background-color: #e4fcff;
    border: 1px solid #79ccd8;
    width: 188px;
    min-height: 120px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#recipe-results #recipe-paging
{
    float: left;
    display: inline;
    text-align: right;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #bbb;
    padding: 0px 0px 350px 0px;
}

#recipe-results #recipe-paging a:hover, #number-of-results #paging a:hover
{
    text-decoration: none;
}

/* ----- Opskriftsvisning ----------------------------------------- */

#recipe-header
{
    float: left;
    display: inline;
    width: 390px;
    margin: 0px 0px 20px 0px;
}

#recipe-header #image
{
    float: left;
    display: inline;
    width: 249px;
    height: 249px;
    padding: 0px 0px 0px 0px;
}

#recipe-header #image img
{
    border: 2px solid #79ccd8;
}

#recipe-header #wrapper
{
    float: left;
    display: inline;
    width: 141px;
}

#recipe-header #wrapper #tags
{
    float: left;
    display: inline;
    padding: 0px 20px 0px 15px;
}

#recipe-header #wrapper #tags a.tag
{
    font-size: 10px;
}

#recipe #ingredients, #narrow #extras
{
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
}

#recipe #ingredients
{
    width: 249px;
    margin: 0px 10px 20px 0px;
}

#recipe #extras
{
    width: 131px;
}

#recipe #process
{
    float: left;
    display: inline;
    width: 100%;
    margin: 0px 0px 20px 0px;
}

#recipe #author
{
    float: left;
    display: inline;
    width: 100%;
	font-style: italic;
}

#recipe #courtesy
{
    float: left;
    display: inline;
    width: 100%;
	font-style: italic;
}

#recipe #results-bottom
{
    float: left;
    display: inline;
    width: 100%;
}

/* ----- Lille Danmarkskort ----------------------------------------- */

#right #imagemap
{
    float: left;
    display: inline;
    width: 251px;
    height: 251px;
    border-style: solid;
    border-width: 2px;
    background-repeat: no-repeat;
    background-position: 0px 225px;
    font-size: 11px;
    margin: 0px 0px 10px 0px;
}

#right #imagemap a
{
    float: left;
    margin: 6px 0px 0px 33px;
}

#right #imagemap .imagelink
{
    margin: 0px 0px 0px 0px;
}

#right #imagemap img
{
    border: none;
    float: left;
}

/* ----- Vaerdikaede ----------------------------------------- */

#vaerdikaede
{
    float: left;
    display: inline;
    width: 670px;

    height: 558px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#vaerdikaede #text
{
    float: left;
    display: inline;
    width: 365px;
    height: 80px;
    padding: 90px 280px 0px 25px;
}

#vaerdikaede img
{
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
}

.svinekoed
{
    background-image: url('../gfx/jord_til_bord/vaerdikaeder/svinekoedets_vej/bg_top.jpg');
}

.kartofler
{
    background-image: url('../gfx/jord_til_bord/vaerdikaeder/kartoflens_vej/bg_top.jpg');
}

.maelk
{
    background-image: url('../gfx/jord_til_bord/vaerdikaeder/maelkens_vej/bg_top.jpg');
}

.oksekoed
{
    background-image: url('../gfx/jord_til_bord/vaerdikaeder/oksekoedets_vej/bg_top.jpg');
}

.aeg
{
    background-image: url('../gfx/jord_til_bord/vaerdikaeder/aeggets_vej/bg_top.jpg');
}

.kylling
{
    background-image: url('../gfx/jord_til_bord/vaerdikaeder/kyllingens_vej/bg_top.jpg');
}

/* ----- Link box ----------------------------------------- */

#right .link-box
{
    float: left;
    display: inline;
    width: 255px;
    background-repeat: repeat-x;
    background-position: 0px 30px;
    font-size: 11px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 13px 0px;
    color: #fff;
}

#right .link-box img
{
    float: left;
    display: inline;
    margin: 0px 0px 13px 0px;
}

#right .link-box #text
{
    float: left;
    display: inline;
    width: 225px;
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0px 15px 10px 15px;
    color: #fff;
}

#right .link-box ul
{
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    list-style-type: none;
    clear: both;
}

#right .link-box li
{
    color: #fff;
    background-repeat: no-repeat;
    background-position: 15px 2px;
    padding: 2px 15px 2px 32px;
}

#right .link-box a
{
    color: #fff;
}

/* ----- Hoejre kolonne bannere ----------------------------------------- */

#right .banner
{
    float: left;
    display: inline;
    margin: 0px 0px 10px 0px;
}

#right .banner img
{
    float: left;
    display: inline;
    border: none;
}

/* ----- Hoejre kolonne videoplayer ----------------------------------------- */

#right .player
{
    float: left;
    display: inline;
    background-repeat: no-repeat;
    background-position: 0px 205px;
    padding: 2px 2px 0px 2px;
    margin: 0px 0px 10px 0px;
    font-size: 11px;
}

#right .player #text
{
    float: left;
    display: inline;
    width: 225px;
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 9px 13px 13px 13px;
    color: #fff;
}

#right .player #text ul
{
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    list-style-type: none;
}

#right .player #text li
{
    display: block;
    background-repeat: no-repeat;
    background-position: 0px 2px;
    padding: 2px 15px 2px 17px;
}

#right .player #text a
{
    color: #fff;
}

/* ----- Kalender / besoeg ----------------------------------------- */

.choose
{
    float: left;
    display: inline;
    margin: 0px 0px 11px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url('../gfx/oplev_erhvervet/bg_content_box.jpg');
    background-repeat: no-repeat;
    background-position: 0px 224px;
    height: 238px;
}

#narrow .choose img
{
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.choose .text
{
    float: left;
    display: inline;
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 205px;
    height: 97px;
    padding: 30px 25px 35px 160px;
}

.choose .link
{
    float: left;
    display: inline;
    background-image: url('../gfx/oplev_erhvervet/bg_content_link_box.gif');
    background-repeat: repeat-x;
    width: 390px;
    height: 32px;
}

.choose .link a
{
    display: block;
    background-image: url('../gfx/oplev_erhvervet/arrow_content_box.gif');
    background-repeat: no-repeat;
    background-position: 15px 9px;
    padding: 9px 15px 2px 32px;
    font-weight: bold;
    text-decoration: none;
}

.kalender
{
    background-image: url('../gfx/oplev_erhvervet/bg_kalender.jpg');
}

.besoeg
{
    background-image: url('../gfx/oplev_erhvervet/bg_besoeg.jpg');
}

/* ----- Soeg events ----------------------------------------- */

#event-results
{
    float: left;
    display: inline;
}

#event-results #results-form
{
    float: left;
    display: inline;
    width: 670px; /*height : 214px;*/
    font-size: 11px;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    background: #aaa url('../gfx/opskrifter/bg_recipe_search_header.jpg') repeat-x;
}

#event-results #results-form #left, #event-results #results-form #right
{
    float: left;
    display: inline;
    width: 320px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 10px;
}

#event-results #results-form .field, #event-results #results-form .col
{
    float: left;
    display: inline;
    margin: 0px 8px 0px 0px;
    color: #fff;
}

#event-results #results-form .input
{
    width: 200px;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
}

#event-results #results-form .date-pick
{
    margin: 0px 0px 0px 0px;
    font-size: 10px;
}

#event-results #results-form .col
{
    float: left;
    display: inline;
    width: 320px;
    margin: 0px 0px 0px 0px;
}

#event-results #results-form .col label
{
    float: left;
    display: inline;
    width: 80px;
    font-weight: bold;
    line-height: 18px;
}

#event-results #results-form .field label
{
    margin: 0px 20px 0px 0px;
}

#event-results #results-form .col label
{
    margin: 0px 0px 5px 0px;
}

#event-results #results-form .field input, #event-results #results-form select
{
    /*float : left; 	display : inline; 	border : 0px solid #33ccff;*/
    font-size: 10px;
}

#event-results #results-form select
{
    /*width : 100px;*/
}

#event-results #results-form .checkboxes
{
    float: left;
    display: inline;
    margin: 0px 20px 5px 0px;
}

#event-results #results-form input.button
{
    float: right;
    margin: 5px 4px -8px 0px;
    font-size: 10px;
}


#event-results #number-of-results
{
    float: left;
    display: inline;
    width: 670px;
    font-size: 14px;
    font-weight: bold;
    color: #bbb;
    margin: 0px 0px 10px 0px;
}

#event-results #number-of-results #text
{
    float: left;
    display: inline;
    width: 50%;
}

#event-results #number-of-results span.number
{
    color: #555;
}

#event-results #number-of-results #paging
{
    float: left;
    display: inline;
    width: 50%;
    text-align: right;
}

#event-results #results
{
    float: left;
    display: inline;
    width: 660px;
    margin: 0px 0px 0px 0px;
    position: relative;
}

#event-results .results-item
{
    float: left;
    display: inline;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
}

#event-results .results-item .date
{
    float: left;
    display: inline;
    width: 90px;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 0px;
    font-weight: bold;
}

#event-results .results-item .text
{
    float: left;
    display: inline;
    width: 560px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#event-results .results-item .text .tags
{
    float: left;
    display: inline;
    width: 570px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #555;
    font-size: 10px;
}

#events-paging
{
    float: left;
    display: inline;
    text-align: right;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #bbb;
    padding: 0px 0px 0px 0px;
}

#events-paging a:hover, #event-results #number-of-results #paging a:hover
{
    text-decoration: none;
}


#event-results .results-item .icon
{
    float: left;
    display: inline;
    width: 85px;
    height: 12px;
    padding: 3px 0px 0px 0px;
    margin: 3px 5px 0px 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9px;
    line-height: 9px;
    color: #fff;
    text-align: center;
}

.besoegsgaarde
{
    background-color: #339900;
}

.dyrskue
{
    background-color: #cc33cc;
}

.forarbejdning
{
    background-color: #ff9933;
}


.marked
{
    background-color: #336699;
}

.mejeri
{
    background-color: #0099cc;
}

.slagteri
{
    background-color: #cc3300;
}

/* ----- Helpers ----------------------------------------- */

#narrow
{
    float: left;
    display: inline;
}

#narrow .line
{
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
    width: 390px;
}

#narrow .spacer
{
    margin: 12px 0px 12px 0px;
}

#narrow .line img
{
    float: left;
    display: inline;
    margin: 1px 10px 0px 0px;
}

#narrow .line .text
{
    float: right;
    display: inline;
    width: 251px;
}


#narrow .outline-helper
{
    float: left;
    display: inline;
    background-image: url('../gfx/oplev_erhvervet/bg_arrangoer_info.gif');
    background-repeat: no-repeat;
    background-position: 0px 30px;
    margin: 11px 0px 4px 0px;
    padding: 0px 0px 10px 0px;
}

#narrow .outline-helper #text
{
    float: left;
    display: inline;
    padding: 10px 12px 12px 12px;
    width: 362px;
    border-style: solid;
    border-width: 0px 2px 2px 2px;
    border-color: #ecebec;
}

#narrow .outline-helper #text .line
{
    margin: 0px 0px 0px 0px;
    width: 362px;
}

#narrow .outline-helper #text .line .text
{
    width: 210px;
}

#narrow .outline-helper img
{
    float: left;
    display: inline;
}

#narrow .helper
{
    float: left;
    display: inline;
    background-image: url('../gfx/oplev_erhvervet/bg_helper.gif');
    background-repeat: no-repeat;
    background-position: 0px 31px;
    background-color: #f2f1f2;
    margin: 11px 0px 14px 0px;
    font-size: 11px;
}

#narrow .helper img
{
    float: left;
    display: inline;
}

#narrow .helper #text
{
    float: left;
    display: inline;
    padding: 12px 15px 12px 15px;
    width: 360px;
}

#narrow .helper #text hr
{
    height: 0px;
    border: none;
    border-top: 1px solid #ccc;
    width: 300px;
}

#narrow .helper ul
{
    margin: 8px 0px 0px -1px;
    padding: 0px;
    list-style-type: none;
}

#narrow .helper ul li
{
    display: block;
    margin: 0px 0px 2px 0px;
    padding: 1px 10px 2px 21px;
}

#narrow .helper ul li
{
    background: url('../gfx/oplev_erhvervet/arrow_activity.gif') no-repeat 1px 2px;
}

#narrow .gradient
{
    float: left;
    display: inline;
    background-image: url('../gfx/oplev_erhvervet/bg_gradient.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 16px 16px 30px 16px;
    margin: 0px 0px 0px 0px;
}

#narrow .gradient strong
{
    color: #8d5a31;
}

#narrow .gradient .divider
{
    margin: 10px auto 10px auto;
}

#narrow .gradient img.label
{
    display: block;
    margin: 0px 0px 10px 0px;
}


/* ----- Aktivitetsoversigt ----------------------------------------- */

/* ----- Aktivitetsliste ----------------------------------------- */

/* ----- Aktivitet ----------------------------------------- */

#event
{
    float: left;
    display: inline;
    margin: 0px 0px 20px 0px;
}

#event .image
{
    float: left;
    display: inline;
    margin: 0px 0px 10px 0px;
}

#information
{
    float: left;
    display: inline;
    width: 370px;
    padding: 10px 10px 0px 10px;
    margin: 10px 0px 10px 0px;
    background-color: #eee;
}

#information div.default
{
    float: left;
    display: inline;
    width: 348px;
    border: 1px solid #bbb;
    padding: 0px 10px 10px 10px;
    margin: 0px 0px 10px 0px;
    background-color: #fff;
}

dl
{
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
    border-bottom: 1px solid #bbb;
}

dl dt
{
    float: left;
    width: 100px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dl dt
{
    clear: both;
}
/* end hack */

dl dd
{
    float: left;
    width: 290px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

hr
{
    width: 100%;
    color: #bbb;
    background-color: #bbb;
    margin: 5px 0px 5px 0px;
    height: 1px;
    border: 0px;
}

/* ----- Player ----------------------------------------- */

#narrow .player
{
    float: left;
    display: inline;
    width: 390px;
    height: 331px;
    background-image: url('../gfx/bg_player.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
}

/* ----- Nyheder ----------------------------------------- */

#latest-news
{
    float: left;
    display: inline;
    background-image: url('../gfx/nyheder/bg_latest_news.jpg');
    background-repeat: no-repeat;
    width: 600px;
    height: 414px;
}

#latest-news #header
{
    float: left;
    display: inline;
    width: 255px;
    margin: 145px 240px 0px 0px;
}

#latest-news #header a
{
    font-size: 18px;
    font-weight: bold;
    color: #8d8d8d;
    text-decoration: none;
}

#latest-news #date
{
    float: left;
    display: inline;
    background-color: #f9bb16;
    color: #fff;
    width: 60px;
    height: 18px;
    margin: 145px 20px 0px 0px;
    padding: 2px 0px 0px 25px;
    font-size: 14px;
}

#latest-news #text
{
    float: left;
    display: inline;
    width: 335px;
    height: 138px;
    margin: 0px 240px 0px 0px;
    padding: 10px 0px 0px 25px;
}

#latest-news #link
{
    float: left;
    display: inline;
    width: 335px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 24px;
}

#latest-news #link ul
{
    float: left;
    display: inline;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
}

#latest-news #link li
{
    float: left;
    color: #fff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url('../gfx/nyheder/arrow_news.gif');
    background-repeat: no-repeat;
    background-position: 2px 2px;
    padding: 2px 15px 2px 20px;
}

#latest-news #link li a
{
    font-weight: bold;
    text-decoration: none;
    color: #e5a600;
}

#latest-news img#button
{
    float: left;
    display: inline;
    margin: 10px 0px 0px 38px;
    border: none;
}

/* ----- Nyhedsliste ----------------------------------------- */

#list .line
{
    float: left;
    display: inline;
    margin: 0px 0px 20px 0px;
}

#list .line .date
{
    float: left;
    display: inline;
    width: 40px;
    height: 15px;
    padding: 0px 5px 4px 7px;
    background-color: #f9bb16;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#list .line .link
{
    float: left;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    width: 209px;
    padding: 1px 10px 1px 10px;
	text-decoration: none;
    color: #e5a600;
}

#list .line p
{
    display: block;
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
}

/* ----- Glaeden ved mad magasin ----------------------------------------- */

#magasin
{
    float: left;
    display: inline;
}

/* ----- Glaeden ved mad billede ----------------------------------------- */

#presentation-image
{
    float: left;
    display: inline;
    background-image: url('../gfx/bg_image.jpg');
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0px 0px 14px 0px;
}

#presentation-image img
{
    float: left;
    display: inline;
}

/* ----- Galleri ----------------------------------------- */

a.gallery img
{
    float: left;
    display: inline;
    border: 10px solid #eee;
    padding: 1px;
    margin: 1px 1px 0px 0px;
}

/* ----- Footer ----------------------------------------- */

#footer
{
    float: left;
    display: inline;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin: 10px 0px 20px 0px;
    padding: 4px 0px 0px 0px;
    width: 905px;
    height: 16px;
    font-size: 10px;
}

#footer a
{
    text-decoration: none;
    color: #fff;
}

/* ----- Tip en ven ----------------------------------------- */

/*
#tiptoggle
{
    cursor: pointer;
}

#tipform
{
    position: absolute;
    background: url('../gfx/bg_tip.png');
    width: 295px;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #fff;
    font-size: 10pt;
    z-index: 1000;
    top: 24px;
    right: 0px;
    font-size: 9px;
}

#tipform input
{
    border: 1px solid #ccc;
}

#tiphere
{
    float: left;
    display: inline;
    padding: 8px 0px 8px 10px;
    height: auto !important;
}

#tips
{
    float: left;
    display: inline;
    font-style: italic;
    color: #fff;
}

.fform a
{
    color: #fff;
    display: block;
    float: right;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
}

.fform ul
{
    padding: 0;
    margin: 0;
}

.fform ul li
{
    list-style-type: none;
}

.fform li input
{
    margin: 0;
    width: 100px;
}

.fform ul label
{
    cursor: pointer;
    color: #fff;
}


.fform ul input
{
    display: block;
    clear: left;
    margin: 2px 0px 3px 0px;
    border: 1px solid #fff;
    font-size: 9px;
    width: 120px;
}

.fform ul input.button
{
    color: #fff;
    background-color: #666;
    width: 122px;
    height: 18px;
}

.fform p
{
    margin-top: 0;
}

.fform li
{
    float: left;
    width: 140px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
}



.search-recipes
{
    margin: 0 0 1px 0;
    padding: 0 0 3px 10px;
}

.search-result
{
}

.search-result odd
{
}

.search-result even
{
}

.recipes-button
{
    background: transparent url('../gfx/opskrifter/button_soeg.png') no-repeat bottom left;
    padding: 0;
    border: none;
    width: 49px;
    height: 39px;
    margin-left: 125px;
    cursor: hand;
}

.recipes .recipes-button-hp
{
    background: transparent url('../gfx/forside/button_soeg.png') no-repeat top left;
    padding: 0;
    margin: -5px 0px 0px 11px;
    border: none;
    width: 49px;
    height: 29px;
    cursor: hand;
}

.err
{

    color: #dd1122;
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 10px 0;
    display: inline-block;
    padding: 5px 5px 5px 35px;
    background: #ffffff url('../gfx/error_bg_white.png') no-repeat 3px 3px;
    min-height: 25px;
    height: auto !important;
    height: 25px;
}

.notice
{
    background-color: #ececec;
    font-style: italic;
    padding: 5px;
}

#fblogin
{
    text-align: right;
    margin: 5px;
    float: right;
}
#fblogin a
{
    cursor: pointer;
}
#fblogout
{
    height: 23px;
    padding: 5px 0 0 5px;
    text-align: right;
    margin: 5px;
    float: right;
    background: #dadada url('../gfx/fblogout-bg.png') no-repeat top left;
}
#fblogout a
{
    cursor: pointer;
    color: #0000ff;
}
*/

/* ----- JQuery Date ----------------------------------------- */

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date
{
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 2px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url('../gfx/calendar.png') no-repeat;
}
a.dp-choose-date.dp-disabled
{
    background-position: 0 -20px;
    cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied
{
    /*width: 140px;*/
    float: left;
}