/* CSS Document: HOR_Horecamenukaarten.nl */

/* basis onderdelen */
body {
	margin:0;
  padding:0;
  color:#1E1E1E;
  font-family:Tahoma,Geneva,Kalimati,sans-serif;
  font-size:13px;
  background-image:url(/images/pattern_grey.gif);
  background-repeat:repeat;
	}
body.mceContentBody {
  background-color: #FFFFFF;
  color:#000000;
  }	 
H1 {
  font-size: 18px;
  font-weight: bold;
  color:#FA4500;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:8px;
  padding-top:8px;
  margin:0;
  } 
H2 {
  font-size: 15px;
  font-weight: bold;
  color:black;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:8px;
  padding-top:10px;
  margin:0;
  } 
H3 {
  font-size: 14px;
  font-weight: bold;
  color:#969c22;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:8px;
  padding-top:10px;
  margin:0;
  } 

a {
  color:#969c22;
  text-decoration:underline;
  }
a:hover {
  color:#969c22;
  text-decoration:none;
  }

a img { /* nooit border om een hyperlinked image zetten */
	border-width: 0px;
	text-decoration:none;
	}

p {
  margin:0;
  padding:0;  
  }

ul {
  list-style-type:none;
  padding:0;
  margin:0;
  }
li {
  background-image: url(/images/bullet_plus.png);
  background-repeat: no-repeat;
  background-position: 0px 2px; 
  padding-left: 24px;
  padding-top:0px;
  padding-bottom:8px; 
  }

li.action {
  background-image: url(/images/bullet_next.png);
  background-repeat: no-repeat;
  background-position: 0px 2px; 
  padding-left: 24px;
  padding-top:0px;
  padding-bottom:8px; 
  }
li.action_back {
  background-image: url(/images/bullet_back.png);
  background-repeat: no-repeat;
  background-position: 0px 2px; 
  padding-left: 24px;
  padding-top:0px;
  padding-bottom:8px; 
  }

li.error {
  background-image: none;
  list-style-type: square;
  list-style-position: inside;
  padding-left: 0px;
  padding-top:0px;
  padding-bottom:0px;
  color:#FA4500; 
  }
  
/* social media */
#twitter_button {
  position:absolute;
  top:107px;
  right:10px;
  background-image:url(/images/twitter_button.png);
  height:30px;
  width:30px;
  }


/* container */
#container {
  position: relative;
  width:950px;
  margin:0 auto 0 auto;
  }   
  
/* header */  
#header {
  position:relative;
  float:left;
  clear:both;
  height:143px;
  width:950px;
  background-image:url(/images/pattern_green.gif);
  background-repeat:repeat;
  }
#header_img_1 {
  position:relative;
  float:left;
  height:123px;
  width:123px;
  margin-top:10px;
  margin-left:10px;
  background-image:url(/images/menumappen.jpg);
  background-repeat:no-repeat;
  }
#header_img_2 {
  position:relative;
  float:left;
  height:123px;
  width:123px;
  margin-top:10px;
  margin-left:10px;
  background-image:url(/images/menukaarten.jpg);
  background-repeat:no-repeat;
  }
#header_img_3 {
  position:relative;
  float:left;
  height:123px;
  width:123px;
  margin-top:10px;
  margin-left:10px;
  background-image:url(/images/menustandaarden.jpg);
  background-repeat:no-repeat;
  }
#header_logo {
  position:relative;
  float:right;
  height:104px;
  width:359px;
  margin-top:0px;
  margin-right:7px;
  background-image:url(/images/logo.jpg);
  background-repeat:no-repeat;
  }
  
/* sub-header */  
#borderline_top {
  position:relative;
  float:left;
  clear:both;
  width:950px;
  height:4px;
  margin-top:4px;
  background-color:white;
  }
  
#borderline_left_top {
  float:left;
  width:4px;
  height:32px;  
  background-color:white;
  }

#borderline_right_top {
  float:right;
  width:4px;
  height:32px;
  background-color:white;
  }

#navigator_top {
  position:relative;
  float:left;
  width:942px;
  height:32px;
  background-color:#cccccc;
  }
  #website_locatie {
    position:relative;
    float:left;
    margin-left:14px;
    margin-top:7px;
    }
  #right_top_menu {
    position:relative;
    float:right;
    margin-right:14px; /*14*/
    margin-top:7px;
    } 
  .offerte {
    color:#FA4500;
    }
  .space {
    margin:5px;
    }
.sitemap {
  /* sitemap */
  background-color:white;
	width:870px;
	padding-left:80px;
}
.sitemap ul {
  padding:10px;
}
.sitemap li {
  background-image: url(/images/bullet_next.png);
  }


/* body 3 column liquid design for standard pages */
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:950px;			/* total width of all columns combined */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:950px;			/* total width of all columns combined */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
  /* right column background settings */
  background-image:url(/images/right.jpg);
  background-repeat:no-repeat;
  background-position:right top;
  background-color:white;
	width:950px;
}
.threecol .colmid {
	right:250px;			/* width of the right column */
	/* center column background settings */
  background-image:url(/images/main.jpg);
  background-repeat:repeat-x;
  background-color:#cccccc;	
}
.threecol .colleft {
	right:500px;			/* width of the middle column */
	/* left column background settings */
  background-image:url(/images/left.jpg);
  background-repeat:no-repeat;
  background-position:right top;
  background-color:white;
}
.threecol .col1 {
	width:500px;			/* width of center column content (column width minus padding on either side) */
	left:950px;			/* 100% plus left padding of center column plus (left column border-width) */
}
.threecol .col2 {
	width:200px;			/* Width of left column content (column width minus padding on either side) */
	left:250px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:250px;			/* Width of right column content (column width minus padding on either side) */
	left:750px;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column settings */
.leftmenu {
	/* right column background settings */
  background-image:url(/images/right_assortiment.jpg);
  background-repeat:no-repeat;
  background-position:right top;
  background-color:white;
	
}
.leftmenu .colleft {
	right:750px;			/* right column width */
	/* left column background settings */
  background-image:url(/images/left.jpg);
  background-repeat:no-repeat;
  background-position:right top;
  background-color:white;
}
.leftmenu .col1 {
	width:750px;			/* right column content width */
	left:950px;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:200px;			/* left column content width (column width minus left and right padding) */
	left:0px;			/* (right column left and right padding) plus (left column left padding) */
}


/* footer */
#footer {
  clear:both;
  height:auto;
  background-color:#cfcfcf;
  border-style:solid;
  border-color:white;
  border-width:4px;
  text-align:center;
  padding:14px;
  }  
  
/* menu - left */
.menu_active {
  position:realtive;
  float:left;
  clear:left;
  width:196px;
  height:35px;
  font-family:Tahoma,Geneva,Kalimati,sans-serif;
  font-size:16px;
  color:#FA4500;
  text-decoration: none;
  background-color:white;
  margin-bottom:3px;
  }
  
.menu_not_active {
  position:realtive;
  float:left;
  clear:left;
  width:196px;
  height:35px;
  font-family:Tahoma,Geneva,Kalimati,sans-serif;
  font-size:16px;
  color:#969c22;
  background-color:white;
  margin-bottom:3px;
  }
.menu_not_active:hover {
  text-decoration: underline;
  }

.menu_text {
  margin-left:12px;
  margin-top:9px;
  font-size:16px;
  }

  
.rightcolumn_content {
  margin-left:4px;
  margin-bottom:4px;
  background-color:white;
}  



.product_miniatuur {
  float:left;
  width:222px;
  height:250px;
  margin:8px 14px 14px;
  }
/*.product_miniatuur a {
  text-decoration:none;
  } */
  
.product_detail {
  width:458px;
  height:342px;
  margin-left:10px;
  margin-top:10px;
  border:1px solid #cecece;
  padding:10px;
  }

.product_detail_whitebar {
  position:absolute;
  top:300px;
  left:21px;
  width:458px;
  height:30px;
  background-color:#eeeeee;
  filter:alpha(opacity=90);
  opacity:0.9;
  }
  
.product_detail_whitebar_elements {
  position:absolute;
  top:300px;
  left:31px;
  width:448px;
  height:30px;
  }
  
.price_label {
  font-size:14px;
  font-weight:bold;
  color:#969c22;
  }
  
.sub_price_label {
  margin-top:3px;
  float:right;
  clear:right;
  font-size:12px;
  color:#969c22;
  }
  
.orderform_productdetails {
  color:#969c22;
  }
  
.form_button {
  width:207px;
  height:28px;
  background-image:url(/images/button.png);
  background-repeat:no-repeat;
  color:white;
  padding-top:8px;
  padding-left:9px;
  cursor:pointer;
  }
.form_error {
  float:left;
  margin-left:4px;
  color:#FA4500;
  font-weight:bold;
  }
  
/* breadcrumb */
#breadcrumb {
  position:relative;
  float:left;
  padding-top:8px;
  padding-left:8px;
  }
  
/* preview popup */  
#preview_semitransparant {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
	background-color: #FFFFFF;
	opacity: 0.70;
	-ms-filter: "alpha (opacity=50)";
	filter: alpha (opacity=70); 
	-moz-opacity:0.70;  
	}	
#preview_solid {
	position:absolute;
	left:0;
	bottom: 0;
	visibility:hidden;
	text-align:center; 
	}
#preview_popup {
	margin: 0 auto 0 auto;
	}
#preview_closebutton {
	float:right;
	margin:0;
	margin-right:1px;
	border:0;
	padding:0;
	width:66px;
	height:22px;
	background-image:url("/images/sluit_venster.gif") 
	}
#preview_closebutton:hover {
	background-image:url("/images/sluit_venster_hover.gif") 
	}
#preview_image {
	float:right;
	margin:0; 
	}  

/* voorwaarden */	
.ArtikelHeader {
  font-size: 14px;
  font-weight: bold;
  color:#267878;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:4px;
  padding-top:8px;
  margin:0;
  }
 
.ArtikelSubHeader {
  font-size: 13px;
  font-weight: normal;
  text-decoration:underline;
  color:black;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:4px;
  padding-top:0px;
  margin:0;
}

.ArtikelBody {
  font-size: 13px;
  font-weight: normal;
  text-decoration:none;
  color:black;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:4px;
  padding-top:0px;
  margin:0;
}    

/* Adwords page */
#adwordspage
{
  background:       #ffffff;
  clear:            left;
  overflow:         auto;
  padding:          0 5px;  
  width:            940px;
}
.aw-left
{
  background:       url('/images/main.jpg') repeat-x;
  float:            left;
  height:           490px;
  width:            695px;
}
.aw-left h1
{
  font-size:        18px;
  margin:           10px 30px;
}
.aw-right
{
  background:       url('/images/right.jpg') repeat-x;
  float:            right;
  width:            245px;
}

#aw-categorys
{
  margin:           20px 30px; 
}
#aw-categorys a
{
  background:       #ffffff;
  display:          block;
  font-size:        18px;
  line-height:      36px;
  margin:           3px 0;
  padding:          0 5px;
  text-decoration:  none;   
}
#aw-categorys a:hover
{
  text-decoration:  underline;
}
#aw-links
{
  margin:           20px 0;
  margin-left:      500px;
}
#aw-links h1
{
  font-size:        14px;
  margin:           0;
  padding:          0;
}
#aw-links a
{
  display:          block;
  text-decoration:  none;
}
#aw-links a:hover
{
  text-decoration:  underline;
}