* {
margin: 0;
padding: 0;
}

p.nav{
margin: 15px 0px 0px 5px;/*T,R,B,L     */
}
p{margin:5px;
}

html, body {
background:#f0f0f0;
color:#404040;/*#737373; /**/
font-family : Verdana, arial, helvetica, sans-serif; 
font-size: 11px;
width: auto;
height:100%;

}
#container{
margin: 0 auto;
height:90%;
padding-top:5%;
/*background:  #F0F0F0;*/

}
#stuff{							/*OVERFLOW*/
background:#FFFFFF;
overflow:auto;
width:83%;
height:405px;
float:right;
}
#login{
font-weight: bold;
margin-top:60px; 
width:350px;
height:auto;
border: solid 1px #c0c0c0;
float:left;
}
#loginbar{
color : #FFFFFF;
font-size : 14px;
padding:5px;
background-image : url("../images/lock.jpg"); 
}
.loginuser{
padding-left:10px;
float:left;
width:165px;
margin-top:25px;
}
#loginbut{
background:transparent;
padding-left:10px;
float:left;
height : 50px;
width:340px;
padding-top:20px;
}
#loginleft{
margin-top:60px;
margin-right:3px;
float:right;
width:240px;
clear:right;
}
#start{
width:350px;
height : 100px;
margin: 0 auto;
}



#content {
height: 450px;
margin: 0 auto;
border: solid 1px #c0c0c0;
font-family : Verdana, arial, helvetica, sans-serif; 
background:#ffffff;
}

.forfull {
width: auto;
}
.for800 {
width: 728px;
}
.for1024 {
width: 955px;
}

#title{
background-color : #C0C0C0; 
height : 20px;
color : #FFFFFF;
font-size : 14px;
width: 100%;
} 
H5{
margin: 15px 0px 15px 0px;/*T,R,B,L     */
text-decoration:underline;
 text-transform: uppercase;
/*font-weight: bold;*/
/*color:#c0c0c0;*/

}
span.highlight
{
background-color:#D3E6EA;
}
/*----------------*/
.menu {
background-color: #cccccc;
display: block;
height: 20px;
width: 90%;
}

.menu ul {
margin: 0;
padding: 0;
border: 0;
display: inline;

}

.menu ul li {
/*margin: 0px 0px 0px 10px;/*T,R,B,L     */
/*margin:5px;*/
border: 0;
padding: 0;
display: inline;
line-height: 20px;
font-weight: bold;
float: left;
border-right: 1px solid #ffffff;


}

menu ul li a:link, .menu ul li a:visited  {
line-height: 50px;
font-family: arial;
font-size: 1.4em;
text-align: center;
width: 100px;
display: block;
color: #fff;
text-decoration: none;
font-weight: bold;
background-color: #627A48;
}

menu ul li a:hover, .menu ul li a:active  {
color: #fff;
font-family: arial;
font-size: 1.4em;
text-align: center;
width: 140px;
display: block;
line-height: 50px;
text-decoration: none;
font-weight: bold;
background-color: #7FA540;
}





























.bar100{
float:left;
width:350px;
padding-top:15px;
}
.result{
padding: 0px 0px 25px 15px;/*T,R,B,L     */
float:left;
width:auto;
/*margin-top:25px;*/
margin: 25px 0px 25px 0px;/*T,R,B,L     */

}
#about { 
background:#C0C0C0;
height:20px;
width:84%;/*615px;*/
float:RIGHT;
margin-top:2px;
color : #FFFFFF;
font-size : 14px;
text-align: center;
}
#nav { 
background:lime;
height:auto;
float:left;
margin-top:2px;
width: 16%;

}


#navtop{
background:#c0c0c0;
height : 20px;
width: 100%;
float:left;
color : #FFFFFF;
font-size : 14px;

}

#menu { 
overflow:auto;
height:405px;
background:#D3E6EA;
width: 100%;
float:left;	
}





.pass{
padding-left:10px;
float:left;
width:265px;
margin-top:25px;
}




table{font-size : 11px; 
}

















#CONTENT-LEFT{
float: left;
background:TRANSPARENT;
}
	.left1{
	margin-top: 50px;
	width:60%;
	}
	.left2{
	margin-top: 50px;
	width:30%;
	}
	.left3{
	margin-top: 10px;
	width:45%;
	}
	.left4{
	margin-top: 50px;
	width:50%;
	}
	.fotoleft{
	margin-top: 0px;
	width:170px;
	height:350px;
	overflow:auto;
	}

#CONTENT-RIGHT{
float: right;
background:TRANSPARENT;
	}
	.right1{
	margin-top: 50px;
	width:30%;
	}
	.right2{
	margin-top: 50px;
	width:65%;
	}
	.right3{
	margin-top: 10px;
	margin-right:5px;
	width:45%;
	}
	.right4{
	margin-top: 50px;
	width:50%;
	}
.fotoright{
	margin-top: 0px;
	
	}

a.©:link {color: #c8c8c8;height: 5px; font:11px verdana, arial, helvetica, sans-serif;text-decoration: none; }
a.©:visited {color: #c8c8c8;height: 5px; font:11px verdana, arial, helvetica, sans-serif;text-decoration: none; }
a.©:hover {color: #c8c8c8;height: 5px; font:11px verdana, arial, helvetica, sans-serif;text-decoration: none; }
a.©:active {color: #c8c8c8;height: 5px;font:11px verdana, arial, helvetica, sans-serif;text-decoration: none; } 

/* #404040;/*#737373; /**/			

a{
font:11px verdana, arial, helvetica, sans-serif;
font-weight:bold;
}

 a:link {
   color:#737373; text-decoration: none;/*#24316D*/
}
 a:visited {
   color:#606060; text-decoration: none;/*#00318D*/
}
 a:hover { 
   color:#909090; text-decoration: none;
}
a:active{ 
   color:#737373; text-decoration: none;
}
a img {
			border : 0; 
			} 			

			p1{
			line-height: 10px;
			color: #ffffff;
			padding: 10px;
			}
			.p2{
			line-height: 10px;
			color: #ffffff;
			font-weight: bold;
			/*padding: 10px;*/
			}
			.p3{
			font-weight: bold; 
			font-size : 14px; 
			/*padding: 10px;*/
			}
#footer {
		vertical-align: middle;
		text-align: center;
		margin: 0 auto;
		background:red;
		/*clear: both;
		background: red;*/
		}	
	#footerscroll {
		margin: 0 auto;
		
		}		
#©{			height: 5px;										
			text-align: center;
			margin: 0 auto;
			/*background: #ffffff;*/
			

}

 FIELDSET{
position:relative;
border: solid thin #ECD99F;/*#C6BC0D;*/
line-height : 25px;
}
legend
{
 color:#003300;
 text-transform: uppercase;
font-weight: bold;
}

.vijver label {
 float:left;
 width:50%;
 text-align:right;
}
.bodem label {
 float:left;
 width:30%;
 text-align:right;
}
.vissen label {
 float:left;
 width:65%;
 text-align:right;
}
.ziekten label {
 float:left;
 width:80%;
 text-align:right;
}
.planten label {
 float:left;
 width:55%;
 text-align:right;
}

hr{
width: 95%;
}

/*****/
.cart
{
  font-size:		11px;
  BORDER-BOTTOM:	0px solid;	
  BORDER-LEFT:		0px solid;
  BORDER-RIGHT:		0px solid;	
  BORDER-TOP:		0px solid;
  margin:			1px;
  font-weight:		bold;
  color:			black;
  background:  transparent;
}

.standard
{ font-weight:		normal;
}










/*.footer {
background: #0000ff;
clear: left; 
border-top: solid 1px black;
}*/


#©{			height: 5px;										
			text-align: center;
			margin: 0 auto;
			/*background: #ffffff;*/
			color:#c8c8c8;

}



/*BACKGROUND COLORS*/
.clr1{background:#cccccc;}/*grijs*/
.clr1a{background:#cccccc;color:#009900;}/*grijs*/
.clr2{background:#99FF00;/*#99FF66;*/}/*groen*/
.clr3{background:#E5E5E5;}/*lichtgrijs*/
.clr4{background:#999999;}/*donkergrijs*/
.clr5{background:#F0F0F0;}/*lichtergrijs*/
.clrb{border-top:4px solid #99e600;}
.clr0{background:#929292;}/*lichtergrijs*/
.clr6{background:#5d5d5d;}/*lichtergrijs*/
.clr7{background:#D3E6EA;}/*blauw*/
			#pos25 {
				width: 25%;
				height: auto;
				float: left;
			}
			#pos35B {
				width: 25%;
				height: auto;
				float: left;
				text-transform: uppercase;
				margin-top:10px;
			}
			#pos35c {
				padding-top:3px;
				width: 25%;
				height: 18px;
				float: left;
				/*text-transform: uppercase;*/
				margin-top:10px;
				background-color:#D3E6EA;
				font-weight: bold;
			}
			#pos25B {padding-top:3px;
				width: 18%;
				height: 18px;
				float: left;
				text-transform: uppercase;
				margin-top:10px;			
			}
			#pos25c {padding-top:3px;
				width: 18%;
				height: 18px;
				float: left;
				/*text-transform: uppercase;*/
				margin-top:10px;
				background-color:#D3E6EA;
				font-weight: bold;
				}
			#pos50c {padding-top:3px;
				width: 40%;
				height: 18px;
				float: left;
				text-transform: uppercase;
				margin-top:10px;
				background-color:#D3E6EA;
				font-weight: bold;
				}
			#pos33 {
				width: 33.33%;
				height: auto;
				float: left;
			}
			#pos33B {
				width: 33.33%;
				height: auto;
				float: left;
			}
			#pos50 {
				width: 50%;
				height: auto;
				float: left;
			}
			#pos75 {
				width: 75%;
				height: auto;
				float: left;
			}
			#pos100 {
				width: 100%;
				height: auto;
				float: left;
			}


#back{
width: 95%;
float: left;
/*margin: 25px 0px 25px 0px;/*T,R,B,L     */

}