html {
	
	overflow-y: scroll !important;
}

body{
	font-family:Tahoma;
	font-size:12px;
	color:#333333;
	line-height:1.4;
	
}

img {
	border: 0;
	vertical-align: top;
}

a {
	color: #850d70;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

:focus {
	outline: 0;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 5px;
	line-height: 1.35;
	color: #333333;
}

h1 {
	font-size: 28px;
	font-weight: normal;
}

h2 {
	font-size:24px;
	font-weight: normal;
}

h3 {
	font-size: 18px;
	font-weight: normal;
}

h4 {
	font-size: 16px;
	font-weight: normal;
}

h5 {
	font-size: 14px;
	font-weight: bold;
}

h6 {
	font-size: 11px;
	font-weight: bold;
}
.submenu_title{
    display:block;
	font-size:24px;
	font-weight: normal;
    color: #333333;
    line-height: 1.35;
    margin: 0 0 16px;	    
}

/* Forms */
form {
	display: inline;
}

fieldset {
	border: 0;
}

legend {
	display: none;
}

/* Table */
table {
	border: 0;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%;
}

caption, th, td {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

/* Content */
p {
	margin: 0 0 10px;
}

strong {
	font-weight: bold;
}

address {
	font-style: normal;
	line-height: 1.35;
}

cite {
	font-style: normal;
}

q, blockquote {
	quotes: none;
}

q:before, q:after {
	content: '';
}

small, big {
	font-size: 1em;
}

/* Lists */
ul, ol {
	list-style: none;
}

/* Content standaard */
.hidden {
	display: block !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

.nobr {
	white-space: nowrap !important;
}

.wrap {
	white-space: normal !important;
}

.a-left {
	text-align: left !important;
}

.a-center {
	text-align: center !important;
}

.a-right {
	text-align: right !important;
}

.v-top {
	vertical-align: top;
}

.v-middle {
	vertical-align: middle;
}

.f-left, .left {
	float: left !important;
}

.f-right, .right {
	float: right !important;
}

.f-none {
	float: none !important;
}

.f-fix {
	float: left;
	width: 100%;
}

.no-display {
	display: none;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-bg {
	background: none !important;
}

/* Content kolommen */

.col2-set .col-1 {
	float: left;
	width: 48.5%;
}

.col2-set .col-2 {
	float: right;
	width: 48.5%;
}

.col2-set .col-narrow {
	width: 32%;
}

.col2-set .col-wide {
	width: 65%;
}

.col3-set .col-1 {
	float: left;
	width: 32%;
}

.col3-set .col-2 {
	float: left;
	width: 32%;
	margin-left: 2%;
}

.col3-set .col-3 {
	float: right;
	width: 32%;
}

.col4-set{
	width:100%;
}

.col4-set .col-1 {
	float: left;
	width: 23.5%;
}

.col4-set .col-2 {
	float: left;
	width: 23.5%;
	margin: 0 2%;
}

.col4-set .col-3 {
	float: left;
	width: 23.5%;
}

.col4-set .col-4 {
	float: right;
	width: 23.5%;
}

/* Styles voor DW content */

.std ol.ol {
	list-style: decimal outside;
	padding-left: 1.5em;
}

.std ul.disc {
	list-style: disc outside;
	padding-left: 18px;
	margin: 0 0 10px;
}

.std dl dt {
	font-weight: bold;
}

.std dl dd {
	margin: 0 0 10px;
}

.std ul, .std ol, .std dl, .std p, .std address, .std blockquote {
	margin: 0 0 1em;
	padding: 0;
}

.std ul {
	list-style: disc outside;
	padding-left: 1.5em;
}

.std ol {
	list-style: decimal outside;
	padding-left: 1.5em;
}

.std ul ul {
	list-style-type: circle;
}

.std ul ul, .std ol ol, .std ul ol, .std ol ul {
	margin: .5em 0;
}

.std dt {
	font-weight: bold;
}

.std dd {
	padding: 0 0 0 1.5em;
}

.std blockquote {
	font-style: italic;
	padding: 0 0 0 1.5em;
}

.std address {
	font-style: normal;
}

.std b, .std strong {
	font-weight: bold;
}
.std i, .std em {
	font-style: italic;
}
.std a 
{
	text-decoration: underline;
	color: Black;
}
.std a:hover
{
	color: #73B843;
}

/* Base Columns */
.col-left {
	float: left;
	width: 242px;
}
.col-main {
	float: right;
	width: 726px;
}
.col-right {
	float: right;
	width: 242px;
}
/* 1 Column Layout */
.col1-layout{
    position:relative;
}
.col1-layout .col-main {
	margin-top: 15px;
	width: auto;
}
/* 2 Columns Layout */
.col2-left-layout .col-main {
	float: right;
}
.col2-right-layout .col-main {
	float:left;
}
/* Structuur */
.logo{
	float:left;
	display:block;
	text-align:center;
	text-decoration:none;
	margin: -40px 0 20px 20px;
}

/*
.submenu ul{
	margin-left:10px;
}
.submenu ul li{
	margin-bottom:5px;
}
.submenu ul li a{
	display:block;
	line-height:25px;
	background-color:#999999;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	text-decoration:none;
}
.submenu ul li a:hover, .submenu ul li.active a{
	background-color:#850d70;
}
.submenu ul li ul{
	margin:5px 0 0 0;
	padding:0;
}
.submenu ul li.active ul li a{
	background-color:#ce9ec6;
}
.submenu ul li.active ul li.active a{
	color:#000000;
}
*/

#main{
	background:url("../images/basics/bg_gradient.gif") repeat-x scroll center top #FFFFFF;
}
#page{
	width:980px;
	margin:0 auto;	
}
.header_container{
	position:relative;
	z-index:10;
}
.header_tools{
	float:right;
}
/* Main Menu */
.main_menu{
	float: right;
	clear: right;  
}
.main_menu ul{
	float: right;
}
.main_menu ul li{
	float:left;
	position:relative;		
}
.main_menu ul li a{
	border-bottom: 2px solid #bfbfbf;    
	display:block;
	padding:0 20px 5px 20px;
	color:#bfbfbf;
	text-decoration:none;
	line-height:25px;
	font-size:18px;
}
.main_menu ul li a:hover{
	border-bottom: 3px solid #73B843;
	color:#333333;
}
.main_menu ul li ul{
	display:none;
	border-bottom: 10px solid #73B843;
}
.main_menu ul li.red a, .main_menu ul li.red ul li a:hover{
	color: #D2232A;
}
.main_menu ul li.red a:hover, .main_menu ul li.red a.active{
	color: #333;    
	border-bottom: solid 3px #D2232A;
}
.main_menu ul li.red ul{
	border-bottom: solid 10px #D2232A;
}
.main_menu ul li.red ul li a{
    color: #333;
}
.main_menu ul li.blue a, .main_menu ul li.blue ul li a:hover{
	color: #00AEEF;
}
.main_menu ul li.blue a:hover, .main_menu ul li.blue a.active{
	color: #333;
	border-bottom: solid 3px #00AEEF;
}
.main_menu ul li.blue ul{
	border-bottom: solid 10px #00AEEF;
}
.main_menu ul li.blue ul li a{
    color: #333;
}
.main_menu ul li.yellow a, .main_menu ul li.yellow ul li a:hover{
	color: #FFCD07;
}
.main_menu ul li.yellow a:hover, .main_menu ul li.yellow a.active{
	color: #333;
	border-bottom: solid 3px #FFCD07;
}
.main_menu ul li.yellow ul{
	border-bottom: solid 10px #FFCD07;
}
.main_menu ul li.yellow ul li a{
    color: #333;
}
.main_menu ul li ul{
	display:none;
	position:absolute;
	top:33px;
	left:0;
	background:#FFFFFF url('../images/basics/shallot_bg_submenu.gif') repeat-x 0 0;
	border-top:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;
}
.main_menu ul li ul li{
	float:none;
	margin:0;
}
.main_menu ul li ul li a{
	background:0 none;
	border-bottom:0;
	color: #333;
	padding:0 10px;
	font-size:12px;
	white-space:nowrap;
	line-height:35px;
}
.main_menu ul li ul li a:hover, .main_menu ul li ul li a.active{
	background:0 none;
	color:#73B843;
	border-bottom:0 !important;
}

/* Language Selector */
#select_language {
	float: right;
	margin:10px 10px 20px 0;
}
#icons {
	float: right;
	padding: 0 40px 0 0;
    height: 20px;
    margin: 10px 0 0 0;
}
#icons ul li {
	border-right: 1px solid #000000;
	float: left;
	padding: 0 14px;
}
#icons ul li.last {
	border-right: medium none;
}
#icons ul li a, #icons ul li a:visited {
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	height: 20px;
	text-decoration: none;
	text-indent: -9999px;
	width: 20px;
}
#icons ul li a:hover {
	color: #4FAD26;
	display: block;
	text-decoration: none;
}
/* Content */
.content_container{
	margin:20px 10px 20px 0;
}
.col-main{
	margin-bottom:30px;
}
.block a.more-info {
	background-color: #333333;
	display: inline-block;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:0 20px;
	text-decoration:none;
	line-height:20px;
}

input[type=submit]
{
	margin-top: 0px;
	margin-right: 10px;
	border-style:none;
	background-color: #333333;
	display: inline-block;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:0 20px;
	text-decoration:none;
	line-height:20px;
}

input[type=reset]
{
	margin-top: 20px;
	margin-right: 10px;
	border-style:none;
	background-color: #333333;
	display: inline-block;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:0 20px;
	text-decoration:none;
	line-height:20px;
}

.cms-home{
	float:left;
	width:710px;
	line-height: 18px;
	padding-right: 20px;
}

.cms-home-right{
	float:right;
	width:190px;
	line-height: 18px;
	padding-left: 20px;
	padding-right: 20px;
}
.cms-home-right h1 
{
	color: #73b843;
	font-size: 18pt;
}

/* Highlights */
.highlights{
	margin-bottom:30px;
}
.highlight{
	width:230px;
	margin-right:20px;
	border-bottom:10px solid #BFBFBF;
	float:left;	
}
.highlight-last{
	margin-right:0 !important;
}
.highlight-title{
	display:block;
	line-height:40px;
	font-size:24px;
	background-color: #73b843;
	padding-left:20px;
	color:#FFFFFF;
	text-decoration:none;
	background-image: url('../images/basics/bar_gradient.png');
	background-position: top left;
	background-repeat: repeat-x;
	
}
.highlight-content{
	margin:10px 20px 20px 20px;
	line-height: 18px;
}
.highlight li
{
	background: transparent url("../images/basics/bullet_green.png") 0 3px no-repeat;
	padding-left: 20px;
	line-height: 25px;
}
.highlight li:hover
{
	background: transparent url("../images/basics/bullet_black.png") 0 3px no-repeat;
}
.highlight li a
{
	color: Black;
	text-decoration: none;        
}
.highlight li a:hover
{
	text-decoration: underline;
}
/* News */
.col-news-img{
	height:200px;
}
.col-news{
	clear:both;
	background-repeat:no-repeat;
}
.news-list-horizontal{
	margin-left:10px;
}
.news-list-horizontal li{
	float:left;
	margin:10px 10px 0 0;
}
.news-list-horizontal li a{
	display:block;
	width:222px;
	color:#FFFFFF;
	padding:5px;
	text-decoration:none;
	background-color:#850d70;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.news-list-horizontal li a:hover{
	color:#850d70;
	background-color:#FFFFFF;
}
.col-news .date{
	float:right;
}
.col-news .read-more{
	display:block;
	text-align:right;
}
.news_list{
	list-style:none;
}
.news_list li{
	background-color:#e5e5e5;
	margin-bottom:10px;
	padding:10px;
	list-style-type:none;
	min-height: 50px;
	clear: both;
	overflow:auto;
}
.img_news{
	display:block;
	float:right;
	margin-left:10px;
}
.news_list li a{
	text-decoration:none;
}
.news_list li .newsreadmore{
	text-decoration:underline;
	margin-top:16px;
}
.news_list li .date, .news_list li .newsreadmore, .news_detail .date{
	float:right;
	color:#850d70;
	color:#73B843;
}

.news_list li .date {
	color:#000000;
}
.news_detail .date{
	color:#000000;
}

.newstext {
    float: left;
    width:520px;
    height:40px;
}
.news_detail .date{
    font-size: 12px;
    font-weight: bold;
    margin-top: 4px;
}
.short-news{
	font-weight:bold;
}
.news_img_container{
	float:right;
	padding-left:10px;
}
/* Footer */
.footer_container{
	margin:10px 0 10px 0;
	height:30px;		
	clear: both;
	border-left: solid 11px #73B843;
	background-color: #BFBFBF;
	height: 40px;	
	padding-right: 230px;
	background-image: url("/service/GetRandomSjalotFooterImage.aspx");
	background-repeat: no-repeat;
	background-position: top right;
}
.footer_container a:link, .footer_container a:visited, .footer_container a:active {
	display:block;
	color: #000000;
	text-decoration: none;
	padding:0 10px;
}
.footer_container a:hover {
	color: #6E6E6E;
	text-decoration: underline;
}
.footer_container ul{
		float:right;
}
.footer_container ul li {
	float: left;    
}
.footer_container .footer_left
{
	float: left;
	padding-left: 16px;
	color: White;    
	font-size: 18px;   
	font-weight: normal; 
	line-height: 40px;
}

.footer_container .footer_right
{
	float: right;
	line-height: 40px;
	text-transform: uppercase;
	color: White;    
	font-size: 8pt; 
	letter-spacing: 0px;   
}

.footer_container .footer_right a 
{
	color: White;
}

.copy{
	float:right;
	padding-right:10px;
}
/* Clear */
.highlights:after, .col-main:after, .header_container:after, .content_container:after, .col-news:after, .footer_container:after{
	display:block; 
	content:"."; 
	clear:both; 
	font-size:0; 
	line-height:0; 
	height:0; 
	overflow:hidden; 
}


.header-image
{
	clear: both;
	height: 200px;
	border-bottom: solid 10px #73B843;
	overflow: hidden;
	background: transparent url("/service/GetRandomSjalotTopImage.aspx") no-repeat center center;
}

.breadcrumb
{
	height: 10px;    
	line-height: 10px;
	text-transform: uppercase;
	padding-left: 19px;
	padding-right: 18px;
	color: Black;
	font-size: 8pt;
	float: left;
	width: 800px;
}

.breadcrumb a 
{
	text-decoration: none;
	color: Black;
	padding-right: 20px;
	background: transparent url("../images/breadcrumb_separator.png") center right no-repeat;
}
.breadcrumb a.last
{
	background: none;
	color: #73B843;
}
.breadcrumb a:hover
{
	text-decoration: underline;
}

.content-col-layout
{
	clear: both;
	padding-bottom: 10px;
	margin-top: 38px;
}

.content-navigation
{
	float: left;
	width: 214px; 
	padding: 0px 18px 0 18px;
}
.content-navigation li
{
	background: transparent url("../images/basics/bullet_green.png") 0 0px no-repeat;
	padding-left: 20px;
	line-height: 20px;
	margin-bottom: 16px;
	
}
.content-navigation li:hover
{
	background: transparent url("../images/basics/bullet_black.png") 0 0px no-repeat;
}
.content-navigation a
{
	text-decoration: none;
	font-weight: normal;
	color: Black;
}
.content-navigation a:hover
{
	text-decoration: underline;
}
.content-navigation a.activeitem
{
	font-weight: bold;
}
.content-navigation .M2{
    margin-top:16px;
}
.content
{    
	width: 730px;
	float: right;
	line-height: 18px; 
}
.content h1 
{
	color: #73B843;
}
.clearboth
{
	clear: both;
}
#headershadow
{
	background: transparent url("../images/basics/visual_shadow.png") no-repeat top left;
	height: 22px;

}


/* recepten */
table.recepten 
{
	width: 100%;
}

table.recepten th
{
	background-color: #73B843;
	font-weight: bold;
	color: white;            
	padding: 2px 5px 2px 5px;
}
table.recepten td.shallotaantalpersonen, 
table.recepten th.shallotaantalpersonen,
table.recepten th.shallotbereidingstijdintekst,
table.recepten td.shallotbereidingstijdintekst
{
	text-align: center;
}
table.recepten tr
{
	
}
table.recepten tr.odd:hover, table.recepten tr.even:hover
{
	background-color: #BFBFBF;    
}
table.recepten tr.odd
{
	cursor: pointer;
}
table.recepten tr.even
{
	background-color: #ddd;
	cursor: pointer;
}
table.recepten td
{
	vertical-align: top;
	padding: 2px 5px 2px 5px;
	border-bottom: solid 1px #BFBFBF;
}
.product-count
{
	float: left;
}

.pager
{
	clear: both;
}
.pager-buttons 
{    
	float: right;
}
.pager-buttons ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.pager-buttons ul li
{
	float:left;
	margin: 2px 2px 2px 2px;
	position:relative;
	width: 20px;
	height: 20px;		
	border: solid 1px #ddd;
	text-align: center;
	line-height: 20px;	
}
.pager-buttons ul li a
{
	text-decoration: none;
	display: block;
}
.pager-buttons ul li a:hover
{
	background-color: #73B843;
	color: White;
}
.pager-buttons ul li.currentpage a
{
	font-weight: bold;
}

/* recepten detailpagina */
table.receptendetail
{
	width: 100%;
}
table.receptendetail td
{
	padding: 0 5px 10px 5px;
	vertical-align: top;
	text-align: left;
}
table.receptendetail td.field
{
	font-style: italic;
}

#form-ecomfilter div
{
	float: left;
	height: 50px;
	margin-right: 10px;
}

#form-ecomfilter label 
{
	display: block;
}
a.button {
	background-color: #333333;
	display: inline-block;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:0 20px;
	text-decoration:none;
	line-height:20px;
}
.socialicons-home
{
	height: 32px;
	position:absolute;
	width:150px;
	left: 588px;
	top:16px;
}

.socialicons-content
{
	height: 24px;
	width: auto;
	float: right;
}

a.red
{
	color: #D2232A !important;
}
a.red:hover
{
	color: #333 !important;    
	border-bottom: solid 3px #D2232A !important;
}
a.blue
{
	color: #00AEEF !important;
}
a.blue:hover
{
	color: #333 !important;
	border-bottom: solid 3px #00AEEF !important;
}
a.yellow
{
	color: #FFCD07 !important;
}
a.yellow:hover
{
	color: #333 !important;
	border-bottom: solid 3px #FFCD07 !important
}
.highlight.red .highlight-title
{
	background-color: #D2232A !important;
}
.highlight.blue .highlight-title
{
	background-color: #00AEEF !important;
}
.highlight.yellow .highlight-title
{
	background-color: #FFCD07 !important;
}
.highlight.purple .highlight-title
{
	background-color: #A0248E !important;
}
.highlight.red li
{
	background: transparent url("../images/basics/bullet_red.png") 0 3px no-repeat !important;
}
.highlight.red li:hover
{
	background: transparent url("../images/basics/bullet_black.png") 0 3px no-repeat !important;
}
.highlight.blue li
{
	background: transparent url("../images/basics/bullet_blue.png") 0 3px no-repeat !important;
}
.highlight.blue li:hover
{
	background: transparent url("../images/basics/bullet_black.png") 0 3px no-repeat !important;
}
.highlight.yellow li
{
	background: transparent url("../images/basics/bullet_yellow.png") 0 3px no-repeat !important;
}
.highlight.yellow li:hover
{
	background: transparent url("../images/basics/bullet_black.png") 0 3px no-repeat !important;
}
label 
{
	display: block;
}
#postform17 label{
	display: inline;
}
#postform17 input[type=checkbox]{
	display: block;
	float:left;
	margin-right: 10px;
}
input[type=text]
{
	width: 400px;
}
input[type=password]
{
	width: 400px;
}
textarea
{
	width: 400px;
	height: 100px;
}