/* Body
-------------------------------------------------------------------------------------------------- */

body {
	background : #eee url("../gfx/bg_gradient.gif") repeat-x;
	margin : 0px;
}

/* Link styles
-------------------------------------------------------------------------------------------------- */

a {
	text-decoration : none;
	color : #066;			/* default color */
}

#panel a {
	color : #343233;
}

#tabs a, #top-menu a, #footer a {
	color : #fff;
	
}

/* Font styles
-------------------------------------------------------------------------------------------------- */

#container {
	font : normal 0.7em tahoma, sans-serif;
}

div.entry, div.menu-container p, div.box div.wrapper, #content-container {
	line-height : 1.4em;
}

div.menu-container p .header {
	font-weight : bold;
	color : #00454f;
}

#content-container span.date {
	color : #666;
}

.brief {
	font-weight : bold;
}

/* Misc. display
-------------------------------------------------------------------------------------------------- */

img.left, img.right {
	border : 1px solid;
}

img.left {
	float : left;
	margin : 0px 10px 10px 0px
}

img.right {
	float : right;
	margin : 0px 0px 10px 10px
}

hr {
	height : 0px;
	border : none;
	border-top : 1px solid #b2bcc3;
}

/* Wrappers
-------------------------------------------------------------------------------------------------- */
	
#container {
	width : 790px;
	/*min-height : 500px;*/
	background-color : #fff;
	margin : auto;
	margin-bottom : 10px;
	padding : 1px 10px 0px 10px;
}

/* Logo
-------------------------------------------------------------------------------------------------- */

#logo {
	width : 130px;
	height : 94px;
	float : left;
}

#logo img {
	border : none;
}

/* Panel
-------------------------------------------------------------------------------------------------- */

#panel {
	width : 660px;
	height : 94px;
	float : left;
}

#panel {
	background-color : #eee;
	background-repeat : no-repeat;
}

#panel #buttons {
	float : left;
	padding : 10px 0px 0px 45px;
	width : 466px;
}

#panel #buttons ul {
	list-style-type : none;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#panel #buttons li {
	background-repeat : no-repeat;
	background-position : bottom left;
	padding-right : 9px;
	display : inline;
}

#panel #buttons .publications {
	background-image : url("../gfx/icon_publications.gif");
	padding-left : 16px;
}

#panel #buttons .newsletter {
	background-image : url("../gfx/icon_newsletter.gif");
	padding-left : 15px;
}

#panel #buttons .sitemap {
	background-image : url("../gfx/icon_sitemap.gif");
	padding-left : 16px;
}

#panel #buttons .contact {
	background-image : url("../gfx/icon_contact.gif");
	padding-left : 18px;
}

#panel #buttons .english {
	background-image : url("../gfx/icon_english.gif");
	padding-left : 16px;
}

#panel #buttons .sites {
	background-image : url("../gfx/icon_sites.gif");
	padding-left : 15px;
}

#panel #search {
	float : left;
	padding : 9px 0px 0px 0px;
	text-align : right;
	width : 149px;
}

#panel #search form {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

#panel #search input {
	border : 1px solid #333;
	background : none;
	padding : 1px 1px 1px 1px;
	margin : 0px 6px 0px 0px;
	font-family : tahoma, sans-serif;
	font-size : 11px;
	float : left;
	color : #333;
	width : 98px;
}

#panel #search input.button {
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	border : none;
	width : 31px;	
}

/* Tabs
-------------------------------------------------------------------------------------------------- */

#tabs {
	width : 100%;
	float : left;
	background-image : url("../gfx/bg_tabs.gif");
	background-repeat : repeat-x;
}

#tabs ul {
	width : 100%;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-type : none;
}

#tabs li {
	float : left;
	margin : 0px 1px 0px 0px;
	padding : 0px 0px 5px 15px;
	height : 17px;
	background-position : top left;
	background-repeat : repeat-y;
	background-color : #00434c;
	background-image : url("../gfx/tab_unselected_left.gif");
	
}

#tabs a {
	background-image : url("../gfx/tab_unselected_right.gif");
	background-position : top right;
	background-repeat : no-repeat;
	padding : 4px 15px 0px 0px;
	display : block;
	
}

/* Top menu
-------------------------------------------------------------------------------------------------- */

#top-menu {
	float : left;
	margin-bottom : 14px;
	background-repeat : no-repeat;
	background-position : top right;
}

#top-menu ul {
	width : 790px;
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}

#top-menu li {
	float : left;
}

#top-menu a {
	padding : 4px 25px 5px 10px;
	display : block;
}

#top-menu a.selected {
	font-weight : bold;
}

/* Wrappers
-------------------------------------------------------------------------------------------------- */

#main-wrapper {
	float : left; 
	width : 590px;
	margin : 0px 10px 0px 0px;
}

/* Round corner boxes
-------------------------------------------------------------------------------------------------- */

div.box {
	float : left;
	background : url("../gfx/bg_menu.gif") repeat-x top left;
	margin : 0px 0px 10px 0px;
}

div.box div.left-corner, div.box div.right-corner {
	float : left;
}

div.box div.left-corner {
	background : url("../gfx/menu_top_left.gif") no-repeat top left;
	height : 16px;
	font-weight : bold;
	font-size : 0.8em;
	line-height : normal;
	color : #00454f;
	padding : 5px 0px 0px 11px;
}

div.box div.right-corner {
	background : url("../gfx/menu_top_right.gif") no-repeat top right;
	width : 5px;
	height : 21px;
}

/* Middle container
-------------------------------------------------------------------------------------------------- */

#middle-container {
	float : right;
	width : 390px;
}

#middle-container div.box {
	width : 100%;
}

#middle-container div.box div.left-corner {
	width : 374px;
}

#middle-container div.box div.wrapper {
	width : 390px;
	float : left;
	background : url("../gfx/bg_fading.gif") no-repeat top left;
}

#middle-container div.box div.inner-wrapper {
	padding : 10px 10px 8px 11px;
	width : 369px;
	background : url("../gfx/bg_fading.gif") no-repeat top right;
	float : left;
}

#middle-container div.box div.wrapper ul {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	float : left;
	width : 100%;
}

#middle-container div.box div.wrapper li {
	margin : 4px 0px 0px 20px;
	padding : 0px 0px 0px 0px;
	list-style-image : url("../gfx/menu_arrow.gif");
}

/* Entries
-------------------------------------------------------------------------------------------------- */

#middle-container div.entry, #content-container div.entry, #content-container div.large {
	margin : 0px 0px 20px 0px;
	float : left;
}

#content-container div.large {
	border-bottom : 1px solid #ccc;
}

#middle-container div.entry img, #content-container div.entry img {
	margin : 0px 10px 10px 0px;
	border : 1px solid #000;
}

#middle-container div.entry div.image, #content-container div.entry div.image {
	float : left;
}

#middle-container div.entry div.text {
	width : 304px;
	float : left;
}

#content-container div.entry div.text {
	width : 504px;
	float : left;
}

#content-container div.entry div.large {
	width : 378px;
	float : left;
	border-bottom : none;
}

#middle-container div.box div.entry div.text {
	width : 283px;
}

#content-container div.box div.entry div.text {
	width : 283px;
}

#middle-container div.entry ul, #content-container div.entry ul {
	margin : 0px 0px 0px 17px;
	padding : 0px 0px 1px 0px;
}

#middle-container div.entry li, #content-container div.entry li {
	margin : 4px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-image : url("../gfx/menu_arrow.gif");
}

#middle-container div.entry a.head, #content-container div.entry a.head {
	text-decoration : none;
	font-size : 120%;
	font-weight : bold;
}

/* Content container
-------------------------------------------------------------------------------------------------- */

#content-container {
	float : right;
	width : 590px;
}

#content-container #path {
	padding : 2px 0px 4px 0px;
	width : 100%;
	border-bottom : 1px solid #b2bcc3;
	margin : 0px 0px 10px 0px;
}

#content-container #print {
	width : 100%;
	text-align : right;
	margin-bottom : 0px;
}

#content-container #print ul {
	margin : 0px 0px 0px 17px;
	padding : 0px 0px 1px 0px;
}

#content-container #print li {
	margin : 1px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-image : url("../gfx/icon_print.gif");
}

#content-container #header {
	width : 100%;
	float : left;
}

#content-container h1, #content-container h2, #content-container h3, #content-container h4, #content-container h5, #content-container h6 {
	color : #000;
	font-weight : bold;
	margin : 0px 0x 20px 0px;
}

#content-container h1 {
	font-size : 160%;
}

#content-container h2 {
	font-size : 150%;
	
}

#content-container h3 {
	font-size : 140%;
	
}

#content-container h4 {
	font-size : 130%;
	
}

#content-container h5 {
	font-size : 120%;	
}

#content-container h6 {
	font-size : 110%;
	
}

#content-container .pageinfo {
	color : #666;
	margin : 10px 0px 0px 0px;
}

#content-container div.column {
	float : left;
	width : 50%;
}

#content-container div.column div.image {
	float : left;
	margin : 0px 10px 0px 0px;
	width : 76px;
}

#content-container div.column div.image img {
	border : 1px solid #000;
}

#content-container div.column div.text {
	float : left;
	min-height : 76px;
	width : 189px;
	padding : 0px 10px 30px 0px;
}

#content-container div.column div.text ul {
	margin : 0px 0px 0px 17px;
	padding : 0px 0px 1px 0px;
}

#content-container div.column div.text li {
	margin : 4px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-image : url("../gfx/menu_arrow.gif");
}

#content-container ul.arrow {
	margin : 0px 0px 20px 0px;
	padding : 0px 0px 0px 0px;
	float : left;
	width : 100%;
}

#content-container li.arrow {
	margin : 4px 0px 0px 20px;
	padding : 0px 0px 0px 0px;
	list-style-image : url("../gfx/menu_arrow.gif");
}

#content-container div.column div.text a.head {
	text-decoration : none;
	font-size : 120%;
	font-weight : bold;
}

/* Menu containers
-------------------------------------------------------------------------------------------------- */

div.menu-container {
	float : left;
	width : 190px;
}

div.menu-container div.box div.left-corner, #content-container div.box div.left-corner {
	width : 174px;
}

div.menu-container div.box .wrapper, #content-container div.box .wrapper {
	padding : 7px 9px 6px 9px;
	float : left;
	width : 170px;
	border-left : 1px solid #b2bcc3;
	border-right : 1px solid #b2bcc3;
}

div.menu-container div.box, #content-container div.box {
	width : 190px;
	border-bottom : 1px solid #b2bcc3;
}

#content-container div.box {
	margin : 0px 0px 10px 10px;
}

div.menu-container div.box ul, #content-container div.box ul {
	margin : 0px 0px 0px 17px;
	padding : 0px 0px 1px 0px;
}

div.menu-container div.box ul li, #content-container div.box ul li {
	margin : 1px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-image : url("../gfx/menu_arrow.gif");
}

div.menu-container div.box a {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

div.menu-container div.box img {
	margin : 2px 0px 2px 0px;
	border-color : #000;
}

#content-container #boxes {
	width : 200px; 
	float : right;
	margin : 0px 0px 10px 0px;
}

/* Left menu
-------------------------------------------------------------------------------------------------- */

#left-menu {
	background : url("../gfx/bg_leftmenu.gif") repeat-x top left;
	min-height : 476px;
}

#left-menu ul {
	margin : 0px 0px 0px 0px;
	padding : 4px 0px 5px 0px;
	border-bottom : 1px solid #fff;
}

#left-menu ul.wrapper {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	border-bottom : 0px solid #fff; /* -- HER ER RETTET FRA 1px -- */
}

#left-menu ul.sub {
	margin : 0px 0px 0px 10px;
	border : none;
}

#left-menu ul.sub li {
	list-style-image : none;
}

#left-menu li {
	list-style-type : none;
	padding : 0px 10px 0px 2px;
	margin : 0px 0px 0px 27px;
	list-style-image : url("../gfx/menu_arrow.gif");
}

#left-menu li.plus {
	list-style-image : url("../gfx/menu_plus.gif");
}

#left-menu li.minus {
	list-style-image : url("../gfx/menu_minus.gif");
}

#left-menu a.selected {
	font-weight : bold;
}

/* VetInfo
-------------------------------------------------------------------------------------------------- */

#vetinfo-logo {
	float : right;
	display : block;
	margin : 20px 0px 10px 10px;
	padding : 10px;
	background-color : #fff;
	border : 1px solid #b2bcc3;
	color : #777;
}

#content-container .inset {
	border : 1px solid #b2bcc3;
	background-color : #eee;
	padding : 5px 5px 5px 10px;
	margin : 5px 10px 5px 0px;
	float : left;
	width : 200px;
}

#content-container .inset ul {
	margin : 0px 0px 0px 17px;
	padding : 0px 0px 1px 0px;
}

#content-container .inset ul li {
	margin : 1px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	list-style-image : url("../gfx/menu_arrow.gif");
}

#content-container .inset a {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

/* Recipes
-------------------------------------------------------------------------------------------------- */

#content-container div#recipe-column-left {
	float : left;
	display : inline;
	margin : 10px 30px 10px 0px;
	width : 245px;
}
/* top right bottom left */
#content-container div#recipe-column-right {
	float : left;
	display : inline;
	margin : 10px 0px 10px 10px;
	width : 305px;	
}

/* Recipes search interface
-------------------------------------------------------------------------------------------------- */

fieldset.recipes {
float : left;
display : inline;
width : 250px;
height : 50px;
border : 1px solid #aaa;
margin : 5px 10px 0px 0px;
padding : 5px;
}

fieldset.recipes input, fieldset.recipes select {
font-size : 11px;
}

fieldset.recipes legend {
padding : 5px;
color : #aaa;
}

#recipes-button {
float : left;
display : inline;
width : 100%;
border-top : 1px solid #aaa;
margin-top : 10px;
}

.recipes-button {
float : left;
display : inline;
margin : 10px 0px 0px 1px;
border : 1px solid #00434c;
background-color : #066;
color : #fff;
padding : 4px 5px 7px 5px;
font : normal 11px tahoma;
}

/* Footer
-------------------------------------------------------------------------------------------------- */

#footer {
	float : left;
	width : 100%;
	background : #014550 url("../gfx/bg_footer.gif") no-repeat top right;
	text-align : center;
	color : #fff;
	font-size : 0.8em;
	bottom : 0px;
	padding : 4px 0px 5px 0px;
	margin-top : 10px;
display : inline;
}

#clear {
	clear : both;
}

#w3c {
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}

#w3c img {
	border : none;
}

/************************************************************************************************************************/
/*********************************** DROPDOWN MENU **********************************************************************/
/************************************************************************************************************************/

#top1holderB {
	z-index: 101; 
	left: 0px; 
	visibility: visible; 
	position: absolute; 
	top: 0px; 
	height: 275px;
}
	
#top1holder {
	z-index: 102; 
	left: 0px; 
	visibility: hidden; 
	position: absolute; 
	top:0px; 
	height: 275px;
}
	
#top2holderB {
	z-index: 101; 
	left: 0px; 
	visibility: visible; 
	position: absolute; 
	top: 0px; 
	height: 275px;
}
	
#top2holder {
	z-index:102; 
	left: 0px; 
	visibility: hidden; 
	position: absolute; 
	top: 0px; 
	height: 275px;
}

/*
div#navcontainer {
	height: 21px;
	border-bottom : 10px solid #FFFFFF;
	padding-left : 15px;
}
	
#navcontainer ul {
	padding-left: 0;
	margin-left: 0;
	color: #FFFFFF;
	float: left;
	height : 22px;
}
	
#navcontainer ul li { 
	display: inline;
}

#navcontainer ul li a {
	padding-top : 4px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 35px;
	float : left;
}
*/
.cellDropdown, .cellDropdownOver, .cellDropdown2, .cellDropdownOver2, .cellDropdownUdenPil, .cellDropdownOverUdenPil {
	padding : 5px;
	padding-left:10px; 
	padding-right:15px;
	cursor:pointer;
	color:#FFFFFF;
	font : normal 1em tahoma, sans-serif;
}

.cellDropdownOver, .cellDropdownOver2, .cellDropdownOverUdenPil { 
	background-color:#00454F; 	
}