{            /*** zorgt dat alles op 0 staat ***/
padding: 0;
margin: 0;
border: 0;
}
body, html {
color: #FFFFFF;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 10px;
background:#000 url(background/gras.jpg);
background-repeat:repeat;
background-attachment:fixed;
/*background-color: #000;*/ 
text-align: center; /*** de site centreren in oudere vesies van IE***/
}

p {
padding: 10px 0 10px 0;
color: #FFFFFF; 
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 12px;
}

a{
color: #FFFFFF;
text-decoration: none
}
a:hover {
color: #FFD400;
text-decoration: none;
}

table.tekst {
width: 100%;
}

table.midden, table.groot {
border-collapse: collapse; 
border-style: none;
cellspacing: 0;
cellpadding: 0;
background-color: #777777;
text-align: center;
vertical-align: middle
}

td.midden, td.klein, td.groot, td.teamklein, td.teamgroot  {
border: 1px solid #ffffff;
cellspacing: 0;
cellpadding: 0;
}

td.klein {
width: 10px;
}

td.midden {
width: 100px;
}

td.groot {
width: 390px;
}

td.teamklein {
width: 80px;
}

td.teamgroot {
width: 239px;
}


h1 {
color: #FFFFFF; 
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 30px;
font-variant: normal;
}

h2 {
color: #FFFFFF; 
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 16px;
font-variant: normal;
}

tr.titel {
color: #FFFFFF; 
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 30px;
}

tr.menu {
color: #FFFFFF; 
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 20px;
}

ul { 
list-style-image: url('images/bolletje.gif');
list-style-position: outside;
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 16px;
}

li { 
color: #FFFFFF; 
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: 13px;
}

.clear { 
clear: both; 
}
#mainContainer {
width: 950px;
margin: 0 auto; /*** de site centreren***/
min-height: 300px;
background-image:url('images/background.gif');
background-repeat: repeat-y;
text-align: left; /*** omdat de site gecentreerd is, moeten we de tekst links oplijnen***/
}
* html #mainContainer {
height: 300px; /*** hoogte hacken voor IE***/
}
/**************************
HEADER
**************************/
#header {
height: 212px;
width: 950px;
background-image:url('images/header.jpg');
background-repeat: no-repeat;
background-position:center;
padding: 0px
}
#header1
{
z-index:100;
width: 731px;
position: absolute;
top: 118px;
margin-left: auto;
margin-right: auto;
}

/**************************
CONTENT
**************************/
#content {
float: right;
width: 549px;
background-image:url('images/backgroundcontent.gif');
background-repeat: repeat-y;
padding-right: 50px;
position: relative; /*** IE heeft dit nodig***/
}

.contentWrap {
padding: 30px;
}

.contentWrap ol, .contentWrap ul {
margin: 1px 0 1px 10px;
}

.contentWrap li {
padding-bottom: 2px;
}

/**************************
LEFT COLUMN
**************************/

#left {
float: left;
width: 349px;
background-color: #084200;
background-image:url('images/leftbackground.gif');
background-repeat: repeat-y;
padding-top: 0px;
padding-left: 0px;
position: static; /*** IE heeft dit nodig ***/
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}

/**************************
FOOTER
**************************/
#footer {
width: 950px;
height: 45px;
margin: 0 auto;
text-align: right;
background-image:url('images/footer.gif');
}

#lichtkrant {
padding-right: 40px; 
}

img {
border: 0px; 
}


/***********
 * WEBSHOP
 */

.clear-both {
	clear: both;
}

.product .image {
	width: 100px;
	float: left;
}

.product .info {
	width: 300px;
	float: left;
	padding-left: 20px;
}

.product .info ul {
	margin: 0;
	padding: 0 0 10px 20px;
}

#basket.floating {
	width: 200px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background-image: url('images/backgroundcontent.gif');
	border: 2px solid #0d6801;
	box-shadow: 5px 5px 5px #000;
	padding: 10px;
	z-index: 999;
}

#basket .show-on-float {
	display: none;
}

#basket.floating .show-on-float {
	display: inherit;
}

#basket.floating .show-on-docked {
	display: none;
}

#basket.floating h2 {
	font-size: 14px;
}

.order-complete td {
	vertical-align: top;
}


.bestelling td {
	vertical-align: top;
}

.order-complete input {
	width: 120px;
}

.order-complete textarea {
	width: 120px;
}

.clickable {
	cursor: pointer;
}