/* CSS Document */
* {	 margin: 0; padding: 0; }

html { height:100%; } 

body {
	background-color: #CCCCCC;
	font: normal 11px Verdana,Helvetica,Arial,sans-serif;
	color: #000000;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	overflow: -moz-scrollbars-vertical;
}

img { border: 0px; }

/* <Input Elementen> */
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #000000;
	padding: 1px;
}

input.radio { border: none; }

input[type="radio"] { border: none; }
/* </Input Elementen> */

#frontpage p { padding-bottom: 15px; }

/* Link Definities */
a { -moz-outline-style: none; }
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited {	text-decoration: none; }
a:hover { text-decoration: underline; }

/* <Hoofd Layout> */
#wrapper { width: 980px; margin: 10px; border: 1px solid #000000; float: left;  background: #BCEED5; }

#header { height: 123px; background: #E3F8ED url(img/layout/top.jpg) no-repeat; }

#winkelwagen { width: 190px; height: 91px; float: right; margin: 10px 20px; padding: 5px; border: 1px solid #69DAA1; }
#winkelwagen h1 { margin-bottom: 10px; height: 18px; line-height: 18px; text-align: center; font-size: 14px; color: #259660; }
#winkelwagen a { font-weight: bold; color: #259660;  }

#topmenu { height: 20px; line-height: 20px; background: #69DAA1; color: #FFFFFF; font-size: 12px; }
#topmenu a { color: #FFFFFF; text-decoration: none; }
#topmenu a:hover { color: #259660; text-decoration: none; }

#menu { width: 159px; height: 100%; padding: 5px; float: left; }
#menu h1 { width: 159px; height: 25px; line-height: 25px; text-align: center; font-size: 14px; color: #259660; }
#menu a { font-size: 12px; color: #295D42; font-weight: bold; margin-left: 10px; }

#search { width: 149px; }
#search h1 { color: #295D42; font-size: 11px; font-weight: bold; text-align: left;}

#main { width: 810px; _height: 464px; min-height: 464px; border-left: 1px solid #69DAA1; float: left; clear: right; background: #EFFFF7; }

#navigatie { padding: 5px 10px; border-bottom: 1px solid #69DAA1; }
#navigatie h1 { font-size: 12px; font-weight: bold; color: #259660; padding-bottom: 8px; }
#navigatie a { color: #666666; font-weight: bold; }

#content { padding: 10px 20px; }
#bottom { width: 975px; height: 20px; padding-right: 5px; line-height: 20px; float: left; text-align: right; background: #69DAA1; color: #FFFFFF; }

#infodiv { visibility: hidden; background: url(img/excl.gif) no-repeat; background-position: 0px 2px; padding-left: 20px; padding-right: 5px; width: 125px; _height: 20px; min-height: 20px; line-height: 20px; border:1px solid #000000; position: absolute; left: 20px; top: 450px; background-color: #FFFFCC; }
/* </Hoofd Layout> */

/* <Categorien> */
.categorie_item { height: 18px; line-height: 18px; color: #295D42; }

.paginanummer { width: 15px; height: 18px; line-height: 18px; float: left; text-align: center; }
.paginanummer a { color: #000000; }
.paginanummer a:hover { color: #FF0000; }

/* </Categorien> */


/* <Artikellijst> */
.artikellijst_artikel { _height: 125px; min-height: 125px; border: 1px solid #69DAA1; float: left; margin-bottom: 20px; }

.artikellijst_artikelheader { background: #bceed5; padding: 5px; border-bottom: 1px solid #69DAA1; }
.artikellijst_titel { height: 16px; line-height: 16px; }
.artikellijst_titel a { color: #295D42; font-weight: bold; }
.artikellijst_status { float: right; font-size: 10px; color: #FF0000; }
.artikellijst_metainfo { padding-left: 15px; font-size: 10px; }

.artikellijst_foto { width: 150px; text-align: center; float: left; padding-top: 20px;  }
.artikellijst_info { _height: 120px; min-height: 120px; margin-left: 150px; border-left: 1px solid #69DAA1; }
.artikellijst_prijs { height: 20px; padding-right: 5px; text-align:right; font-weight: bold; color: #295D42; }

.artikellijst_beschrijving { _height: 110px; min-height: 110px; padding: 5px; }
/* </Artikellijst> */

/* <Subartikel Tabel> */
.subartikel_table { width: 746px; float: left; border-left: 1px solid #295D42; border-top: 1px solid #295D42; }
.subartikel_row { height: 25px; width: 746px; border-bottom: 1px solid #295D42; float: left; clear: both; }
.subartikel_header { height: 25px; line-height: 25px; padding: 0px 5px; border-right: 1px solid #295D42; float: left; background: #E3F8ED; font-weight: bold; color: #295D42; }
.subartikel_cell { height: 25px; line-height: 25px; padding: 0px 5px; float: left; border-right: 1px solid #295D42; }
/* </Subartikel Tabel> */

/* <Winkelwagen> */
#winkelwagen_tabel { margin-bottom: 20px; border-left: 1px solid #000000; border-top: 1px solid #000000; float: left; background: url(img/layout/winkelwagen_bg.png) repeat-y;  }
.winkelwagen_rij { width: 769px; min-height: 25px; border-bottom: 1px solid #000000; float: left; clear: both; }
.winkelwagen_header { height: 25px; line-height: 25px; padding: 0px 5px; border-right: 1px solid #000000; float: left; text-align: center; background: #BCEED5; color: #295D42; font-weight: bold; }
.winkelwagen_cell { min-height: 25px; line-height: 25px; padding: 0px 5px; border-right: 1px solid #000000; float: left; text-align: center; background: #EFFFF7; }
.winkelwagen_cell a { color: #000000; }

.winkelwagen_knop { height: 20px; line-height: 20px; padding: 0px 10px; border: 1px solid #000000; float: right; text-align: center; background: #BCEED5; color: #295D42; font-weight: bold; cursor: pointer; }
.winkelwagen_knop a { color: #295D42; font-weight: bold; text-decoration: none;  }
/* </Winkelwagen> */

/* <Login> */
.login_table { margin-bottom: 15px; }
.login_table_row { height: 20px; line-height: 20px; clear: both; margin-bottom: 4px; }
.login_table_col1 { height: 20px; line-height: 20px; width: 150px; float: left; }
.login_table_col2 { height: 20px; line-height: 20px; float: left; }
/* </Login> */