/* BANNER LAYOUT */
/* COLOUR OF BANNER BACKGROUND - BLUE BACKGROUND */
#banner-bg {
    background-color: #02050c;
}


#foobar
{
	width: 960px;
	height: 238px;
	position: relative;
	background: center center;
}

#foobar .buttons{
	position: absolute;
	bottom: 10px;
	right: 0px;
}

/* BANNER BUTTON - BUTTON BESTILL TIME PÅ NETT */
#foobar button
{
	margin-left: 10px;
}

#foobar .buttons form{
	float: left;
}

/* BANNER BUTTON - BUTTON ORANGE */
#foobar .button_orange 
{
    cursor:pointer;
    color: #713700;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    /* For Internet Explorer 5.5 - 7 */
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#faa51a, endColorstr=#f47a20)";
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-size: 12px;
    font-weight: bold; 
	width: 170px; 
	height:35px;
}

/* BANNER BUTTON - BUTTON GREEN */
#foobar .button_green
{
    cursor:pointer;
    color: #192800;
    border: solid 1px #538312;
    background: #538312;
    background: -webkit-gradient(linear, left top, left bottom, from(#4E7D0E), to(#7DB72F));
    background: -moz-linear-gradient(top,  #4E7D0E,  #7DB72F);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E7D0E', endColorstr='#7DB72F');
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4E7D0E, endColorstr=#7DB72F)";
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    font-size: 12px;
    font-weight: bold; 
	width: 170px; 
	height:35px;
}

/* BANNER BUTTON - BUTTON ORANGE HOVER*/
#foobar .button_orange:hover 
{
    cursor:pointer;
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f88e11, endColorstr=#f06015)";
}

/* BANNER BUTTON - BUTTON GREEN HOVER*/
#foobar .button_green:hover 
{
    cursor:pointer;
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#6B9D28), to(#436B0C));
    background: -moz-linear-gradient(top,  #6B9D28,  #436B0C);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6B9D28', endColorstr='#436B0C');
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#6B9D28, endColorstr=#436B0C)";
}

/* BANNER BUTTON - BUTTON BESTILL RESEPT PÅ NETT */
#foobar .button_resept
{
	position: absolute;
	z-index: 100;
	bottom: 0px;
	right: 70px;
	padding-bottom: 10px;
}

/* BANNER BUTTON - BUTTON ANDRE HEVENDELSER PÅ NETT */
#foobar .button_andre
{
	position: absolute;
	z-index: 100;
	bottom: 0px;
	right: -110px;
	padding-bottom: 10px;
}

/* BANNER TEXT - GREEN TEXT LEFT ALIGNMENT */
#green 
{
    text-align: left;
	position: absolute;
	width: 550px;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 30px;
	font-weight: lighter;
	color: #5b9330;
	top: 20px;
	left: 310px;
}

/* BANNER TEXT - BLUE TEXT LEFT ALIGNMENT */
#blue
{
	text-align: left;
	font-variant: normal;
	font-style: normal;
	line-height: 22px;
	letter-spacing: normal;
	word-spacing: normal;
	position: absolute;
	width: 200px;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #65c4de;
	top: 200px;
	left: 230px;
}

/*
color: #458697;
*/

/* BANNER TEXT - WHITE TEXT LEFT ALIGNMENT */
#white
{
	text-align: left;
	font-weight: lighter;
	letter-spacing: normal;
	word-spacing: normal;
	position: absolute;
	width: 700px;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #ffffff;
	top: 55px;
	left: 310px;
}

#white .col
{
/*
color: #81c7da;
*/
color: #ffffff;
font-weight:bold
}

#white_small
{
	text-align: left;
	font-variant: normal;
	font-style: normal;
	line-height: 22px;
	letter-spacing: normal;
	word-spacing: normal;
	position: absolute;
	width: 600px;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #ffffff;
	top: 125px;
	left: 310px;
}

/* BANNER TEXT - WHITE TEXT RIGHT ALIGNMENT */
#white_right
{
	text-align: left;
	font-variant: normal;
	font-style: normal;
	line-height: 22px;
	letter-spacing: normal;
	word-spacing: normal;
	position: absolute;
	width: 320px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	top: 45px;
	left: 578px;
}


/* BANNER TEXT - BLACK TEXT ON CELL */
#cell
{
	text-align: left;
	font-variant: normal;
	font-style: normal;
	line-height: 20px;
	letter-spacing: normal;
	word-spacing: normal;
	position: absolute;
	width: 120px;
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	padding: 10;
	top: 110px;
	left: 50px;
}