body {
	margin: 0;
	background-color: #e5e5e5;
	font-family: Tahoma;
	font-size: 11px;
	color: #646464;
}

img {
border: none;
}

table {
padding: 10px;
}

.text-container{
  background : white url(/images/text-tl.png) no-repeat;
  width : 780px;
  height : auto;
  position : relative;
  margin: 10px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 11px;
  height : 11px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : 0px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url(/images/text-tr.png) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url(/images/text-bl.png) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
.br {
  background : transparent url(/images/text-br.png) no-repeat;
  right : 0;
  bottom : 0;
}

h1 {
	margin: 0;
	padding: 5px 10px;
	font-family: Arial;
	font-weight: bold;
	font-size: 25px;
	color: #13235a;
}

h2.prijzen {
	margin: 0;
	padding: 5px 10px;
	font-family: Arial Black;
	font-weight: bold;
	font-size: 15px;
	color: #13235a;
}

h2 {
	margin: 0;
	padding: 0 20px;
	font-family: Arial Black;
	font-size: 15px;
	color: #13235a;
}

h2.hyves {
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: #646464;
	margin:0;
	padding: 7px 10px 3px 0;
}

p {
	margin: 0;
	padding: 0 20px 10px;
}

p.hyves {
	margin-right: 10px;
	padding: 0;
	padding-bottom: 10px;
}

div#container {
	width: 780px;
	margin: 0 auto;
}

div#head-container {
	width: 780px;
	height: 88px;
	margin: 10px;
}

	div#logo {
		width: 247px;
		height: 88px;
		background-image: url(/images/logo.png);
		background-repeat: no-repeat;
		float: left;
	}
	
	div#menu-container {
		width: 354px;
		height: 88px;
		float: left;
	}
		
		div#menu-top {
			height: 30px;
			width: 349px;
			background-image: url(/images/top-menu-bg.png);
			background-repeat: repeat-x;
			float: left;
		}
		
			li.menu-top {
				float: left;
				width: 96px;
				height: 30px;
				line-height: 30px;
				list-style-type: none;
				padding: 0 10px;
			}
			
			li.menu-top span {
				font-size: 14px;
				font-family: Arial Black;
				color: white;
			}
		
		div#menu-top-right {
			 height: 30px;
			 width: 5px;
			 background-image: url(/images/menu-tr.png);
			 background-repeat: no-repeat;
			 float: right;
		}
		
		div#menu-links {
			float: left;
			width: 349px;
			height: 58px;
			background-color: #c4c4c4;
			top: 30px;
		}
		
			ol, li {
				margin: 0;
				padding: 0;
			}
		
			ol.top-nav-l, ol.top-nav-m, ol.top-nav-r {
				float: left;
				width: 96px;
				position: inherit;
				list-style-type: disc;
				padding: 0 10px;
				list-style-position: inside;
				color: white;
			}
			
			ol.top-nav-l {
				line-height: 19px;
			}
			
			ol.top-nav-l a {
				color: white;
				text-decoration: none;
				font-weight: normal;
			}
			
			ol.top-nav-m {
				line-height: 14px;
			}
			
			ol.top-nav-m a {
				color: white;
				text-decoration: none;
				font-weight: normal;
			}
			
			ol.top-nav-r {
				list-style-type: none;
			}

			ol.top-nav-r a {
				color: white;
				text-decoration: none;
				font-weight: normal;
			}
			
		
		
		div#menu-links-right {
			width: 5px;
			height: 58px;
			background-image: url(/images/menu-br.png);
			background-repeat:no-repeat;
			float: right;
		}
		
		div#ad1 {
			width: 179px;
			height: 88px;
			text-align: right;
			line-height: 88px;
			float: left;
		}

div#intro {
	min-height: 185px;
}
		
	div#intro-text {
		width: 273px;
	}

	div#intro-pic {
		width: 507px;
		height: 165px;
		background-image: url(/images/intro-pic.png);
		float: right;
		margin: 10px;
	}

div#news {
	width: 557px;
	float: left;
	margin: 0 10px;
	margin-bottom: 10px;
}

div#sidebar-container {
	width: 203px;
	float: right;
}

div#hyves-api {
	width: 213px;
	height: 62px;
	margin:0;
}

div#hyves-api img{
	margin: 7px;
	float: left;
}

div#krabbel {
	width: 213px; 
	text-align: right;
}

div#ads {
	width: 213px;
	margin: 10px 0;
	text-align: center;
}

div#ads img {
	padding: 10px 0;
}

div#footer {
	width: 780px;
	height: 30px;
	margin: 10px;
	clear: both;
	text-align: right;
}

div#footer-left {
	width: 390px;
	height: 30px;
	background-image: url(/images/footer-bg.png);
	background-position: 10px;
	background-repeat: no-repeat;
	line-height: 30px;
	float: left;
}

div#footer-right {
	width: 390px;
	height: 30px;
	line-height: 30px;
	float: right;
}

	div#footer-right img {
		position: relative;
		top: 3px;
	}
	
a {
	font-weight: bold;
	color: #646464;
}