body, html {
	height: 100%;	
}

html {
	overflow-y: scroll;
}

body {
	background: url(../img/tpl/bg.gif) repeat-x;
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 21px;	
}

form, input, select, textarea {
	margin: 0;
	padding: 0;	
}

p {
	margin-bottom: 21px;	
}

a {
	color: #333333;
	text-decoration: underline;	
}

a:hover {
	text-decoration: none;	
}

h1 {
	margin: 0px 0px 15px 0px;
	font-size: 24px;
	line-height: 30px;
	padding: 0;
	color: #000;	
}

h2 {
	margin: 0px 0px 15px 0px;
	line-height: 27px;	
	font-size: 21px;
	padding: 0;
}

h3 {
	margin: 0px;
	line-height: 24px;	
	font-size: 18px;
	padding: 0;
}

h4 {
	margin: 0px;
	line-height: 24px;	
	font-size: 17px;
	padding: 0;
}

h5 {
	margin: 0px;
	line-height: 21px;	
	font-size: 16px;
	padding: 0;
}

h6 {
	margin: 0px;
	line-height: 21px;	
	font-size: 15px;
	padding: 0;
}

#frame .cm ul, ol {
	padding: 0;
	margin: 0px 0px 21px 0px;
	line-height: 24px;	
	list-style: inside;	
}

#frame .cm ul li, ol li {
	padding-left: 10px;
	
}

.warning {
	clear: both;
	padding: 5px 5px 5px 25px;
	background: url(../img/tpl/warning.gif) no-repeat 5px 7px #e3e3e3;
	font-size: 11px;
	border: 1px solid #0099cc;
	margin-bottom: 20px;		
	line-height: 20px;
}

.betalen .warning {
	margin: 0px 20px 20px 20px;	
}

input[type=text],
input[type=password],
input[type=button],
input[type=submit],
select,
textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333333;	
}

input[type=button],
input[type=submit] {
	cursor: pointer;	
}

input[type=text],
input[type=password] {
	padding: 3px 5px 4px 5px;   
	height: 13px;
	background: url(../img/tpl/input_bg.gif) repeat-x;
	border: 1px solid #e3e3e3;
}

select {
	padding: 0px 0px 0px 2px;
	height: 20px;
	background: url(../img/tpl/input_bg.gif) repeat-x;
	border: 1px solid #e3e3e3;
}

input.error,
select.error {
	border: 1px solid #d00000;
}

table, td {
	border-collapse: 0;
	border-spacing: 0;
	vertical-align: top;
}

img {
	border: none;	
}

.image table, .image table td {
	width: 100%;
	height: 100%;
}

.image table td {
	text-align: center;
	vertical-align: middle;
}

.opac:hover {
	background-color:white;
}

.opac:hover, .opac:hover a, .opac:hover img, .opac:hover input  {
	opacity:0.75;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
}

#container {
	width: 100%;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

#wrapper {
	width: 1000px;
	height: auto;
	position: relative;
	margin: 0 auto;	
}

#wrapper:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#top {
	width: 1000px;
	height: 132px;
	background: url(../img/tpl/top_bg.gif) repeat-x;
	position: relative;
}

#logo {
	width: 116px;
	height: 70px;
	position: absolute;
	left: 20px;
	top: 42px;
}

#merken {
	width: auto;
	height: 25px;
	position: absolute;
	right: 20px;
	top: 45px;
}

#merken .merk {
	float: left;
	width: auto;
	margin-left: 20px;
	height: 25px;	
}

#merken .merk.image table, #merken .merk.image td {
	width: auto;	
}

#hoofdmenu {
	width: auto;
	height: 35px;
	position: absolute;
	right: 20px;
	top: 80px;	
}

#hoofdmenu .item {
	float: left;
	width: auto;
	height: 35px;
	padding: 0px 10px;	
	line-height: 35px;
	background: url(../img/tpl/menu_spacer.gif) no-repeat right;
	font-family: Verdana, Arial, sans-serif;	
}

#hoofdmenu .item.zoeken {	
	padding-right: 0px;
	background: none;
}

#hoofdmenu .item .button {
	height: 20px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	padding: 0;	
	margin-top: 7px;
	line-height: 20px;
	cursor: pointer;
	display: block;
	background: url(../img/tpl/button_small.gif);
	width: 75px;	
}

#hoofdmenu .item .button:hover {
	color: #ffffff;	
	font-size: 12px;
}

#hoofdmenu .zoeken input[type=submit] {
	height: 20px;		
	border: 0;
	background: none;
	color: #333333;
}

#hoofdmenu .item .shoppingbag {
	padding-left: 30px;
	background: url(../img/tpl/shoppingbag.gif) no-repeat 0px 1px;
	float: left;
	cursor: pointer;
}

#hoofdmenu .item .shoppingbag:hover {
	color: #0099cc;	
}

#hoofdmenu .item .shoppingbag .aantal {	
	float: left;
	padding-right: 5px;
}

#hoofdmenu .item .shoppingbag .prijs {	
	position: relative;	
	float: left;	
	font-style: italic;
}

#hoofdmenu .item .shoppingbag .prijs .upper {
	position: relative;
	font-size: 10px;
	left: 2px;
	top: -2px;	
}

#hoofdmenu .item a {
	font-size: 16px;
	color: #333333;	
	text-decoration: none;
	text-transform: uppercase;	
}

#hoofdmenu .item a:hover {
	font-size: 16px;
	color: #0099cc;	
}

#hoofdmenu .item a.active {
	color: #0099cc;
	text-decoration: underline;
}

#submenu {
	width: auto;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 5px;	
	line-height: 20px;
}

#submenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 20px;	
}

#submenu ul li {
	display: inline;
	height: 20px;
	line-height: 20px;
	margin-left: 20px;	
	padding: 0;
}

#submenu ul li a {
	color: #333;
	text-decoration: none;	
}

#submenu ul li a:hover {
	text-decoration: underline;	
}

#content {
	width: 1000px;
	height: auto;
	clear: both;
	margin: 0 auto;	
	line-height: 20px;
}

#content:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#content .sfeer {
	width: 1000px;
	height: auto;
	margin: 1px 0px 15px 0px;
	float: left;
}

#content .sfeer .item {
	width: auto;
	float: left;
	position: relative;		
	cursor: pointer;
	height: auto;
}

#content .sfeer .item .layer {
	width: 100%;	
	height: 45px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000000;
	opacity:0.75;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
	
}

#content .sfeer .item .titel {
	width: 100%;
	height: 45px;
	font-size: 30px;
	color: #fff;
	text-indent: 20px;
	text-transform: uppercase; 
	line-height: 45px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-bottom: 1px solid #fff;
}

#content .sfeer .item .titel a {
	color: #fff;
	text-decoration: none;	
}

#content .sfeer .item .titel h1 {
	font-size: 30px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	line-height: 45px;
	font-weight: normal;	
}

#content .sfeer.home {
	height: 310px;	
}

#content .sfeer.home .item .titel {
	top: 20px;	
}

#content .sfeer.home .item .layer {
	height: 65px;	
}

#content .sfeer.home .item:hover .layer {
	height: 310px;
	opacity:0.3;
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
}

#content .sfeer.bestel .item .titel, #content .sfeer.account .item .titel {
	top: 20px;	
}

#content .sfeer.bestel .item .layer, #content .sfeer.account .item .layer {
	height: 65px;	
}

#content .sfeer img {
	float: left;	
}


#frame .winkels {
	width: 391px;
	height: 100px;
	margin: 1px 0px 0px 0px;
	float: left;		
}

#frame {
	width: 1000px;
	height: auto;
	min-height: 250px;
	clear: both;
	position: relative;	
	padding-bottom: 30px;
}

#frame .home {
	height: auto;	
	width: 1000px;
	float: left;
}

#frame .home .content {
	width: 554px;
	float: left;
	padding: 20px;
	height: 150px;
	overflow: hidden;
	background: #000000;
	color: #fff;
	margin: 0px 15px 0px 0px;
	line-height: 20px;	
}

#frame .home .content h1 {
	margin: 0;
	
}

#frame .home .content h1, 
#frame .home .content h2, 
#frame .home .content h3, 
#frame .home .content h4, 
#frame .home .content h5, 
#frame .home .content h6, 
#frame .home .content a, 
#frame .home .content p, 
#frame .home .content div, 
#frame .home .content table {
	color: #fff;
}

#frame .home .banner {
	width: 188px;
	float: left;
	height: 190px;
	background: #000000;
	color: #fff;	
	overflow: hidden;
	margin: 0px 15px 0px 0px;	
}

#frame .home .banner.no-margin {
	margin-right: 0px;	
}

#frame #items {
	width: 1000px;
	height: auto;
	float: left;	
}

#frame.categorieen #items {
	width: 812px;	
}

#frame .merken {
	width: 188px;
	float: right;
	background: url("../img/tpl/dot_grey.gif") repeat-x scroll center top transparent;	
}

#frame .merken .top {
	text-align: center;	
	font-size: 14px;
}

#frame .merken a {
	display: block;
	line-height: 40px;
	padding-left: 20px;
	font-size: 16px;	
	text-decoration: none;
	background: url("../img/tpl/dot_grey.gif") repeat-x scroll center bottom transparent;
}

#frame .merken a:hover {
	color: #0099CC;	
}

#frame .item {
	width: 188px;
	height: 220px;
	float: left;
	cursor: pointer;
	margin-top: 15px;
	padding-right: 15px;
	background: url(../img/tpl/spacer.gif) 195px top repeat-y;	
}

#frame .item.no-padding {
	padding: 0;	
}

#frame .item.no-margin {
	margin: 0;	
}

#frame.account .item {
	height: auto;	
	margin-top: 0px;
}

#frame .item:hover .prijs, #frame .item:hover a.button {
	background: url(../img/tpl/item_bg_hover.gif) no-repeat bottom;
}

#frame .item:hover .top {
	background: #0099cc;	
}

#frame .item .top {
	width: 100%;
	height: 20px;
	font-size: 14px;
	background: #000000;
	line-height: 20px;
	color: #fff;
	float: left;
	text-align: center;	
}

#frame .item .top a {
	color: #fff;
	text-decoration: none;
}

#frame .item .image {
	width: 168px;
	height: 120px;
	padding: 10px;
	overflow: hidden;	
	float: left;
	position: relative;
}

.image .sale {
	width: 60px;
	height: 30px;
	padding-bottom: 5px;
	position: absolute;
	left: 0px;
	top: 1px;
	background: url(../img/sale.png);
	line-height: 30px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
}

.image .new {
	width: 60px;
	height: 30px;
	padding-bottom: 5px;
	position: absolute;
	left: 0px;
	top: 1px;
	background: url(../img/new.png);
	line-height: 30px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
}


#frame .item .titel {
	width: 188px;
	height: 40px;
	line-height: 20px;
	color: #828282;
	overflow: hidden;
	text-align: center;	
}

#frame .item .titel a {
	color: #828282;
	text-decoration: none;	
}

#frame .item .prijs {
	height: 18px;
	padding: 1px 0px 1px 20px;	
	text-align: left;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	position: relative;	
	background: url(../img/tpl/item_bg.gif) no-repeat bottom;
	float: left;
	width: 168px;
}

#frame .item .prijs .upper {
	font-size: 12px;
	position: relative;
	top: -4px;
	left: 2px;	
}

#frame .item .prijs .van {
	font-size: 12px;
	padding-right: 8px;
}

#frame .item .prijs .van .upper {
	font-size: 9px;
	position: relative;
	top: -2px;
	left: 2px;	
}

#frame .item .content {
	padding: 10px;	
}

#frame .item a.button {
	float: left;
	height: 18px;
	padding: 1px 0px 1px 20px;	
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	width: 168px;
	color: #fff;
	position: relative;	
	background: url(../img/tpl/item_bg.gif) no-repeat bottom;
	display: block;
	text-decoration: none;
}

#frame.categorieen .item, #frame.categorieen .spacer {
	height: 160px;	
}

#frame .paginator {
	padding: 15px 0px;
	clear: both;	
}

#frame .paginator .artikelen {
	margin-left: 20px;	
	float: left;
}

#frame .paginator .paging {
	float: right;
	margin-right: 20px;	
	font-size: 16px;
	font-weight: bold;
}

#frame .paginator .paging a, #frame .paginator .paging span {
	padding: 0px 5px;	
}

#frame .paginator .paging a {
	color: #333;
	text-decoration: none;	
}

#frame .paginator .paging a:hover {
	text-decoration: underline;
}

#frame .paginator .paging span {
	color: #828282;
}

#frame .paginator .paging span.active {
	color: #0099cc;	
}

#filtering {
	height: auto;
	width: 1000px;
	background: #000000;
	margin-top: 1px;
	position: relative;	
}

#filtering .categorieen {
	padding-left: 10px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;	
}

#filtering .categorieen a {
	color: #fff;	
	text-decoration: none;
	padding: 0px 10px;	
}

#filtering .categorieen a:hover {
	color: #0099cc;	
	text-decoration: underline;
}

#filtering .categorieen a.active {
	color: #0099cc;	
}

#filtering .filters {
	padding: 0px 0px 10px 0px;
	height: 20px;	
	line-height: 20px;
	color: #999999;	
}

#filtering .filters .label {
	float: left;
	padding-left: 20px;	
}

#filtering .filters .filter {
	float: left;
	margin-left: 20px;
	padding: 0px 35px 0px 20px;
	background: url(../img/tpl/filter_bg_left.gif) no-repeat #646464;
	color: #fff;
	position: relative;
	height: 20px;	
	cursor: pointer;
}

#filtering .filters .filter.sorteren {
	float: right;	
	margin-right: 20px;
}

#filtering .filters .filter .option {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 35px;
	height: 20px;
	background: url(../img/tpl/filter_bg_right.gif) no-repeat right;
}

#filtering .filters .filter .option .open, #filtering .filters .filter .option .close  {
	position: absolute;
	right: 5px;
	top: 0px;
	width: 15px;
	height: 20px;	
	display: block;
}

#filtering .filters .filter .option .open {
	background: url(../img/tpl/filter_open.gif);
}

#filtering .filters .filter .option .close {
	background: url(../img/tpl/filter_close.gif);
}

#filtering .filters .filter .options {
	position: absolute;	
	left: 0px;
	padding: 10px 0px 20px 0px;
	width: 200px;
	line-height: 20px;
}

#filtering .filters .filter .options a {
	color: #ffffff;
	text-decoration: none;
	padding-left: 20px;
	display: block;
}

#filtering .filters .filter .options a:hover {
	color: #0099cc;
}

#frame.detail .left {
	width: 485px;	
}

#frame .top {
	width: 100%;
	height: 20px;
	font-size: 12px;
	background: #000000;
	line-height: 20px;
	color: #fff;
	text-align: left;	
	float: left;
}

#frame .item .top {
	text-align: center;	
}

#frame.account .top {
	text-align: left;
	text-indent: 20px;		
}

#frame.detail #image {
	width: 395px;
	height: 395px;
	float: left;
	overflow: hidden;
	margin-top: 15px;	
}

#frame.detail #image .sale {
	top: 21px;	
}
#frame.detail #image .new {
	top: 21px;	
}
#frame.detail #thumbs {
	width: 80px;
	height: auto;
	float: right;
	margin-top: 15px;		
}

#frame.detail #thumbs .thumb {
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	cursor: pointer;
	overflow: hidden;	
}

#frame.detail .right {
	width: 500px;	
}

#frame.detail .info {
	margin: 0px 20px;
	padding: 20px 0px;
	height: 150px;
	float: left;
	width: 460px;
	background: url(../img/tpl/dot_grey.gif) repeat-x bottom;	
}

#frame.detail .info h1 {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
}

#frame.detail .info h3 {
	font-size: 12px;
	line-height: 21px;
	margin: 0;
	font-weight: normal;
}

#frame.detail .selectie {
	margin: 0px 20px;
	padding: 20px 0px;
	float: left;
	width: 460px;
	height: auto;
	background: url(../img/tpl/dot_grey.gif) repeat-x bottom;	
}

#frame.detail .selectie .kleuren {
	width: 200px;
	float: left;		
}

#frame.detail .selectie .kleuren .kleur {
	width: 40px;
	height: 40px;
	margin: 10px 10px 0px 0px;
	float: left;	
}

#frame.detail .selectie .kleuren .kleur.no-margin {
	margin-right: 0px;	
}

#frame.detail .selectie .maten {
	width: 240px;
	float: right;	
}

#frame.detail .selectie .maten .maat {
	width: 45px;
	height: 25px;
	margin: 10px 10px 0px 0px;
	float: left;	
	font-size: 18px;
	cursor: pointer;
}

#frame.detail .selectie .maten .maat label {
	width: 45px;
	height: 25px;	
	font-size: 18px;
	cursor: pointer;
	display: block;
}


#frame.detail .selectie .maten .maat:hover, #frame.detail .selectie .maten .maat.active  {
	color: #0099cc;	
}

#frame.detail .selectie .maten .maat.no-margin {
	margin-right: 0px;	
}

#frame.detail .selectie .maten .maat input[type=radio] {
	display: none;
	padding: 0;
	margin: 0;
	text-indent: 0;	
}

#frame.detail .selectie h4 {
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
    color: #333;                
}

#frame.detail .bestel {
	margin: 0px 20px 0px 20px;
	padding: 20px 0px 20px 0px;
	height: auto;	
	width: 460px;
	float: left;
	position: relative;
}

#frame.detail .bestel .prijs {
	width: 220px;
	font-size: 32px;
	float: left;
	line-height: 45px;
	position: relative;	
}

#frame.detail .bestel .prijs .upper {
	position: relative;
	font-size: 16px;
	top: -10px;
	left: 2px	
}

#frame.detail .bestel .prijs .van {
	font-size: 16px;	
	padding-right: 8px;
}

#frame.detail .bestel .prijs .van .upper {
	position: relative;
	font-size: 10px;
	top: -5px;
	left: 2px	
}

#frame.detail .bestel input[type=submit] {
	width: 240px;
	height: 45px;
	float: right;
	background: url(../img/tpl/button_arrow.png) 196px 14px no-repeat #0099cc;
	border: 0;	
	padding: 0px 0px 0px 20px;
	margin: 0;
	position: absolute;
	right: 0px;
	font-size: 30px;
	text-align: left;
	color: #fff;
}

#frame.detail .bestel input[type=submit]:hover, 
#frame.detail .bestel input[type=submit]:focus {
	background-color: #000000;
}

#frame.bestellen .left {
	width: 797px;	
}

#frame.bestellen .right {
	width: 188px;
}

#frame .winkelwagen {
	width: 594px;
	float: left;	
}

#frame .items {
	width: 554px;
	margin: 0px 20px;
	padding: 20px 0px 0px 0px;	
	float: left;
}

#frame .items .item {
	width: 554px;
	height: 50px;
	float: left;
	padding: 10px 0px;
	background: url(../img/tpl/dot_grey.gif) repeat-x bottom;
	line-height: 50px;
	margin: 0;		
}

#frame .items .item.no-border {
	background: none;
}

#frame .items .item div {
	float: left;	
}

#frame .items .item.header {
	font-weight: bold;
	height: 20px;
	line-height: 20px;	
}

#frame .items .item .image {
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0;	
}

#frame .items .item .titel {
	width: 162px;
	height: 50px;
	padding-left: 10px;	
	line-height: 25px;
	text-align: left;
	color: #333333;
}

#frame .items .item.header .image,
#frame .items .item.header .titel,
#frame .items .item.header .maat, 
#frame .items .item.header .aantal, 
#frame .items .item.header .prijs, 
#frame .items .item.header .subtotaal {
	color: #333333;	
	font-size: 12px;
	line-height: 20px;
	height: 20px;
}

#frame .items .item .maat {
	width: 45px;
	padding-left: 10px;	
	font-size: 16px;	
}

#frame .items .item .aantal {
	width: 45px;	
	padding-left: 10px;	
}

#frame .items .item .prijs, 
#frame .items .item .subtotaal {
	width: 75px;
	padding-left: 10px;	
	font-size: 18px;
	position: relative;
	text-align: right;
	background: none;
	height: auto;
	color: #333333;
	line-height: 50px;
}

#frame .items .item .verwijderen {
	font-size: 18px;
	padding-left: 20px;
	padding-right: 20px;
	width: 10px;	
}

#frame .items .item .verwijderen a {
	text-decoration: none;
}

#frame .items .item .verwijderen a:hover {
	color: #0099cc;	
}

#frame .items .item .upper, #frame .totalen .totaal .upper {
	position: relative;
	font-size: 11px;
	top: -5px;
	left: 2px;
}

#frame .totalen {
	margin: 25px 20px 0px 20px;
	float: left;
	width: 554px;	
	
}

#frame .totalen .row {
	float: left;
	line-height: 30px;
	font-size: 14px;
	width: 554px;
}

#frame .totalen .row .label {
	text-align: right;
	padding-right: 30px;	
	float: left;
	width: 324px;
}

#frame .totalen .row .totaal {
	float: right;
	padding-right: 50px;
	text-align: right;	
	font-size: 18px;
	color: #333333;
	position: relative;
}

#frame .buttons {
	width: 797px;
	float: left;
	margin: 20px 0px;	
}

#frame .winkelwagen .buttons {
	width: 594px;
	float: left;
	margin: 20px 0px;	
}

#frame .buttons .next {
	float: right;	
}

#frame input[type=submit].next,
#frame input[type=button].next {
	width: 240px;
	height: 45px;
	float: right;
	background: url(../img/tpl/button_arrow.png) 196px 14px no-repeat #0099cc;
	border: 0;	
	font-size: 18px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	color: #fff;
}

#frame input[type=submit].next:hover, 
#frame input[type=submit].next:focus,
#frame input[type=submit].next:active,
#frame input[type=button].next:hover, 
#frame input[type=button].next:focus,
#frame input[type=button].next:active {
	background: url(../img/tpl/button_arrow.png) 196px 14px no-repeat #000000;
}

#frame input[type=button].prev {
	width: 240px;
	height: 45px;
	float: left;
	background: url(../img/tpl/button_arrow_prev.png) 0px 14px no-repeat;
	border: 0;	
	font-size: 18px;
	padding: 0px 0px 0px 40px;
	text-align: left;
	color: #000000;
}

#frame input[type=submit].prev:hover, 
#frame input[type=submit].prev:focus,
#frame input[type=submit].prev:active,
#frame input[type=button].prev:hover, 
#frame input[type=button].prev:focus,
#frame input[type=button].prev:active {
	background: url(../img/tpl/button_arrow_prev.png) 0px 14px no-repeat;
}

#frame .menu {
	width: 188px;
	float: left;
	line-height: 27px;
	font-size: 14px;	
}

#frame .menu ul {
	padding: 20px 10px;
	margin: 0;
	list-style: none;	
	line-height: 27px;
}

#frame .menu ul li {
	padding: 0px;	
}

#frame .menu ul li ul {	
	padding: 0;	
}

#frame .menu ul li a {
	display: block;
	text-decoration: none;
	padding: 0px 10px;	
	background: url(../img/tpl/dot_grey.gif) repeat-x bottom;		
}

#frame .menu ul li a:hover {
	color: #0099cc;	
}

#frame .menu ul li ul li a {
	padding: 0px 20px;		
}

#frame .content {
	padding: 10px 0px 0px 0px; 
	float: left;		
}

#frame .cm {
	width: 797px;
	height: auto;
	float: right;	
}

#frame .cm .content {
	padding: 20px;
}

#frame .content ul.stappen {
	padding: 0;
	margin: 0px;
	list-style: none;
	line-height: 40px;
	font-size: 18px;	
}

#frame .content ul.stappen li span {
	padding-right: 10px;	
}

#frame .content ul.stappen .active {
	color: #0099cc;	
}

#frame .content ul.stappen a {
	color: #0099cc;	
	text-decoration: none;
}

#frame .content ul.stappen a:hover {
	text-decoration: underline;	
}

#frame .form {
	float: left;	
}

#frame .form .content {
	margin: 0px 20px;	
}

#frame .form.betalen, #frame .form.gegevens {
	width: 	594px;
}

#frame .form.betalen .buttons, #frame .form.gegevens .buttons {
	width: 	594px;
}

#frame .form.betalen .betaalwijze {	
	width: 	554px;
	float: left;
	background: url(../img/tpl/dot_grey.gif) repeat-x top;
	padding: 10px 0px;
	margin: 0px 20px;
	cursor: pointer;
	position: relative;	
	clear: both;
}

#frame .form.betalen .betaalwijze:hover, #frame .form.betalen .betaalwijze.active {
	background-color: #e3e3e3;	
}

#frame .form.betalen .betaalwijze .image {
	width: 100px;
	float: left;
	height: 60px;
	text-align: center;	
}

#frame .form.betalen .betaalwijze .titel {
	font-size: 14px;
	color: #0099cc;	
	line-height: 24px;
}

#frame .form.betalen .betaalwijze .info {
	height: 36px;	
}

#frame .form.betalen .betaalwijze .betaalmethodes {
	margin-top: 20px;	
	float: left;	
	display: none;
	position: relative;
	left: 100px;
	width: 454px;
}

#frame .form.betalen .betaalwijze .betaalmethodes .betaalmethode {
	line-height: 30px;
	cursor: pointer;
}

#frame .form.betalen .betaalwijze .betaalmethodes .betaalmethode img {
	vertical-align: middle;		
}

#frame .form.betalen .betaalwijze .betaalmethodes .betaalmethode input {
	margin: 0px 5px;	
}

#frame .margin-top {
	margin-top: 40px;	
}

#frame .margin-bottom {
	margin-bottom: 40px;	
}

#frame .form.small {
	width: 	188px;
	margin-left: 15px;
}

#frame .form.small .fieldset {
	padding: 10px 0px 0px 0px;	
}

#frame input[type=submit],
#frame input[type=button] {
	width: 188px;
	margin: 20px 0px 0px 0px;
	height: 20px;
	background: url(../img/tpl/item_bg_hover.gif);
	color: #fff;
	padding: 0px 0px 0px 20px;
	border: none;
	text-align: left;
}

#frame input[type=submit]:hover,
#frame input[type=submit]:focus,
#frame input[type=button]:hover,
#frame input[type=button]:focus {
	background: url(../img/tpl/item_bg.gif);
}

#frame .overzicht {
	line-height: 24px;	
}

#frame .overzicht .label {
	width: 95px;	
}

#frame .overzicht .value {
	width: 53px;
	text-align: right;	
}

#frame .overzicht .prijs {	
	font-size: 18px;
	float: left;	
	position: relative;	
}

#frame .overzicht .prijs .upper {
	position: relative;
	font-size: 11px;
	top: -5px;
	left: 2px;
	padding-right: 2px;	
}

#frame .fieldset {
	float: left;
	margin: 0px 20px;
	padding: 20px 0px;	
}

#frame .fieldset label {
	padding-left: 10px;	
}

#frame .fieldset .info {
	position: relative;
	float: left;
	z-index: 1;	
}

#frame .fieldset .info span {
	display: none;
}


#frame .tooltip {
	padding: 20px 0px 10px 0px;
	width: 210px;
	height: auto;
	position: absolute;
	top: 10px;
	z-index: 10;
}

#frame .tooltip .top {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 210px;
	height: 20px;	
	padding: 0;
	margin: 0;
	background: url(../img/tpl/tooltip_bg_top.png);	
}

#frame .tooltip .content {
	padding: 0px 30px;
	margin: 0;
	width: 150px;
	height: auto;	
	background: url(../img/tpl/tooltip_bg.png);	
	z-index: 10;
}


#frame .tooltip .bottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 210px;
	height: 20px;	
	margin: 0;
	background: url(../img/tpl/tooltip_bg_bottom.png);	
}

#frame.account .left {
	width: 594px;	
}

#frame.account .login {
	width: 594px;
	margin-left: 0px;	
}

#frame.account .login .button {
	text-align: right;	
}

#frame.account .right {
	width: 391px;	
}

#frame.bestellen .loader {
	width: 65px;
	height: 60px;
	float: left;
	background: url(../img/tpl/loader.gif) no-repeat left center;	
}

.left {
	float: left;
	height: auto;	
}

.right {
	float: right;
	height: auto;	
}

.left .top, 
.right .top {
	height: 20px;
	width: 100%;
	text-indent: 20px;
	font-size: 14px;
	color: #fff;	
	line-height: 20px;
	background: #000000;
	float: left;
}

.left .top h1, 
.left .top h2,
.right .top h1,
.right .top h2 {
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	margin: 0;
	font-weight: normal;
}

.left .content,
.right .content {
	margin: 0px 20px;
}

.line {
	background: url(../img/tpl/dot_grey.gif) repeat-x bottom;
}

.form .fields {
	line-height: 32px;	
}

.form.login .fields {
	line-height: 24px;
}

.form .fields .label {
	width: 140px;	
}

.form .fieldset .spacer {
	height: 24px;
	background: url(../img/tpl/dot_grey.gif) repeat-x center;	
}

.clear {
	clear: both;	
}

#footer {
	margin: 15px 0px 0px 0px;
	padding: 15px 0px;
	height: auto;
	width: 100%;
	background: #efefef;
	position: relative;
	clear: both;
}

#footer .content {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0px;
	color: #666666;
	position: relative;
}

#footer .content:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;	
}

#footer .sellingpoints {
	width: 322px;
	height: 60px;
	background: url(../img/sellingpoints.jpg);
	position: absolute;
	right: 20px;
	top: 120px;
}

#footer .content .copyright {
	width: 128px;
	padding-left: 20px;
	display: inline;
	float: left;
	line-height: 20px;
	position: absolute;
	right: 35px;
	bottom: 40px;
}

#footer .content .items {
	width: 128px;
	padding-left: 20px;
	display: inline;
	float: left;
	line-height: 20px;
	margin-right: 15px;
	min-height: 100px;
}

#footer .content .items ul {
	margin: 0;
	padding: 0;	
}

#footer .content div.items.bg {
	width: 188px;
	float: left;
	line-height: 20px;
	margin-right: 15px;
	background: url(../img/tpl/item_bg_top.gif) no-repeat top #bfbfbf;
	padding: 15px 0px 0px 0px;
}

#footer .content div.items.bg ul {
	padding: 0px 10px 15px 10px;
	background: url(../img/tpl/item_bg_bottom.gif) no-repeat bottom;
	font-size: 14px;
	color: #fff;
}

#footer .content div.items.bg ul li {
	padding: 0px 10px;
	border-bottom: 1px solid #fff;	
}

#footer .content div.items.bg ul li a {
	color: #fff;	
}

#footer .content div.items.bg ul li a:hover {
	color: #0099cc;
	text-decoration: none;	
}

#footer .content .items.no-margin {
	margin-right: 0px;
}

#footer .content ul  {
	list-style: none;
	margin: 0px;
	line-height: 20px;
}

#footer .content ul li  {
	padding: 0;	
}

#footer .content .items a,
#footer .content .copyright a {
	color: #666666;
	text-decoration: none;
}

#footer .content .items a:hover {	
	text-decoration: underline;
}