/*
* MAIN STYLESHEET CHD
* BY ERIK KLEINE
* E.KLEINE@MULTIMOVE.NL
*/

body {
  margin:               0;
  background-color:     #b2d6eb;
  background-image:     url('../images/layout/header_bg.jpg');
  background-position:  top center;
  background-repeat:    no-repeat;
  font-family:          Arial, Verdana;
  font-size:            12px;
}

a {
  color:                #2f1769;
}

a:hover {
  text-decoration:      none;
}

img {
  border:               0;
}

#container {
  position:             relative;
  width:                940px;
  margin:               0 auto;
}

#container:after {
  content:              "";
  display:              block;
  height:               0;
  clear:                both;
}

#header_img {
  position:             absolute;
  top:                  0px;
  margin-left:          85px;
  .margin-left:         80px;
  width:                225px;
  height:               198px;
  font-size:            1px;
  background-repeat:    no-repeat;
  background-position:  top left;
}

#header_1 {
  position:             relative;
  top:                  9px;
  margin-left:          340px;
  font-family:          Arial, Verdana;
  font-size:            24px;
  color:                #fff;
}

#header_2 {
  position:             relative;
  margin-top:           19px;
  margin-left:          400px;
  font-family:          Arial, Verdana;
  font-size:            20px;
  color:                #2f1769;
}

#header_3 {
  position:             relative;
  margin-top:           5px;
  margin-left:          400px;
  font-family:          Arial, Verdana;
  font-size:            20px;
  font-weight:          bold;
  color:                #2f1769;
}

#top_menu {
  position:             relative;
  margin-top:           5px;
  margin-right:			15px;
  float:				right;
}

#top_menu ul {
  margin:               0;
  padding:              0;
  list-style:           none;
}

#top_menu ul li {
  margin:               0;
  padding:              0;
  float:                left;
}

#top_menu ul li a {
  display:              block;
  color:                #fff;
  text-decoration:      none;
  padding:              6px 10px 6px 10px;
  border-right:         1px dotted #fff;
}

#top_menu ul li a:hover {
  color:                #ccedfa;
}

#top_bar
{
  position:             relative;
  clear:                both;
  top:                  18px;
  margin-left:          324px;
  width:                595px;
  height:               32px;
}

#top_bar .search_input
{
  border:               1px solid #3d3e84;
  padding:              3px;
  font-size:            11px;
}

#top_bar .search_button
{
  border:               0;
  background:           #3d3e84;
  color:                #fff;
  padding:              3px;
  font-size:            11px;
}

#inner_container {
  position:             relative;
  width:                855px;
  top:                  28px;
  _top:                 18px;
  margin-left:          86px;
  background-color:     #fff;
  background-image:     url('../images/layout/content_bg.jpg');
  background-position:  top left;
  background-repeat:    repeat-y;
  padding-bottom:       25px;
}

#inner_container:after {
  content:              "";
  display:              block;
  height:               0;
  clear:                both;
}

#menu {
  position:             relative;
  width:                227px;
  float:                left;
  margin-top:           2px;
  .margin-top:          0px;
}

#menu ul {
  margin:               0;
  padding:              0;
  list-style:           none;
}

#menu ul li {
  margin:               0;
  padding:              0;
  width:                195px;
  margin-bottom:        10px;
}

#menu ul li a {
  display:              block;
  width:                100%;
  padding:              5px 10px 5px 10px;
  color:                #2f1769;
  text-decoration:      none;
  font-family:          Arial, Verdana;
  font-size:            14px;
  font-weight:          bold;
  background:           url('../images/layout/menu_bg.jpg') top left no-repeat;
}

#menu ul li .menu_level1, #menu ul li .menu_level1_on {
  padding:              5px 0px 5px 20px;
}

#menu ul li a:hover {
  color:                #4cabd1;
}

#menu ul li .menu_level0_on {
  color:                #fff;
  background:           url('../images/layout/menu_bg_hover.jpg') top left no-repeat;
}

#menu ul li .menu_level1_on {
  color:                #fff;
  background:           url('../images/layout/menu_bg_hover.jpg') top left no-repeat;
}

#content {
  position:             relative;
  width:                570px;
  float:                left;
  min-height:           300px;
  padding:              0 15px 0 15px;
}

#content h1, #content_left h1, #content_right h1 {
  font-family:          Arial, Verdana;
  font-size:            16px;
  color:                #2f1769;
}

#content h2, #content_left h2 {
  font-family:          Arial, Verdana;
  font-size:            12px;
  color:                #4cabd1;
  margin-bottom:		0px;
}

#content h3 {
	background-color:	#cfe5f3;
	font-color:			#000000;
	font-size:			12px;
	padding:			5px;
	margin:				0;
	margin-top:			13px;
}

#content_right h2 {
  font-family:          Arial, Verdana;
  font-size:            14px;
  color:                #2f1769;
}

#content_right a {
  color:                #000;
}

#content p, #content_left p, #content_right p {
  font-family:          Arial, Verdana;
  font-size:            12px;
  color:                #000;
  line-height:          16px;
  margin-top:			0px;
}

#nieuws_title_small {
  color:                #2f1769;
  text-transform:       uppercase;
  font-size:            12px;
  font-weight:          bold;
  letter-spacing:       0.05em;
}

#nieuws_date_small {
  color:                #2f1769;
  font-size:            11px;
  margin:               0 0 25px 0;
}

#content_left p {
  text-align:           justify;
}

#content_right p {
  font-size:            11px;
}

#content_left {
  position:             relative;
  float:                left;
  width:                340px;
  padding:              0 15px 0 15px;
}

#content_right {
  position:             relative;
  float:                left;
  width:                203px;
  margin-left:          30px;
  padding:              0 10px 0 0;
  background-position:  top right;
  background-repeat:    no-repeat;
}

#container_footer {
  position:             relative;
  width:                940px;
  height:               50px;
  margin:               0 auto;
  background-image:     url('../images/layout/content_footer.jpg');
  background-position:  top left;
  background-repeat:    no-repeat;
}