@charset "utf-8";
/* CSS Document voor Plantenshop project*/
body {
	font-family:Verdana, sans-serif;
	font-size: 100%;  /* 1em = 16px */
	width: 1024px;
	margin:0;
	padding:0;
}
div {
	margin:0;
	padding:0;
}

.wrapper {
	width:100%;
	margin: 0 auto;
	padding:0;
	outline:none;
	border:none;
}
.floats  {
	overflow: hidden;
	background: #898a74;
}
.links {
	font-family: monospace;
    background: #898a74;
    padding: 1rem 0%;
    width: 20%;
    float: left;
}

#menu {
    list-style-type: none;
	font-size: 1rem;
	text-align: left;
	padding-left: 2rem;
	font-weight: bold;
}

#menu li {
	padding-bottom: 1rem;
}

#menu li a {
    text-decoration: none;
}

#menu li a:link {
	color:white;
	}
	
#menu li a:visited {
	color:white;
	}
	
#menu li a:hover {
	color:white;
	}
	
#menu li a:active {
	color:deepskyblue;
	}

.rechts {
    background: #FD6943;
    width: 80%;
    float: left;
	font-size: 1rem;
}
.sectie {
	background: #F7F7F7;
    padding: 1rem 2.5%;
    margin: 0rem 0;
	font-size: 1rem;
}

.sectie h2 {
	font-size:1.5rem;
	color:green;
}

.foto {
	background: purple;
    padding: 16px 0%;
}

.foto img {
	width: 100%;
}


.form {
}

.formLinks {
	width: 15%;
    float: left;
}

.formMidden {
	width: 42%;
    float: left;
}

.formRechts {
	width: 43%;
    float: left;
}


.header {
	font-family:Verdana, sans-serif;
	background:#f4f0ec;
	padding:0.5rem 0rem;
	text-align: right;
}
.footer {
	background: #cfcfc4;
    padding: 0.125rem 0;
	text-align: center;
	font-size: 1rem;
}
.header h1 {
	font-size:2rem;
	color:red;
	margin:0 0;
	margin-right: 1rem;
}
.header p  {
	margin-right: 1rem;
	font-size: 1rem;
}

#categoriekeuze,#bodemkeuze,#naam {
  width: 59%;
}


.cf {
    clear:both
}
/*clearfix hack*/
.clearFix::before, 
.clearFix::after {
    content: " ";
    display: table;
}
.clearFix::after {
    clear: both;
}
/* enkel voor IE6/7 */
.clearFix {
    *zoom: 1;
}