/* === RESET ALL STYLES === */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

/* remember to define focus styles! */
:focus {outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}

/* === BODY === */
html, body {height:100%; min-height:100%;}
body {font-family:"Verdana"; background-color:#ffffff;background-image:url(../images/bg.png); background-repeat:repeat-x; font-size:12px; line-height:16px;}

/* === LAYOUT === */
#container {margin:0 auto; min-height:100%;	width:980px; position:relative;}
#header {width:980px; height:150px;}
#header_l {width:625px; height:150px; float:left; background-image:url(../images/header.png); background-repeat:no-repeat; margin-right:25px;}
#header_r {width:330px; height:150px; float:left;}
#topspacer {width:980px; height:10px; float:left;}
#main {width:980px; margin-bottom:40px;}
#left {width:625px; float:left; margin-right:25px;}
#right {width:330px; float:left;}
.clear {clear:both;}
h1 a {display:block; width:625px; height:150px; text-indent:-9999px;}
h2 {color:#056905; font-size:14px; text-align:justify; font-weight:bold; margin:0px 0px 5px 0px;}
h3 {color:#056905; font-size:14px; text-align:justify; font-weight:bold; margin:0px 0px 5px 0px;}
h4 {color:#056905; font-size:14px; border-bottom:2px solid; text-align:justify; font-weight:bold; margin:0px 0px 5px 0px;}
h5 {color:#056905; font-size:14px; text-align:justify; font-weight:bold; margin:0px 0px 10px 0px;}
#textright {width:330px; height:280px; float:left; margin:10px 0px 10px 0px;}
#textright2 {width:330px; float:left; margin:10px 0px 10px 0px;}
#footer {height:30px; width:980px; background-color:#ffffff; clear:both;}

/* === SUBPAGES INFO === */
#weedleft {width:300px; height:515px; float:left;}
#weedright {width:300px; height:515px; float:left; margin-left:25px;}
#weedimg {width:300px; height:200px; float:left; margin-bottom:25px;}

#shopleft {width:300px; height:600px; float:left;}
#shopright {width:300px; height:600px; float:left; margin-left:25px;}
#shopimg {width:300px; height:200px; float:left; margin-bottom:25px;}

.tabelrow {width:300px; height:25px; float:left; margin-bottom:10px;}
.tabel_a {width:150px; height:25px; float:left;}
.tabel_a p {font-weight:bold; font-size:12px;}
.tabel_a span {font-weight:bold; color:#056905; font-size:14px;}
.tabel_b {width:150px; height:25px; float:left;}
.tabel_b p {font-size:12px;}
.tabel_b span {color:#ff9800; font-size:14px; font-weight:bold;}

.tabelrow1 {width:300px; height:20px; float:left; margin-bottom:10px;}
.tabel_c {width:150px; height:20px; float:left;}
.tabel_c p {font-weight:bold; font-size:12px;}
.tabel_c span {font-weight:bold; color:#056905; font-size:14px;}
.tabel_d {width:150px; height:20px; float:left;}
.tabel_d p {font-size:12px;}
.tabel_d span {color:#ff9800; font-size:14px; font-weight:bold;}

/* === SUBPAGES LINKPARTNERS === */
#linksleft {width:300px; height:200px; float:left;}
#linksright {width:300px; height:200px; float:left; margin-left:25px;}
.linkscat1 {width:300px; float:left;}
.linkscat2 {width:300px; float:left; margin-left:25px;}

/* === SUBPAGES LINKEXCHANGE === */
#linkexleft {width:195px; height:100px; float:left;}
#linkexright {width:405px; height:100px; float:left; margin-left:25px;}
#exchangeform {width:625px; height:180px; float:left;}

/* === SPACERS == */
#rightspacer {width:330px; height:25px; float:left;}
#leftspacer {width:625px; height:25px; float:left;}
#spacer300 {width:300px; height:25px; float:left;}
#linkspacer {width:625px; height:50px; float:left;}

/* === CLASSES PRODUCTCELL == */
#item {width:625px; height:250px; background-image:url(../images/productcell.png); background-repeat:no-repeat; float:left; margin-bottom:30px; display:inline;}
#topspace {width:625px; height:23px; float:left;}
#itemleft {width:20px; height:200px; float:left;}
#itemimg {width:200px; height:200px; float:left;}
#itemright {width:20px; height:200px; float:left;}
#itemtitle {width:385px; height:25px; float:left;}
#itemname {width:245px; height:25px; float:left;}
#iteminfo {width:140px; height:25px; float:left;}
#itemtext {width:385px; height:140px; float:left; overflow:hidden;}
#itemspace {width:385px; height:10px; float:left;}
#itembottom {width:385px; height:20px; float:left;}
#itemprice {width:245px; height:20px; float:left;}
#itembuy {width:140px; height:20px; float:left;}

/* === FORM CLASSES === */
.contactform {font-size:18px; color:#000000; border:#056905 1px solid; text-align:justify; padding:3px;	width:400px;}
.button {border:0; padding:2px; background:#056905; color:white; font-weight:bold; cursor:pointer;}
.button:hover {color:white; background:#ff9800;}

/* === TEXT CLASSES === */
.bodytext {color: #000000; font-size:11px; text-align:justify; margin:0px 0px 0px 0px;}
.bodytext a:link {color:#000000; font-size:11px; text-align:justify; text-decoration:underline;}
.bodytext a:visited {color: #000000; font-size:11px; text-align:justify; text-decoration:underline;}
.bodytext a:hover {color:#ff9800; font-size:11px; text-align:justify; text-decoration:underline;}
.itemtext2 {color: #000000; font-size:12px; text-align:justify; margin:10px 25px 0px 0px;}
.itemtext2 a:link {color:#000000; font-size:12px; text-align:justify; text-decoration:underline;}
.itemtext2 a:visited {color: #000000; font-size:12px; text-align:justify; text-decoration:underline;}
.itemtext2 a:hover {color:#ff9800; font-size:12px; text-align:justify; text-decoration:underline;}
.price10 {color:#056905; font-size:14px; font-weight:bold;}
.price {color:#ff9800; font-size:14px; font-weight:bold;}
.footertekst {color:#bababa; font-size:10px; text-align:center;} 
.footertekst a:link {color:#bababa; font-size:10px; text-align:center;} 
.footertekst a:visited {color:#bababa; font-size:10px; text-align:center;} 
.footertekst a:hover {color:#ff9800; font-size:10px; text-align:center;} 
.title {color:#056905; font-size:12px; text-align:justify; font-weight:bold; margin:0px 0px 5px 0px;}

/* === MENU === */
.menu {text-align:left; color:#ffffff; width:330px; float:left; margin-bottom:40px;}
.menu li {margin: 0px 0px 0px 0px; padding: 0px 0 0 0px; border-bottom: 1px dotted #888; list-style: none;}
.menu li a {color:#056905; font-weight:bold; text-transform:uppercase; text-decoration:none;  padding:5px 0 1px 5px; background:#ffffff; display:block; margin-bottom:2px;}
.menu li a:hover {color:#ffffff; text-decoration:none; text-transform:uppercase; background:#056905; display:block; margin-bottom:2px;}

/* === MOUSEOVERS === */
a#btn_moreinfo {width:120px; height:20px; background-image:url(../images/button_moreinfo.gif); display:block; text-decoration:none; float:left;}
a#btn_moreinfo:hover {background-position:120px 0;}
a#btn_buynow {width:120px; height:20px; background-image:url(../images/button_buynow.gif); display:block; text-decoration:none; float:left;}
a#btn_buynow:hover {background-position:120px 0;}
