/* CSS Document */
/* door nandOOnline voor Bosgrond.nl 2006 */

/*main page layout */
body {background:#333 url('../images/bkgrnd/bgleaves.jpg');}
#mainfield {position:absolute; width:790px; top:0px; left:50%; margin:0px 0px 0px -395px; border-left:1px solid #FFF; border-right:1px solid #FFF; background-color:#6b884e; min-height:850px;}
#mainfieldsmall {position:absolute; width:100%; top:0px; left:0px; margin:0px 0px 0px 0px; border-left:0px solid #FFF; border-right:0px solid #FFF; background-color:#6b884e; min-height:350px;}
#banner {position:absolute; width:790px; left:50%; margin:0px 0px 0px -395px; padding:0px; border:none;}
#topimage {width:790px; margin:0px; padding:0px; border:none;}
#leftimage {position:absolute; left:0px; margin:0px; padding:0px; border:none; z-index:1;}
#container {margin-left:200px;  font-family: Arial, Verdana;}
#googleAdd {position:absolute; top:170px; left:20px; padding:0px; border:none; background:#000; margin:0px; z-index:2;-moz-opacity:0.8; filter:alpha(opacity=80);}
#teller {position:absolute; top:142px; left:1px; margin:0px 0px 0px -220px; padding:0px; border:none; background:#000; z-index:3;-moz-opacity:0.3; filter:alpha(opacity=30);}

.newPerceel {position:relative; width:500px; margin:5px 30px 0px 230px; border:none; padding:2px; min-height:45px;}
.PerceelInfoSmall {position:relative; width:280px; height:130px; margin:15px 10px 5px 10px; border:none; padding:2px; min-height:100px;}
.Error {color:#C00;}

h1, h2, h3, h4, p, dt, dd, ul {margin:10px; margin-left:200px; text-align:justify; font-family: Arial, Verdana; color:#000;}
h1 {font-size:20px; text-align:right; color:#000;}
h2 {font-size:16px;}
h3 {font-size:13px;}
//h4 {font-size:10px; font-weight:normal; margin:20px 60px 10px 250px;}
h4 {font-size:10px; font-weight:bolder; margin:20px 10px 10px 200px;}
//p, dd, dt, ul {font-size:12px;}
p, dd, dt, ul {font-size:13px;}
ul {margin-right:50px;}
li {list-style:circle; margin-left:20px;}
dt {font-weight:normal;}
dd {margin-left:210px; margin-right:20px; border:1px solid #000; padding:2px; font-size:12px;}
//a {font-family:Arial, Verdana; font-size:12px; color:#000; text-decoration:underline;}
a {font-family:Arial, Verdana; font-size:13px; color:#000; text-decoration:underline;}
a:hover {color:#000;}
img {margin-left:230px; border:1px solid #000;}
img.kaal {margin-left:0px; border:0px solid #000;}
img.floatLeft {float:left; margin:5px 10px 5px 200px; padding:0px;}
img.floatLine {float:right; margin:5px 10px 5px 5px; padding:0px;}
img.floatRight {float:right; margin:5px 10px 5px 10px; padding:0px;}
img.floatCenter {float:center; margin:5px 10px 5px 200px; padding:0px;}
p img.floatLine {float:left; margin:5px 10px 5px 0px; padding:0px;}
p img.floatLeft {float:left; margin:5px 10px 5px 0px; padding:0px;}
div.block {clear:both; float:none; margin:5px 5px 5px 200px; display:block; text-align:center;}
.block img {margin-left:0px; border:1px solid #000;}
/* margin: top right bottom left */

.gmap img {border:none;}


.newPerceel h3 {margin:0px 0px 0px 74px; color:#FF0; font-size:13px;}
.newPerceel p {margin:0px 0px 0px 74px; text-align:left; font-size:12px;}
.newPerceel p a {font-size:12px; font-weight:bold; margin:0px 0px; color:#FF0;}
.newPerceel a img {float:left; margin-left:0px; height:40px; width:60px;}
.PercelenLijst p {margin:0px 0px 0px 0px; text-align:left; font-size:12px;}
.PercelenLijst p a {font-size:12px; font-weight:bold; margin:0px 0px; color:#FF0;}
.PercelenLijst a img {margin-left:200px; border:1px solid #000;}
.yellow {color:yellow;}
.red {color:red;}
.highlight {color:#BF0; font-weight:bold; letter-spacing:1px;}
.PerceelInfoSmall p {margin:0px 0px 0px 0px; text-align:left; font-size:12px;}
.PerceelInfoSmall p a {font-size:12px; font-weight:bold; margin:0px 0px; color:#FF0;}
.PerceelInfoSmall a img {float:left; margin-left:0px; height:40px; width:60px;}

table {margin-left:200px; width:580px;}
td,th {text-align:center; border:1px solid #000; font-family:Arial, Verdana; font-size:11px;}
thead th {font-weight:bold;}
tfoot td {font-size:9px; text-align:left;}
table.contact {margin-left:150px;}
td.form {text-align:right; border:none; font-size:12px;}
td.field {text-align:left; border:none; width:60%;}
td.kaal {border:none; font-family:Arial, Verdana; font-size:11px;}
td.qmark {text-align:left; border:none; font-family:Arial, Verdana; font-size:11px;}
/* td.qmark img {margin-left:0px; border:0px solid #000;} */

/* input, textarea {margin:0px 30px; width:90%; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:10px;} */
input, textarea {margin:0px 5px; width:400px; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
input.knop {background : #6b884e; margin:5px 0px; width:80px;}
input.knop1 {margin:5px 25px; width:40%;}
input.klein {margin:5px; width:30px; vertical-align:middle; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
input.groot {margin:5px; width:200px; vertical-align:middle; border:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}