* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body#index {
margin: 0 0 0 0;
padding:0;
background-image: url("bilder/bakgrund.jpg");
background-repeat: repeat-x;
background-color: #964446;
font-family: arial,sans-serif;
color: #404040;
line-height: 1.5em;
}

body {
margin: 0 0 0 0;
padding:0;
background-image: url("bilder/bakgrund_sub.jpg");
background-repeat: repeat-x;
background-color: #fff;
font-family: arial,sans-serif;
color: #404040;
line-height: 1.5em;
}

a:link {text-decoration: none; color: #404040;}
a:visited {text-decoration: none; color: #404040;}
a:active {text-decoration: none; color: #404040;}
a:hover {text-decoration: none; color: #aaa8a8;}

.kontakt a:link {text-decoration: none; color: #400000;}
.kontakt a:visited {text-decoration: none; color: #400000;}
.kontakt a:active {text-decoration: none; color: #400000;}
.kontakt a:hover {text-decoration: underline; color: #400000;}

.english a:link {text-decoration: none; color: #808080;}
.english a:visited {text-decoration: none; color: #400000;}
.english a:active {text-decoration: none; color: #400000;}
.english a:hover {text-decoration: none; color: #400000;}

.linkbox a:link {background: #fee4d2; text-decoration: none;}
.linkbox a:visited {background: #fee4d2; text-decoration: none;}
.linkbox a:active {background: #fee4d2; text-decoration: none;}
.linkbox a:hover {background: #fee4d2; text-decoration: underline; color: #404040;}

.listlinks a:link {text-decoration: underline; color: #4f4d4d;}
.listlinks a:visited {text-decoration: underline; color: #4f4d4d;}
.listlinks a:active {text-decoration: underline; color: #4f4d4d;}
.listlinks a:hover {text-decoration: none; color: #4f4d4d;}

/* MENY */
ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size: 15px;
font-family:Arial,Verdana,Helvetica,Arial,sans-serif;
font-weight: bold;
border:0px solid #000;
margin:0;
padding:0;
}
ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}
ul.menu li a {
float:left;
color:#800000;
text-decoration:none;
height:24px;
padding:9px 13px 0;
}
ul.menu li a:hover,.current {
color:#808080;
}
ul.menu .current a {
color:#808080;
font-weight:bold;
}
/*RED*/
ul.menu.red{
background-color:#fbf5e9;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#f0ece4;
}

ul.menu2 {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size: 15px;
font-family:Arial,Verdana,Helvetica,Arial,sans-serif;
font-weight: bold;
border:0px solid #000;
margin:0 0 0 20px;
padding:0;
}
ul.menu2 li {
display:block;
float:left;
margin:0;
padding:0;
}
ul.menu2 li a {
float:left;
color:#800000;
text-decoration:none;
height:24px;
padding:9px 13px 0;
}
ul.menu2 li a:hover,.current {
color:#808080;
}
ul.menu2 .current a {
color:#808080;
font-weight:bold;
}
/*RED*/
ul.menu2.red{
background-color:#fbf5e9;
}
ul.menu2.red li a:hover, .menu2.red li.current {
background-color:#f0ece4;
}


.menyblock1 {
float: left;
width: 340px;
height: 40px;
margin: 0 0 0 25px;
border-top: 4px solid #f1e4d3;
border-bottom: 4px solid #f1e4d3;
background-color:#fbf5e9;
}
.menyblock2 {
float: left;
width: 205px;
height: 173px;
border: 0px solid #000000;
margin-top: -80px;
}
.menyblock3 {
float: left;
width: 320px;
height: 40px;
margin: 0 0 0 -10px;
border-top: 4px solid #f1e4d3;
border-bottom: 4px solid #f1e4d3;
background-color:#fbf5e9;
}


/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
		*/ 
		width:850px;
		height:265px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

img {
border: 0px;
}

.hoverimg a { display:block; height:29px; width:154px; overflow:hidden; }
.hoverimg a:hover { display:block; text-indent:-155px; }

hr {
border: 0;
color: #c0c0c0;
background-color: #c0c0c0;
height: 1px;
width: 100%;
border:none;
}


#hor-zebra
{
	font-family: "arial", "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0;
	width: 400px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 4px 3px;
	color: #039;
	text-align: left;
}
#hor-zebra td
{
	padding: 2px;
	color: #669;
}
#hor-zebra .odd
{
	background: #fffce5;
}

#ntable
{
	font-family: "arial", "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0;
	width: 300px;
	text-align: left;
	border-collapse: collapse;
}


.godisgalleri {
float: left;
text-align: center;
width: 140px;
border: 0px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
font-family: verdana,sans-serif;
font-size: 12px;
color: #000000;
}

.clearboth { clear: both; }



/* CONTAINERS */

#containx {
position:relative;
margin: 0 auto;
width:900px;
height: 1650px;
border-top: 5px solid #fff;
border-bottom: 0px;
border-left: 15px solid #f1e4d3;
border-right: 5px solid #f1e4d3;
background-color: #fff;
}

#containerx {
position:relative;
margin-top: 10px;
width:900px;
height: 1200px;
border-top: 0px solid #000000;
background-image: url("bilder/bg-top.jpg");
background-repeat: no-repeat;
background-color: #fff;
}


#contain {
position:relative;
margin: 0 auto;
width:900px;
height: 1200px;
border-top: 0px;
border-bottom: 0px;
border-left: 15px solid #f1e4d3;
border-right: 5px solid #f1e4d3;
background-color: #fff;
}

#container {
position:relative;
margin-top: 100px;
width:900px;
height: 1000px;
margin-top: 0px;
border-top: 0px solid #000000;
background-image: url("bilder/bg-top.jpg");
background-repeat: no-repeat;
background-color: #fff;
}

#aktuellt {
position:relative;
margin: 0 auto;
width:488px;
height: 86px;
border: 0px solid #000;
background-color: #fff;
}
.aktuellt1 {
margin: -5px 0 0 0px;
width: 488px;
height: 86px;
border: 0px solid #000;
font-family: arial,verdana,sans-serif;
font-size: 12px;
color: #000000;
line-height: 1.5em;
}

#english {
position:relative;
margin: 0 0 0 390px;
width:150px;
height: 25px;
border: 0px solid #000;
background-image: url("bilder/ikon-english.jpg");
text-align: center;
font-family: verdana,arial,sans-serif;
font-size: 12px;
color: #fff;
}

#contain-kvalite {
position:relative;
margin: 0 auto;
width:900px;
height: 1350px;
border-top: 0px;
border-bottom: 0px;
border-left: 15px solid #f1e4d3;
border-right: 5px solid #f1e4d3;
background-color: #fff;
}

#container-kvalite {
position:relative;
margin-top: 100px;
width:900px;
height: 1200px;
margin-top: 0px;
border-top: 0px solid #000000;
background-color: #fff;
}

#contain-fabrik {
position:relative;
margin: 0 auto;
width:900px;
height: 1350px;
border-top: 0px;
border-bottom: 0px;
border-left: 15px solid #f1e4d3;
border-right: 5px solid #f1e4d3;
background-color: #fff;
}

#container-fabrik {
position:relative;
margin-top: 100px;
width:900px;
height: 1200px;
margin-top: 0px;
border-top: 0px solid #000000;
background-color: #fff;
}

#contain-odgodis {
position:relative;
margin: 0 auto;
width:900px;
height: 1500px;
border-top: 0px;
border-bottom: 0px;
border-left: 15px solid #f1e4d3;
border-right: 5px solid #f1e4d3;
background-color: #fff;
}

#container-odgodis {
position:relative;
margin-top: 100px;
width:900px;
height: 1200px;
margin-top: 0px;
border-top: 0px solid #000000;
background-image: url("bilder/bg-top.jpg");
background-repeat: no-repeat;
background-color: #ffffff;
}

#contain-skumgodis {
position:relative;
margin: 0 auto;
width:900px;
height: 2500px;
border-top: 0px;
border-bottom: 0px;
border-left: 15px solid #f1e4d3;
border-right: 5px solid #f1e4d3;
background-color: #fff;
}

#container-skumgodis {
position:relative;
margin-top: 100px;
width:900px;
height: 2300px;
margin-top: 0px;
border-top: 0px solid #000000;
background-image: url("bilder/bg-top.jpg");
background-repeat: no-repeat;
background-color: #ffffff;
}

#menu {
height: 125px;
margin: 80px 0 0 0;
border-top: 10px solid #ffffff;
}

#ss {
width:880px;
height: 260px;
margin: -3px 0 0 10px;
border: 0px solid #000000;
background-color: #fff;
}

#front3 {
width:900px;
height: 220px;
margin: 20px 0 0 0;
border: 0px solid #000000;
}

.frontbox1 {
float: left;
width: 280px;
height: 300px;
margin: 0 0 0 19px;
border: 0px solid #000000;
}
.fb1 {
width: 280px;
height: 180px;
margin: 0px 0 0 0px;
border: 0px solid #000000;
}
.fb1top {
width: 280px;
height: 30px;
font-size: 20px;
font-weight: bold;
background-image: url("bilder/bgfront1_rubrik.jpg");
}
.fb1image {
width: 280px;
height: 150px;
}
.fb1txtwrap {
width: 280px;
height: 200px;
margin: 0 0 0 0;
background-image: url("bilder/bgfront1_bg.jpg");
}
.fb1txt {
width: 240px;
height: 100px;
}
.fb1txt p {
width: 220px;
height: 110px;
padding: 20px;
margin: 0 0 0 10px;
}
.fb1link {
border: 0px solid #c0c0c0;
margin: 0 0 0 65px;
padding: 0px;
width: 154px;
height: 29px;
}
.fb1 p {
font-family: arial,verdana,sans-serif;
font-size: 12px;
color: #000000;
line-height: 1.5em;
}
.fb1right {
text-align: center;
font-family: verdana,arial,sans-serif;
font-size: 13px;
}


.frontbox2 {
float: left;
width: 280px;
height: 200px;
margin: 0 0 0 10px;
border: 0px solid #000000;
background-image: url("bilder/bgfront_godis.jpg");
}
.fb2 {
width: 280px;
height: 180px;
margin: 0px 0 0 0px;
border: 0px solid #000000;
}
.fb2top {
width: 280px;
height: 30px;
font-size: 20px;
font-weight: bold;
background-image: url("bilder/bgfront1_rubrik.jpg");
}
.fb2image {
width: 280px;
height: 150px;
}
.fb2txtwrap {
width: 280px;
height: 200px;
margin: 0 0 0 0;
background-image: url("bilder/bgfront1_bg.jpg");
}
.fb2txt {
width: 240px;
height: 100px;
}
.fb2txt p {
width: 220px;
height: 110px;
padding: 20px;
margin: 0 0 0 10px;
}
.fb2link {
border: 0px solid #c0c0c0;
margin: 0 0 0 65px;
padding: 0px;
width: 154px;
height: 29px;
}
.fb2 p {
font-family: arial,verdana,sans-serif;
font-size: 12px;
color: #000000;
line-height: 1.5em;
}
.fb2right {
text-align: center;
font-family: verdana,arial,sans-serif;
font-size: 13px;
}

.frontbox3 {
float: left;
width: 280px;
height: 200px;
margin: 0 0 0 10px;
border: 0px solid #000000;
}
.fb3 {
width: 280px;
height: 180px;
margin: 0px 0 0 0px;
border: 0px solid #000000;
}
.fb3top {
width: 280px;
height: 30px;
font-size: 20px;
font-weight: bold;
background-image: url("bilder/bgfront1_rubrik.jpg");
}
.fb3image {
width: 280px;
height: 150px;
}
.fb3txtwrap {
width: 280px;
height: 200px;
margin: 0 0 0 0;
background-image: url("bilder/bgfront1_bg.jpg");
}
.fb3txt {
width: 240px;
height: 100px;
}
.fb3txt p {
width: 220px;
height: 110px;
padding: 20px;
margin: 0 0 0 10px;
}
.fb3link {
border: 0px solid #c0c0c0;
margin: 0 0 0 65px;
padding: 0px;
width: 154px;
height: 29px;
}
.fb3 p {
font-family: arial,verdana,sans-serif;
font-size: 12px;
color: #000000;
line-height: 1.5em;
}
.fb3right {
text-align: center;
font-family: verdana,arial,sans-serif;
font-size: 13px;
}


.frontbox4 {
width: 430px;
height: 300px;
margin: 120px 0 0 20px;
padding: 140px 0 0 0;
border: 0px solid #c1c0be;
background-image: url("bilder/bgfront-toprubrik.jpg");
background-repeat: no-repeat;
}
.frontbox4 p {
margin: -35px 0 0 100px;
width: 200px;
height: 280px;
border: 0px solid #808080;
font-family: Trebuchet MS,arial,sans-serif;
font-size: 13px;
}
.fb4-lista {
float: left;
width: 280px;
height: 180px;
margin: 0px 0 0 0px;
border: 0px solid #000000;
}
.fb4-lista p {
font-family: verdana,arial,verdana,sans-serif;
font-size: 12px;
color: #000000;
line-height: 1.5em;
}


#godisbox {
width: 900px;
height: 500px;
border: 0px solid #c0c0c0;
}

#godisbox-fabrik {
width: 900px;
height: 1500px;
border: 0px solid #c0c0c0;
}

.godisbox-kvalite {
width: 900px;
height: 1100px;
border: 0px solid #c0c0c0;
background-color: #c0c0c0;
}

.godis-meny {
float: left;
width: 200px;
margin: 0 0 0 25px;
}
.godis-meny p {
font-family: verdana,arial,sans-serif;
font-size: 14px;
}



.godis-front {
float: left;
margin: 0 0 0 25px;
width: 600px;
height: 900px;
border: 0px solid #c0c0c0;
}
.godis-front p {
font-family: verdana,arial,sans-serif;
font-size: 12px;
color: #404040;
}

.godis-skum {
float: left;
margin: 0 0 0 25px;
width: 600px;
height: 1600px;
border: 0px solid #c0c0c0;
}
.godis-skum p {
font-family: verdana,arial,sans-serif;
font-size: 12px;
color: #404040;
}

.godis-fabrik {
float: left;
margin: 0 0 0 25px;
width: 600px;
height: 1400px;
border: 0px solid #c0c0c0;
}
.godis-fabrik p {
font-family: verdana,arial,sans-serif;
font-size: 12px;
color: #404040;
}

.godissub-wrap {
width: 600px;
height: 250px;
margin: 0 0 0 220px;
border: 0px solid;
}

.godissub-bild {
float: left;
margin: 0 0 0 25px;
width: 300px;
border: 0px solid;
}
.godissub-allergi {
float: left;
width: 250px;
height: 166px;
margin: 48px 0 0 10px;
background-color: #f9f8e1;
border: 2px solid #e8e8e8;
}
.godissub-allergi p {
font-family: verdana,arial,sans-serif;
font-size: 11px;
color: #404040;
padding: 10px;
}

.godissub-misc {
margin: 0px 0 0 250px;
width: 550px;
height: 440px;
border: 0px solid;
}
.godissub-misc p {
font-family: arial,sans-serif;
font-size: 12px;
color: #404040;
}



.floatleft { float:left; margin:5px 10px 0 20px;}


.menymark {
background-color: #faecd6;
padding-left: 10px;
}

#frontfooter {
width:900px;
height: 60px;
margin: 150px 0 0 0;
}

.footer {
width: 920px;
height: 70px;
margin: 0 0 0 -15px;
border: 0px solid #c0c0c0;
background-color: #f1e4d3;
}

.footer p{
text-align: center;
font-family: arial,sans-serif;
font-size: 12px;
color: #400000;
margin: 0px 0 0 0;
}

.footbox {
width: 900px;
height: 65px;
margin: 0 0 0 15px;
border: 0px solid #c0c0c0;
background-image: url("bilder/footer_bg.jpg");
}

.footbox p{
text-align: center;
font-family: verdana,arial, sans-serif;
font-size: 11px;
color: #400000;
margin: 0 0 0 110px;
}

.td1 {
margin: 0 0 0 0;
width: 100px;
height: 40px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
}
.td2 {
margin: 0 0 0 0;
width: 190px;
height: 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.td3 {
margin: 0 0 0 0;
width: 100px;
height: 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/*Begin Forms*/
.border {
    border-style:solid;
    border-width:1px;
    border-color:#cccccc;
	color:#666666;
	background-color:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height:160%;
	height:20px;
	width:320px;
	}
	
input.border:focus	{
	background: #fff;
	border: 1px solid #595959;
}

input:hover {
	background-color:#fff;
	}
	
textarea:hover {
	background-color:#fff;
	}

textarea.borders:focus	{
	background: #fff;
	border: 1px solid #595959;
}

.borders {
    border-style:solid;
    border-width:1px;
    border-color:#cccccc;
	color:#666666;
	background-color:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:160%;
	height:130px;
	width:320px;
	}
	
.formborder {
    border-style:solid;
    border-width:1px;
    border-color:#fff;
	color:#fff;
	background-image:url(bilder/form_button.jpg);
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:130%;
	height:30px;
	width:89px;
	padding-bottom:1px;
	}
	
.formborder:hover {
    border-style:solid;
    border-width:1px;
    border-color:#fff;
	color:#fff;
	background-image:url(bilder/form_button_over.jpg);
	font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:130%;
	height:30px;
	width:89px;
	padding-bottom:1px;
	}




/* FONTS */
h2 {
font-size: 32px;
font-size: 22px;
color: #b1b1b1;
}

h3 {
font-size: 32px;
font-size: 22px;
color: #9a9a9a;
}


.txttiny {
font-family: arial,sans-serif;
font-size: 12px;
color: #404040;
line-height: 1.5em;
}



