html {
height: 100%; /* héél belangrijk */
}

body {height: 100%;
	background: #A2B6D1 url(bg2.jpg) repeat-x fixed 50% 100%;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #203009;
	font-size: 1em;
}

div.container {
	background: #A2B6D1 url(bg_2.jpg) repeat-x  50% 100%;
	width: 1000px;
	background-color: #F3F3F3;
	position: absolute; 
	left: 50%;
	margin-top: 0px; margin-left: -500px; 
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}

/*BOVENSTE DEEL WEBSITE*/
div.container_top {height: 180px; width: 1000px;
	background: #A2B6D1;
}
.logo	{background: #C4D0E1; /* E2E6CC A2B6D1 DBD9DE*/
	width: 225px; height: 150px;
	
}
.dia	{ 
	float: right; 
	width: 775px; 
	height: 150px;
	
}

#slideshow {
    position:relative;
    height:150px;
    width: 775px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.top	{height: 20px;
	background: #5478A9;
	text-align: right;
	padding: 5px;
}
ul.nav_top  {}
ul.nav_top li {display: inline;
	padding: 0px 15px;
	border-left: solid 1px #FFFFFF;}
ul.nav_top a {color: #FFFFFF;
	text-decoration: none;}
ul.nav_top a:hover {color: #D22620;}


/*MIDDEN WEBSITE*/
.container_midden {position: relative;
	top: 0px;
	background: #A2B6D1 url(bg_2.jpg) repeat-x fixed 50% 100%;
	background-color: #F3F3F3;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
}

.links	{
	float: left;
	width: 182px;
	position: relative;
	top: 0px; left: 0px;
	background: #A2B6D1 url(bg_2.jpg) repeat-x fixed 50% 100%;
	background-color: #F3F3F3;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	
}

ul.nav_links{
	background-color: #203009/*2A2E1C*/;
	width: 182px;
	border: 0px solid red;
}

ul.nav_links li{
	border-bottom: 1px solid #4C5131/*999999*/;
}
ul.nav_links li a{
	text-decoration: none;
	color: white;
	margin-left: 5px;
	
}

ul.nav_links li ul{
	background-color: #4C5131 /*454545*/;
	width: 162px;
	padding-left: 20px;
}
ul.nav_links li ul li{
	border-bottom: 1px dotted #A2B6D1/*red*/;
	
}

ul.nav_links li ul li a{
	text-decoration: none;
	width: 100%;
}
ul.nav_links li a:hover{color: #D7DC7E/*A2B6D1*/; }

.content	{
	position: relative; top: 0px;
	width: 590px;
	border:0px solid green;
	background: #A2B6D1 url(bg_2.jpg) repeat-x fixed 50% 100%;
	background-color: #F3F3F3;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.9em;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	float: left;
	word-wrap: break-word;
}
.content ul, ol { 
	list-style: circle;
	list-style-position:inside; 
}

#rightColumn{
	background-color: #D1D6B6;
	padding: 8px;
	font-size: 0.8em;
	width: 190px;
	float: right;
	word-wrap: break-word;
}

#miniCart,#miniCart table{
	width: 190px;
	font-size: 0.9em;
}

#miniCart .article0{
	background: #BABF9E;
}
#miniCart .article0 td{
	vertical-align: top;
	padding: 2px;
}


#miniCart .article1{
	
}
#miniCart .article1 td{
	vertical-align: top;
	border-bottom: 1px solid #939977;
	padding: 2px;
}


.bestellijst{
	font-size: 0.9em;
}

.bestellijst tr td{
	border-bottom: 1px solid #939977;
	padding: 1px 2px 1px 2px;
}

.bestellijst .add2cart{
	cursor: pointer;
}


input, select{
	padding: 2px;
	background-color: white;
	border: 1px solid #999;
}
input[type=submit]{
	padding: 1px!important;
	background-color: #C4D0E1;
	color: black;
}

#searchResult td{
	vertical-align: top;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #bbb;
	font-size: 0.9em;
}

#searchResult a{
	font-weight: bold;
	color: #277F19;
}

.note{
 font-size: 0.9em;
}

.error{
	color: #F00;
	font-weight: bold;
	font-size: 0.9em;
}

/*ALGEMENE OPMAAK*/
a {color:#4C5131; }
a:hover {color: #B0B731;}
p{
}

h1 {color: #607025;
	font-size: 1.8em;
	padding-top: 4px; padding-bottom: 6px;
}
h2 {font-size: 1.6em;

}

h3 {font-size: 1.4em;
	color: #D7DC7E;

}
h4 {

}
h5 {

}
/*copyright linken*/
.copyright{
	text-align: left;
	/*position: fixed;
	bottom:0px; */
	width: 110px;
	height:15px;
	position: absolute;
	bottom: 0;
}
.copyright a:link	{color: #5478A9;
		font-size:0.8em;
		font-weight: 400;
		text-decoration: none;
}
.copyright a:visited	{color: #5478A9;
		font-size:0.8em;
		font-weight: 400;
		text-decoration: none
}
.copyright a:active	{color: #5478A9;
		font-size:0.8em;
		font-weight: 400;
		text-decoration: none
}
.copyright a:hover	{color:#5478A9;
		font-size:0.8em;
		font-weight: 400;
		text-decoration: none;
		cursor: pointer;
}
/*NIEUWS ITEMS*/
#nieuws{
	border: 0px solid red;
}

#nieuws li{
	margin-top: 25px;
	border-bottom: 1px solid  #B0B731;
	font-size:0.8 em;
}

#nieuws li img{
	float: left;
	margin: 5px 20px 5px 0px;
}
/*ONDERZIJDE PAGINA*/
#footer {position: absolute;
width: 1000px;
height: 20px;
bottom: 0px; /* heel belangrijk */
border: 0px solid red;
}
