/* CSS Document */
html { 
	height: 100%; 
	margin-bottom: 1px; 
}
body {
	background-image: url(../layout/page_background.png);
	background-repeat: repeat-x;
	background-color: #C3C3C3;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.83em;	
	font-family: Trebuchet MS, Lucida Sans, Arial, Verdana;
}
table {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	background-color: white;
}
table th {
	background-color:#FF0000;
}
table td {
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
img {
	border: 0px;
}
.maintable {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	background-color: white;
}

.maintable th {
	border-style: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color:#CCCCCC;
	font-weight:bold;
	vertical-align: top;
	text-align: left;
	
}
.maintable td {
	border-style: 0px;
	padding-left: 10px;	
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}


a {
	color: #0066FF;
}
a:hover, #sub-section a:active { 
	color:#FF6600;
}

.tblAlternateRow {
	background-color: #EEE;
}
.tblAlternateRowLine {
	background-color: #EEE;
	border-top: solid 1px #CCCCCC; 
}
.tblAlternateBold {
	background-color: #EEE;
	font-weight: bold;
}

.tblFloatRight {
	float:right;
}
.tblFloatLeft {
	float:left;
}

#wrapper {
	background: #FFFFFF;
	margin-top: 15px;
}

#header {
	background: #000000;
	background-image: url(../layout/header.jpg);
	height: 120px;
}

#menu {
	background:#FFFFCC;
	background-image: url(../layout/menu_background.png);
	height: 30px;
	border-top: 1px solid #6A6A6A;
	border-bottom: 1px solid #6A6A6A;
}

#menucontent {
	margin-left: 105px; 
}
#menucontent ul{
	margin: 0;
	padding: 0;
	display: inline;
}
#menucontent li {
	list-style: none;
	display: inline;
	margin-top: -11px;
}
#menucontent a {
	width: 110px;
	height: 30px;
	color: #FFFFFF;
	text-transform: uppercase;	
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
	background: url("../layout/menu_buttons_new.png") no-repeat;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#menucontent a:hover { 
	background-position: 0 -30px;
	color: #000000;
}
#menucontent a:active {
	background-position: 0 -60px;
	color: #000000;
}
#menucontent a.selected {
	background-position: 0 -60px;
	color: #FFFFFF;
}

#breadcrumb {
	margin-left: 20px;
	padding-top: 9px;
	text-align: left;
}

#content-wrapper {
	width: 980px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
}

#sub-menu {
	float:left;
	width: 140px;
	background-color: #cccccc;
	margin-left: 20px;
    _margin-left: 10px;
	margin-right: 0px;
	margin-top: 15px;
	text-align: left;
	padding: 10px 10px 20px 10px;
}

#sub-menu h3 {
	font-size: 120%;
	margin-top: 0px;
	margin-bottom: 2px;
}
#sub-menu a {
	color: #0066FF;
	display: lock;
	line-height: 20px;
}
#sub-menu a:hover, #sub-menu a:active {  
	color:#FF6600;
}

#content {
	float:left;
	width: 560px;
	background-color: #FFFFFF;
	margin-left: 20px;
}
#content-home {
	float:left;
	width: 700px;
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-left: 25px;
	_margin-left: 13px;
}
#content H1, #content-home H1 {
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 140%;
	line-height: 30px;
	padding-top: 0px;
	margin-top: 15px;
}
#content H2 {
	border-bottom: 1px solid #000000;
	line-height: 25px;
	font-size: 110%;
	margin-bottom: 5px;
}
#content H3 {
	font-size: 110%;
	margin-bottom: 5px;
}
#content H4 {
	font-size: 100%;
	margin-bottom: 20px;
}
#content H5 {
	font-size: 100%;
}
.note{ 
	font-size: 90%;
}
#content ul { 
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px; 
	margin-bottom: 15px;
	padding: 0px;
}
#content li { 
	margin-left: 20px;
}


.content-img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
}

#sub-section {
	float: right;
	width: 180px;
	background-color: #FFFFFF;
	margin: 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}
#sub-section-home {
	float: right;
	width: 200px;
	background-color: #FFFFFF;
	margin: 0px;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 15px;
	margin-bottom: 20px;
}
#sub-section H1, #sub-section-home H1 {
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 120%;
	line-height: 30px;
	padding-top: 0px;
	margin-top: 15px;
}
#sub-section H2 {
	font-size: 110%;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 10px
}
#sub-section H3 {
	font-size: 110%;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 10px
}
#sub-section H4 {
	font-size: 100%;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 10px
}

#sub-section td {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
}
#sub-section a {
	color: #0066FF;
	display: lock;
	text-transform: uppercase;	
	font-size: 85%;
	line-height: 18px;
	
}
#sub-section a:hover, #sub-section a:active {  
	color:#FF6600;
}
#sub-section-obsolete img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	h-align: center;
}

#footer {
	clear: left;
	background-color: #C3C3C3;
	background-image: url(../layout/footer_background.jpg);
	height: 31px;
	padding-top: 5px;
	color: #DDDDDD;
	font-size: 90%;
	font-weight: bold;
	text-align: center;	
}
#footer a {
	color:#FFFFFF;
}
#footer a:hover, #sub-section a:active {  
	color: #FF6600;
}

/*** form elements ***/

input, select, textarea {
	font-family: Trebuchet MS, Lucida Sans, Arial, Verdana;
}
.inputtext {
	width: 200px; 
}
.inputtextsmall {
	width: 100px; 
}

/*** Basket elements ***/

.buttonwinkelmandje1 {
  border: 0px; 
  margin-top: 2px;
}
.buttonwinkelmandje2 {
  border: 0px; 
  margin-top: 6px;
  margin-bottom: 6px;
}

.labelbtw {
  color: #777777;
}

.basketheader1 {
  background: url('../layout/basket-top.png') no-repeat scroll 0pt 0pt transparent; 
  height: 4px; 
  width: 180px;
}
.basketheader2 {
  background-color: #CCCCCC;
  clear:both;
  display:block;
  margin:0;
  padding:0 8px;
}
.basketmain {
  float: left; 
  width: 180px; 
  line-height: 24px;
  background: url('../layout/basket.png') no-repeat scroll left bottom transparent ! important;
}
.basketbottom {
  width: 160px; 
  margin: 10px 8px 10px 8px;
}


.product0 {
  width: 160px; 
  height: 40px; 
  margin: 10px 8px 10px 8px; 
}

.product1{
  width: 160px; 
  xheight: 105px; 
  margin: 10px 8px 10px 8px; 
  xborder-bottom: solid 1px #CCCCCC;
}
.productdivider {
  clear: left;
  width: 160px; 
  height: 5px;
  margin: 10px 8px 10px 8px; 
  border-bottom: solid 1px #CCCCCC;
}



.title_left {
  float: left; 
  font-weight: bold;
}
.title_right {
  float: right; 
  font-weight: bold;
}
.basketbutton {
  float: right; 
  padding-top: 10px;
}
.basketfooter {
  color: #999999; 
  font-size: 80%;
}

/*******************************************************************/

/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */
/*
#header,#menu,#content,#sub-section,#footer {overflow:hidden;display:inline-block;text-align:left}
#header,#menu,#footer {width:100%}  safari and opera need this */