/* changes Peter J.J. Bakker
  Peter J.J. Bakker
  12-11-2008 (made from style.css from Sjamanistische Healing)
  13-11-2008 ()
  14-11-2008 (used menuLeft.png and menuRight.png) 
  18-11-2008 (added UE logo and title)
  19-11-2008 (added title in header)
  20-11-2008 (some changes at div#content_right)
             (added div#header_right_right)
             (renamed #navigation to #menu)
             (gave visited menu-buttons an own color)
  21-11-2008 (gave visited menu-buttons the color lightgrey)
             (placed font-properties more cascade)
  21-12-2008 (added #menuMiddle)
  11-03-2009 (changed header height)
  12-03-2009 (added #oddItem and #evenItem)
*/

/* Global Styles */
body {
	margin:0px;
  background-color: #FFF;
}

#overall {
  margin:0 auto;
  width: 1000px;
  height: 1000px; 
  background-color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif, cursive;
	font-size: 11px;
}

/* Layout Styles */
div#header{
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 150px;
}

div#header_left {
	width: 200px;
	height: 100%;
	float: left;
	background-image: url(../images/kantoor.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

div#header_middle  {
  width: 600px;
  float: left;
	padding: 0;
}

div#header_middle_top  {
  position: relative;
  top: 27px;
  height: 60px;
  left: 38px;
  width: 309px;
  /*vertical-align: baseline;*/
	background-image: url(../images/logo.gif);
}

div#header_middle_bottom  {
  position: relative;
  top: 58px;  /* 138px; */
  height: 28px;   /*38px;*/
  left: 200px;
  width: 400px;
  padding: 6px 0px 4px 0px;
  text-align: center;
  /*background-color: #E2001A;*/
  /*font:20px Verdana, Arial, Helvetica, sans-serif, cursive;*/
	font-size: 20px;
  color: #fff;
	background-image: url(../images/maatwerk.png);
}

div#header_right {
	width: 800px;
	height: 100%;
	float: left;
	background-image: url(../images/topBackground.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

div#header_right_right {
  position: relative;
  top: 0px;
	width: 170px;
	/*height: 100%;*/
	padding: 25px 10px 0px 20px;
	margin: 0;
	float: right;
	font-size: 13px;
}

#line {
  position: relative;
  height: 5px;
  width: 100%;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

#red_line {
  position: relative;
  top:  0px;
  left: 200px;
  width: 600px;
	height: 100%;
  background-color: #E2001A;
  border: 0px;
}

div#container{
  position: relative;
  left: 0 px;
  width: 100%;
  height: 650px;  /* auto; */
  margin: 0 auto;
  background-color: #FFF;
}

div#menu {
  position: relative;
  width: 200px;
  top: 0px;
  height: 100%; /* 650px;*/
  /*background-color: #E2001A;*/
	/*background-image: url(./gradientMenuLeft.php);*/
  margin: 0;
  padding: 0px;
  float: left;
}

#menu ul {
  margin-left: 0;
  padding: 0px 5px 0px 5px;
  list-style-type: none;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;*/
  font-weight: bold;
  /*line-height: 16px;*/
  letter-spacing:.1em;
}

#menu a {
  display: block;
  /* padding: 8px 6px 10px 26px;*/
  padding: 5px 0px 6px 25px;
  width: 165px; /*100%;*/
  text-decoration: none;
  /*border-bottom: 2px solid #fc0;*/
  border: 0;
}

#menu a:link {
  color: #FFF;
  background-color: #E2001A;
}

#menu a:visited {
  color: lightgrey; /*#7030A0;*/
  background-color: #E2001A;
}

#menu a:hover {
  color: #7030A0;
  background-color: #FFF;
}

#subMenu {
	/*text-indent: 10px;*/
	/*left: 10px;*/
  /*padding: 8px 6px 10px 36px;*/
}

/*#subMenu a:link, #subMenu a:visited {*/
#subMenu a:link {
  width: 150px;
	color: #FFF;
	background-color: #E2001A;
	background-image: none;
	margin-left: -5px;
  padding: 8px 0px 10px 40px;
}

#subMenu a:visited {
  width: 150px;
  color: lightgrey; /*#7030A0;*/
	background-color: #E2001A;
	background-image: none;
	margin-left: -5px;
  padding: 8px 0px 10px 40px;
}

#subMenu a:hover {
  background-color: #FFF;
  color: #7030A0;
}

#menuChoice a:link, #menuChoice a:visited {
  background-color: gray;
  /*color: #7030A0;*/
}

#menuChoice a:hover {
  background-color: #FFF;
  /*color: #7030A0;*/
}


div#content{
	position: relative;
	width: 520px;
	height: auto;
	padding: 20px 40px;
	margin: 0;
	float: left;
	background-color: #FFF;
	/*font:11px Verdana, Arial, Helvetica, sans-serif;*/
	color:#000;
	line-height: 20px;
	text-align: left;
}

div#content h1{
	/*font: 18px/24px Verdana, Arial, Helvetica, sans-serif, cursive;*/
	font-size: 18px;
	letter-spacing: .2em;
	line-height: 24px;
	text-align: left;
}
  
div#content a {
/*.listLinks {*/
  color: #7030A0;
  /*font-weight: bold;*/
}

div#content_right{
	position: relative;
	width: 180px;
	height: 100%; /*auto;*/
	padding: 10px 10px;
	margin: 0;
	float: left;
	/*background-color: lightgrey;*/
	background-image: url(../images/menuRight.png);
	background-repeat: no-repeat;
	/*font:11px Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: black;
}

div#content_right h1{
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif, cursive;
	color: #000;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-align: left;
}

div#links {
	width: 200px;
	height: 650px;
	float: left;
	padding: 25px 25px;
	/*font: 10px/16px Verdana, Arial, Helvetica, sans-serif, cursive;*/
	font-size: 10px;
	line-height: 16px;
	color: black;
	background-color: lightgrey;
}


/* menu in the content-part */

div#menuMiddle {
  position: relative;
  width: 500px;
  top: 0px;
  height: 100%;
  margin: 0;
  padding: 0px;
  float: left;
}

#menuMiddle ul {
  margin-left: 0;
  /*margin: 1px 0px 1px 0px;*/
  padding: 0px 5px 0px 5px;
  list-style-type: none;
  font-weight: normal;
  letter-spacing:.1em;
}

#menuMiddle a {
  display: block;
  text-decoration: none;
  border: 0;
}
/*
#menuMiddle a:link {
  color: #FFF;
  background-color: #E2001A;
}

#menuMiddle a:visited {
  color: lightgrey;
  background-color: #E2001A;
}

#menuMiddle a:hover {
  color: #7030A0;
  background-color: #FFF;
}
*/
#subMenuMiddle {
  color: #CC0000;
}

#subMenuMiddle a:link {
  width: 450px;
	color: green;
	background-image: none;
	margin-left: -5px;
  /*padding: 8px 0px 10px 40px;*/
  padding: 0px 0px 0px 20px;
}

#subMenuMiddle a:visited {
  width: 450px;
	background-image: none;
	margin-left: -5px;
  color: #CC0000;
  /*padding: 8px 0px 10px 40px;*/
  padding: 0px 0px 0px 20px;
}

#subMenuMiddle a:hover {
  background-color: #FFF;
  color: #7030A0;
}

#menuMiddleChoice a:link, #menuMiddleChoice a:visited {
  background-color: gray;
}

#menuMiddleChoice a:hover {
  background-color: #FFF;
}

/* odd and even in the menu in the middle content */

.even {
  margin: 1px 0px 1px 0px;
	background-color: #FBE9B9;
	color: #000;
}
.even:hover {
	background-color: #FFF;
}
.even a, #odd a, #even a:visited, #odd a:visited {
	color: #000;
}
.even a:hover, #odd a:hover {
	color: #CC0000;
}
.odd {
  margin: 1px 0px 1px 0px;
	background-color: #FADA89;
	color: #000;
}
.odd:hover {
	background-color: #FFF;
}


.evenItem {
  margin: 1px 0px 1px 0px;
	background-color: #F0F0F0;
	color: #000;
}
.evenItem:hover {
	background-color: #FFF;
}
.evenItem a, #odd a, #even a:visited, #odd a:visited {
	color: #000;
}
.evenItem a:hover, #odd a:hover {
	color: #CC0000;
}
.oddItem {
  margin: 1px 0px 1px 0px;
	background-color: #D0D0D0; /*lightgrey; */
	color: #000;
}
.oddItem:hover {
	background-color: #FFF;
}


#textMenuMiddle {
  padding-left: 5px;
  font-weight: normal;
}