html { overflow-y: scroll; overflow-x:hidden; width: 100%; height: 100%; }

body{
background: #D5F3C1;
padding: 0px 35px 0px 35px;
font-size:18px;
	background: url(../afbeeldingen/achtergrond.png);
	background-repeat:repeat-x;
	background-size: auto 100%;
	background-attachment:fixed;
}
.pointer{cursor:pointer;}
h2{text-indent:150px; color:#215400;margin-top:15px;}
em {font-weight:700; font-style:normal;}
fieldset{margin: 20px 0px 20px 0px;}
a, a:visited {color:#A83600; cursor:pointer;}
#indexgereserveerd{
	margin: 80px 0px 20px 20px;
	float:right;
	width:50%;}
#indexgekocht{
	margin-left:10%;
	margin-right:10%;
	width: 80%;
	}
legend{
background-color:#42003A;
 color:#ffffff;;
border: 1px solid #740066;
padding: 2px 6px;
}
table{width:100%;	border-collapse:collapse;}
table, tr, th, td{	
	border-color:#740066;
	border-style: solid;
	border-width:1px;
	padding:3px 7px 2px 7px;
	font-size:95%;
}
.nieuw{color:#42003A}
#gebruikerslijst {width:80%}
#gebruikerslijst, #gebruikerslijst tr, #gebruikerslijst td{
	border-style:none;padding:3px 7px 2px 7px;font-size:100%;}
#gebruikerslijst td a{text-decoration:none;}
#gebruikerslijst td{vertical-align: top; width:25%;}
th{
	background-color:#215400;
 color:#ffffff;;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	
}
td:first-child, th:first-child{border-left:0px;}
tr.alt td{
	background-color:#EFBFE9;
 color:#000000;;
}
#topmenu {
	position:relative;
	height:5.5em;
	width:100%;
}
#titel {
	width:70%;
	position: absolute;
	display:block;
	left:0;
}
#wensput_img {
	height: 80px;
	margin-bottom:5px;
}
#loginfo {
	position: absolute;
	top: 32px;
	right:0;
	display:block;
	width:30%;
	text-align:right;
}
#loginfouser{display:inline; font-weight:bold; font-size:120%}
#menu{
position: relative;
background: #215400;
height: 48px;
}
#menu ul{
position: relative;
list-style-type: none;
}
#menu ul li {
position: relative;
z-index: 200;
display: inline;
vertical-align: middle;
font-size:21px;
padding: 5px 8px 16px 8px;
color:#D5F3C1;
}
#menu ul li form {display:inline;}
#menu ul li a {text-decoration: none;
	color:#D5F3C1;}
#menu ul li a:hover {color: #F5996D;}
#menu ul li.deactive{color:#42003A;}
#menu ul li.active{
	/*background:#D5F3C1;*/
	color:#F5996D;}
#menu ul li.active a{color:#F5996D;}

.rood {color:#A83600}
.groen {color:#3A9400}
p {padding:8px 32px 8px 32px; text-align:justify;}
p:first-letter , label:first-letter{font-size:150%;}

#formlogin label {
text-align: right;
margin: -10px 8px 0px 0px;
display: block
}
input, textarea{
color: #740066;
background: #F5D3C3;
border: 1px solid #740066}

#formnewuser, #formlogin {
border: 1px solid #740066;
}
#formnewuser{
width: 100%;
}
#formnewuser p {padding:2px; text-align:left;}
#formnewuser label {
width: 40%;
float: left;
text-align: right;
margin: -0.4em 0.5em 0.9em 0.5em;
display: block
}
#formlogin{
margin:20px 0px 20px 20px;
float:right;
width: 290px;
background-color:#fa8072;
 color:#000000;;
}
img{border:0px;}

.winkel{width:20%}
.prijs{width:15%}
.verzend_verwijder{width:15%; text-align:center;}
.koop{width:25%}
.fieldsetvriendverwens{width:60%; margin-left:auto; margin-right:auto;}
.vierdebreed{width:25%;}

/*------------------------------------------------star-rating--------------------*/
.star-rating {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  width: 100px;
  height: 20px;
  overflow: hidden;
  position: relative;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiNGNUQzQzMiIHBvaW50cz0iMTAsMCAxMy4wOSw2LjU4MyAyMCw3LjYzOSAxNSwxMi43NjQgMTYuMTgsMjAgMTAsMTYuNTgzIDMuODIsMjAgNSwxMi43NjQgMCw3LjYzOSA2LjkxLDYuNTgzICIvPjwvc3ZnPg==');
  background-size: contain;
}
.star-rating i {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 20%;
  z-index: 1;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGw9IiM2MDFGMDAiIHBvaW50cz0iMTAsMCAxMy4wOSw2LjU4MyAyMCw3LjYzOSAxNSwxMi43NjQgMTYuMTgsMjAgMTAsMTYuNTgzIDMuODIsMjAgNSwxMi43NjQgMCw3LjYzOSA2LjkxLDYuNTgzICIvPjwvc3ZnPg==');
  background-size: contain;
}
.star-rating input {
  -moz-appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  display: inline-block;
  width: 20%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 2;
  position: relative;
}
.star-rating input:hover + i,
.star-rating input:checked + i {
  opacity: 1;
}
.star-rating i ~ i {
  width: 40%;
}
.star-rating i ~ i ~ i {
  width: 60%;
}
.star-rating i ~ i ~ i ~ i {
  width: 80%;
}
.star-rating i ~ i ~ i ~ i ~ i {
  width: 100%;
}

*,
::after,
::before {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  /*text-align: center;*/
  /*vertical-align: middle;*/
}

/*-------------message boxes-----*/
#temp{
	position:absolute;
	top: 5px;
	left:5px;
	z-index:100;
	display:none;
}
.info, .success, .warning, .error{
border: 1px solid;
margin: 0px 0px 0px 5%;
width: 40%;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('error.png');
}