/* Import other stylesheets for media: screen */
@import url("blokken.css");
@import url("forms.css");
@import url("carousel.css");
@import url("home.css");
@import url("subhome.css");
@import url("content.css");
@import url("bakclub.css");
@import url("sitemap.css");
@import url("overlay.css");

@import url("specials.css");
@import url("valentijn.css");


/* Classes and styles */
html { overflow-y: scroll; }

html, body {
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Helvetica;
	font-size: 12px;
	color: #723e0a;
	margin: 0px;
	padding: 0px;
}
body {
	background-color: #f7e5ad;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

a{
	color: #b92b16;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;	
}

a.margin {
	margin-left:20px;	
}

a.currentPageNumber {
	color: #7b4915;
	font-weight:bold; 
}

p {
	margin: 0px;
	padding: 0px;
	padding-bottom: 12px;
	
	font-size: 11px;
	line-height: 14px;
}


.clear { clear: both; height: 1px; font-size: 0; line-height: 0;}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 15px;
	line-height: 17px;
	padding-bottom: 3px;
}

h1.with-margin {
	margin-bottom: 18px ;
}


h2,h3,h4,h5,h6 {
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 1px;
}

.png, #header_IE6, .homeProductNew, #actie_banner a img , #productNew, a.thumblink img, a.thumblink_active img {
	/*_behavior: url("http://10.0.0.2/koopmans.com/nieuw/htdocs/css/iepngfix.htc");*/
	_behavior: url("http://www.koopmans.com/css/iepngfix.htc");		
}

.nobg {
	background-image: none !important;
}

ul.inline, ul.inline li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#container {
	position: relative;
	background-image: url(../images/bg_container.gif);
	background-repeat: repeat-y;
	background-position: center top;
	min-width: 980px;
}

#content {
	position: relative;
	width: 959px;
	margin: 0px auto 18px;
	padding: 170px 0px 0px 21px;
	min-height: 345px;
	_height: 345px;
}

/* HEADER */
#header {
	width: 980px;
	height: 150px;
	background-image: url(../images/bg_header.png);
	_background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: fixed;
	top: 0px;
	left: 50%;
	margin-left: -490px;
	_position: absolute;
	_left: 0px;
	_margin: 0px auto;
	z-index: 10;
}
#header_links {
	position: absolute;
	top: 4px;
	right: 172px;	
}
#header_links ul li {
	color: #fff8de;
	font-size: 12px;
	background-image: url(../images/list-line2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 4px 0px 5px;
}
#header_links a {
	color: #fff8de;
}
#search {
	position: absolute;
	top: 4px;
	right: 20px;
	background-image: url(../images/search_bg.gif);
	background-repeat: no-repeat;
	width: 139px;
	height: 16px;
}
#search_query {
	color: #723e0a;
	font-size: 10px;
	background-color: #fff8de;
	border: 1px solid #fff8de;
	position: absolute;
	top: 1px;
	left: 2px;
	margin: 0px;
	padding: 0px;
	width: 84px;
}
#header_search_btn {
	position: absolute;
	right: 0px;
	top: 0px;
}
#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}


/* ACTIE BANNER */
#actie_banner {
	position: absolute;
	left: 821px;
	top: 26px;
}
#actie_banner a {
	display: block;
	width: 145px;
	height: 73px;
	overflow: hidden;
	position: relative;
}
#actie_banner a:hover {
	height: 140px;
}
#actie_banner a img {
	border: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#actie_banner a:hover img {
	top: -73px;
}

/* HEADERMENU */
#headermenu {
	position: absolute;
	left: 171px;
	top: 26px;
}
#headermenu ul, #headermenu ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#headermenu ul li {
	float: left;
}
#headermenu ul li a {
	display: block;
	width: 160px;
	height: 73px;
	background-position: left top;
	background-repeat: no-repeat;
}

#headermenu ul li a b, #headermenu ul li a i {
	display: none;
}

#btn1 a { background-image: url(../images/menu_btn_producten.jpg); }
#btn2 a { background-image: url(../images/menu_btn_recepten.jpg); }
#btn3 a { background-image: url(../images/menu_btn_bakboek.jpg);}
#btn4 a { background-image: url(../images/menu_btn_service.jpg); }

#headermenu ul li a:hover, #headermenu ul li.selected a {
	background-position: left -73px;
}

/* SUBMENU */
#headermenu ul li div.submenu {
	display: none;
	position: absolute;
	left: 10px;
	top: 73px;
	padding-left: 12px;
	background-image: url(../images/bg_submenu_left.png);
	_background-image: url(../images/bg_submenu_left.gif);
	background-repeat: no-repeat;
	min-width: 600px;
	padding-right: 16px;
}
#headermenu ul li.selected div.submenu {
	display: block;
}


#headermenu ul li div.submenu ul {
	display: block;
	min-width: 600px;
	_width: 602px;
	background-image: url(../images/bg_submenu.png);
	_background-image: url(../images/bg_submenu.gif);
	background-repeat: repeat-x;	
	height: 36px;
}
#headermenu ul li div.submenu ul li {
	float: left;
	margin-top: 1px;
	position: relative;
	height: 20px;
}
#headermenu ul li div.submenu ul li a, 
#headermenu ul li div.submenu ul li a:hover,
#headermenu ul li div.submenu ul li a.over{
	display: block;
	width: auto;
	height: auto;
	background: none;
	padding: 3px 7px 3px 9px;
	background-image: url(../images/list-line3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
	font-weight: bold;
}
#headermenu ul li div.submenu ul li a:hover, #headermenu ul li div.submenu ul li a.selected:hover {
	text-decoration: none;
	color: #723e0a;
	background: none;
	background-image: url(../images/list-line3.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#headermenu ul li div.submenu ul li a.first, #headermenu ul li div.submenu ul li a.first:hover  {
	background: none;
	padding-left: 0px;
}
#headermenu ul li div.submenu ul li a.selected {
	color: #723e0a;
}
.submenu_end {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 16px;
	height: 33px;
	background-image: url(../images/bg_submenu_right.png);
	_background-image: url(../images/bg_submenu_right.gif);
	background-repeat: no-repeat;
}

/* SUB SUB MENU */
#headermenu ul li div.submenu ul li div.subsubmenu {
	display: none;
	width: 190px;
	padding: 0px;
	position: absolute;
	top: 23px;
	left: -3px;
	padding-bottom: 14px;
	background-image: url(../images/bg_subsubmenu_footer.png);
	_background-image: url(../images/bg_subsubmenu_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#headermenu ul li div.submenu ul li div.first {
	top: 20px;
	left: -10px;
	padding-top: 3px;
}

#headermenu ul li div.submenu ul li:hover div.subsubmenu,
#headermenu ul li div.submenu ul li.over div.subsubmenu {
	display: block;
}
#headermenu ul li div.submenu ul li div.subsubmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	min-width: none;
	background: none;
	height: auto;
	width: 190px !important;
}
#headermenu ul li div.submenu ul li div.subsubmenu ul li {
	float: none;
	display: list-item;
	height: auto;
	margin: 0px;
	width: 190px;
	background-image: url(../images/bg_subsubmenu.png);
	_background-image: url(../images/bg_subsubmenu.gif);
	background-repeat: repeat-y;
	
}
#headermenu ul li div.submenu ul li div.subsubmenu ul li a, #headermenu ul li div.submenu ul li div.subsubmenu ul li a:hover {
	background: none;
	width: 155px;
	height: auto;
	padding: 0px 16px 0px 20px;
	background-image: url(../images/bullet_rood_klein.gif);
	background-repeat: no-repeat;
	background-position: 12px 6px;
}



/* DEURMAT */
#deurmat {
	position: relative;
	width: 800px;
	height: 122px;
	margin: 0px auto;
	padding: 12px 0px 0px 182px;
	background-image: url(../images/bg_deurmat.gif);
	background-repeat: no-repeat;
	background-position: 21px top;
}
.deurmat_blok {
	float: left;
	width: 133px;
	height: 110px;
	margin-right: 16px;
	padding: 0px 8px 0px 3px;
	background-image: url(../images/bg_deurmat_blok.gif);
	background-repeat: no-repeat;
}
.deurmat_blok2 {
	float: left;
	width: 115px;
	height: 110px;
	margin-right: 16px;
	padding: 0px 8px 0px 3px;
	background-image: url(../images/bg_deurmat_blok2.gif);
	background-repeat: no-repeat;
}
.deurmat_blok em a, .deurmat_blok2 em a {
	display: block;
	height: 23px;
	font-size: 12px;
	color: #fff8de;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	padding-top: 4px;
}
.deurmat_blok em a:hover, .deurmat_blok2 em a:hover {
	background-image: url(../images/bg_deurmat_header_ro.gif);
	text-decoration: none;
}

.deurmat_blok ul, .deurmat_blok ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 11px;
}
.deurmat_blok ul {
	margin: 3px 0px 0px 0px;
}
.deurmat_blok ul li a {
	display: block;
	color: #fff8de;
	line-height: 14px;
	padding: 0px 0px 0px 7px;
}
.deurmat_blok ul li a:hover {
	color: #b92b16;
	background-color: #f7e5ad;
	text-decoration: none;
}
#receptquote {
	height: 53px;
	padding: 3px 7px 0px 7px;
	color: #fff8de;
	font-size: 11px;
	line-height: 12px;
}
#receptquote:first-line {
	padding-left: 0px;
}
#receptlink {
	padding-top: 2px;
	text-align: center;
}
.leesmeer {
	padding-right: 16px;
	background-image: url(../images/leesmeer_pijl.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
}

/* FOOTER */
#footer {
	width: 981px;
	margin: 0px auto;
	height: 66px;
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: 1px bottom;
}

#footerlinks {
	margin-left: 22px;
}
#footerlinks li {
	font-size: 11px;
	background-image: url(../images/list-line1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0px 4px 0px 5px;
}

#pageEnd {
	height: 80px;
	background-image: url(../images/bg_page_end.jpg);
	background-position: top center;
}

#kruimelpad {
	position: absolute;
	top: 149px;
	left: 180px;
	font-size: 11px;
}
#kruimelpad li {
	padding-left: 4px;
}
#kruimelpad a {
	background-image: url(../images/kruimelpad_pijl.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 7px;
}


/* CONTENT */

.maincontent {
	font-size: 11px;
	line-height: 14px;
}
.maincontent p {
	padding-bottom: 14px;
}
.maincontent h3 {
	font-size: 15px;
	margin-bottom: 3px;
}

a.thumblink, a.thumblink_active {
	display: block;
	clear: both;
	position: relative;
	height: 38px;
	padding: 7px 0px 2px 70px;
	color: #723e0a;
	font-size: 11px;
	background-image: url(../images/blank.gif);
}
a.thumblink b {
	color: #b92b16;
	font-size: 14px;
	/*
	display: block;
	white-space: nowrap;
	overflow:hidden;
	*/
}
a.thumblink_active b {
	font-size: 14px;
}

a.thumblink img, a.thumblink_active img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 45px;
	border: none;
}

a.thumblink_active {
	
}


.icon_link_list_header {
	position: relative;
	padding-top: 15px;
	min-height: 16px;
	_height: 16px;
}
.icon_link_list_header b.mijn_info_tussenkop {
	float: left;
	width: 140px;
}
.icon_link_list_header select {
	width: 65px;
	float: left;
}

.icon_link_list_header select.filter {
	width: 120px;
	position: absolute;
	right: 20px;
}

.icon_link_list {
	border-bottom: 1px solid #ffffff;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-right: 16px;
}
.icon_link_list a.thumblink {
	border-top: 1px solid #ffffff;
	position: relative;
}

.icon_link {
	border-top: 1px solid #ffffff;
	position: relative;
	font-size: 14px;
	font-weight: bold;
	height: 39px;
}

.icon_link a {
	display: block;
	height: 26px;
	padding: 10px 0px 3px 51px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	background-image: url(../images/blank.gif);
}
img.icon_link_img {
	position: absolute;
	top: 4px;
	left: 0px;
	border: 0px;
	width: 43px;
	height: 32px;
}

.icon_link2 {
	position: relative;
	border-top: 1px solid #ffffff;
	height: 39px;
}

.icon_link2 a {
	display: block;
	position: relative;
	padding: 3px 0px 3px 51px;
	color: #723e0a;
	height: 26px;
	background-image: url(../images/blank.gif);
}

.icon_link2 b {
	display: block;
	color: #b92b16;
	font-size: 14px;
	font-weight: bold;
}

.icon_link2 .icon_link_options {
	width: 50px;
}

.icon_link3 {
	position: relative;
	border-top: 1px solid #ffffff;
	height: 39px;
}

.icon_link3 a {
	display: block;
	position: relative;
	margin-right: 180px;
	padding: 3px 0px 3px 51px;
	color: #723e0a;
	height: 26px;
	background-image: url(../images/blank.gif);
}
.icon_link3 a:hover {
	text-decoration: none;
}
.icon_link3 b, .icon_link3 i {
	display: block;
	color: #b92b16;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
.icon_link3 i {
	display: none;
}
.icon_link3 .icon_link_options {
	widt h: 150px;
	width: 219px;
}

.icon_link_ro_options {
	display: none;
	position: absolute;
	h eight: 30px;
	top: 6px;
	right: 25px;
	padding: 5px 3px 0px 10px;
	width: 150px;
	font-size: 11px;
	color: #b92b16;
}
.icon_link_ro_options a {
	display: inline;
	width: auto;
	margin: 0px;
	padding: 0px 2px;
	color: #b92b16;
}

.icon_link3:hover,
.icon_link3.hover {
	background-color: #fad85d;
}
.icon_link3:hover .icon_link_options,
.icon_link3.hover .icon_link_options,
.icon_link3:hover b,
.icon_link3.hover b {
	display: none;
}
.icon_link3:hover .icon_link_ro_options,
.icon_link3.hover .icon_link_ro_options,
.icon_link3:hover i,
.icon_link3.hover i {
	display: block;
}

.icon_link_header_text {
	position: absolute;
	height: 30px;
	top: 17px;
	left: 75px;
	width: 180px;
	font-weight: bold;
	font-size: 11px;
}

.icon_link_header_filter_text {
	position: absolute;
	height: 30px;
	top: 17px;
	right: 150px;
	font-weight: bold;
	font-size: 11px;

}

.icon_link_list_header_title {
	position: absolute;
	height: 30px;
	top: 17px;
	left: 0px;
	width: 180px;
	font-weight: bold;
	font-size: 11px;
}

.icon_link_list_header_text {
	position: absolute;
	height: 30px;
	top: 17px;
	right: 20px;
	width: 190px;
	font-weight: bold;
	font-size: 11px;
}

.icon_waardering_text_own{
	position: absolute;
	height: 30px;
	top: -9px;
	right: 110px;
	padding: 9px 18px 0px 10px;
	font-weight: bold;
}	

.icon_link_options {
	position: absolute;
	height: 30px;
	top: 0px;
	right: 25px;
	padding: 5px 3px 0px 10px;
}

.icon_link_koopmans {
	padding: 5px 0 0 0;
}

.icon_link_options a {
	padding: 0px;
}

.icon_link_options .profile_icon {
	float: right;
	display: block;
	width: 36px;
	height: 27px;
	margin: 0 6px 0 15px;
	text-align: center;
}

.icon_link_options .sterren {
	float: right;
	margin-left: 10px;
	margin-top: 8px;
	width: 75px;
}

.searchClose{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	float: right;
	width: 20px;
	height: 20px;
}	

.recipe_search_left{
	float: left;
	width: 302px;
	margin-top: 15px;
}

.recipe_search_left_small{
	float: left;
	width: 284px;
	margin-top: 5px;
}	

.recipe_search_left .bulletlink{
	padding: 0px 0px 0px 15px;
}	

.recipe_search_right{
	float: left;
	width: 263px;
	margin-top: 12px;
}

.recipe_search_right_small{
	float: left;
	width: 243px;
	margin-top: 5px;
}

.icon_link_options .option_buttons {
	float: left;
	margin-left: 5px;
}

.icon_link_options .option_buttons img {
	border: 0px;
	padding-left: 2px;
}

a.bulletlink {
	display: block;
	background-image: url(../images/bullet_rood.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0px 0px 3px 15px;
	position: relative;
	font-size: 11px;
	line-height: 15px;
}
a.bulletlink2 {
	display: block;
	background-image: url(../images/bullet_rood_klein.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding: 0px 0px 2px 8px;
	position: relative;
}

.blok12_content a.bulletlink {
	background-image: url(../images/bullet_wit2.gif);
}

a.all_link {

	margin-top: 10px;
}

a.deletelink{
	display: block;
	background-image: url(../images/btn_delete.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 5px 0px 3px 25px;
	position: relative;
	font-size: 11px;
	color: #b92b16;
	margin-top: 1px;
	width: 35px;
}

a.editlink{
	display: block;
	width: 50px;
	text-align: right;
	position: relative;
	font-size: 11px;
	color: #b92b16;
	margin-top: 6px;
}
		
.question {
	display: block;
	border-top: 1px solid #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0px 3px 15px;
	background-image: url(../images/plus.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	margin-top: 2px;
}
.answer {
	display: none;
	padding-left: 15px;
	font-size: 11px;
}

.tussenkop {
	display: block;
	padding-top: 5px;
	background-image: url(../images/bg_tussenkop.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 18px;
	height: 16px;
}

a.tip_collapsed {
	display: block;
	color: #FFFFFF;
	height: 19px;
	padding-left: 26px;
	background-image: url(../images/tip_plus.gif);
	background-repeat: no-repeat;
}
a.tip_expanded {
	display: block;
	color: #FFFFFF;
	height: 19px;
	padding-left: 26px;
	background-image: url(../images/tip_min.gif);
	background-repeat: no-repeat;
}

div#advanced_recipe_search {
	position: relative;
	display: none;
	width: 450px;
}

a.zoeken_collapsed {
	display: block;
	color: #b92b16;
	height: 19px;
	padding-left: 26px;
	background-image: url(../images/zoeken_plus.gif);
	background-repeat: no-repeat;
}

a.zoeken_expanded {
	display: block;
	color: #b92b16;
	height: 19px;
	padding-left: 26px;
	background-image: url(../images/zoeken_min.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#myrecipe_option_buttons {
	position: absolute;
	right: 36px;
	top: 192px;
	height: 40px;
	z-index: 5;
}	

#option_buttons {
	position: absolute;
	right: 36px;
	top: 169px;
	height: 40px;
	z-index: 5;
}
#option_buttons a,
#myrecipe_option_buttons a{
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 6px;
}
#option_buttons a:hover,
#myrecipe_option_buttons a:hover {
	background-position: left -40px;
}

#option_buttons a i ,
#myrecipe_option_buttons a i{
	display:none;
}

#btn_print { background-image: url(../images/btn_print.gif); } 
#btn_tafmail { background-image: url(../images/btn_tafmail.gif); } 
#btn_faq { background-image: url(../images/btn_faq.gif); }
#btn_tips { background-image: url(../images/btn_tips.gif); }  
#btn_movie { background-image: url(../images/btn_movie.gif); } 


/* TABS */
#tabs {
	height: 57px;
	background-repeat: no-repeat;
}
.tab1 {
	background-image: url(../images/bg_tabs1.gif);	
}
.tab2 {
	background-image: url(../images/bg_tabs2.gif);	
}

a#tab_titel_1 {
	display: block;
	float: left;
	width: 310px;
	height: 53px;
	position: relative;
}

a#tab_titel_2 {
	display: block;
	float: left;
	width: 310px;
	height: 53px;
	position: relative;
}
#tabs a:hover {
	text-decoration: none;
	cursor: pointer;
}


.tab1 > #tab_titel_2 > .header_balkje, .tab2 > #tab_titel_1 > .header_balkje {
	margin-top: 4px;
}
.tab1 > #tab_titel_2 > .header_balkje > h4, .tab2 > #tab_titel_1 > .header_balkje > h4 {
	color: #9d6227;
}
.tab1 > a#tab_titel_2:hover > .header_balkje > h4, .tab2 > a#tab_titel_1:hover > .header_balkje > h4 {
	color: #723e0a;
}
.tab1 > a#tab_titel_1 > .tabtekst, .tab2 > a#tab_titel_2 > .tabtekst {
	color: #723e0a;
}
.tab1 > #tab_titel_2 > .tabtekst, .tab2 > #tab_titel_1 > .tabtekst {
	color: #9d6227;
}


.tabtekst {
	clear: both;
	position: absolute;
	left: 24px;
	top: 28px;
}

.nummer_blokje {
	display: block;
	position: absolute;
	left: 4px;
	top: 0px;
	background-image: url(../images/bg_numberedlist.gif);
	background-repeat: no-repeat;
	width: 18px;
	padding-left: 9px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

.backLink {
	position: absolute;
	top: 198px;
	left: 360px;
}

#tabs .backLink {
	top: 220px;
}

a.iconLink {
	background-image: url(../images/iconlink.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 13px;	
}

#noResultsImage {
	position: absolute;
	top: 220px;
	right: 35px;
	width: 281px;
	height: 213px;
	background-image: url(../images/no_result_image.gif);
	background-repeat: no-repeat;
}

#recipeSearchResults {
	border-top: 1px solid #FFFFFF;
	margin-right: 15px;
	padding-top: 15px;
}

#recipeFilters {
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 10px;
}

#recipeFilters a, #recipeFilters span {
	margin-right: 30px;
	font-size: 11px;
}
#recipeSearchResults #resultList {
	width: 600px;
}


.balkButton {
	margin: 10px 5px 10px 0px;
}