@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #727374;
	background-color: #acadac;
	margin: 10px 0px 20px 0px;
	padding: 0px;
}

p {
	margin: 0px;
	padding: 0px;
}

a {
	color: #727374;
	text-decoration: underline;
}

a:hover {
	color: #f3990e;
}

#mainwrap {
	background-color: #FFFFFF;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}

#wrap {
	float: left;
	background-color: #FFFFFF;
	width: 900px;
	padding: 10px;
}

#headerBox {
	float: left;
	background-image:url(/images/bg_top.gif);
	background-repeat:repeat-x;
	background-color: #e6e8e8;
	width: 900px;
	height: 150px;
	margin-bottom: 10px;
}

#logo {
	float: left;
	width: 300px;
	height: 150px;
}

#navTop {
	float: right;
	width: 570px;
}

#loginBut {
	float: right;
	width: 570px;
	height: 112px;
}

#loginBut a {
	background-image: url(/images/bg_login.gif);
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	width: 172px;
	line-height: 42px;
	display: block;
	text-align: left;
	padding-left: 28px;
	border-left: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

#loginBut a:hover {
	color: #9e0b0f;
}

#menu {
	float: left;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	height: 38px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#menu ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
	
#menu ul li a {
	display: block;
	float: left;
	color: #78797a;
	text-decoration: none;
	font-weight: bold;
	padding: 12px 20px 0 20px;
	height: 26px;
	background: transparent url("/images/DIVIDER.gif") no-repeat top right;
}

#menu ul li a:hover {
	background: transparent url("/images/HOVER.gif") no-repeat top right;
	color: #f3990e;	
}
                    
#menu ul li.select a {
	display: block;
	float: left;
	color: #f3990e;
	text-decoration: none;
	font-weight: bold;
	padding: 12px 20px 0 20px;
	height: 26px;
	background: transparent url("/images/HOVER.gif") no-repeat top right;
}                  

#contentWrap {
	float: left;
	background-image:url(/images/bg_content.gif);
	background-repeat:repeat-y;
	width: 900px;
}

#submenu {
	float: left;
	width: 230px;
	padding: 10px;
}

#submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#submenu li {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#submenu a {
	color: #fff;
	display: block;
	margin: 0px 0px 1px 0px;
	padding-left: 10px;
	text-decoration: none;
	font-weight:normal;
	line-height: 30px;
	border-bottom: 1px dotted #f6b34a;
}

#submenu a:hover {
	background: #f6b34a url("/images/hoversub.gif") left center no-repeat;
	color: #fff;
} 

#submenu li.active a {
	background: #f6b34a url("/images/hoversub.gif") left center no-repeat;
	color: #fff;
	display: block;
	margin: 0px 0px 1px 0px;
	padding-left 10px;
	text-decoration: none;
	font-weight:normal;
	line-height: 30px;
	border-bottom: 1px dotted #f6b34a;
}

#submenu h1 {
	background-image: url(/images/bollen.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 70px;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	margin: 0px;
	padding: 0px 0px 0px 58px;
}                  

#contentBox {
	float: right;
	width: 640px;
}

#tdContent {
	padding: 10px 10px 10px 25px;
}

#contentBox h1 {
	padding: 10px 50px 10px 25px;
	margin: 0px;
	font-size: 24px;
	color: #FF9900;
}

#contentBox h2 {
	padding: 10px 50px 0px 25px;
	margin: 0px;
	font-size: 12px;
}

.H1 {font-size: 24px; color: #FF9900;}
.H2 {font-size: 12px; color: #FF9900;}

#promoBox {
	float: left;
	background-image: url(/images/bg_promo.gif);
	background-repeat: repeat-x;
	background-color: #d1d0d0;
	width: 900px;
	height: 113px;
	margin: 27px 0px 0px 0px;
}

#promoTitle {
	float: left;
	width: 260px;
}

#promoLeft {
	float: left;
	width: 320px;
	padding-top: 8px;
}

#promoRight {
	float: left;
	width: 320px;
	padding-top: 8px;
}

.promofoto {
	float: left;
	/*width: 100px;*/
	padding-right: 15px;
}
.promofotoImg
{	
	border:solid 3px #e6e8e8;
}

.promotext {
	float: left;
	width: 195px;
	padding-top: 10px;
}

.promotext h1 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #FFFFFF;
	font-size: 18px;
}

.promotext p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #767778;
	font-size: 12px;
}

.prijsRood {
	color: #FF0000;
	text-decoration: line-through;
}

.productBox {
	background-color: #FFFFFF;
	float: left;
	height: 100px;
	/*padding-left: 20px;*/
	padding-left: 0px;
	margin-bottom: 10px;
}

.productPhoto {
	float: left;
	border: 5px solid #e6e8e8;
	margin-right: 10px;
	width: 135px;
	text-align:center;
}

.productLogo {
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #e6e8e8;
	/*width: 445px;*/
	width: 440px;
	height: 98px;
}

.productName {
	font-size: 12px;
}

.priceBox {
	float: left;
	padding: 10px;
}
/*
.priceBox a {
	background-image: url(/images/cart.gif);
	background-repeat:no-repeat;
	background-position: top right;
	color: #9dc033;
	text-decoration: none;
	padding: 1px 35px 1px 0px;
}*/
.priceBox label {
	background-image: url(/images/cart.gif);
	background-repeat:no-repeat;
	background-position: top right;
	color: #9dc033;
	text-decoration: none;
	padding: 1px 35px 1px 0px;
}

.priceBox a:hover {
	text-decoration: underline;
}

.price {
	background-color: #9dc033;
	height: 20px;
	width: 40px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.price2 {
	background-color: #9dc033;
	height: 20px;
	width: 60px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}

#pageTitle {
	background-image: url(/images/bg_title.gif);
	background-repeat: repeat-x;
	line-height: 48px;
	margin-bottom: 20px;
	padding-left: 20px;
	font-size: 24px;
}

#footerBox {
	float: left;
	background-image: url(/images/bg_promo.gif);
	background-repeat: repeat-x;
	background-color: #d1d0d0;
	width: 860px;
	line-height: 50px;
	padding: 0px 20px 0px 20px;
	margin: 20px 0px 0px 0px;
}

#footerBox a {
	color: #727374;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

#footerBox a:hover {
	color: #727374;
	text-decoration: underline;
}

.photoBox {
	background-color: #FFFFFF;
	float: left;
	width: 600px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.Photo {
	float: left;
	border: 5px solid #e6e8e8;
	margin-right: 10px;
	margin-bottom: 10px;
	width : 100px;
	height: 75px;
	overflow: hidden;
}

.postBox {
	background-color: #FFFFFF;
	float: left;
	width: 600px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.postName {
	float: left;
	width: 450px;
	line-height: 30px;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #f3990e;
	margin-right: 5px;
	border-bottom: 1px dotted #f3990e;
}

.postDate {
	float: left;
	width: 115px;
	line-height: 30px;
	padding-left: 10px;
	border-bottom: 1px dotted #e6e8e8;
	text-align: center;
}

.post {
	float: left;
	width: 450px;
	padding: 10px 0px 10px 20px;
}

.input_gb {
	font-size: 11px;
	width: 300px;
	border: 0px;
	border: 1px dotted #FF9900;
}
INPUT.text		{font-size: 11px; border: 0px; border: 1px dotted #FF9900;}
INPUT.text_cb	{font-size: 11px; border: 0px; border: none;}
TEXTAREA.text	{font-size: 11px; border: 0px; border: 2px dashed #e6e8e8;}
SELECT.sel		{font-size: 11px; border: 0px; border: 1px dotted #FF9900;}

.textarea_gb {
	font-size: 11px;
	width: 365px;
	border: 0px;
	border: 2px dashed #e6e8e8;
}

.postTable td {
	padding : 5px;
}

.btn {
	border: 0px;
	background-color: #f3990e;
	font-weight: bold;
	color: #FFFFFF;
}

.bestellen {
	float: right;
	padding-right: 10px;
	width: 250px;
	height: 40px;
}

.bestellen a {
	background-image: url(/images/but_bestelling.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 230px;
	height: 32px;
	padding: 8px 0px 0px 20px;
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.bestellen a:hover {
	background-image: url(/images/but_bestelling.jpg);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	width: 250px;
	height: 40px;
	display: block;
}






.mijngegevens {
	float: left;
	padding-right: 10px;
	width: 250px;
	height: 40px;
}

.mijngegevens a {
	background-image: url(/images/but_mijngegevens.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 230px;
	height: 32px;
	padding: 8px 0px 0px 20px;
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.mijngegevens a:hover {
	background-image: url(/images/but_mijngegevens.jpg);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	width: 250px;
	height: 40px;
	display: block;
}






/*fotoboek*/
td.fb
{
	border: solid 1px #cccccc;
	padding: 5px;
}
table.fb
{
	/*border-collapse: collapse;*/
}


/* Geboortelijsten */

td.cell1	{background-color:#ffffff; vertical-align:top; color:#000000; font-size:12px;}
td.cell2	{background-color:#f3990e; vertical-align:top; color:#000000; font-size:12px;}
td.cellGreen{background-color:#00ff00; vertical-align:top; color:#ffffff;}
table.border{border:solid 1px #d1d0d0; }
.msg		{font-size:11px; font-family:Verdana; color: #ff2222; font-weight: bold;}




a.sitemap, a.sitemap:link, a.sitemap:visited{text-decoration: none;}
a.sitemap:active, a.sitemap:hover			{text-decoration: underline;}
li.sitemap1{margin-left:0px;}
li.sitemap2{margin-left:15px;}
li.sitemap3{margin-left:30px;}

.msg	{font-family:Verdana; font-size: 8pt; COLOR: #aa0000; FONT-WEIGHT: bold;}

A.bookmark		{TEXT-DECORATION: none; background-color:none;}
A.bookmark_edit	{TEXT-DECORATION: none; background-color:#FD9D9D;}

DIV.we_off	{background-color:#ffffff; cursor:auto; display: block;}
DIV.we_over	{background-color:#efefef; cursor:hand; display: block;}
DIV.we_on	{background-color:#ffffff; cursor:auto; display: block;}

#tdContent UL{padding:0px; margin:2px 0px 2px 15px;}

P{padding:0px; margin:0px}
SELECT.we	{color: #322201; font-family: Verdana; font-size: 9px;}
img.we		{margin-left:0px}