body {
  margin: 20px 0 0 0;
  padding: 0;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 72.5%;
  text-align: center;
  background: #0C0B0B url(../gfx/bg.jpg) no-repeat center 0;
  color: #ccc;
}

img {
  border: none;
}

hr {
  display: none;
}

h1 {
  display: none;
}

.main {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 750px;
  color: white;
}

/* HEADER ********************************************************************/

.header {
  position: relative;
  float: left;
  height: 200px;
  width: 750px;
  color: white;
  padding: 0;
  margin: 0;
}

.headerBG {
  margin-left: 10px;
  background: url(../gfx/backgr_topedge.gif) repeat-x;
  width: 680px;
  height: 200px;
}

.headerLeft {
  position: absolute;
  z-index: 101;
  top: 0px;
  left: 0px;
}

.headerRight {
  position: absolute;
  z-index: 102;
  top: 0px;
  right: 7px;
}

.skinLeft {
  position: absolute;
  z-index: 150;
  left: 13px;
  top: 74px;
}

.skinTitle {
  position: absolute;
  z-index: 151;
  right: 13px;
  top: 200px;
}

.skinSeparate {
  position: absolute;
  z-index: 152;
  left:208px;
  top:74px;
}

.skinBanner {
  position: absolute;
  z-index: 153;
  left:42px;
  top:500px;
}

.skinBanner.contact { top: 550px; }

a.squell {
	background: url('../gfx/banner_squell.gif') no-repeat;
	padding: 24px 0 0 84px;
	position: absolute;
	top: 82px;
	left: 220px;
	height: 80px;
	color: #c5e1f6;
	text-decoration: none;
	font-size: 95% }
	a.squell:hover {
		color: white; }
	a.squell em {
		border-bottom: 1px solid #5698ca;
		font-style: normal; }

a.tjeko {
	display: block;
	position: absolute;
	top: 82px;
	left: 213px;
}

/* NAVIGATION ****************************************************************/

.nav {
  position: absolute;
  z-index: 201;
  top: 173px;
  right: 13px;
  width: 510px;
  height: 27px;
  overflow: hidden;
  background-color: #534f50;
  padding: 0 9px;
}

.nav ul {
  padding: 0;
  margin: 0;
}

.nav .item {
  float: left;
  border-top: 1px solid #534f50;
  padding: 4px 12px;
  height: 27px;
  color: white;
}

.nav .itemOver {
  float: left;
  border-top: 1px solid #aaa;
  background-color: #757172;
  padding: 4px 12px;
  height: 27px;
  cursor: hand;
  cursor: pointer;
}

.nav a:link, .nav a:visited {
  color: white;
  text-decoration: none;
}

.nav a:hover, .nav a:active {
  color: white;
  text-decoration: none;
}

.nav .active {
  border-top: 1px solid red;
}

/* CONTENT *******************************************************************/

.contentframe {
  float: left;
  background: url(../gfx/backgr_edges.gif) repeat-y center;
  padding: 0;
  margin: 0;
}

.contentfill {
  width: 724px;
  margin: 0 13px;
  min-height: 328px;
  background: black url(../gfx/backgr_content.gif) repeat-x top;
}

.content {
  float: right;
  width: 528px;
  padding: 0;
  margin-top: 120px;
}

.content p {
  padding: 4px 16px;
}

.content h2 {
  padding: 2px 4px;
  font-size: 110%;
  font-weight: normal;
  margin: 0 10px;
  background-color: #555152;
  color: white;
}

.content h3 {
  padding: 2px 4px;
  font-size: 110%;
  font-weight: normal;
  margin: 0 10px;
  background-color: #850001;
  color: white;
}

.content a:link, .content a:visited {
  color: #B45555;
  text-decoration: none;
  border-bottom: 1px solid white;
}

.content a:hover {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid #850001;
}

.content a:active {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid white;
}

.content ul {
  padding: 8px 16px;
  margin: 0;
}

.content .listProperty li{
  list-style-type: none;
  padding: 2px 0 2px 22px;
  background: url(../gfx/bullet_property.gif) no-repeat 0 4px;
}

.content .listQuality li{
  list-style-type: none;
  padding: 2px 0 2px 22px;
  background: url(../gfx/bullet_quality.gif) no-repeat 0 4px;
}

.content form {
  padding: 4px 16px;
}

.content form input, .content form textarea, .content form select {
  border: none;
  border-bottom: 1px solid #850001;
  background-color: #555;
  color: white;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  padding: 0 4px;
  width: 240px;
}

.content form td.radio input, .content form td.checkbox input {
  width: auto;
  margin-top: 6px;
  border: none;
  background: none;
}

.content #koffieThuis {
	background: url(../gfx/koffie_thuis.gif) no-repeat;
	width: 210px;
	height: 96px;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	position: relative;
}

.content #koffieWerk {
	background: url(../gfx/koffie_werk.gif) no-repeat;
	width: 273px;
	height: 96px;
	float: left;
	position: relative;
}

.content #koffieWerk ul, .content #koffieThuis ul {
	color: #C08334;
	position: absolute;
	list-style-type: none;
}

.content #koffieWerk ul {
	top: 30px;
	left: 70px;
}

.content #koffieWerk ul a, .content #koffieThuis ul a { color: #C08334; border:none; }
.content #koffieThuis ul {
	top: 20px;
	left: 50px;
}

/* CONTENT LEFT *************************************************************/

.contentleft {
  position: absolute;
  z-index: 300;
  top: 336px;
  left: 20px;
  width: 176px;
  text-align: right;
}

.contentleft a:link, .contentleft a:visited {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid #850001;
}

.contentleft a:hover, .contentleft a:active {
  color: #B45555;
  text-decoration: none;
  border-bottom: 1px solid white;
}

.contentleft em {
  color: #888;
  font-style: normal;
  font-size: 90%;
}

/* FOOTER ********************************************************************/

.footer {
  float: left;
  width: 750px;
  padding: 0;
  height: 100px;
  background: #0C0B0B url(../gfx/backgr_footer.gif) no-repeat top left;
  text-align: right;
}

.footer ul {
  padding: 0;
  margin: 10px 15px 0 0;
}

.footer ul li {
  font-size: 90%;
  color: #555;
  display: inline;
  margin: 0 11px;
}

.footer a:link, .footer a:visited {
  text-decoration: none;
  color:#777;
}

.footer a:hover, .footer a:active {
  text-decoration: none;
  color: white;
}

a#koffieActie {
	display: block;
	border: none;
	margin: 0 5px 0 0;
	float: left;
	padding: 0;
	width: 155px;
	height: 100px;
	background: url('../gfx/actie_logo.jpg') no-repeat;
}

#tjeko {
	width: 540px; margin: 0 auto 10px auto; padding: 10px; 
	border: 1px solid #aaa;background: #999;
	text-align: center; }
	#tjeko a { color: #a00; }