body {
	background-color: #FFFEFF; background-image: url('../images/background.jpg'); background-position: top; background-repeat: repeat-x;
	font-family: Arial; font-size: 12px;
}

td { font-family: Arial; font-size: 12px; color: #000000; }

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

#container { position: relative; top: 0px; left: 50%; width: 850px; margin-left: -425px; }

#footer { float: left; width: 99%; padding: 0.5%; text-align: center; font-family: Arial; font-size: 11px; color: #E9E9E9; background-color: #AFAFAF; }
#footer a { color: #E9E9E9; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#header {
	float: left; width: 244px; height: 80px; margin-bottom: 8px; cursor: pointer;
	background-image: url('../images/kiyoh.jpg'); background-position: bottom; background-repeat: no-repeat;
}

#login { float: left; width: 456px; margin-left: 150px; margin-top: 15px; }

#menu { float:left;width:98%;padding-right:2%;margin-top:2px;height:22px; }
#menu .items { float:right;height:22px; }
#menu .items .item { float:left;padding-top:4px;height:18px;font-family:Arial,verdana,helvetica;font-size:11px;color:#FFFFFF;font-weight:bold;letter-spacing:1px;text-transform:uppercase; }
#menu .items .item img { margin-top:-4px; }

#menu a { color:#FFFFFF;text-decoration:none; }
#menu a:hover { color:#28C1ED;text-decoration:none; }

#menu2 { float:left;width:98%;padding-right:2%;margin-top:2px;height:22px; }
#menu2 .items { float:right;height:22px; }
#menu2 .items .item { float:left;padding-top:4px;height:18px;font-family:Arial,verdana,helvetica;font-size:10px;color:#1773A7;font-weight:bold;letter-spacing:1px;text-transform:uppercase; }
#menu2 a { color:#1773A7;text-decoration:none; }
#menu2 a:hover { color:#28C1ED;text-decoration:none; }
#menu2 .items .item .colored { padding:2px;margin-top:-2px;background-color:#F38F18;color:#ffffff; }

#content { float: left; width: 850px; margin-top: 20px; }
#contentLeft { float: left; width: 260px; margin-right: 40px; }
#contentLeft h1 { font-family: Arial; font-weight: bold; font-size: 16px; color: #311E1E; letter-spacing: 0.7px; margin-bottom: 4px; }
#contentLeft span.info { font-family: Arial; font-style: italic; font-size: 11px; color: #177393; letter-spacing: 0.7px; }

#contentRight { float: left; width: 550px; font-family: Arial; font-size: 11px; color: #4C4C4C; letter-spacing: 0.7px; }
#contentRight table, #contentRight tr, #contentRight td { font-family: Arial; font-size: 11px; color: #4C4C4C; letter-spacing: 0.7px; }
#contentRight h1 { font-family: Arial; font-weight: bold; font-size: 18px; color: #311E1E; letter-spacing: 0.7px; margin-bottom: 2px; }
#contentRight h2 { font-family: Arial; font-weight: bold; font-size: 16px; color: #311E1E; letter-spacing: 0.7px; margin-bottom: 4px; }

.splitterLine { float: left; width: 100%; height: 1px; margin-top: 15px; margin-bottom: 15px; background-image: url('../images/splitterPattern.jpg'); }

.catOdd {
	width: 248px; height: 20px; padding-left: 10px; padding-top: 3px; margin-bottom: 1px; background-image: url('../images/catOdd.jpg');
	font-family: Arial; font-size: 13px; color: #6E6E6E;
}
.catEven {
	width: 248px; height: 20px; padding-left: 10px; padding-top: 3px; margin-bottom: 1px; background-image: url('../images/catEven.jpg');
	font-family: Arial; font-size: 13px; color: #6E6E6E;
}
.catOdd a, .catEven a { text-decoration: none; color: #6E6E6E; }
.endCats { width: 258px; height: 6px; background-color: #C6C6C6; }

.top3Box { float: left; width: 168px; margin: 10px auto; background-image: url('../images/top3Header.jpg'); background-position: top; background-repeat: no-repeat; }
.top3BoxB { float: left; width: 168px; margin: 10px auto; background-image: url('../images/top3Headerb.jpg'); background-position: top; background-repeat: no-repeat; }
.top3Box a { text-decoration: none; color: #000000; }
.top3Box a:hover { text-decoration: underline; }
.top3Number { float: left; width: 21px; font-family: Arial; font-weight: bold; font-size: 26px; padding: 2px; color: #311E1E; }
.top3Title {
	float: right; width: 129px; margin-bottom: 15px; padding: 7px;
	font-family: Arial; font-size: 15px; font-style: italic; font-weight: bold; text-align: right; color: #FFFFFF;
}
.top3Title span.cat { font-size: 11px; font-weight: normal; font-style: normal; }
span.score { font-family: Arial; font-weight: bold; font-size: 26px; color: #269EC9; }

.scoreBox { float: left; width: 169px; height: 13px; margin: 3px auto 5px auto; border: 1px solid #857676; background-color: #F4EFEE;}
.top3 { float: left; width: 100%; }

.scoreBox2 { float: left; width: 115px; height: 13px; margin: 8px auto 5px auto; border: 1px solid #857676; background-color: #F4EFEE; }
.scoreBoxp2 { float: left; width: 45px; height: 13px; margin-left: 4px; font-family: Arial; font-weight: bold; font-size: 26px; color: #269EC9; text-align: center; }

td.loginField { font-weight: bold; font-size: 11px; font-family: Arial; color: #717171; padding: 0px 0px 4px 8px; letter-spacing: 0.7px; }

td.loginLinks, td.loginLinks a { font-weight: bold; font-size: 10px; font-family: Arial; color: #2794BA; text-decoration: none; letter-spacing: 0.7px; }

input.loginField {
	width: 169px; height: 17px; padding: 2px; border: 1px solid #C5C5C5;	
	font-weight: bold; font-size: 12px; font-family: Arial; color: #6C6C6C;
}
input.loginButton {
	width: 90px; height: 23px; border: 0px; cursor: pointer; background-image: url('../images/logButton.jpg'); background-color: transparent;
	font-weight: bold; font-size: 12px; font-family: Arial; color: #FFFFFF; text-transform: uppercase;
}
input.loginButton2 {
	width: 200px; height: 23px; border: 0px; background-image: url('../images/logButton2.png'); background-color: transparent; cursor: pointer;
	font-weight: bold; font-size: 12px; font-family: Arial; color: #FFFFFF; text-transform: uppercase;
}
input.loginButton3 {
	width: 255px; height: 23px; border: 0px; background-image: url('../images/logButton3.jpg'); background-color: transparent; cursor: pointer;
	font-weight: bold; font-size: 12px; font-family: Arial; color: #FFFFFF; text-transform: uppercase;
}
input.searchButton {
	width: 90px; height: 23px; border: 0px; background-image: url('../images/searchButton.jpg'); cursor: pointer;
	font-weight: bold; font-size: 12px; font-family: Arial; color: #FFFFFF; text-transform: uppercase;
}
input.submitButton {
	float: right; width: 169px; height: 23px; border: 0px; background-color: transparent; background-image: url('../images/submitButton.jpg'); cursor: pointer;
	color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Arial; text-transform: uppercase;
}

.selectBox { background-color: #FFFFFF; border: 1px solid #888888; font-family: Arial; font-size: 11px; width: 144px; height: 16px; }

.sortField { background-color: #FFFFFF; border: 1px solid #888888; width: 50px; height: 15px; font-family: Arial; font-size: 11px; }

.companyBox {
	float: left; width: 99%; padding: 0.5%; min-height: 25px; margin-bottom: 28px;
	background-image: url('../images/companyLine.jpg'); background-position: top; background-repeat: repeat-x; background-color: #F5F5F5;
}
.companyBoxName { float: left; width: 60%; color: #FFFFFF; font-family: Arial; font-size: 12px; font-weight: bold; }
.companyBoxCat { float: right; width: 40%; text-align: right; color: #FFFFFF; font-family: Arial; font-style: italic; font-size: 12px; font-weight: bold; }
.companyBoxListOne { float: left; width: 215px; font-family: Arial; font-size: 10px; color: #727272; }
.companyBoxListTwo { float: left; width: 215px; font-family: Arial; font-size: 10px; color: #727272; }
.companyBoxSeeRev { float: left; width: 28%; text-align: right; padding: 1%; margin-top: 10px; font-size: 10px; font-family: Arial; color: #959595; }
.companyBoxSeeRev a, .companyBoxCount a { text-decoration: none; color: #959595; }
.companyBoxSeeRev a:hover, .companyBoxCount a:hover { text-decoration: underline; color: #959595; }
.companyBoxCount { float: left; width: 68%; padding: 1%; margin-top: 10px; font-size: 10px; font-family: Arial; color: #959595; }

.smallScoreBox { float: left; width: 60px; height: 5px; margin-top: 2px; border: 1px solid #857676; background-color: #F4EFEE; text-align: left; }
.qitem { float: left; width: 130px; margin-right: 6px; text-align: right; }
.scoreField { float: left; width: 61px; min-height: 54px; margin-left: 30px; background-image: url('../images/scoreBack.jpg'); background-repeat: no-repeat; text-align: center; padding: 3px; }

input.input_small {
	border: 1px solid #C5C5C5; width: 66px; height: 14px; margin-bottom: 1px; padding: 2px;
	font-weight: bold; font-size: 12px; font-family: Arial; color: #6C6C6C;
}
input.input_medium {
	border: 1px solid #C5C5C5; width: 100px; height: 14px; margin-bottom: 1px; padding: 2px;
	font-weight: bold; font-size: 12px; font-family: Arial; color: #6C6C6C;
}
input.input_regular {
	border: 1px solid #C5C5C5; width: 176px; height: 14px; margin-bottom: 1px; padding: 2px;
	font-weight: bold; font-size: 12px; font-family: Arial; color: #6C6C6C;
}
select.input_regular {
	border: 1px solid #C5C5C5; width: 182px; height: 20px; margin-bottom: 1px; padding: 2px;
	font-weight: bold; font-size: 12px; font-family: Arial; color: #6C6C6C;
}
input.input_button {
	float: right; width: 169px; height: 23px; border: 0px; cursor: pointer; background-color: transparent; background-image: url('../images/submitButton.jpg');
	color: #FFFFFF; font-size: 12px; font-weight: bold; font-family: Arial; text-transform: uppercase;
}
textarea {
	border: 1px solid #C5C5C5; width: 286px; height: 100px; margin-bottom: 1px; padding: 2px;
	font-weight: bold; font-size: 12px; font-family: Arial; color: #6C6C6C;
}

span.reviewInfo { font-size: 11px; font-family: Arial; font-style: italic; color: #828282; }
select, option { font-size: 11px; font-family: Arial; margin-bottom: 1px; }

.reactie { float: left; width: 98%; padding: 1%;  margin-top: 5px; background-color: #E9E9E9; font-size: 10px; color: #269EC9; }
.error_message { margin: 5px 0px; font-weight: bold; color: red; }


/**** PUBLICEER ****/
.publishBox { float: left; width: 840px; background-color: #F2F2F2; border: 1px solid #EAEAEA; padding: 5px; margin: 5px 0px 9px 0px; }
.publishInfo { float: left; width: 430px; }
.publishWidget { float: left; width: 390px; margin-right: 20px; }


/*** COMPANY ***/
#companycol1 { float: left; width: 403px; margin-right: 10px; padding: 5px; background-color: #F2F2F2; border: 1px solid #EAEAEA; font-size: 11px; }
#companycol2 { float: left; width: 403px; margin-left: 10px; padding: 5px; background-color: #F2F2F2; border: 1px solid #EAEAEA; font-size: 11px; }
#companycol1 td, #companycol2 td { font-size: 11px; }


/*** REVIEW BOX ***/
.reviewBox { float: left; width: 99%; padding: 3px 0.5% 0.5% 0.5%; min-height: 25px; margin-bottom: 12px; border-bottom: 2px solid #63C1E3; background-color: #F5F5F5; }
.reviewBox .openQuestions { float: left; margin: 0px 0.5% 20px; width: 99%; }

.reviewBox .openQuestions .field { float: left; margin: 0px 0.45%; width: 49%; font-size: 10px; color:#727272; background-image: url('../images/whitepng80.png'); }
.reviewBox .oneItem .field { float: left; margin: 0px 0.5%; width: 99%; font-size: 10px; color:#727272; background-image: url('../images/whitepng80.png'); }
.reviewBox .field span.title { float: left; font-size: 20px; font-weight: bold; color: #63C1E3; margin: 0px 8px 5px 3px; }

.reviewBox .ratingBox { float: left; margin: 0px 0.5% 20px 0.5%; width: 99%; }
.reviewBox .ratingBox .list { float: left; width: 225px; font-family: Arial; font-size: 10px; color: #727272; margin: 0px 1% 0px 0px; }
.reviewBox .ratingBox .list .item { float: left; width: 140px; margin-right: 6px; text-align: right; }
.reviewBox .ratingBox .list .scoreBox { float: left; width: 60px; height: 5px; margin-top: 2px; border: 1px solid #857676; background-color: #F4EFEE; text-align: left; }
.reviewBox .ratingBox .list .score { float: left; margin-left: 2px; letter-spacing: normal; }
.reviewBox .ratingBox .scoreBack { float: right; width: 61px; min-height: 54px; background-image: url('../images/scoreBoxPng.png'); background-repeat: no-repeat; text-align: center; padding: 3px; }
.reviewBox .ratingBox .scoreBack span.title { color: #311E1E; font-weight: bold; font-size: 13px; font-family: Arial; }
.reviewBox .ratingBox .scoreBack span.score { color: #269EC9; font-weight: bold; font-size: 30px; font-family: Arial; }

.reviewBox .reviewInformation { float: left; margin: 10px 0.5% 3px 0.5%; width: 99%; }
.reviewBox .reviewInformation a { text-decoration: underline; color: #959595; }
.reviewBox .reviewInformation a:hover { text-decoration: none; }
.reviewBox .reviewInformation .sideCount { float: left; width: 69%; padding-right: 1%; font-size: 10px; font-family: Arial; color: #959595; }
.reviewBox .reviewInformation .sideReview { float: left; width: 29%; padding-left: 1%; font-size: 10px; font-family: Arial; color: #959595; text-align: right; }

.reviewBox .reviewReaction { float: left; margin: 10px 0.5% 3px 0.5%; width: 97%; padding: 1%; background-image: url('../images/whitepng80.png'); font-family: Arial; font-size: 10px; color: #269EC9; }
.reviewBox .companyReaction { float: left; width: 98%; background-color: #E9E9E9; padding: 1%; font-size: 10px; margin-top: 5px; }
.reviewBox .companyReaction textarea { width: 99%; height: 80px; }
.reviewBox .companyReaction input.reactDis { width:275px; font-size: 10px; margin-top: 4px; border:0px; background-color: transparent; }
.reviewBox .companyReaction input.cButton { margin-left: 1px; background-color:#EEEEEE; border:1px solid #BBBBBB; padding:3px; font-size:10px; font-family:Arial; font-weight: bold; }

/**** INPUT ****/
input.submitButtonNew {
	float: right; width: 200px; height: 23px; cursor: pointer; margin-top: 4px; border: 0px; background-image: url('../images/logButton2.jpg'); background-color: transparent;
	font-weight: bold; font-size: 12px; font-family: Arial; color: #FFFFFF; text-transform: uppercase;
}
input.straightButton {
	height: 23px; border: 0px; background-color: transparent; background-image: url('../gfx/webshop/button_straight.png'); cursor: pointer;
	font-family: Verdana, Arial; font-size: 10px; font-weight:bold; color: #FFFFFF; text-transform: uppercase; text-align: left; padding: 0px 3px 2px 3px; margin: 10px 0px 0px 0px;
}

a.previewRight {
	float: right;
	border: 0px; background-color: transparent; background-image: url('../gfx/webshop/button_straight.png'); background-repeat: repeat-x; cursor: pointer;
	font-family: Verdana, Arial; font-size: 10px; font-weight:bold; color: #FFFFFF; text-transform: uppercase; text-align: left; padding: 5px 3px 7px 3px; margin: 10px 0px 0px 0px;
	text-decoration:none;
}
a.previewRight:hover { text-decoration: none; }

/*** ***/
.fullwidth { float: left; width: 100%; }
.fullwidth .left { float: left; width: 190px; padding: 6px 0px 0px 0px; }

.widthfifty { float: left; width: 48%; }
.widthfifty .left { float: left; width: 190px; padding: 6px 0px 0px 0px; }

.helpimg { float: left; padding: 8px 0px 0px 4px; margin-left: 3px; }

ol { padding-left: 20px;list-style: circle; }


/*** Beoordeling ***/
.lightbox { float:left; width:650px; overflow-x:hidden; }

.lightbox * { font-family: Arial, Verdana; font-size: 11px; color: #333333; }

.lightbox .helpBox { float:left; width: 620px; padding: 6px 11px 10px 11px; }
.lightbox .helpBox .lightboxContainer { float: left; }
.lightbox .helpBox .image { float:left; width: 20px; height:20px; margin-right: 10px; }
.lightbox .helpBox .title { float:left; padding: 5px 0px 0px 0px; font-family: Arial, Verdana; font-size: 11px; color: #333333; }

.lightbox .step { float:left; width: 620px; padding: 8px 11px; background-color: #eaeaea; font-family: Arial, Verdana; font-size: 11px; color: #000000; margin-bottom: 1px; }
.lightbox .step .number { color: #777777; font-style: italic; }

.lightbox .stepField { float:left; width: 620px; padding: 8px 11px; font-family: Arial, Verdana; font-size: 11px; color: #333333; }


input.arrowDownSubmit {
	float: /*right*/left; font-size: 11px; font-family: Arial; color: #c85c00; margin-top:5px;margin-bottom: 15px; padding: 0px 7px 3px 0px; border: 0px; cursor: pointer;
	background-color: transparent; background-image: url('../images/arrowdown.png'); background-repeat: no-repeat; background-position: bottom right;
}


/*** extra functions ***/
.mainBox { float:left;width:100%;margin-top:20px; }
.mainBox .leftBox { float:left;width:243px;margin:0px 11px 0px 2px; }
.mainBox .rightBox { float:left;width:272px;border:1px solid #c6c6c6;padding:10px;margin-top:24px; }
.mainBox .rightBox img { max-width:270px; }

.leftBox .mainItem { position:relative;float:left;width:100%; }
.leftBox .mainItem .mainLabel { border-bottom:1px solid #cfcfcf;float:left;width:100%;height:24px;background:url(images/linebg.jpg) bottom left repeat-x;/*margin-bottom:2px;*/ }

.mainLabel .title { position:absolute;top:0px;left:0px;padding:6px 8px 0px 8px;height:18px;background-color:#FFFFFF;border:1px solid #CFCFCF;border-bottom:0px;font-family: Arial,Verdana,Helvetica;font-size:11px;font-weight: bold;color: #311E1E;letter-spacing:normal; }
.mainItem .item { border-bottom:1px solid #cfcfcf;float:left;width:233px;height:22px;padding:7px 0px 0px 10px; }
.mainItem .last { margin-bottom:8px;border:0px; }

.mainItem .item .itemtitle { float:left;width:170px; }
.mainItem .item .itemimage { float:left;width:22px;margin-left:2px; }
.mainItem .item .itemimage img { max-width:18px;max-height:18px;vertical-align:middle; }
.mainItem .item .itemarrow { float:left;width:32px;height:31px;margin-top:-8px;margin-left:7px; }

#contentRight .rightBox { font-size:12px;line-height:1.5em; }
#contentRight .rightBox img.image { float:right;margin:0px 0px 5px 5px;max-width:50px; }
#contentRight .rightBox h1 { font-size:16px;color:#4287d2;font-weight:bold;margin-bottom:10px; }
#contentRight .rightBox ul { list-style:none;margin-top:3px;margin-bottom:3px; }
#contentRight .rightBox ul li { padding:3px 0px 3px 25px;background-image:url(../gfx/vink.jpg);background-repeat:no-repeat;background-position:left center; }