@import "hacks.css";

* {
margin: 0; 
padding: 0;
}

body {
background-color: #fff;
/*color: #3d3d3d;*/
color: #000;
font-family: arial, verdana, sans-serif;
font-size: 100%;
}

.wrapper {  
background-color: #fff;
margin: 0 auto;
padding: 0;
text-align: left; 
width: 806px;
}

ul, ul li {
list-style-type: none;
margin: 0;
padding: 0;
}

img {border: 0;}

a:link,
a:visited {
color: #3d3d3d;	
text-decoration: none;
}

a:hover,
a:focus,
a:active {
text-decoration: underline;
}

/*************************************************
=Header
**************************************************/
.header {
background: #fff url(../images/header.png) no-repeat top left;
height: 163px;
min-height: 163px;
}

html>body .header {
height: auto;
}

.header .logo {
float: left;
margin: 22px 0 0 25px;
}

.header .logo img{
behavior: url(iepngfix.htc);
}

.header .tagline {
display: none;
}

.header .sites {
background: url(../images/international.png) no-repeat top left;
cursor: pointer;
float: right;
height: 156px;
min-height: 156px;
width: 18px;
}

html>body .header .sites {
height: auto;
}

.header .sites a {display: block;}

.header .sites .inner {
display: none;
}

/*************************************************
=Layout
**************************************************/
.content-wrapper {
float: right;
overflow: hidden;
width: 610px;
margin: 0 0px 0 5px;
}

.content {
float: left;
margin: 0 0px 0 0px;
overflow: hidden;
background: transparent;
width: 100%;
padding-bottom: 5px;
}

html>body .content {
margin: 0 0px 0 0px;
}

.navigation-col {
float: left;
overflow: hidden;
width: 190px;
}

/*************************************************
=Language menu (International)
**************************************************/

html>body .header .sitemenu ul{
height: auto;
width: auto;
}

.header .sitemenu ul{
background: url(../images/sitemenu.png) no-repeat top left;
float: right;
height: 156px;
min-height: 156px;
width:122px;
min-width: 122px;
padding: 5px 0 0 0;
line-height: 0.8em;
}

.header .sitemenu ul li{
font-size: 0.688em;
font-family: arial, verdana, sans-serif;
padding:0 0 0 15px;

}
.sitemenu a:link, .sitemenu a:visited{
color: #ffffff;
}
/*************************************************
=Navigation column
**************************************************/
/* Search */
.navigation-col .search, .content .search{
background: #eff7fd;
height: 30px;
min-height: 30px;
margin: 0 0 2px 0;
padding: 5px 0 0 12px;
}

.content .search{
background: transparent;
float: left;
padding: 10px 0 0 8px;
width:205px;
}

html>body .content .search{
width: 200px;
}

.content .search label{
float:right;
text-transform: uppercase;
color: #04548E;
font-weight: bold;
font-size: 0.688em;
padding: 3px 0 0 5px;
}

.navigation-col .search span, .content .search span{
height: 19px;
width: 5px;
float: left;	
}

.navigation-col .search span.rounded_left, .content .search span.rounded_left{
background: transparent url(../images/left_input_bg.gif) no-repeat top left;	
}

.navigation-col .search span.rounded_right, .content .search span.rounded_right{
background: transparent url(../images/right_input_bg.gif) no-repeat top left;	
}

html>body .navigation-col .search {height: auto;}

.navigation-col .search label {display: none;}

.navigation-col .search input.text, .content .search input.text {
border-top: 1px solid #b6bcc0;
border-bottom: 1px solid #b6bcc0;
border-left: 0;
border-right:0;
margin: 0 0 0 0;
float: left;
width: 140px;
height: 16px;
font-family: Arial, Verdana, sans-serif;
}

.navigation-col .search input.button, .content .search input.button {
margin: 1px 0 0 3px;
float:left;
}

/* Login menu */
.navigation-col ul.login {
margin: 0 0 11px 0;
}


.navigation-col ul li {
display: block;
float: left;
margin: 0 0 1px 0;
width: 100%;
font-family: trebuchet, verdana, arial, sans-serif;
}

.navigation-col ul.login li a:link,
.navigation-col ul.login li a:visited {
background: #eff7fd url(../images/menuitem.gif) no-repeat 6px 4px;
border-bottom: 1px solid #fff;
display: block;
font-size: 0.688em;
padding: 1px 0 1px 19px;
width: 100%;
}

.navigation-col .login_form ul li a:link, 
.navigation-col .login_form ul li a:visited{
display: block;
font-size: 0.688em;
padding: 1px 0 1px 19px;
width: 100%;	
}

.navigation-col ul.login li.expanded a:link,
.navigation-col ul.login li.expanded a:visited{
background: #eff7fd url(../images/menuitem_exp.gif) no-repeat 6px 6px;
}

/* Left menu */
.navigation-col ul.content-nav {
background: #fff url(../images/leftmenu-shadow.png) repeat-x bottom left;
margin: 0 0 4px 0;
padding: 0 0 5px 0;
}

/* Level 1 */
.navigation-col ul.content-nav li a:link,
.navigation-col ul.content-nav li a:visited {
background: #eff7fd url(../images/menuitem.gif) no-repeat 6px 4px;
border-bottom: 1px solid #fff;
display: block;
font-size: 0.688em;
padding: 1px 0 1px 19px;
width: 100%;
}

.navigation-col ul.content-nav li.expanded a:link,
.navigation-col ul.content-nav li.expanded a:visited {
background: #eff7fd url(../images/menuitem_exp.gif) no-repeat 6px 5px;
}

.navigation-col ul.content-nav li.selected a:link,
.navigation-col ul.content-nav li.selected a:visited {
font-weight: bold;
}

.navigation-col ul.content-nav li a.selected{
font-weight:bold;	
}

.navigation-col ul.content-nav li a:active, .navigation-col ul.content-nav li a:focus {
font-weight: bold;
text-decoration:none;
}

/* Level 2 */
.navigation-col ul.content-nav li ul{
	padding-bottom:8px;
	float:left;
}

.navigation-col ul.content-nav li ul li a:link,
.navigation-col ul.content-nav li ul li a:visited {
background: #fff !important;
padding: 1px 0 1px 30px;
}

.navigation-col ul.content-nav li ul li.expanded a:link,
.navigation-col ul.content-nav li ul li.expanded a:visited {
background: #fff url(../images/menuitem_exp.gif) no-repeat 18px 5px !important;
}

.navigation-col ul.content-nav li ul li a:active, .navigation-col ul.content-nav li ul li a:focus{
text-transform: none;
}

/* Level 3 */
.navigation-col ul.content-nav li ul li ul li a:link,
.navigation-col ul.content-nav li ul li ul li a:visited,
.navigation-col ul.content-nav li ul li.expanded ul li a:link,
.navigation-col ul.content-nav li ul li.expanded ul li a:visited {
background: #fff !important;
padding: 1px 0 1px 41px;
}



/* Recipe search */

.recipe-search .text-search span{
height: 22px;
width: 10px;
float: left;	
}

.recipe-search .text-search span.rounded_left{
background: transparent url(../images/recipe_search_input_left.png) no-repeat top left;	
}

.recipe-search .text-search span.rounded_right{
background: transparent url(../images/recipe_search_input_right.png) no-repeat top left;	
}

html>body .navigation-col .search {height: auto;}

.navigation-col .search label {display: none;}

.recipe-search .text-search input.text {
border-top: 1px solid #c28134;
border-bottom: 1px solid #c28134;
border-left: 0;
border-right:0;
margin: 2px 0 0 0;
float: left;
width: 130px;
height: 18px;
font-family: Arial, Verdana;
}


.recipe-search{
background: transparent url(../images/recipe_search_bg.png) repeat-x top left;
border-top: #ff0000 solid 1px;
}
.recipe-search h2 {
background: url(../images/search_button_text3.gif) no-repeat 15px 10px;
height: 25px;
}

.recipe-search h2 span {
display: none;
}

.recipe-search .text-search {
background: url(../images/recipe-search-bg.png) no-repeat top left;
margin: 0 0 6px 0;
padding: 5px 10px 0px 8px;
}

.recipe-search .text-search label {
display: none;
}

.recipe-search .text-search input.button {
margin: 3px 0 0 3px;
}

.recipe-search .browse {
background: url(../images/recipe-search-bg.png) no-repeat bottom left;
padding: 0px 17px 15px 16px;
}


.recipe-search .browse label.fish-type span {
display: none;
}


.recipe-search .browse label.occation span {
display: none;
}

.recipe-search .browse select {
color: #676565;
width: 100px;
margin-bottom:5px;
}

html>body .recipe-search .browse select {
width: 100px;
}

.recipe-search .browse input.button{
margin-left: 5px;
}

/************************************************
=Forms
************************************************/
.smallbutton {
font-size: 0.688em;
color: #00578e;
background-color: transparent;
border:none;
text-transform:uppercase;
margin: 3px 1px 3px 0;
cursor: pointer;
font-weight: bold;
}

.smallbutton:hover {
text-decoration: underline;
}

.content .primary label{
font-size: 0.75em;
font-weight: bold;
padding: 0 0 10px 0;
}

.content .standardform{
background: #f4f4f4;
float: left;
}

.content .standardform h1{
padding: 10px 0 0 10px;
float: left;
width:400px;
}

.content .standardform p{
padding: 10px 10px 0 30px;
font-size: 0.75em;
color: #565656;
float: left;
width: 400px;
}

.content .standardform form{
width: 300px;
padding: 10px 0 0 30px;
float: left;
}

.content .standardform form input.text{
width: 100px;
float: right;
margin: 0 0 5px 0;;
}

.content .standardform form input.checkbox{
float: left;
margin-top: 5px;
}

.content .standardform form label.checkbox-text{
width: auto;
padding-right: 10px;
clear: left;
}



.content .standardform form input{
float: right;
}

.content .standardform form label{
float: left;
width: 190px;
height: auto;
color: #565656;
padding: 5px 0 5px 0;
}

.content .standardform form input.smallbutton{
margin-top: 30px;
margin-bottom: 10px;
}

.content .standardform form div{
float: left;
width: 100%;	
}

.content .standardform textarea{
clear:both;
}

/*************************************************
=Footer
**************************************************/
.footer {
background: url(../images/footer_bg.gif) no-repeat top left;
clear: both;
height: 45px;
min-height: 45px;
margin: 15px 0 0 0;
padding: 2px 25px 0 0;
}

html>body {height: auto;}

.footer div.info{
height: 100%;
width: auto;
float: left;
padding: 5px 15px 0 16px;
}

.footer p {
color: #989898;
font-size: 0.562em;
font-family: arial, verdana, sans-serif;
text-align: left;
}

.footer div.logo{
background: url(../images/footer_logo.png) no-repeat top left;
height: 45px;
width: 150px;
float: right;
}

/*************************************************
=Modules in center column
**************************************************/
.content-wrapper .banners #video{
padding: 0 0 10px 0;
}

.content-wrapper .banners a img{
padding: 0 11px 10px 0;
float:left;
}
.content-wrapper .banners a img.last{
padding-right:0px;
float:right;
}

/*blue line*/
.content-wrapper .separator{
border-bottom: #59a8e4 4px solid;
margin-bottom: 10px;
}

.content .primary p{
line-height: 1.5em;
}

.content h1{
font-size: 1.313em;
color: #565656;
font-weight: bold;
}

.content h3{
color: #04548e;
font-weight: bold;
}

.content .primary, .banners .primary{
float:left;
width:440px;
max-width:440px;
overflow: hidden;
}
/*Override width if frontpage*/
.frontpage .primary{
width: 414px !important;
max-width: 414px !important;
}

.content .primary h2{
color: #04548e;
text-transform: uppercase;
font-size: 0.75em;
font-family: verdana, arial, sans-serif;
float:left;
padding-top: 10px;
width: auto;
}

.content .secondary, .banners .secondary{
float:right;
width:170px;
overflow: hidden;	
}

/*Override secondary width if necessary*/
.frontpage .secondary{
width: 196px !important;

}

.secondary p{
font-size: 0.75em;	
}

.background{
background: url(../images/faded_blue_bg.gif) repeat-x top left;
/*border-top: #bee8f3 solid 1px;*/
}

/*General outlisting*/
.small-list{
padding: 10px 10px 0 10px;
}
/*solution to get small list to start alongside other content*/
.close{
padding-top: 0px;
margin-top: -10px;
}

.small-list h3{
font-size: 0.75em;
padding: 0 0 2px 0;
color: #04548e;
}

/*News outlisting*/
.article-list h2{
color: #59a8e4;
font-size: 0.875em;
font-family: verdana, arial, sans-serif;
text-transform: uppercase;	
}

.article-list .news h3{
font-size: 0.75em;
/*color: #565656;	*/
font-weight: bold;
word-wrap: break-word;
*overflow: hidden;
}

.article-list .news p.downloadtext
{
	color: #04548E;
}

.article-list .news{
padding: 5px 0px 5px 0px;	
}

.article-list .news a:link, .article-list .news a:visited, .article-list .news p{
/*color: #565656;*/ color: #04548E;
}

.article-list .news a:hover p, .article-list .news a:focus p{
text-decoration: underline;	
}

span.comments{
background: url(../images/comment_bubble.png) no-repeat 2px 0px;
padding: 2px 10px 8px 8px;
font-size: 0.75em;
font-weight: bold;
color: #fff;
width:10px;
height:10px;
text-align: center;	
}

p.date, .date{
font-style: italic;
font-size: 0.625em;	
}

.indent{
padding-left: 10px;
}

/*************************************************
=Template index_A/A1 (Log in) and index_A3 (register)
**************************************************/
.login_form label{
font-size: 0.688em;
color: #3d3d3d;
}

.login_form .outer_boxes{
padding: 2px 0 5px 0;
float:left;
width:100%;
}

.login_form .outer_boxes label{
padding: 5px 5px 5px 19px;
float:left;
clear:left;
white-space: nowrap;
}

.login_form .outer_boxes input.text{
width: 60px;
margin: 3px 3px 0 2px;
display:block;
float:right;
padding:0;
}

html>body .login_form .outer_boxes input.text{
width: 60px;
margin: 3px 5px 0 2px;
display:block;
float:right;
padding:0;
}

.navigation-col ul.login li .login_form a:link, .navigation-col ul.login li .login_form a:visited,
.navigation-col .login_form .outer_boxes a:link, .navigation-col .login_form .outer_boxes a:visited {
background: transparent none;
color: #04548e;
text-align:left;
border: none;
padding: 2px 0 0 19px;
clear: both;
}

.login_form .smallbutton{
float:right;
text-align:right;
margin-right: 6px;
}

html>body .login_form .smallbutton{
float:right;
margin-right: 2px;
}

.login_form{
padding-bottom: 10px;
float:left;
width:100%;
}


.login_form p{
font-size: 0.688em;
color: #3d3d3d;
padding: 0 0 10px 19px;
}

.navigation-col ul.login li .login_form .smallbutton a:link, .navigation-col ul.login li  .login_form .smallbutton a:visited{
background: none;
border:none;
width:auto;
font-size: 100%;
white-space: nowrap;
padding-right:2px;
}

/*************************************************
=Template index_A3 only (register)
**************************************************/

form#register_form{
padding-bottom: 0px;
}

/*************************************************
=Template index_A2
**************************************************/
.content .items{
clear:both;
}

.content .items .item{
float:left;
width: 210px;
padding: 10px 0 10px 0;
}

.content .items .odd{
float:right;
}

.content .items .item img{
padding: 0 5px 0 0;
float:left;
}
.content .items .item .title{
text-transform: uppercase;
color: #04548e;
font-weight: bold;
font-size: 0.75em;
display:inline;
padding: 15px 0 0 0px;
float:left;
}

.content .items .item a:link, .content .items .item a:visited{
float:right;
font-size: 0.688em;
color: #04548e;
padding: 2px 4px 0 0;
}

.content .items .item ul{
float:left;
padding: 5px 0 0 0;	
}
.content .items .item ul li{
background: #e4e4e4;
width: 207px;
margin-bottom:2px;
padding: 3px 0 3px 0;
float: left;
}

.content .items .item ul li a:link, .content .items .item ul li a:visited{
padding: 0px 0 0px 10px;
float: left;
}

.content .items .item ul li a.last{
float: right;
padding: 2px 8px 0 0;
margin-top: 4px;
}

html>body .content .items .item ul li a.last{
float: right;
padding: 2px 5px 0 0;
margin-top: 0px;
}

/*************************************************
=Template sokrecept og sokrecept_A3
**************************************************/
.content .primary .recipe-list-item{
width: 100%;
}

.content .primary .list{
padding-top: 10px;
padding-bottom: 5px;
float: left;
width: 100%;
}

.content .primary .recipe-list-item ul{
width: 100%;
float: left;
}

.content .primary .recipe-list-item ul.odd{
background: #eff7fd;
}

.content .primary .recipe-list-item ul li{
float:right;
font-size: 0.75em;
padding: 3px 5px 1px 0;
}

.content .primary .recipe-list-item ul li img{
padding-left: 1px;
}

.content .primary .recipe-list-item ul li.time{
background: url(../images/time.gif) no-repeat 0px 3px;
padding: 5px 5px 1px 17px;
font-size: 0.688em;
}
.content .primary .recipe-list-item ul li.title{
padding-left: 10px;
padding-top: 5px;
text-align: left;
width: auto;
float:left;
}

.content .primary .recipe-list-item ul li.comment{
font-size: 0.688em;
}

.content .primary .recipe-list-item ul li.comment span{
padding-top: 4px;
padding-bottom: 5px;
padding-right: 15px;
}

.content .primary a:link.more, .content .primary a:visited.more{
font-size: 0.625em;
color: #04548e;
padding: 5px 6px 0 0;
float: right;	
}

.content .primary a.tips{
font-size: 0.688em;
background: url(../images/cross.gif) no-repeat 0px 11px;
float:right;
padding: 10px 34px 0 15px;
cursor: pointer;
color: #000;
height: auto:;
}

/*Quickmenu*/

.content-wrapper ul.quickmenu{
width: 412px;
float: left;
}

.content-wrapper ul.quickmenu li{
width: 199px;
float: left;
padding: 0 0 0 0;
border-bottom: #5b91bf 1px solid;
font-size: 1em;
font-weight: bold;
height: 56px;
overflow:hidden;
}

.content-wrapper ul.quickmenu li.five, .content-wrapper ul.quickmenu li.six {
border-bottom: none;
height: 61px;
}

.content-wrapper ul.quickmenu li a{
display: block;
padding: 18px 0 18px 80px;
color: #fff;
}

html>body .content-wrapper ul.quickmenu li a{
padding: 18px 0 18px 80px;
}

.content-wrapper ul.quickmenu li.one, .content-wrapper ul.quickmenu li.three, .content-wrapper ul.quickmenu li.five{
width: 212px;
}

.content-wrapper ul.quickmenu li.one a{
background: url(../images/quickmenu_one.gif) no-repeat top left;
border-right: #5b91bf 1px solid;
border-bottom: #215a87 1px solid;
}

.content-wrapper ul.quickmenu li.two a{
background: url(../images/quickmenu_two.gif) no-repeat top left;
border-bottom: #215a87 1px solid;
}

.content-wrapper ul.quickmenu li.three a{
background: url(../images/quickmenu_three.gif) no-repeat top left;
border-right: #5b91bf 1px solid;
border-bottom: #024176 1px solid;
}

.content-wrapper ul.quickmenu li.four a{
background: url(../images/quickmenu_four.gif) no-repeat top left;
border-bottom: #024176 1px solid;
}

.content-wrapper ul.quickmenu li.five a{
background: url(../images/quickmenu_five.gif) no-repeat top left;
border-right: #5b91bf 1px solid;
padding-bottom: 20px;
}

.content-wrapper ul.quickmenu li.six a{
background: url(../images/quickmenu_six.gif) no-repeat top left;
padding-bottom: 20px;
}

/*sokrecept_A3*/

.content .arrow-list ul{
padding: 10px 0 0 0;
}

.content .arrow-list ul li{
font-size: 0.688em;
float: left;
}

.content .arrow-list ul li .arrow-header a{
width: 100%;
color: #145f95;
}

.content .primary .arrow-list{
width: 411px;
float: left;
}

.content .primary .arrow-list ul{
float:left;
}

.content .primary .arrow-list ul li{
padding: 0 0 0 10px;
}


/*************************************************
=sokrecept_A og sokrecept_A4
**************************************************/
.content .item-dashboard{
padding-bottom: 20px;	
}

.content .item-dashboard .items{
width: 100%;
clear:both;
padding:15px 0 11px 0;	
}

.content .item-dashboard .items .list-item{
width: 293px;
float: left;	
}
.content .item-dashboard .items .odd{
float:right;	
}

.content .item-dashboard .items .list-item img.thumbnail{
float: left;
}

.content .item-dashboard .items .list-item ul{
float: right;
width: 166px;
}

.content .item-dashboard .items .list-item .title{
font-size: 0.75em;
font-weight: bold;
padding-left: 4px;
width: 100%;	
}
.content .item-dashboard .items .list-item ul li{
font-size: 0.688em;
float: left;	
}
.content .item-dashboard .items .list-item ul li.time{
background: url(../images/time.gif) no-repeat 2px 3px;
padding: 5px 0px 1px 19px;
}

.content .item-dashboard .items .list-item ul li ul.rating{
padding: 3px 0px 0px 5px !important;
}

.content .item-dashboard .items .list-item ul li img{
padding: 2px 0px 0px 6px;
}

.content .item-dashboard .items .list-item ul li.comment span{
float:left;
}
.content .item-dashboard .items .list-item ul li.comment a{
padding: 3px 0px 0px 0px;
float:left;
color: #565656;
}

.content .item-dashboard .blue-background{
background: #eff7fd;
padding: 5px 0 5px 5px;
}

.content .item-dashboard h3{
color:#04548E;
font-size:0.75em;
float: left;
padding: 0 0 0 27px;
}

.content .item-dashboard p{
font-size: 0.688em;
float: left;
width: 166px;
padding: 5px 0 10px 10px;
}

.content .item-dashboard a.more{
font-size: 0.688em;
float: right;
color: #04548E;
padding: 0 10px 0 0;
white-space: nowrap;
}

.content .item-dashboard a:link.pdf, .content .item-dashboard a:visited.pdf {
display: block;
background: url(../images/icon_pdf.gif) no-repeat 8px 0px;
padding: 2px 0 2px 30px;
color: #04548E;
float: left;
font-size: 0.75em;
font-weight: bold;
}

/*News archive*/

.content .item-dashboard .news{
float: right;
padding: 0 0 0 0px;
width: 166px;
}

.content .item-dashboard .news h3{
float: left;
padding: 0 0 0 0px;
}

.content .item-dashboard .news img{
float: left;
}

.content .item-dashboard .news p{
float: left;
width: 166px;
padding: 2px 0 10px 0px;
}

.content .item-dashboard .news p.date{
padding-bottom: 0px;
padding-top: 0px;
}

.content .item-dashboard .news a.more{
float: right;
padding: 0 10px 0 0;
}

/*List pager*/

.pager {
font-size: 0.75em;
padding: 0 0 4px 0;
text-align: right;
}

.pager ul {
float: right;
}

.pager ul li {
float: left;
margin: 0 0 0 8px;
}

.pager ol {
margin: 0 0 0 4px;
}

.pager ol li {
margin: 0 4px 0 0;
border-right: #3d3d3d solid 1px;
}

.pager ol li a:link,
.pager ol li a:visited,
.pager ol li span {
padding: 0 9px 0 0;
}
.pager ol li span {
font-weight: bold;
}


/*************************************************
=sokrecept_A1
**************************************************/
.secondary .small-list p span.title{
display: block;	
}

.secondary .small-list img{
padding-bottom: 5px;
}

.secondary .small-list .related{
background: #f4f4f4;
padding-left:17px;
padding-right:10px;
}

.secondary .small-list .related a:link, .secondary .small-list .related a:visited{
color: #04548e;
font-size: 0.688em;
zoom: 1;
}

.secondary .small-list .related img{
padding-top: 10px;
padding-bottom: 5px;
}

.secondary .small-list ul.share-list{
margin-top: 10px;
padding-bottom: 10px;
background: #f4f4f4;
}

.secondary .small-list ul.share-list li{
padding: 5px 0 5px 17px;
border-bottom: #fff 1px solid;
font-size: 0.688em;
}

.secondary .small-list ul.share-list li a,
.secondary .small-list ul.share-list li div{
color:#04548e;
padding-left: 23px;
}

.secondary .small-list ul.share-list li.facebook{
background: url(../images/facebook_icon.gif) no-repeat 17px 10px;
}

.secondary .small-list ul.share-list li.cookbook{
background: url(../images/cross.gif) no-repeat 18px 11px;
}

.secondary .small-list ul.share-list li.print{
background: url(../images/print_icon.gif) no-repeat 17px 10px;
}

.secondary .small-list ul.share-list li.mail{
background: url(../images/mail_icon.gif) no-repeat 17px 11px;
}


html>body .secondary .small-list ul.share-list li.facebook{
background: url(../images/facebook_icon.gif) no-repeat 17px 6px;
}

html>body .secondary .small-list ul.share-list li.cookbook{
background: url(../images/cross.gif) no-repeat 18px 6px;
}

html>body .secondary .small-list ul.share-list li.print{
background: url(../images/print_icon.gif) no-repeat 17px 5px;
}

html>body .secondary .small-list ul.share-list li.mail{
background: url(../images/mail_icon.gif) no-repeat 17px 6px;
}

/*Recipe detail */

.content .primary .recipe-detail{
padding: 5px 0px 0 5px;
float: left;
width: 435px;
}

.content .primary .recipe-detail .recipe-list-item ul{
float: left;
padding: 5px 0 5px 0px;
}

.content .primary .recipe-detail .recipe-list-item ul li{
float: left;
}

.content .primary .recipe-list-item ul li ul.rating, .content .item-dashboard .items .list-item ul li ul.rating{
float: left;
padding: 0px;
min-width: 66px;
width: 66px;
}

.content .primary .recipe-list-item ul li ul.rating li, .content .item-dashboard .items .list-item ul li ul.rating li{
background: url(../images/star_empty.gif) no-repeat top left;
float: left;
padding: 0px;
width: 13px;
height: 15px;
}

.content .primary .recipe-list-item ul li ul.rating li.filled, .content .item-dashboard .items .list-item ul li ul.rating li.filled{
background: url(../images/star_filled.gif) no-repeat top left;
width: 13px;
height: 15px;
}

.content .primary .recipe-detail .recipe-list-item ul li ul.rating li.filled:hover{
background: url(../images/star_empty.gif) no-repeat top left;
width: 13px;
height: 15px;
cursor:pointer;
}

.content .primary .recipe-detail .recipe-list-item ul li ul.rating li:hover{
background: url(../images/star_filled.gif) no-repeat top left;
width: 13px;
height: 15px;
cursor:pointer;
}


.content .primary .recipe-detail h3{
font-size: 0.75em;
}

.content .primary .recipe-detail .background{
float:left;
width: 420px;
padding: 10px 0 5px 10px;
}

.content .primary .recipe-detail .ingredients{
float: left;
width: 215px;
min-width: 215px;
padding-right: 15px;
}
.content .primary .recipe-detail .ingredients dl, .content .primary .recipe-detail .nutritional-content ul{
padding: 3px 0 10px 0;
float: left;
}

.content .primary .recipe-detail .ingredients dl dd, .content .primary .recipe-detail .ingredients dl dt, .content .primary .recipe-detail .nutritional-content ul li{
font-size: 0.688em;
padding: 2px 0 0 0;
height: 16px;
}

html>body .content .primary .recipe-detail .ingredients dl dd, html>body .content .primary .recipe-detail .ingredients dl dt, html>body .content .primary .recipe-detail .nutritional-content ul li{
font-size: 0.688em;
padding: 2px 0 0 0;
min-height: 16px;
height: auto;
}

.content .primary .recipe-detail .ingredients dl dt{
float: left;
clear: left;
width: 45px;
}
.content .primary .recipe-detail .ingredients dl dd{
float: left;
width: 170px;
}

.content .primary .recipe-detail .nutritional-content{
float:left;
}

.content .primary .recipe-detail .description{
float: left;
width: 430px;
}
.content .primary .recipe-detail .description .title{
font-size: 0.75em;
font-weight: bold;
padding-bottom: 2px;
}
.content .primary .recipe-detail .description p{
font-size: 0.75em;
}

.content .primary .user-comments{
width: 435px;
padding: 10px 0 10px 5px;
margin-top: 30px;
float: left;	
}

.content .primary .user-comments .display-comment h3{
font-size:0.75em;	
}

.content .primary .user-comments .display-comment .name{
text-transform: uppercase;	
}

.content .primary .user-comments .display-comment p{
font-size:0.75em;
padding-top: 5px;	
}

.content .primary .user-comments form{
padding: 15px 0 0 0;
float: left;
}

.content .primary .user-comments form textarea{
width: 430px;
height: 100px;
float: left;
margin: 0 0 5px 0;
}

.content .primary .user-comments form label{
float:left;
}

.content .primary .user-comments form .smallbutton{
float:right;
}

/*************************************************
=fiskeskolan_A2 ... article
**************************************************/
.content .primary .article{
padding: 8px 0 0 5px;
width: 425px;	
}

.content .primary .article a:link, .content .primary .article a:visited{
color: #0079be;	
}

.content .primary .article p{
font-size: 0.75em;
color: #565656;
padding: 0 0 20px 0;	
}

.content .primary .article ul, .content .primary .article ol, .content .primary .article dl{
line-height: 1.1em;
padding-bottom: 5px;	
}

.content .primary .article h3{
font-size: 0.75em;
color: #565656;
font-weight: bold;	
}

.content .primary .article h2{
clear: both;
float: none;
padding-top: 0px;	
}

.content .primary .article .date{
font-size: 0.68em;
font-style: normal;
color: #565656;		
}

.content .primary .article .comment, .content .primary .article .mail, .content .primary .article .print{
font-size: 0.68em;
padding-top: 5px;	
}

.content .primary .article .icons{
float: left;
width: 100%;
}

.content .primary .article .comment{
float: left;	
}

.content .primary .article .icons a:link, .content .primary .article .icons a:visited{
color: #565656;	
}

.content .primary .article .mail, .content .primary .article .print{
float: right;
padding-left: 20px;
}

.content .primary .article .mail{
background:transparent url(../images/mail_icon.gif) no-repeat scroll 0 5px;	
} 


.content .primary .article .print{
background:transparent url(../images/print_icon.gif) no-repeat scroll 0 3px;
padding-right: 10px;
}

.content .primary .article .comment span.comments{
background:transparent url(../images/comment_bubble.png) no-repeat scroll 0px 0px;
padding-top: 4px;
}

.content .primary .article p.description{
font-weight: bold;
padding-top: 5px;
}

.content .primary .article p.ingress, .content .primary .article .ingress{
font-weight: bold;
padding: 10px 0 20px 0px;
clear: both;	
}

.content .primary .article table{
font-size: 0.75em;
color: #565656;
border-collapse: collapse;
border-right:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
margin-bottom: 10px;		
}

.content .primary .article table tr td,.content .primary .article table tr th {
padding: 2px 10px 2px 3px;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;	
}

.content .primary .article ul li{
font-size: 0.75em;
color: #565656;		
}

.content .primary .article ol{
margin-left: 20px;
padding-bottom: 10px;	
}

.content .primary .article ol li, .content .primary .article ol lh{
font-size: 0.75em;
color: #565656;
font-weight: bold;		
}


/*************************************************
=fiskeskolan_A5 (3 column)
**************************************************/
.content .three-column ul{
width: 600px;
float:left;
padding: 10px 0 20px 10px;
height: auto;	
}

.content .three-column h1{
padding: 10px 0 0 10px ;	
}

.content .three-column ul li{
width: 190px;
height: auto;
min-height: 70px;
float:left;
font-size: 0.688em;
text-align: center;
padding: 5px 5px 0 5px;
}

.content .three-column ul li span{
white-space: nowrap;
width: 190px;
float: left;
text-align: center;

}

/*************************************************
=nyheter
**************************************************/
.primary .news-box .news p{
font-size: 0.688em;
color: #565656;
line-height: 1.3em;
}

.content .article-list h2{
padding-top: 0px;
}

.primary .news-box .news p.date{
font-size: 0.625em;
}

.primary .news-box img{
float: left;
}

.primary .news-box{
float: left;
width: 100%;
padding: 15px 5px 0 0;	
}

.primary .news-box .news{
float: right;
width: 190px;
padding: 2px 10px 0 0;
}

.content .article-list .pager{
padding: 20px 10px 0 0;
float: right;
}

.content .secondary h3{
font-size: 0.75em;
}

.content .secondary h3.news-header{
padding-top: 10px;
}

.secondary .arrow-list{
width: 148px;
padding: 0 0 0 10px;
}

.secondary .arrow-list ul{
padding-top: 5px;
}

.secondary .arrow-list ul li{
clear: both;
float: none;
color: #666666;
padding-bottom: 10px;
}

/*************************************************
=nyheter_A2
**************************************************/
.small-list .article-list{
padding-left: 17px;
background:#F4F4F4 none repeat scroll 0 0;
}

.small-list .article-list p{
color: #565656;
font-size: 0.688em;
}

.small-list .article-list p.date{
font-size: 0.625em;
}

.small-list .article-list .news{
padding-top: 2px;
padding-bottom: 10px;
padding-right: 5px;
}

/*************************************************
=nyheter_A3
**************************************************/
.feedback{
width:100%;
background:transparent url(../images/image612x281.png) no-repeat scroll 0px 0px;
min-height: 281px;
overflow: hidden;
_height: 281px;
}

.feedback h1{
padding: 10px 0 0 10px;
}

.feedback form textarea{
width:224px;
height: 88px;
font-size: 0.75em;
font-family: arial, verdana, sans-serif;
}

.feedback form{
padding: 0px 10px 0 10px;
background: #fff;
width: 228px;
margin-left: 50px;
margin-top: 10px;
_height: 190px;
}

.feedback form label{
display: block;
font-size: 0.75em;
padding: 5px 0 3px 0;
color: #565656;
_float: left;
_clear: both;

}

.feedback form input{
width:220px;
_float: left;
_clear: both;
_padding: 0px!important;
}

.feedback form input.questionbutton{
width:139px;
height: 16px;
display: block;
padding-top: 8px;
}

.banners h1{
font-size: 1.062em;
color: #565656;
font-weight: bold;
padding: 25px 0 0 26px;
width: 300px;
}


/*************************************************
=Contact list
**************************************************/

.content ul.contact-list li{
font-size: 0.75em;	
float: left;
width: 100%;
padding: 0 0 15px 0;
}

.content ul.contact-list li div.container{
float: left;	
}

.content ul.contact-list li img{
float: left;
padding: 0 10px 0 0;	
}


/*************************************************
=Error
**************************************************/
.standardform .error{
float:right;
color: #e81616;
font-size: 0.75em;
padding: 0;
}

.error{
color: #e81616;
font-size: 0.75em;
}

p.error{
padding: 10px 0 10px 0;
}


/*************************************************
=Other
**************************************************/
.clear {clear: both;}

/*** avoid spam on form (Fråga eff)   ********/

#human {
visibility:hidden;
display:none;
}