/** HTML */

html, body {
  body: 100%;
  height: 100%;
}

/** BODY */

body {
  	margin: 0;
	padding: 0;
	background: #0C0835 url(../images/achtergrond/achtergrond1.jpg) no-repeat;
	background-position: center center;
	background-attachment: fixed;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F8B51F;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	padding-top: 0;
  	color: #F8B51F;
	letter-spacing: 1px;
  	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0;
	background: transparent url(../images/achtergrond/h1.gif) 0 5px repeat-x;
	padding: 5px 0px 25px 0px;
	font-weight: bolder;
	letter-spacing: 3px;
	font-size: 36px;
}

h2 {
	margin: 0;
	padding: 5px 0px 10px 0px;
	font-weight: bolder;	
	font-size: 18px;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: bolder;
}

a {
  	font-weight: bolder;
	color: #F8B51F;
	text-decoration: none;
}

a:hover {
  	font-weight: bold;
  	color: #EE4223;
	text-decoration: none;
}

img {
  border: 0px solid black;
}

img, div {
	behavior: url(../css/iepngfix.htc)
}

.titel { font-weight: bold; color: #990000; font-size: 14px; text-transform: uppercase; }

/** CONTAINER */

#container {
	position: relative;
	clear: both;	
	width: 820px;
	height: auto;
	margin: 0 auto;
}

/** HEADER */

#header {
	position: relative;
	background: transparent url(../images/achtergrond/kader-top.png) no-repeat;
	width: 820px;
	height: 50px;
	margin: 0 auto;
	margin-top: 40px;
}	

/** KADER */

#kader {
	background: transparent url(../images/achtergrond/kader-center.png) no-repeat;
	top: 0px;  
	text-align: left;
	width: 820px;
	margin: auto;
}

/** FLASH */

#flash {
	position: absolute;	
	right: 0px;
	bottom: 15px;
}

#flash-index {
	position: absolute;	
	right: 0px;
	bottom: 0px;
}

/** MENU */

#menu {
	position: absolute;
	display: block;
	left: 0px;
	width: 200px;
	margin: 20px 0px 0px 17px;
	padding: 0px;
	text-align: left;	
}

#menu ul {
	list-style-type: none;
}

#menu li {
	display: inline;
}	

/** CONTENT */

#content {
	position: relative;
	left: 130px;
	width: 500px;
	margin: 0 auto;
	height: 700px;
}

#content p {
	margin: 0;
	text-align: left;
	line-height: 150%;
	padding-bottom: 15px;
}

#content p.vet {
	font-weight: bold;
	font-size: 14px;
}

#total {
	width: 630px;
	padding: 10px 10px 0 80px;
}

#content ul {
	padding-bottom: 10px;
}	

#content li {
	margin-left: -25px;
}

/** TABEL */

#contact { width: 100%; }

#contact #k1 { width: 50%; }
#contact #k2 { width: 50%; }

#voorbeeld { width: 100%; }

#voorbeeld #k1 { width: 33%; text-align: left; }
#voorbeeld #k2 { width: 33%; text-align: center; }
#voorbeeld #k3 { width: 33%; text-align: right; }

/** HOME-CONTACT - MEERFOTO */

#home-contact {
	position: absolute;
	left: 60px;
	width: 500px;
	height: 20px;
	bottom: 70px;
	margin: 0 auto;
	line-height: 150%;
}

#meerfoto {
	position: absolute;
	right: 0px;
	text-align: right;
	width: 140px;
	height: 20px;
	bottom: 0px;
	margin: 0 auto;
}	

#home-contact p, #home-contact a, #meerfoto p, #meerfoto a {
	font-size: 14px;
	font-weight: bold;
	color: #0C0835;
}

#home-contact a:hover, #meerfoto a:hover {
	color: #686DF0;
	text-decoration:none;
}

.naw, .naw a {
	font-size: 90%;
}

/** FOOTER */

#footer {
	background: transparent url(../images/achtergrond/kader-bottom.png) no-repeat;
	clear: both;
	width: 820px;
	height: 50px;
	margin: 0 auto;
}

#footer #text {
	position: relative;
	width: 750px;
	margin: 0 auto;
	padding-top: 40px;
}	

#footer #text p {
	margin: 0;
	text-align: left;
	font-size: 11px;
	color: #F8B51F;
}

#footer #text a {
	color: #F8B51F;
	font-weight: bold;
}	

#footer #text a:hover {
	color: #686DF0;
	text-decoration:none;
}