/* common.css */

html {
  height: 100%;
  text-align: center;
}

body {
	position: relative;
	padding: 0;
	margin: 0;
	font-family: "Verdana";
	font-size: 1.0em;
	text-align: center;
}

#sitecontainer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 778px;
	height: 100%;
	min-height: 100%;
	text-align: left;
	background: #FFFFFF;
}

#logo {
	position: relative;
	left: 13px;
	top: 12px;
	width: 95px;
	height: 47px;
}

#logo a img{
	text-decoration: none;
	border: 0;
}

#metanav, #metanav-home {
	position: relative;
	left: 408px;
	top: 0;
	width: 370px;
	height: 20px;
	text-align: left;
	text-indent: 138px;
	vertical-align: top;
	background: #FFFFFF url(../img/img_backgr_metanav_1.gif) no-repeat right;
}

#metanav {
	text-indent: 84px;
}

#metanav a, #metanav-home a {
	padding-right: 15px;
	font-size: 0.65em;
	color: #134e7b;
	text-decoration: none;
}

#metanav a:hover, #metanav-home a:hover {
	font-size: 0.65em;
	color: #134e7b;
	text-decoration: underline;
}

#menu { /* niveau 1 */
	postion: relative;
	top: 150px;
	width: 778px;
	height: 29px;
	background: #134e7b;
	vertical-align: bottom;
} 

#menu ul, #menu li {
  position: relative;
  display: inline;
  list-style-type : none;
  margin: 0;
  padding: 0;
  float: left;
}

#menu ul li a {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 0.8em;
  padding: 6px 15px 7px 15px;
  text-decoration: none;
  background: #134e7b url(../img/img_backgr_menu_item_1.gif) no-repeat top right;
  color: white;
}

#menu ul li a:hover {
	background-color: #91a8c3;
}

#menu ul li a.active { /* wanneer pagina geopend word class naar "active" gezet */
	color: #134e7b;
	background-color: #91a8c3;
}

#submenu-home { /* css voor homepagina: niveau 2 */
	postion: relative;
	top: 179;
	width: 778px;
	height: 29px;
	background: #134e7b;
}

#submenu { /* css voor text/vervolg-pagina: niveau 2 */
	postion: relative;
	top: 179;
	width: 778px;
	height: 29px;
	background: #91a8c3 url(../img/img_backgr_submenu_1.gif) no-repeat right top;
}

#submenu ul, #submenu li {
  position: relative;
  display: inline;
  list-style-type : none;
  margin: 0;
  padding: 0;
  float: left;
}

#submenu ul {
	width: 772px;
}

#submenu ul li a {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 0.75em;
  padding: 7px 15px 6px 15px;
  text-decoration: none;
  background-color: #91a8c3;
  color: white;
}

#submenu ul li a:hover {
	color: #134e7b;
}

#submenu ul li a.active {
	color: #134e7b;
}

#main {
  position: relative;
	min-height: 376px;
	height: auto;
	width: 778px;
	background: #FFFFFF url(../img/img_backgr_main_1.gif) repeat-x;
}

#main .adds-home { /* css voor homepagina: adds */
  float: left;
	height: 376px;
	width: 332px;
	text-align: left;
	background-color: none;
}

#main .adds { /* css voor text/vervolg-pagina: adds */
  float: left;
	height: 376px;
	width: 249px;
	text-align: left;
	background-color: none;
}

#main .adds-home .headerimg, #main .adds .headerimg {
	display: block;
}

#main .adds-home a .banner, #main .adds a .banner, #main .adds-home a:hover .banner, #main .adds a:hover .banner, #main .adds-home a:visited .banner, #main .adds a:visited .banner{
	display: block;
	padding-top: 21px;
	padding-left: 21px;
	text-decoration: none;
	border: none;
}

#main .contentbackgr, #main .contentbackgr-home {
  float: left;
	width: 412px;
	min-height: 376px;
	height: auto;
	_height: 376px;
	background: #ebebeb url(../img/img_backgr_contentbackgr_1.gif) repeat-x;
}

#main .contentbackgr {
	width: 495px;
}

#main .contentbackgr .contentmain, #main .contentbackgr-home .contentmain {
	position: relative;
	top: 0;
	left: 21px;
	width: 368px;
  min-height: 356px;
	height: auto;
	_height: 356px;
	background-color: #FFFFFF;
	/* border-bottom: solid 20px #ebebeb; */
}

#main .contentbackgr .contentmain {
	width: 452px;
}

#main .contentbackgr-home .contentmain .content, #main .contentbackgr .contentmain .content {
	position: relative;
	top: 21px;
	left: 21px;
	width: 328px;
	background-color: none;
	padding-bottom: 31px;
}

#main .contentbackgr-home .contentmain .content {
	_padding: 0;
	_height: 315px;
}

#main .contentbackgr .contentmain .content {
	width: 418px;
}


