/* CSS Document */

/* ------------------------------------- */
/* --------------- GLOBAL -------------- */
/* ------------------------------------- */

body {
	background: #D1D1D1 url(../img/bg.jpg) repeat-x;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#container {
	width: 850px;
	margin: 0 auto;
	background:url(../img/bg_content.jpg) repeat-y;
}

#header {
	width:850px;
	height:158px;
	position: relative;
}

#contentContainer {
	width: 796px;
	height:100%;
	margin:0 auto;
}

#left{
	width:192px;
	float:left;
	background:#FFFFFF url(../img/bg_leftgradient.jpg) top no-repeat; 
	height:100%;
}


#right{
	float:left;
	width:600px;
	height:100%;
	color:#000000;
	text-align:left;
}

#right p{
	padding-right:5px;
}

#taalKeuze{
	top:35px;
	right:45px;
	width:100px;
	position:absolute;
}

#taalKeuze select {
	margin:0;
	padding:0;
}

#footer {
	background:url(../img/footer.jpg) no-repeat bottom center;
	width:850px;
	height:73px;
}

#footerText {
	width: 500px;
	position:relative;
	right:40px;
	top:45px;
	float:right;
}


#footerText p {
	color:#FFFFFF; 
	margin: 0;
	text-align:right;
}

#spacer {
clear: both;
}


.green_line {
	height: 3px;
	background-color: #88AA88;
}

.offer {
	background-color: #FCFAC1;
	border: 1px solid #88AA88;
	color: #294121;
}

.offer .padding {
	padding: 5px;
}

.offer h1{
	background-color: #FCFAC1;
	color: #336633;
	font-style: normal;
	padding: 0;
}

h1 {
	color:			  #FFFFFF;
	font-size:        16px;
	background-color: #88AA88;
	padding-left:	  10px;
	font-style:		  italic;
}

h2 {
	color:            #336633;
	font-size:        14px;
	font-style:		  italic;
}

h3 {
	color:			  #FFFFFF;
	font-size:        14px;
	background-color: #336633;
	padding-left:	  10px;
	font-style:		  italic;
}

.postcode {
	color:            #336633;
	font-weight:	  bold;
}

/* ------------- NAVIGATION TOP ------------ */
/* ------------------------------------- */

ul#nav {
	width: 600px;
	margin:125px 0 0 210px; 
	padding: 0;
	float: left;
	display:inline;
}
	ul#nav li {
		float: left;
		display: block;
		border-right: 1px solid #FFFFFF;
	}
	
	ul#nav li.last {border: none}
		
	ul#nav li a {
		display: block;
		padding: 0 7px;
		text-decoration: none;
		color:#FFFFFF;
	}
	
	ul#nav li a:hover {
		text-decoration: underline;
	}
	
/* ------------------------------------- */
/* ------------- NAVIGATION LEFT ------------ */
/* ------------------------------------- */
	
#left ul{
	padding:0;
	margin:0;
}
 
#left li{
	display:block;
	height:20px;
	padding-left:17px;
	background: url(../img/menuItem.jpg) no-repeat 5px center;
	line-height:20px;
	list-style:none;
	font-weight:bold;
	font-size: 0.9em;
}

#left li.sub{
	background: url(../img/submenuItem.jpg) no-repeat 20px center;
	padding-left:35px;
	font-style:italic;
}
 
#left li a{
	color:#333333;
	font-weight: bold;
	text-decoration: none;
}

#left li a:visited {	color:#333333; } 
#left li a:hover { color: #333333; text-decoration: underline; }
#left li a:focus { color:#333333; }
#left li a:active { color: #333333; }

	
/* ------------------------------------- */
/* --------------- EXTRAS -------------- */
/* ------------------------------------- */

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

a:hover{
	text-decoration: underline;
}

a.copyright{
	text-decoration: none;
	color:#FFFFFF;
}

a.copyright:hover{
	text-decoration: underline;
}

a.link{
	color:#88AA88;
	text-decoration: underline;
}

a.link:hover{
	text-decoration: none;
}

a.product{
	font-weight: bold;
	color: #044704;
	font-size: 12px;
}

.title{
	font-size: 14px;
	color: #336633;
	font-weight: bold;
	line-height: 25px;
}

.news_datum{
	font-size:10px;
	color:#88AA88;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px dotted #88AA88;
}

input {
  font-size        : 11px;
  color            : white;
  background-color : #88AA88;
  border           : 1px solid #336633;
}

textarea {
  font-size        : 11px;
  color            : white;
  background-color : #88AA88;
  border           : 1px solid #336633;
}

select {
  font-size        : 11px;
  color            : white;
  background-color : #88AA88;
  border           : 1px solid #336633;
}

.hoofding
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.img {
	border: 1px solid #88AA88;
	padding: 3px;
}

.bestel_gegevens {
	background-color:#88AA88;
	border: 1px solid #336633;
	color:#FFFFFF;
	padding:5px;
}

a{
	color:#88AA88;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}