@charset "utf-8";
/* CSS Document */

/*------------------------------- CSS reset ---------------------------------*/

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin: 0;
	padding: 0;
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border: 0;
}
a, object {
	outline: none;
}
.clear {
	clear: both;
}


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

body {
	background: url(../images/bg.gif) repeat-x #FFFFFF;
	font-family: Verdana, Arial, Geneva, sans-serif;
}


/*------------------------------- Headings ---------------------------------*/

h1 {color: #000000; font-size: 18px;}
h2 {color: #000000; font-size: 12px;}
h3 {color: #000000; font-size: 12px;}
h4 {color: #000000; font-size: 10px;}
h5 {color: #000000; font-size: 9px;}
h6 {color: #000000; font-size: 8px;}


/*------------------------------- Container ---------------------------------*/

#container {
	margin: 0 auto;
	width: 900px;
}


/*------------------------------- Header ---------------------------------*/

#header {
	height: 64px;
}

#logo {
	float: left;
	padding: 9px 0 0 20px;
	height: 45px;
	width: 109px;
}

#top_menu {
	float: right;
	padding: 9px 19px 0 0;
}
#top_menu li {
	float: left;
	padding-left: 10px;
	font-size: 10px;
	color: #FFF;
}
#top_menu a {
	color: #FFF;
	text-decoration: none;
}
#top_menu a:hover {
	color: #ED1B2F;
}

#flags {
	float: right;
	padding: 9px 17px 0 0;
}
#flags img {
	padding: 0 2px;
}


/*------------------------------- Mid ---------------------------------*/

#mid {
	height: 51px;
}

#mid_menu {
	float: left;
	margin: 9px 0 0 20px;
	height: 37px;
}
#mid_menu li {
	float: left;
	background: url(../images/mid_menu/start.jpg) no-repeat;
	margin: 0 25px 0 0;
	font-size: 11px;
	font-weight: bold;
}
#mid_menu a {
	float: left;
	background: url(../images/mid_menu/end.jpg) no-repeat 100% 0%;
	height: 28px;
	padding: 9px 9px 0 9px;
	text-align: center;
	text-decoration: none;
	color: #767575;
}	
#mid_menu a:hover {
	text-decoration: underline;
}

/*--- Searchbar ---*/
#searchbar {
	float: right;
	padding: 13px 11px 0 0;
}
input.searchbar {
	height: 17px;
    width: 152px;
	border: 0px solid;
	color: #767575;
	background: url(../images/searchbar_bg.jpg);
	font-size: 11px;
}
#searchbutton {
	float: right;
	padding: 11px 19px 0 0;
}


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

#menu {
	position: relative;
	width: 900px;
	height: 54px;
	background: url(../images/menu_bg.gif) no-repeat #526471;
}
#menu li {
	float: left;
}
#menu li a {
	padding: 5px 0;
	display: block;
	height: 20px;
	width: 150px;
	text-align: center;
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
	background: url(../images/menu_li.jpg) no-repeat right;
}
#menu li:hover, #menu li.hover {
	color: #FFF;
	background: #526471;
}
#menu .first a:hover { background: url(../images/menu_first.jpg);}
#menu .end a { background: none;}
#menu .end a:hover { background: url(../images/menu_last.jpg);}

#menu .active a {
	color: #FFF;
	background: #526471;
}

/*--- Submenu ---*/
#menu li ul {
    display: none; 
	height: 24px;
}
#menu li:hover ul, #menu li.hover ul {
	position: absolute;
    display: inline;
}
#menu li:hover li, #menu li.hover li {
	float: left;
}
#menu li:hover li a, #menu li.hover li a {
	padding: 3px 10px;
	height: 18px;
	font-size: 11px;
	background: none;
	width: auto;
}
#menu li li a:hover {
    color: #BFBFBF;
}


/*------------------------------- Main ---------------------------------*/

#main {
	color: #000000;
}
	#main a { color: #000000; text-decoration: none;}
	#main a:hover { color: #767575;}


/*------------------------------- Frontpage ---------------------------------*/

#frontpage {
	width: 900px;
	height: 376px;
}


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

#content {
	position: relative;
	width: 898px;
	min-height: 448px;
	font-size: 11px;
	border: 1px solid #455560;
}
#content .left {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 449px;
}
#content .right {
	width: 408px;
	min-height: 423px;
	margin-left: 450px;
	padding: 5px 20px 20px 20px;
	background: url(../images/bestek.jpg) no-repeat bottom;
}

/*--- button ---*/
a.button {
	width: 123px;
	height: 18px;
	display: inline-block;
	border: 1px solid #44555F;
	background: #526472;
	margin: 0 40px 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	font-size: 11px;
	color: #FFF;
}
	a.button span { color: #FFF; text-decoration: none;}
	a.button:hover span { color: #C9CACC;}


/*------------------------------- Recepten ---------------------------------*/

#content_recepten {
	position: relative;
	width: 898px;
	min-height: 448px;
	font-size: 11px;
	border: 1px solid #455560;
	background: url(../images/bestek.jpg) no-repeat bottom right;
}
#content_recepten .inside {
	padding: 24px 20px 20px 20px;
}


/*------------------------------- Assortiment ---------------------------------*/

#content_assortiment {
	position: relative;
	width: 898px;
	min-height: 448px;
	font-size: 11px;
	border: 1px solid #455560;
}
#content_assortiment .intro {
	padding: 15px 20px 7px 20px;
}
#content_assortiment .intro img {
	border: 1px solid #455560;
	margin: 0 0 10px 0;
}
#content_assortiment table {
	padding: 50px 0 0 0;
}