html {
	height: 100%;
	width: 100%;
	overflow: auto;
}
body {
	padding: 0;
	margin: 0;
}
.body {
	font-size: 75%;
	font-family: Arial; 
}
.pink {
	color: #98005d;
}
.blue {
	color: #007698;
}
.brown {
	color: #7d3520;
}
.green {
	color: #006a51;
}

a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
ul {
	padding: 0;
	margin: 0;
}
li {
	list-style: none;
}
h2 {
  color: #ee7e01;
  font-size: 12px;
}
p {
  margin: 0px;
  padding: 0px;
}
img {
  	border: none;
}
.handige-link {
  padding-left: 8px;
  background: url(../img/orange-dot.gif) no-repeat 0px 5px;
  color: #000000;
  font-size: 11px;
}
.meer-informatie {
	clear: both;
	padding-top: 15px;
}
.flatpage-content ul {
  padding: 5px;
  margin: 2px;
}
.flatpage-content ul li {
  list-style: circle;
}
.flatpage-content ul li ul {
  padding-left: 15px;
  margin: 4px;
}
.flatpage-content ul li ul li {
  list-style: square;
}
.flatpage-content ul li ul {
  padding-left: 25px;
  margin: 4px;
}
.flatpage-content ul li ul li ul li {
  list-style: circle;
}

.flatpage-content a {
  text-decoration: underline;
}

.clear {
	margin: 0;
	padding: 0;
	-font-size: 0px;
	-line-height: 0px;
	clear: both;
}
               
#page {
	position: relative;
	margin: 0px auto;
	width: 920px;
}

#header {
	position: relative;
	top: 0px;
	height: 166px;
	background-image: url(../img/header.gif);
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	width: 275px;
	height: 125px;
	z-index: 100;
}

#middle {
	width: 920px;
	min-height: 600px;
	-height: 600px;
	background: url(../img/home-bg.jpg) repeat-x;
}
//.home {
//	background: url(../img/home-bg.jpg) repeat-x;
//}
//#middle.zorg-en-welzijn {
//	background: url(../img/pink-bg.jpg) repeat-x;
//}
//#middle.economie {
//	background: url(../img/brown-bg.jpg) repeat-x;
//}
//#middle.groen {
//	background: url(../img/green-bg.jpg) repeat-x;
//}
//#middle.techniek {
//	background: url(../img/blue-bg.jpg) repeat-x;
//}

#navigation {
	position: relative;
	padding-top: 138px;
}
.menuitem {
	padding-left: 20px;
	display: inline;
	margin-right: 20px;
}
.menuitem a{
	font-size: 120%;
	color: #000;
	font-weight: normal;
}

#content {
	position: relative;
	width: 752px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

.breadcrumbs {
	position: relative;
	margin-top: 5px;
	width: 123px;
	float: left;
	color: #98005d;
	padding-right: 15px;
	font-weight: bold;
}
.breadcrumbs a {
	font-size: 10px;
}
.home .breadcrumbs .current, .home .breadcrumbs .content {
  color: #ee7e01;
}
.zorg-en-welzijn .breadcrumbs .current, .zorg-en-welzijn .breadcrumbs .content {
	color: #98005d;
}
.economie .breadcrumbs .current, .economie .breadcrumbs .content {
	color: #7d3520;
}
.techniek .breadcrumbs .current, .techniek .breadcrumbs .content {
	color: #007698;
}
.groen .breadcrumbs .current, .groen .breadcrumbs .content {
	color: #006a51;
}
.home .breadcrumbs input {
  border: 1px solid #ee7e01;
}
.zorg-en-welzijn .breadcrumbs input {
  border: 1px solid #98005d;
}
.economie .breadcrumbs input {
  border: 1px solid #7d3520;
}
.techniek .breadcrumbs input {
  border: 1px solid #007698;
}
.groen .breadcrumbs input {
  border: 1px solid #006a51;
}


#bottom {
	height: 25px;
	clear: both;
	padding: 5px 0;
	width: 920px;
	text-align: center;
}
#bottom .bottomitem-link {
	color: #404040;
}




.list .splash {
	position: relative;
	background: url(../img/splash.gif);
	width: 262px;
	height: 42px;
	margin-top: -10px;
	margin-left: 628px;
}
.splash2 {
	position: relative;
	background: url(../img/splash2.gif);
	width: 262px;
	height: 42px;
	margin-top: -10px;
	margin-left: 628px;
	cursor: pointer;
}

.groen .splash2, .economie .splash2, .techniek .splash2 {
  margin-left: 428px;
}
.beroepen-film {
	display: block;
	background: url(../img/bekijk-de-film.gif) no-repeat;
	height: 20px;
	width: 342px;
}

div.link a {
	display: block;
	width: 100%;
	height: 100%;
}
.item-list {
	width: 100%;
	height: 100%;
}
.item-list .heading {
	font-size: 14px;
}
.content-description {
	font-size: 14px;
	color: #404040;
	padding-bottom: 10px;
}