body {
	background-color: #790F0F;/**/
	margin: 0;
	background-image: url(images/backgroundgradient.gif);
}
a {
	color: #e1b005;
}
a:hover {
	color: #c97121;
}
td#ikoner_websidor a:hover {
	color: c97121;/*c97121*/
	background-image: url(images/tom.gif);
	}

body,td,th {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana, Arial, Helvetica, sans-serif;
	color: #fff799;/*ebebeb*/
}

/*#images-container {
	width: 150px;/*x
	background-color:#00FF00;
	z-index: auto;
	left: 50px;
	background-image: url(images/badday.gif);
	background-repeat: no-repeat;
	height: 107px;
	top: -30px;/*-55
}

#imageholder {
	width: 150px;
	z-index: 30;
	background-image: url(images/badday.gif);
	background-repeat: no-repeat;
	height: 107px;
	padding-left: 0px;
	position: relative;
	visibility: visible;
	padding-top: 0px;
	overflow: hidden;
	left: -30px;
	margin: 0px;
	top: auto;
}*/
#bildenff{
	width: 395px;
	height: 305px;
	z-index: 100;
	position: relative;
	right: 65px;
	background-image: url(images/banner.gif);
	top: -50px;
}
#bilden{
	width: 374px;
	height: 305px;
	z-index: 100;
	position: relative;
	right: 65px;
	/*background-image: url(images/top2.gif);*/
	top: -50px;
	clear: right;
}

#letaefter{
	width: 300px;
	height: 200px;
	z-index: 50;
	position: relative;
	right: 0px;
	top: 0px;/*-260*/
	background-color: #00FF00;
}


#inner-container {
	padding: 0;
	margin: 0 25px;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px;
	width: 840px;/*838/770*/
	background-image: url(images/bg_content_tiling.jpg);
	background-repeat: repeat-x;/*x*/
	background-color:#750D0C
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #750D0C;
	border-left-color: #750D0C;
	border-right-width: 1px;
	background-color: #750D0C;
}
/*#topbanner {
	height: 0px;/*52
	color: #ffffff;
	
}*/
#masthead {
	width: 556px;
	height: 177px;
	position: relative;
	background-image: url(images/masterhead.gif);
	background-repeat: no-repeat;
	margin-top: -285px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	left: 118px;	
}

#container {
	background: url(images/backgroundgradient.gif) top left;
	background-repeat: repeat;
}


#breadcrumb {
	padding-bottom: 50px;
	padding-top: -10px;
}

#vertnav a {
	float: left;
	display: block;
	width: 197px;/*180*/
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e1b005;/*5a5a5a*/
	font-weight: bold;
	padding-top: 10px;
	font-size: 100%;
	text-decoration: none;
	padding-left: 20px;
	border-top: 1px solid #e5530d;/*FFFFFF*/
	border-bottom: 0px solid #e5530d;/*D8D8D8*/
}

/* hover effekten för menyerna / färg orange #de9227 / */
#vertnav a:hover {
	background-color: #de9227;/*e5530d/de9227/6e0909*/
	background-image: url(images/bg_meny.gif);
	background-repeat: repeat;
	color: #6e0909;
	
}

/* den valda effekten för menyerna / färg orange #de9227 / text mörkröd #6e0909 */
#vertnav a.current_navlink {
	background-color: #de9227;/*CFCFCF/750c0c*/
	background-image: url(images/bg_meny.gif);
	background-repeat: repeat;
	color: #6e0909;
}
#content {
	margin-left: 20px;/*20*/
	text-align: left;
	float: left;
	width: 556px;/*556*/
	overflow: visible;
	background: url(images/content_expansion.gif) repeat-y;
	position: relative;
	top: -13px;/*-55*/
}
#content-content {
	width: 520px;/*520*/
	height: 340px;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
}
#content-container {
	width: 556px;/*525*/
	background: url(images/content.gif) no-repeat top left;
	z-index: 5;
	position: relative;
	top: -18px;
	padding: 0px;
}
#content-bottom {width: 556px;/*525*/ background: url(images/content_bottom.gif) top left; height: 25px;position: relative; bottom: -16px; z-index:4; }

html>body #content-content {
	min-height: 409px;
	height: auto;
}






#left-menu {
	width: 240px;/*213/224*/
	overflow: visible;
	background: url(images/leftmenu_expansion.gif) repeat-y;
	float: left;
	text-align: left;
	position: relative;
	top: -13px;/*-55*/
	left: 20px;
}
#left-menu-content {width: 170px;/*170*/ height: 409px;}/*meny raderna*/
#left-menu-container {
	width: 224px;/*224*/
	background: url(images/leftmenu.gif) no-repeat top left;
	padding-left: 6px/*6*/;
	z-index: 5;
	position: relative;
	top: -18px;
	padding-top: 58px;
}
#left-menu-bottom {width: 224px;/*213*/ background: url(images/leftmenu_bottom.gif) top left; height: 25px;position: relative; bottom: -20px; z-index:4;}



html>body #left-menu-content {
min-height: 340px;
height: auto;
}






/*flyttar content & meny upp & ner*/
#middle-container {
	text-align: left;
	margin-top: 50px;


}


/* modul titlar / text modul tilar* färg Orange #e1b005*/
h1,h2,h3,h4,h5,.text_moduletitle,.itemtitle, {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e1b005;
	font-weight: normal;
}

/* sid meny överskrift färg Orange #e1b005*/
.sidemenuheader, .moduletitle {
	font-size: 20px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #e1b005;

	margin-bottom: 10px;
	padding-bottom: 4px;
	padding-top: 10px;
	height: 25px;
}

#footer {
	clear: both;
	text-align: center;
	padding-top: 5px;/* 20 */

}
#footer-module {
	width: 828px;/* 600 */
	height: 25px;
	margin: 0 auto;
	background-image: url(images/botten_tilling.gif);
	background-repeat:repeat-x
}


/* det här är raden längst ner, exempel namn och adresss mm till företaget eller namn på den som har gort sidan som Pixel&Co*/
#footertalare {
	width: 770px;/* 600 */
	height: 20px;
	color: #6e0909;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	vertical-align: middle;
}

.pixeltalare {
	float: right;
	position: relative;
	z-index: auto;
	margin-top: -15px;
	color: #999999;
	text-decoration: none;
}


h2,.text_moduletitle,{
	font-size: 164%;
}
h3,.itemtitle {
	font-size: 145%;
}
.cap {
	font-weight: bold;
	font-size: 11px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 7px;
}
.left {
	font-weight: bold;
	font-size: 10px;
	padding-left: 30px;/*30px*/
	padding-right: 30px;/*30px*/
	padding-top: 5px;/*5px*/
}
.footer {
	font-weight: bold;
	color: #FFFFFF; /*FF2A00*/
	text-decoration: none;
}
input {
	border-width: 1px;
}
div.moduletitle {
}

.sokmodul {
	padding-left: 60px;/*30px*/
	padding-right: 0px;/*30px*/
	padding-top: 0px;/*5px*/
	width: 280px;
	text-align: right;
}

/*!!!!!!!!!!!!!!ändras så fort vi hittar vad denna gör!!!!!!!!!!!!!!!!!!*/
#left-menu .moduletext {padding-left: 8px;}
#left-menu input, #left-menu textarea {
	background-color: #c97021;/*f3e0ce vit*/
	border: 1px solid #791714;/*C6C6C6 grå*/
	padding: 2px;
	margin-top: 5px;
	
	}

#left-menu textarea{width: 158px;}/*158px*/

#left-menu input:hover, #left-menu textarea:hover{
	background: white;/*FFFFFF*/
	}
	
#left-menu input:focus, #left-menu textarea:focus {
	background: #c97021;/*FFFFFF*/
	border: solid 1px #000000;
	}

.submit {
	background-color: #791714;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF6600;
	border-bottom-color: #FF6600;
	border-left-color: #FF9900;
	color: #FFFFFF;
	}
	
.submit:hover, .submit:focus {
	background: #c97021;/*EDEDED*/
	}


/* Error Message Style */
div.error {
	font-weight: bold;
	color: #F00;
	padding-bottom: 1em;
}
/* Container Styles : Text boxen där all text visas.. vart den hamnar på sidan.*/
div.container_box {
	padding-left: 0px;
	margin-left: 0px;/*0px*/
	margin-top: 0px;
	padding-top: 0px;
	margin-right: 0px;
	
}

/* */
div.container_editbox {
	border: 2px dashed #e1b005;/*orange*/
	margin: 2px;
}
div.container_editheader {
	padding: 3px;
	background-color: #de9227;/*orange*/
}
div.container_editheader table tr td.info {
}
div.itemtitle {
}
/* popup date / time control */
span.datefield {
}
span.datefield_disabled {
	color: #750D0C;
	font-style: italic;
	text-decoration: line-through;
}
/* Weblog styles */
div.weblog_comment {
	margin: 3px;
	margin-bottom: 1em;
	border: 1px dashed #DDD;
}
div.weblog_comment_title {
	font-size: 10px;
	font-weight: bold;
	background-color: #760C0C;
	padding: 2px;
}
div.weblog_comment_attribution {
	font-size: 10px;
	font-style: italic;
	padding: 5px;
}
div.weblog_comment_body {
	font-size: 10px;
	padding: 5px;
}
/* Workflow */
div.workflow_action {
	border: 1px solid #760C0C;
	margin-bottom: 1em;
}
div.workflow_inapproval {
	margin-left: 35px;
}
div.workflow_approved {
	border: 2px solid #030;
	background-color: #780E0E;
}
div.workflow_action_restored {
	border: 2px dashed #030;
	background-color: #FFF;
}
div.workflow_action_posted {
	border: 2px solid black;
}
td.header,td.header a {
	background-color: #780E0E;
	color: #fff;
	padding: 2px;
}
/* Themable Forms */
div.form_title {
}
div.form_header {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: 1em;
}
tr.even_row {
	background-color: #780E0E;
}
tr.row:hover td,tr.row:hover td a {
	background-color: #666;
	color: #fff;
}
tr.odd_row {
}
/** Administration Module Manager form **/
.administration_modmgrheader {
	background-color: #780E0E;
}
.administration_modmgrheader span.active {
	color: green;
	font-weight: bold;
}
.administration_modmgrheader span.inactive {
	color: red;
	font-weight: bold;
}
.administration_modmgrbody {
	padding-left: 10px;
	border: 1px solid lightgrey;
}
/** Debugger Styles **/
table.debug_null,table.debug_null tr td,div.debug_null {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}
table.debug_object,table.debug_object tr td {
	background-color: #a00;
	color: #fff;
}
table.debug_array,table.debug_array tr td {
	background-color: #0a0;
	color: #fff;
}
table.debug_scalar,table.debug_scalar tr td,div.debug_scalar {
	background-color: #00a;
	color: #fff;
}
td.debug_attribute {
	font-family: monospace;
	font-size: 10px;
}
td.debug_varname {
	font-weight: bold;
}
td.debug_type {
	background-color: #7E1411;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}
td.debug_value {
	font-family: monospace;
	font-size: 11px;
	color: #fff;
}






/*här är all css för tabeler för databas.... recept mm storlek på bredd på skälva tabelen ****************************   */
#recept_tabel {
	border: 0;
	width: 240px;
}

#recept_vis {
	border: 0;
	width: 515px;
}

#nyheter {
	border: 0;
	width: 164px;
}

#modul_bg {
	border: 0;
	width: 100%;
}

#modul_bild {
	border: 0;
	width: 150px;
}

/*Slut på tabbelerna */

.recept {
	font-size: 12px;
	font-family: helvetica, "arial narrow", arial, verdana, sans-serif;
	font-weight: bold;
	color: #e1b005;
	padding-bottom: 8px;
	padding-top: 5px;
	background-color: #780E0E;
	padding-left: 10px;
}

/* bilden som ligger före alla länkar */
.krumelur {
	background-image:url(images/images/krumelur.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 5px 4px;
	padding-top: 5px;
}

/* bilden som ligger före alla länkar / i undermenyer i produkter mm */
.krumelur2 {
	background-image:url(images/images/krumelur2.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: 10px 7px;
}
/* bilden som föreställer den glada kocken på varje recept sida */
.kocken {
	background-image:url(images/images/kocken.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 10px 10px;
	padding-top: 5px;
	height: 151px;
	width: 136px;
}
/* bilden som föreställer Förstoringsglaset */
.soken {
	background-image:url(images/images/sokglaset.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 10px;
	padding-top: 5px;
	height: 106px;
	width: 119px;
	text-align: right;
}


/* färger & positionering av länkar */
#recept a {
	display: block;
	color: #e1b005;/*5a5a5a*/
	/*font-weight: bold;*/
	text-decoration: none;/*D8D8D8*/
	padding-right: 5px;
	padding-left: 5px;
}

/* hover effekten för alla länkar */
#recept a:hover {
	background-color: #de9227;
	color: #6e0909;
	padding-left: 5px;
	padding-right: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #8e1011;
}

.bold {
	font-weight: bold;
	color: #e1b005;
}


.recept_visning {
	font: 11px , Verdana, Arial, Helvetica, sans-serif "Lucida Grande","Lucida Sans Unicode";
	color: #e1b005;
	width: 100%;
	
	
	
	
}
.recept_rad {
	color: #6e0909;
	background-color: #e1b005;
	font-weight: bold;
	
}
/*varannan rad i recept mm är olika färger den här är den mörkare*/
.recept_rad2 {
	background-color: #740c0c;
	
}
/*-----------Nyheter -------------*/
#nyheter_tabel {
	text-align: center;
}
/*nyheter: den oranga färgen på texten*/
.nyheter_td {
	color:#e1b005;
}


/*--------------------------------IE Flashen-------------------------------*/

/* diven som låser lagret */
#center1 {
	height: 1px;
	width: 1px;
}
/*lagret som håller siten */
#site1 {
	/* top ska vara 0 px så den ligger högst upp i webläsaren */
    top:-30px;
	position:absolute;
	width:1px;
	height:1px;
	z-index:1;
	visibility: visible;
}
/*sitens bredd - för att få positiva värden på position*/
#SiteBredd1 {
	position:absolute;
	/*sitens hela bredd */
	width:600px;
	/*left ska vara negativt halva värdet av "width" (sitens bredd) */
	left:-300px;
	height:1px;
	z-index:1;
	top: -50;
	visibility: visible;
}
/*sidans innehåll */
#content1 {
	position:absolute;
	/*left och top kommer att ligga relaterat till siteBredd,  left:0px; top:0px; - är uppe i vänstra hörnet*/
	left:-200px;
	top:-23px;
	width:212px;
	height:214px;
	z-index:1;
	top: -50;
	visibility: visible;
}
#content2 {
	position:absolute;
	left:723px;
	top:32px;
	width:81px;
	height:89px;
	z-index:2;
}