body {
background-color: #ed1c24;
}

/* Td styles */

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

.input {
	background-color:#ececec;
	border: solid 1px #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td.text {
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
vertical-align: top;
}

td.text2 {
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
vertical-align: top;
}

td.head {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #ed1c24;
}

td.headred {
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ed1c24;
}

td.bg {
background-color: #ed1c24;
}

td.bgdark {
background-color: #5a5a5a;
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
}

td.bgpoll {
background-color: #ed1c24;
}

td.white {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}

td.location {
padding-left: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #ed1c24;
}

.login {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
}

/* Text styles */

.head {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

.wit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;

line-height:18px;
}

.ingredientenwit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;


}

.rood {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ed1c24;
font-weight: bold;
}

.recepttitel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #ed1c24;
padding-left:10px;
padding-bottom:5px;
}

.pagetitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #ed1c24;
}

/* Link styles */

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FF0000;
}

a.white {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
}

a.menu {
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

.menushoptitel {color: #898989;line-height:24px; font-weight:bold;}

a.menushop {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #343434;
text-decoration: none;
line-height:18px;}
a.menushop:hover{
color: #898989;
}

a.receptmenu:link, a.receptmenu:active, a.receptmenu:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ff0000;
text-decoration: none;
}

a.receptmenu:hover {

text-decoration:underline;
}

a.witmenu:link, a.witmenu:active, a.witmenu:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: none;

}

a.witmenu:hover {

text-decoration:underline;
}

.poll{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

a.location {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}



/* Img styles */

img.bordergrey {
border: 1px solid #6f5f5f;
}

img.borderred {
border: 1px solid #ed1c24;
}


.productimg {border:solid 1px #dadada; margin-top:5px;}
.lichtgrijs {color:999999;}
.prijs {  font-size:24px; color:#FF0000; font-weight:bold;}
a.terug {
color: #000000;
text-decoration: none;
}

a.nietbold {
color: #000000;
font-weight:normal;
}

a.nietbold:hover {
color: #000000;
font-weight:normal;
text-decoration:none;
}

#winkelwagentje {
position:absolute; 
width:160px; 
line-height:14px;
padding-left:15px; padding-top:3px;
padding-bottom:8px;
background-image:url(../images/winkelwagentje_BG.gif);
background-repeat:no-repeat;
color:#FFFFFF; 
margin-left:572px; 
margin-top:0px;}
#winkelwagentje a {text-decoration:underline;color:#FFFFFF;font-weight:normal;}
#winkelwagentje a:hover {text-decoration:none;}

#webshoptitel { font-size:18px; margin-left:10px; margin-top:25px;}
#webshopcontainer { width:724px; margin-left:1px; margin-top:10px; clear:both;}
#row { clear:both;}
#artikel {width:170px; height:224px; float:left; margin-bottom:30px;}
#artikelafbeelding {width:160px; height:160px; float:left; padding:5px;}
#artikeltext { padding:8px; font-weight:bold; text-transform:capitalize; color:#343434;}
#artikelprijs { padding:5px; text-align:right; color:#343434;}
#bekijkproduct { padding:3px; margin-left:5px; margin-right:5px; background-color:#c0c0c0;  color:#FFFFFF; font-weight:bold; clear:both;}
#bekijkproduct a { color:#FFFFFF; text-decoration:none;}

#artikelcontainer { width:714px; margin-left:10px; margin-top:20px; clear:both;}
#waardering { border-top:solid 1px #dadada; border-bottom:solid 1px #dadada; padding-top:4px; padding-bottom:4px;}
#shopmenu1 {height:59px; background-image:url(../images/shop_BG.jpg); border-bottom:solid 1px #dadada;}
#in_winkelwagentje { width:168px; height:27px; position:absolute; margin-left:216px; margin-top:24px;}
#maattext { width:60px; height:25px; position:absolute; margin-left:6px; margin-top:11px;}
#aantaltext { width:60px; height:25px; position:absolute; margin-left:6px; margin-top:36px;}
#maat { width:168px; height:25px; position:absolute; margin-left:60px; margin-top:8px;}
#aantal { width:168px; height:25px; position:absolute; margin-left:60px; margin-top:33px;}

#winkelwagen_row1 {  border-bottom:solid 1px #dadada; height:82px;clear:both;}
#winkelwagen_row2 {  border-bottom:solid 1px #dadada; height:82px; background-color:#efefef;clear:both;}
#winkelwagencontainer {border-top:solid 1px #dadada; width:714px; margin-left:10px; margin-top:20px; clear:both;}
#winkelwagencontainer2 { width:704px; height:100px; margin-left:20px; clear:both;}
#productafbeelding {width:65px; position:absolute;margin-top:7px; margin-left:6px;}
#productafbeelding img {border:1px solid #dadada; width:65px; height:65px; }
#producttitel  {width:100px; margin-left:79px; position:absolute;margin-top:7px;}
#productmaat  {width:100px; margin-left:216px; position:absolute;margin-top:7px;}
#productaantal  {width:100px; margin-left:336px; position:absolute;margin-top:7px;}
#productprijs  {width:100px; margin-left:426px; position:absolute;margin-top:7px;}
#producttotaal  {width:100px; margin-left:512px; position:absolute;margin-top:7px;}
.productprijs  {width:100px; margin-left:426px; position:absolute;margin-top:7px;}
.producttotaal  {width:100px; margin-left:512px; position:absolute;margin-top:7px;}
#productverwijderen  {width:100px; margin-left:584px; position:absolute; margin-top:27px;}
#shopmenu2 { background-image:url(../images/winkelwagentje_BG.jpg); height:86px; width:400px; border-bottom:solid 1px #dadada; position:absolute; margin-left:304px; margin-top:5px;clear:both;}
#bestellen { position:absolute; margin-left:281px; margin-top:50px;}
#bestellen1 { position:absolute; margin-left:10px; margin-top:10px;}
#bestellen2 { position:absolute; width:100px; margin-left:150px; margin-top:10px; text-align:right;}
#bestellen3 { position:absolute; margin-left:10px; margin-top:59px; font-weight:bold;}
#bestellen4 { position:absolute; width:100px; margin-left:150px; margin-top:59px; text-align:right; font-weight:bold;}
#line { position:absolute; margin-left:10px; margin-top:53px; height:1px; width:240px; border-top:solid 1px #dbdbdb;}
#terugbutton { position:absolute; margin-left:10px; margin-top:66px; height:1px; width:240px;}

#bestellen_links { width:484px; float:left;}
#bestellen_rechts {width:222px; margin-left:6px;  float:left;}
#grijsblok {  background-color:#efefef; height:90px; margin-top:6px;}
#grijsblokpadding {  background-color:#efefef; padding:12px; clear:both;}
#grijsblok1 { position:absolute; margin-left:12px; margin-top:12px; line-height:18px; height:36px}
#grijsblok2 { position:absolute; width:100px; margin-left:111px;margin-top:12px; text-align:right; line-height:18px; height:36px}
#grijsblok3 { position:absolute; margin-left:12px;  margin-top:61px; font-weight:bold;}
#grijsblok4 { position:absolute; width:100px; margin-left:115px; margin-top:61px; text-align:right; font-weight:bold;}
#grijsblokline { position:absolute; margin-left:12px; margin-top:53px; height:1px;  border-top:solid 1px #dbdbdb; width:198px;}
#wijzigen { margin-top:8px; text-align:right;}
#wijzigen a { color:#000000; text-decoration:underline; font-weight:normal;}
#wijzigen a:hover { text-decoration:none;}

#linebestellen {height:1px; width:100%; background-color:#dbdbdb; }
#textbestellen {padding-top:14px; padding-bottom:14px; line-height:18px;}
#textbestellen2 {padding-top:14px;  line-height:18px;}
#textbestellen3 {height:50px; margin-left:0px;}
#naarbetalen {position:absolute; padding-left:348px; margin-top:10px; }
#correct {position:absolute; margin-left:148px; margin-top:17px; width:180px; text-align:right; }
#textbestellen a {color:#000000;}
#textbestellen a:hover {text-decoration:none;}

#ideal { position:absolute; margin-left:434px; width:52px; height:45px;}
#betaalscherm { text-align:right;}
#coupon{ padding-top:14px; padding-bottom:14px;}

.imgmedium{ max-width: 160px; max-height: 160px; }
.imgbig{ max-width: 308px; max-height: 308px; }


img, a, fieldset {
	border: 				0;
	outline: 				none;
}

input,
input:focus {
	outline: 				none;
}

.clear {
	clear: 					both;
	height: 				0;
	font: 					0/0 serif;
}

.flLeft { float: left; }
.flRight { float: right; }
/* End Clears en Standards */

/* Links */
a {
	text-decoration: 		none;
}
a:hover {
	text-decoration: 		underline;
}
/* End Links */

.block {
	width: 					200px;
	height: 				200px;
	background: 			#000;
	float: 					left;
	margin-right: 			50px;
	position: 				relative;
	overflow: 				hidden;
	cursor: 				pointer;
}

.block a {
	display: 				block;
	width: 					170px;
	height: 				170px;
	color: 					#fff;
	font-size: 				16px;
	background: 			#ff0000;
	padding: 				15px;
}

#preview {
	width: 					300px;
	height: 				300px;
	position: 				absolute;
	top: 					25px;
	right: 					25px;
	background: 			#ff0000;
}

#div50 {
	padding: 				50px;
	background: 			#000;
} 

#div100 {
	padding: 				100px;
	background: 			#ff0000;
}


#diagonal {
	position: 				relative;
}

#diagonal span.pixel {
	display: 				block;
	position: 				absolute;
	width: 					1px;
	height: 				1px;
	background: 			#ff0000;
	line-height: 			0;
	overflow: 				hidden;
}




/* Navigation */
#nav {
	background: 			#000;
	overflow: 				hidden;
}

#navList {
	list-style: 			none;
	width: 					250px;
}

#navList li {
	position: 				relative;
	height: 				20px;
	margin: 				0 0 3px;
}

#navList li a {
	display: 				block;
	margin-left:			-250px;
	height: 				20px;
	width: 					240px;
	padding: 				0 5px;
	line-height: 			20px;
	color: 					#999;
	text-decoration: 		none;
	background: 			#333;
}

#resultimage img {
	max-width:				308px;
	max-height:				308px;
}

form .artikelsubmit {
	width: 					168px;
	height: 				27px;
	float: 					left;
	background: 			url(../images/button_in_winkelwagentje.jpg) no-repeat 1px top;
	margin-left:			215px;
	margin-top:				25px;
	position:				absolute;
	cursor:					pointer;
	border:					0px;
}

form .bestellensubmit {
	width: 					137px;
	height: 				26px;
	float: 					left;
	background: 			url(../images/button_naar_betalen.gif) no-repeat 1px top;
	cursor:					pointer;
	border:					0px;
	
}


form .betaalschermsubmit {
	width: 					178px;
	height: 				26px;
	float: 					left;
	background: 			url(../images/button_bestelling_plaatsen.jpg) no-repeat 1px top;
	cursor:					pointer;
	margin-left:			308px;
	border:					0px;
}