@import url("gkcolors.css");
@import url("gkpush.css");


body {
background-color:#FFFFFF;
}

.gles {line-height: 1.5em;}
.versal {text-transform: uppercase;}

/* ---------------------- Positionering -------------------------- */
.valign-top {vertical-align: top;}
.valign-middle {vertical-align: middle;}
.valign-bottom {vertical-align: bottom;}

/* ---------------------- Z-index -------------------------- */
/* Denna content centrerar i inchead, skall ha samma egenskaper som content (utom z)*/
.contenthead { 
	z-index: 501;
}

.content {
	z-index: -100;
}

/* ---------------------- Bredder -------------------------- */

.content, #menu, #separator1, #footer, #navig table#tblcontent {
	width: 754px;
}

#footer2 {
	width: 730px;
}

table#icons {
		width: 600px;
}

.width1, #box1, #box3, #catpagerecipe {
	width: 217px;
}

.width2 {
	width: 280px;
}

.width3, #box2 {
	width: 300px;
}

.width4 {							/* används på receptlistning - några pixlar smalare än width1 */
	width: 210px;
}							


.boxmargin {
	width: 15px;
}

.boxmargin2 {
	width: 5px;
}

#nmlinks {
	width: 680px;
}

#nmlinks2 {
	width: 650px;
}

td.bc {
	text-align: left;
}

.leftmargin {
	margin-left: 3px;
}

.rightmargin {
	margin-right: 3px;
}
/* ---------------------- Höjder -------------------------- */
.catpagerecipe {
	background-color: #FF00FF;
}

#box2, #box3, table#tblcontent { /*#box1, */
	height: 390px;
}

.height1 {
	height: 217px;
}

.height2 {
	height: 300px;
}
/* ---------------------- Layout -------------------------- */
body, .content, table, td, p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	
}

body, .content {
}


#menu {
	height: 85px;
	background-color: #FD9C00;
	padding-left: 10px;
}

#navig {
	height:30px;
	padding: 0px;
	vertical-align: middle;
}

#logo {
	width: 200px;
	height: 45px;
	background-repeat:no-repeat;
	margin: 5px 0px 0px 15px;
}

#search {
	width: 200px;
	background-color: #FFFF00;
}

#handkod {
	width: 200px;
	background-color: #00000;
}

.contenthead {
	
}

.content, #menu {
}

#separator1 {
	height: 13px;
	padding: 0px;
	margin: 0px;
	/*background-color:#F2F2F2;*/
}

#separator2 {
	height: 3px;
	padding: 0px;
	margin: 0px;
}

#separator3 {
	height: 5px;
	padding: 0px;
	margin: 0px;
}

#box1, #box2, #box3 {
	padding: 0px;
	margin: 0px;
}

#footer {
	height: 45px;
	border: 0px;
	
}

.nmlogo {
	z-index: 500;
	text-align: right;
}

#nmlinks {
	z-index: 1;
	text-align: right;
	margin-top: 4px;
	border-top: 1px solid #666666;
}

#nmlinks2 {
	z-index: 1;
	text-align: right;
	margin-top: 4px;
	border-top: 1px solid #666666;
}

.catpagerecipe {
	height: 300px;
}

#tblcontent {
	padding: 0px;
	margin: 0px;
}

#solidtext {
position: relative; color: #000000;
}


/* ---------------------- Tabeller -------------------------- */

table {
	border: 0px;
}

td {}
	
th {}

/* ----------------------- Länkar --------------------------- */
a:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#333333;
	text-decoration: none;
}

a.special:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	text-decoration: none;
	font-weight:normal;
}

a.grey:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	text-decoration: none;
	font-weight:bold;
}

a.grey:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #DD4400;
	text-decoration: none;
	font-weight:bold;
}




a.stor:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}


a.big:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

a:visited {												
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#333333;
	text-decoration: none;
}


a.special:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	text-decoration: none;
	font-weight:normal;
}

a.stor:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

a.big:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}


a:hover {													
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DD4400;
	text-decoration: none;
}

a.special:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #DD4400;
	text-decoration: none;
	font-weight:normal;
}

a.stor:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

a.big:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #DD4400;
	text-decoration: none;
	font-weight:bold;
}


a:active {													
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #DD4400;
	text-decoration: none;
}

a.special:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #DD4400;
	text-decoration: none;
	font-weight:normal;
}

a.stor:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

a.big:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #DD4400;
	text-decoration: none;
	font-weight:bold;
}


a img {
	border: 0px;
}

a.link2:link {font-weight: normal;}
a.link2:visited {font-weight: normal;}
a.link2:hover {font-weight: normal;}
a.link2:active {font-weight: normal;}

/* ------------------- Rubriker & styckeformat -------------- */
p {}

h1, h2, h3, h4, h5, h6 {
	display: inline;
}

h1 {
	font-size: 18px;
	color: #DD4400;
	}
 
h2 {	
	font-size: 12px;
	color: #DD4400;
}

h3 {
font-size: 11px;
font-weight: bold;
color: #000000;
}

h3.nav {
	font-weight: bold;
	color: #D68400;
}

h4 {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

h5 {}

h6 {}

.copy1 {
	font-size: 11px;
	line-height: 14px;
	color: #000000;
}

.copy2 {
	color: #000000;
	font-size: 10px;
}

.copy3 {
	color: #000000;
	font-size: 18px;
}

.copy4 {	
	font-size: 10px;
	color: #000000;
	
}

.copy5 {	
	font-size: 11px;
	color: #000000;
	line-height: 7pt
	
}

.copy6 {	
	font-size: 11px;
	color: #000000;	
}

.copy7 {
	color: #000000;
	font-size: 14px;
	font-weight:500;
	line-height: 18px;
	font-stretch:expanded;
	
}

.copy8 {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	font-stretch:expanded;
	
}

.copy8 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	
}

.copy19 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color:#DD4400;
  font-weight:bold;
}

.fika {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	
	
}
.mini {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	text-decoration: none;
	font-weight:bold;
}
.minigrey {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	font-weight:normal;
}	
	
.rubbe {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.rubbe2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DD4400;
	font-weight: bold;
}


.formular {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	line-height: 12px;
	font-size: 11px;
	width:220px;
}

.justering {
letter-spacing: 1px;
}

.linespacing {line-height: 17px}


blockquote {}													/* Långa citat */

.citat {}

.bildtext {}

.byline {}

.ingress {}

.simheader, .recipeheader, .contrastheader {
	color: #DD4400;
	font-weight: bold;
	font-size: 12px;
	}

.contrastheader2 {
	color: #DD4400;
	font-weight: bold;
	font-size: 11px;
}


.bc {
	font-weight: bold;
	font-size: 10px;
	color: #959595;
}

.disclaimer {
	font-size: 9px;
	color: #666666;
		
}

.recname {
	text-align: left;
}
/* --------------------------- Bilder ------------------------ */
img {}

a img {}
/* ---------------------------- Formulär --------------------- */
form {}

.gkbutton  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
	color: #FFFFFF;
	background-color: #FD9C00;
	border: solid;
	border-color: #FDC700 #CE8002 #CE8002 #FDC700;
	cursor: hand;
	
}

textarea, input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

label {}

/* ----------------------------- Listor ---------------------- */

ul {}															/* onumrerad lista */

ul li {}

ol {}															/* sorterad lista */

ol li {}

dl {}															/* definitionslista */

dt {}															/* definition term */

dl {}															/* definition description */

dd {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

/* ----------------------------- Rutor ---------------------- */

.ruta {}

.info {}

.tips {}

.fakta {}

/* ----------------------------- Navigation ---------------------- */

#logo {}

#lev1 {}

#lev2 {}

#subnav {}

#footer a {}

#lev1 td.inactive {
	background-color: #F29500;
	}

#lev1 td.active {
	background-color: #FFFFFF;
	}

#lev1 a:link {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#lev1 a:active {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#lev1 a:hover {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	} 
	
#lev1 a:visited {
	font-weight: bold;
	font-size: 11px;
	color: #F29500;		
	text-decoration: none;
}

#lev2 a:link {
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#lev2 a:active {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}
	
#lev2 a:hover {
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	} 
	
#lev2 a:visited {
	font-weight: bold;
	font-size: 11px;
	color: #F29500;		
	text-decoration: none;
}

A.tb  {
	font-size : 11px;
	font-weight : bold;
	text-decoration : none;
}

A.tb:Visited  {
	text-decoration : none;
	font-weight : bold;
	font-size : 11px;
}

A.tb:Active  {
	text-decoration : underline;
	font-weight : bold;
	font-size : 11px;
}

A.tb:Hover  {
	text-decoration : underline;
	font-weight : bold;
	font-size : 11px;
}

A.tn  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight:normal;
}

A.tn:Visited  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 9px;
	font-weight: 100;
	text-decoration : none;
}

A.tn:Active  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 9px;
	font-weight: 100;
	text-decoration : underline;
}

A.tn:Hover  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 9px;
	font-weight: 100;
	text-decoration : underline;
}



td.tdauthor {
	width : 150px;
	text-align : left;
}

td.tddate {
	width : 120px;
	text-align : right;
}

.tbflat  {
	font-size : xx-small;
	border-style : solid;
	border-color : #cccccc;
}

.cmdflat  {
	font-size : xx-small;
	background-color : #cccccc;
	color : #ffffff;
	font-weight : bold;
}

/* ----------------------------- Scrollbox ---------------------- */

.scrollbox {
	padding: 10px; 
	height: 100px; 
	width: 80px; 
	border: 1px solid #999999; 
	overflow: auto; 
}

/* --------------------------- SCROLL I PUSH -------------------------- */

.scrollboxpush {
padding: 5px; 
height: 100px; 
width: 135px; 
overflow: auto; 
border: 1px solid #cccccc; 
background-color:#FFFFFF;
}

/* --------------------------- SURVEY CSS -------------------------- */
.nmnavtext2 {
	color: #DD4400;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}

.nmnavtext3 {
	color: #000000;
	font-size: 11px;
	line-height: 20px;
	
}


/* --------------------------- Sajtkarta -------------------------- */
.gknavtable {border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
.gknavtd {
	width: 25%;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 10px;
	}
a.gknavlink1, a.gknavlink2, a.gknavlink3, a.gknavlink4 {}
.gknavtext1, .gknavtext2 {font-size: 10px; font-weight: bold; color:#000000;}
.gknavtext3, .gknavtext4 {font-size: 10px; textdecoration: underline; color:#000000;}
.gknavdesc1, .gknavdesc2, .gknavdesc3, .gknavdesc4 {}
.gkheader {font-size: 12px; font-weight: bold; text-decoration:none; color: #DD4400;}