/* CSS Document */
body
{
}

p
{
	line-height: 15px;
}

a
{
	color: #002951;
}

hr
{
	color: #dde1ef;
}

ol
{
   margin-left: 25px;	
   list-style-type: none;
}

ol li
{
	line-height: 15px;
}

ul li
{
	margin-bottom: 5px;
}

#horizontalLine
{
	display: block;
	width: 740px;
	height: 1px;
	background: transparent url(../images/horizontalLine.gif) repeat-x;
}
	
#container
{
   width: 980px;
   height: 577px;
   margin-left: auto;
   margin-right: auto;
   border: solid 1px #dde1ef;
   background: #dfdfdf url(../images/background.jpg) repeat-x;
}

/* HEADER */

#header
{
   width: 100%;
   height: 50px;
   background: #ffffff url(../images/header-bg.jpg) repeat-x;
}

#logo
{
   width: 162px;
   height: 20px;
   float: right;
   margin-right: 7px;
   margin-top: 19px;
}

/* MENU */

#menu
{
   width: 100%;
   height: 25px;
   background: #002951 url(../images/menu-bg.jpg) repeat-x;
   top: 50px;
}

#loginview
{
   height: 18px;
   float: right;
   color: #c5c5c5;
   margin-top: 7px;
   margin-right: 7px;
}

#loginview a
{
   color: #c5c5c5;
}


#tabstrip
{
   list-style-type: none;
   margin-top: 3px;
   margin-left: 3px;
   position: absolute;
}

#tabstrip li
{
   list-style-type: none;
   display: block;
   float: left;
   height: 22px;
   width: 120px;
   margin-left: 3px;
}

#tabstrip li a
{
   display: block;
   float: left;
   height: 22px;
   width: 120px;
   text-align: center;	   
   padding-top: 7px;
   background: url('../images/tab-bg.jpg') no-repeat;   
   color: #ffffff;
   text-decoration: none;
   font-weight: bold;
}

#tabstrip .active
{
   display: block;
   float: left;
   height: 22px;
   width: 120px;
   text-align: center;	   
   background: url('../images/tab-hover-bg.jpg') no-repeat;   
   color: #000000;
}

#tabstrip li a:hover
{
   display: block;
   float: left;
   height: 22px;
   width: 120px;
   text-align: center;	   
   background: url('../images/tab-hover-bg.jpg') no-repeat;   
   color: #000000;
}

#submenu
{
   width: 100%;
   height: 20px;
   border-top: solid 1px #dde1ef;
   border-bottom: solid 1px #dde1ef;
   margin-top: 1px;
}

#submenustrip
{
   list-style-type: none;
   margin-top: 2px;
   margin-left: 20px;
}

#submenustrip li
{
   list-style-type: none;
   float: left;
   padding-left: 1px;
   padding-right: 1px;   
   line-height: 15px;
}

#submenustrip li a
{
   display: block;
   height: 15px;
   line-height: 15px;
   color: #002951;
   font-weight: bold;
   text-decoration: none;
   padding-left: 5px;
   padding-right: 5px;
   border: solid 1px #ffffff;
}

#submenustrip li a:hover
{
   background-color: #ebedf5;
   border: solid 1px #dde1ef;
}

#searchDiv
{
	position: absolute;
	margin-left: 792px;
}

/* VALIDATION SUMMARY */

.vsummary
{
    border: solid 1px #c4c4c4;
    background-color:#fcffc9;
    margin-bottom:4px;
}
.vsummary ul
{
	padding: 4px;
	list-style-type: none;
	margin-left: 15px;
}
.vsummary li
{
	padding-top:0px;
	margin-left:-10px;
	padding-left:25px;
	list-style:none;	
	height:17px;
	line-height: 17px;
	background-image:url('../images/icon-error.png');
	background-repeat:no-repeat;
	background-position:left;	
}
.vsummary li.error
{
	background-image:url('../images/icon-exclamation.png');
	background-repeat:no-repeat;
	background-position:left;
}
.vsummary li.warning
{
	background-image:url('../images/icon-error.png');
	background-repeat:no-repeat;
	background-position:left;
}
.vsummary li.info
{
	background-image:url('../images/icon-information.png');
	background-repeat:no-repeat;
	background-position:left;
}

/* FORM ELEMENTS */

input.input
{
	height:15px; /* displays as 19px in ff */
}
input.button
{
	position:relative;
	top:1px;
	height:19px; /* displays as 18px in ff */
}
input.required
{
    border-left: solid 2px #ff0000;
}
input.required.ivld
{
    background-color: #ffefef;
    border: solid 1px #ff0000;
}
select.required
{
    border-left: solid 2px #ff0000;
}
select.required.ivld
{
    background-color: #ffefef;
    border: solid 1px #ff0000;
}

/* CONTENT */

#content
{
   display: block;
   width: 100%;
   height: 438px;
   margin-left: 4px;
   margin-top: 4px;
   margin-bottom: 0px;
   margin-right: 4px;
}

#leftPanel
{
   display: block;
   float: left;
   border: solid 1px #dde1ef;
   height: 416px;
   width: 756px;
   padding: 8px;
   overflow: auto;
}

#leftPanel ul
{
	margin-left: 15px;
}

#rightPanel
{
	display: block;
	float: left;	
   border: solid 1px #dde1ef;
   width: 192px;
   height: 432px;
  /*padding: 8px;*/
   margin-left: 4px;
}

#rightPanel ul
{
   list-style-image: url(../images/bulllet.jpg); 
   margin-left: 24px;
}

#rightPanel ul a
{
	font-weight: bold;
}

/* FOOTER */

#footer
{
   width: 100%;
   height: 20px;
   bottom: 17px;
   background-color: #afdcf0;
}

.bottommenu
{
   text-align: left;
   padding-top: 4px;
   color: #002951;
}

.bottommenu a
{
   color: #002951;
   padding-left: 9px;
   padding-right: 9px;
}

.copyright
{
   text-align: right;
   padding-top: 4px;
   padding-right: 7px;
   color: #4e4e4e;
}

#bottom
{
   width: 100%;
   height: 17px;
   background: #ffffff url(../images/bottom-bg.jpg) repeat-x;
}

#developers
{
   position: absolute;
   bottom: 7px;
}

.developers
{
   text-align: center;
   padding-top: 4px;
   padding-right: 7px;
   color: #4e4e4e;
}

.developers a
{
   color: #4e4e4e;
}

/* DEFAULT */

.title
{
   color: #002951;
   font-weight: bold;
}

strong
{
   color: #002951;
   font-weight: bold;
}

.bakkerijkopen
{
   border: solid 1px #50bcea;
   margin-bottom: 8px;
}

.bakkerijkopen ul
{
   list-style-image: url(../images/bulllet.jpg); 
   margin-left: 15px;
}

.bakkerijkopen ul li
{
	margin-bottom: 5px;
}

.bakkerijkopen ul a
{
	font-weight: bold;
}

.bakkerijverkopen
{
   border: solid 1px #002951;
}

.bakkerijverkopen ul
{
   list-style-image: url(../images/bulllet.jpg); 
   margin-left: 15px;
}

.bakkerijverkopen ul li
{
	margin-bottom: 5px;
}

.bakkerijverkopen ul a
{
	font-weight: bold;
}

.moreLink
{
	/*margin-left:8px*/
}

/* RESULTS */

#breadcrump
{
   width: 730px;
   /*width: 100%;*/
   height: 20px;
   color: #002951;
   padding: 4px;
}

.breadcrump
{
   /*text-align: right;*/
}

.breadcrump a
{
   color: #002951;
   text-decoration: underline;
}

.breadcrump span
{
   color: #002951;
   font-weight: bold;
}

.back
{
   text-align: right;
   text-decoration: underline;
}

#search
{
   width: 756px;
   height: 20px;
   color: #002951;
   padding-left: 4px;
   padding-right: 4px;
}

#buttons
{
	margin-top: 8px;
	border-top: solid 1px #dde1ef;
	display: block;
	position: relative;
	float: right;
	width: 100%;
	height: 24px;
}

#buttons .button150
{
   margin-left: 8px;
   margin-top: 8px;	
}

.button150
{
   
   float: right;
   display: block;
   width: 151px;
   height: 18px;
   background-image: url(../images/button150.jpg);
   color: #ffffff;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   padding-top: 4px;
}

.button150 a
{
   text-decoration: none;
}

.button184
{
	position: relative;
	display: block;
   width: 184px;
   height: 18px;
   background-image: url(../images/button184.jpg);
   color: #ffffff;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
   padding-top: 4px;
   margin-bottom: 4px;
   margin-left: 4px;
}

.button184 a
{
   text-decoration: none;
}

.button100
{
   width: 101px;
   height: 24px;
   background-image: url(../images/button100.jpg);
   color: #ffffff;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}

.button75
{
   width: 76px;
   height: 24px;
   background-image: url(../images/button75.jpg);
   color: #ffffff;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}

.buttonsearch
{
   width: 45px;
   height: 22px;
   background-image: url(../images/buttonsearch.jpg);
}

.search
{
   text-align: right;
}

.results
{
	width: 740px;
	margin-bottom: 4px;
}

.resultitem
{
   border: solid 1px #aeaeae;
   /*width: 100%;*/
   height: 80px;
   margin-bottom: 4px;
}

#resultsdiv
{
	height: 385px;
	/*width: 100%;*/
	/*overflow: auto;*/
}

.photo
{
   width: 100px;
   padding: 4px;
}

.photo img
{
   border: solid 1px #5cceff;
   margin: 0;
   padding: 0;
}

.info
{
   width: 500px;
   padding: 4px;
}

.info table td
{
	padding-top: 4px;
}

.options
{
   width: 150px; 
   text-align: right;
   padding: 4px;
}

.options table
{
   width: 100%;
}

.options .price
{
	color: #002951;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
    text-align: right;	
}

.options .size
{
   color: #707070;
   line-height: 19px;
   text-align: right;   
}

.status
{
	color: #707070;
	font-weight: normal;
}

.options .view
{
	color: #002951;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
    text-align: right;	
}

.options .save
{
   color: #707070;
   font-size: 12px;
   font-weight: bold;
   line-height: 19px;
   text-align: right;   
}

.options .edit
{
   color: #707070;
   font-size: 12px;
   font-weight: bold;
   line-height: 19px;
   text-align: right;		
}

.options .view .buttonview
{
   width: 62px;
   height: 22px;
   background-image: url(../images/buttonview.jpg);
}

.options .save .buttonsave
{
   width: 62px;
   height: 22px;
   background-image: url(../images/buttonsave.jpg);
}

#paging
{
   width: 756px;
   height: 20px;
   color: #002951;
   padding-left: 4px;
   padding-right: 4px;
}

#paging .previous
{
   padding-left: 4px;
   text-align: left;
   width: 252px;
}

#paging .previous a
{
   color: #002951;
   text-decoration: underline;
}

#paging .pager
{
    text-align: center;
   width: 252px;
}

#paging .pager a
{
   color: #002951;
   text-decoration: underline;
}

#paging .pager span
{
   font-weight: bold;
}

#paging .next
{
   width: 252px;
   padding-right: 4px;
   text-align: right;
}

#paging .next a
{
   color: #002951;
   text-decoration: underline;
}

.searchoptions
{
	margin-top: 8px;
   padding: 4px;
   color: #002951;   
}

.searchoptions .header
{
   text-align: center;
   padding-bottom: 12px;
}

.searchoptions .name
{
   font-weight: bold;
   padding-top: 8px;
}

.searchoptions .option
{
   padding-top: 4px;
}

.searchoptions .option select
{
   width: 186px;
}

.searchoptions .search
{
   padding-top: 8px;
   text-align: right;
}

/* DETAILS */

#details
{
  padding: 4px;
}

.details
{
   color: #002951;
   padding: 4px;
}

.details td
{
   padding-top: 4px;
   line-height: 19px;
   height: 22px;
   vertical-align: middle;
}

.details td .label
{
	text-align: right;
	padding-right: 8px;
}

.details .header
{
   font-size: 12px;
   font-weight: bold;
   width: 175px;
   text-align: right;
   padding-right: 8px;
}

.detailsoptions
{
   color: #002951;   
   margin-top: 12px;   
}

.detailsoptions .header
{
   text-align: center;
   padding-bottom: 12px;
}

.detailsoptions .buttonreact
{
   width: 192px;
   height: 22px;
   background-image: url(../images/buttonreact.jpg);
}

.detailsoptions .buttonfavorite
{
   width: 192px;
   height: 22px;
   background-image: url(../images/buttonfavorite.jpg);
}

.detailsoptions .buttonprint
{
   width: 192px;
   height: 22px;
   background-image: url(../images/buttonprint.jpg);
}

.detailsoptions .buttonemail
{
   width: 192px;
   height: 22px;
   background-image: url(../images/buttonemail.jpg);
}

.emailAdvertisement
{
	margin-left: 8px;
}

/* USER */

.user
{
   color: #002951;
   padding: 4px;
}

.user td
{
   padding-top: 4px;
   padding-left: 4px;
   line-height: 19px;
}

.user .header
{
   font-size: 12px;
   font-weight: bold;
   width: 175px;
   padding-bottom: 4px;
}

.useroptions
{
   padding: 4px;
   color: #002951;   
}

.useroptions .header
{
   text-align: center;
   padding-bottom: 12px;
}

.useroptions .buttonsave
{
   width: 192px;
   height: 22px;
   background-image: url(../images/buttonsave2.jpg);
}

.useroptions .buttoncancel
{
   width: 192px;
   height: 22px;
   background-image: url(../images/buttoncancel.jpg);
}

.terms
{
	width: 100%;
	border: solid 1px #000000;
	border-style: inset;
	height: 50px;
}

/* ADVERTISEMENTS */

.companyKind
{
	font-size: 12px;
	font-weight: bold;
	color: #002951;
}

/* RANDOM ADVERTISEMENTS */

.randomAdvertisements
{
}


.randomAdvertisementsHeader
{
   text-align: center;
   padding-top: 8px;
   padding-bottom: 8px;
}

.randomRow
{
}

.randomCell
{
	width: 100%;
}

.randomAdvertisement
{
	border: solid 1px #dde1ef;
	margin-left: 8px;
	width: 176px;	
	height: 115px;	
	margin-bottom: 8px;
}

.randomAdvertisement .companyKind
{
	padding: 4px;
	padding-left: 8px;
	background: #002951 url(../images/menu-bg.jpg) repeat-x;
	border: #002951; 
	color: #ffffff;
}

.randomAdvertisement .province
{
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 8px;
}

.randomAdvertisement .description
{
	padding-left: 8px;
	padding-right: 8px;
}

.randomAdvertisement .link
{
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	text-decoration: underline;
}

.randomAdvertisement .link a
{
	text-decoration: underline;
}

#termsdiv
{
	height: 385px;
	width: 100%;
	overflow: auto;
}

.tips
{
	list-style-type: decimal;
}

.preparation
{
   color: #002951;
   font-size: 12px;
   font-weight: bold;
}

/* CONTACT */
#contact
{
  padding: 4px;
}

.contact
{
   color: #002951;
   padding: 4px;
}

.contact td
{
   padding-top: 4px;
   line-height: 15px;
   height: 18px;
   vertical-align: middle;
}

.contact td .label
{
	text-align: right;
	padding-right: 8px;
}

.contact .header
{
   font-size: 12px;
   font-weight: bold;
   width: 175px;
   text-align: right;
   padding-right: 8px;
}

/* EENMALIGE INCASSO */
.incasso
{
   color: #002951;
   padding: 4px;
}

.incasso td
{
   padding-top: 4px;
   line-height: 19px;
   height: 22px;
   vertical-align: middle;
}

.incasso td .label
{
	text-align: right;
	padding-right: 8px;
}

.incasso td .header
{
   font-size: 12px;
   font-weight: bold;
   width: 175px;
   text-align: right;
   padding-right: 8px;
}

/* STATISTICS */

#statistics
{
  padding: 4px;
}

.statistics
{
   color: #002951;
   padding: 4px;
}

.statistics td
{
   padding-top: 4px;
   line-height: 19px;
   height: 22px;
   vertical-align: middle;
}

.statistics td .label
{
	text-align: right;
	padding-right: 8px;
	width: 75px;
	border-left: solid 1px #002951;
}

.statistics td .control
{
    border-left: solid 1px #002951;
	border-right: solid 1px #002951;
	text-align: right;
}

.statistics td .labelbottom
{
	text-align: right;
	padding-right: 8px;
	width: 75px;
	border-left: solid 1px #002951;
	border-bottom: solid 1px #002951;
}

.statistics td .controlbottom
{
    border-left: solid 1px #002951;
	border-right: solid 1px #002951;
	border-bottom: solid 1px #002951;
	text-align: right;
}

.statistics td .header
{
   font-size: 12px;
   font-weight: bold;
   width: 125px;
   text-align: right;
   padding-right: 8px;
   color: #ffffff;
	background: #002951 url(../images/menu-bg.jpg) repeat-x;
	border-right: solid 1px #002951;
	border-left: solid 1px #002951;
}