
/* START own css: os-house--public */
/* CSS Document */

body { 
  margin: 0;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  color: #505050;
  line-height: 22px;
}

img {
  border: none;
}

h1 {
  font-size: 17px;
  font-weight: bold;
  color: black;
  margin: 10px 0px 10px 0px;
}


h2 {
  font-size: 14px;
  font-weight: bold;
  color: black;
  margin: 0px 0px 0px 0px;
}

p {
  margin: 0px 0px 20px 0px;
}

a {
  color: #A4BE1C;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a: visited {
  color: #D31C86;
  text-decoration: underline;
}

ol,ul {
  padding-left: 35px;
  margin: 0px 0px 20px 0px;
}

#content {
  text-align: left;
  width: 960px;
  margin: 0 auto;
}

#center_header {
  height: 100px;
  background: #376798 url(../images/oshouse/header2.jpg) no-repeat;
  text-align: left;
}

#header_content {
  float: right;
  margin-top: 20px;
  margin-right: 30px;
  color: white;
  height: 60px;
  width: 400px;
}

#header_content p {
  margin-top: 0px;
  font-size: 14px;
  font-style: italic;
  line-height: normal;
}

#header_content h1 {
  font-size: 36px;
  line-height: 36px;
  font-weight: normal;
  color: black;
  margin: 0px;
}

#header_content h2 {
  font-size: 23px;
  color: white;
  margin: 0px;
}

#navigation {
  width: 960px;
  margin: 0px 0px 0px 0px;
  background: white;
}

#main {
  float: left;
  width: 590px;
  margin: 0px 0px 0px 30px;
  background: white;
}

#main_right {
  float: left;
  width: 280px;
  margin: 0px 30px 0px 30px;
  background: transparent;
}

.column {
  z-index: -1;
  width: 50%;
  position: absolute;
  top: 0; 
}

.left {left: 0;}
.right {right: 0;}

#leftcol {
  margin-right: 480px;
}

#rightcol {
  margin-right: 480px;
}

#lefttop {
  background-color: #376798;
  height: 100px;
  margin-right: 480px;
}

#righttop {
  background-color: #376798;
  height: 100px;
  margin-left: 479px;
}

.footer {
  clear: both;
  float: left;
  width: 100%;
  height: 65px;
  background: white url(../images/oshouse/gradient-footer.gif) repeat-x;
}

.menu_item {
  float: left;
  margin: 15px 20px 15px 30px;
}

.menu_item a {
  text-decoration: none;
  font-weight: bold;
  font-size: 17px;
  color: black;
}

.menu_item a:hover {
  color: #A4BE1C;
}

.active a{
  text-decoration: underline;
  color: #D31C86;  
}

hr.rule {
  clear: left;
  color: #F3EEDA;
  border-top: 1px solid #F3EEDA;
  height: 1px;
  margin: 0px;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

#kruimel {
  font-size: 11px;
  line-height: 20px;
  height: 20px;
  margin: 0px 0px 0px 30px;
}

#kruimel a{
  color: #D31C86;  
}

#footer_content {
  line-height: 14px;
  font-size: 11px;
  width: 960px;
  margin: 0 auto;
}

#footer_content a{
  color: #A4BE1C;
}

#middle_foot {
  width: 400px;
  margin: 0 auto;
  margin-top: 20px;
}

#left_foot {
  margin: -14px 0px 0px 30px;
  float: left;
}

#right_foot {
  margin: -14px 30px 0px 0px;
  float: right;
}

.sidediv {
  border-top: 1px solid #F3EEDA;
  background: #FAF8F0 url(../images/oshouse/gradient1.gif) repeat-x;
  width: 280px;
}

.sidediv2 {
  border-top: 1px solid #F3EEDA;
  background: #FAF8F0 url(../images/oshouse/gradient1.gif) repeat-x;
}

#subscribe_form {
  height: 125px;
}

#search_form {
  height: 75px;
}

.sidediv input {
  width: 170px;
  font-family: Arial;
  font-size: 13px;
  margin: 7px 25px 7px 25px;
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  float: right;
}

.sidediv2 input {
  width: 170px;
  font-family: Arial;
  margin: 7px 25px 7px 25px;
  padding: 0 0 0 0;
  float: right;
}

.sidediv2 select {
  width: 170px;
  font-family: Arial;
  margin: 7px 25px 7px 25px;
  padding: 0 0 0 0;
  float: right;
}

#submit2 {
  border: none;  
}

div.input220 {
  height: 30px;
  width: 220px;
  margin: 20px 30px 0px 30px;
  background-image: url(../images/oshouse/venster1.gif);
}

div.input_search {
  height: 30px;
  width: 221px;
  margin: 20px 30px 25px 30px;
  background-image: url(../images/oshouse/vensterzoek2.gif);
}

#submit, #submit2 {
  width: 105px;
  height: 30px;
  margin: 20px 30px 25px 0px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  background: transparent url(../images/oshouse/button1.gif) top no-repeat;
}

#submit:active,#submit2:active {
  background: transparent url(../images/oshouse/button1.gif) bottom no-repeat;
}

#submit:hover,#submit2:hover {
  cursor: pointer;
}

.main_text {
  border-top: 1px solid #F3EEDA;
  width: 590px;
  background: #FAF8F0 url(../images/oshouse/gradient2.gif) repeat-x;
  margin-bottom: 45px;
}

.main_text img {
  margin: 0px 0px 20px 0px;
}

.boxed {
  background: none;
  border: 1px solid #F3EEDA;
}

.boxed div {
  margin-left: 30px;
}

.boxed .imgdiv {
  text-align: center;
  margin: 20px 0px 0px 30px;
  height: 60px;
  line-height: 60px;
  width: 95px;
}

.imgdiv img {
  vertical-align: middle;
 }

.y10 {
  height: 10px;
}

.y20 {
  height: 20px;
}

.y30 {
  height: 30px;
}

.x15 {
  width: 15px;
}

.x220 {
  width: 220px;
}

.read_more {
  float: right;
  margin-right: -20px;
  margin-bottom: 10px;
}

.read_more a {
  text-decoration: underline;
  font-size: 12px;
  color: #A4BE1C;
}

.nodec {
  text-decoration: none;
}

.newssummary {
  width: 280px;
  height: 210px;
  margin: 0px 0px 10px 0px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.newssummary {
  position: relative;
}

.newssummary .title {
  font-size: 17px;
  font-weight: bold;
  color: white;
  line-height: 20px;
  padding: 10px;
}

.newssummary .read_more{
  margin: 0px 0px 0px 0px;
  padding-right: 5px;
  width: 275px;
  text-align: right;
  background-color: #FAF8F0;
}

.fotosummary {
  height: 170px;
}

.fototitle .read_more {
  margin-right: -5px;
  background-color: transparent;
}

.textsummary {
  background-color: #FAF8F0;
  height: 154px;
  overflow: hidden;
}

.textsummary .title {
  background-color: #505050;
}

.opacback {
  background-color: black;
  -ms-filter: alpha(opacity = 60);
  filter: alpha(opacity = 60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}

.opacback .title {
  color: transparent;
}

.opacback .read_more {
  color: transparent;
}

.fototitle {
  position: absolute;
  width: 280px;
  bottom: 0px;
}

.textsummary .summary {
  padding-top: 10px;
  background: #FAF8F0 url(../images/oshouse/gradient1.gif) repeat-x;
  font-size: 12px;
  line-height: 16px;
  color: #505050;
}

.date {
  font-size: 14px;
  line-height: normal;
  color: #000000;
  font-weight: bold;
  width: 280px;
  margin: 16px 0px 8px 0px;
}

.pager {
  font-size: 12px;
  line-height: 15px;
  margin: 18px 0px 30px 0px;
  clear: left;
  float: left;
}

.pager a {
  display: inline-block;
  text-align: center;
}

.pager a.selected {
  background-color: black;
}

.detailpager {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  margin: -25px 0px 30px 0px;
}

.detailpager a{
  text-decoration: underline;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.right_adjust {
	display: inline-block; 
	float: right; 
	margin-top: -15px;
}

.wide {
  width: 900px;
}

.wide .main_text {
  width: 900px;
}

.qmmc .qmdivider {
  display:block;
  font-size:1px;
  border-width:0px;
  border-style:solid;
  position:relative;
  z-index:1;
}

.qmmc .qmdividery {
  float:left;
  width:0px;
}

.qmmc .qmtitle {
  display:block;
  cursor:default;
  white-space:nowrap;
  position:relative;
  z-index:1;
}

.qmclear {
  font-size:1px;
  height:0px;
  width:0px;
  clear:left;
  line-height:0px;
  display:block;
  float:none !important;
}

.qmmc {
  position:relative;
  z-index:10;
}

.qmmc a, .qmmc li {
  float:left;
  display:block;
  white-space:nowrap;
  position:relative;
  z-index:1;
}

.qmmc div a, .qmmc ul a, .qmmc ul li {
  float:none;
}

.qmsh div a {
  float:left;
}

.qmmc div{
  visibility:hidden;
  position:absolute;
}

.qmmc .qmcbox {
  cursor:default;
  display:block;
  position:relative;z-index:1;
}

.qmmc .qmcbox a {
  display:inline;
}

.qmmc .qmcbox div {
  float:none;
  position:static;
  visibility:inherit;
  left:auto;
}

.qmmc li {
  z-index:auto;
}

.qmmc ul {
  left:-10000px;
  position:
  absolute;
  z-index:10;
}

.qmmc, .qmmc ul {
  list-style:none;
  padding:0px;
  margin:0px;
}

.qmmc li a {
  float:none;
}

.qmmc li:hover>ul{
  left:auto;
}

#qm0 ul {
  top:100%;
}

#qm0 ul li:hover>ul{
  top:0px;
  left:100%;
}


	#qm0	
	{	
		width:auto;
		left:0px;
		margin:0px;
		background-color:#FFFFFF;
			}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{
	color: black;
  font-size:17px;
	font-weight:bold;
 	text-decoration:none;
  margin:15px 20px 15px 30px;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
    color: #A4BE1C;
		text-decoration: none;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration: none;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
    color: #A4BE1C;
		text-decoration: none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
margin-top: 15px;		
padding:5px 5px 5px 0px;
		background-color:#FFFFFF;
		border-width:1px;
		border-style:solid;
		border-color:#F3EEDA;
                border-top: 1px solid white;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 20px 3px 10px;
		color:#3F3F3F;
		font-size:11px;
		text-align:left;
		border-width:0px;
                margin: 0;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		color:#3366FF;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#FF9933;
		color:#FFFFFF;
		text-decoration:underline;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 10px 5px 10px;
		color:#222222;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 10px 4px 10px;
		border-color:#999999;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-color:#3F3F3F;
		color:#FFFFFF;
	}
/* submenu styling */
ul.submenu {
	list-style: none;
	padding: 0;
	margin: 0;
  float: left;
}

ul.submenu li {
	float: left;
	margin: 0;
}

ul.submenu li a,
ul.submenu span.nolink {
	padding: 0px 12px;
	color: #0B55C4;
	line-height: 12px;
	height: 12px;
}

div.breadcrums {
  float: right;
}

ul.submenu a, div.breadcrums a {
	text-decoration: underline;
}

ul.submenu span.nolink {
	color: #666666;
	font-weight: bolder;
}

#module-status      {
  float: right;
}

#module-status span {
  display: block;
  float: left; line-height: 16px;
  padding: 4px 10px 0 22px;
  margin-bottom: 5px;
}


#qm0 .active {
  text-decoration: underline;
  color: #D31C86;
}

#qm0 a.active:hover {
  text-decoration: underline;
}


.green
{
  color: #A4BE1C;
}

.magenta {
  color: #D31C86;
}

.searchResult b {
  color: #D31C86;
}

a.grey {
  color: #505050;
}

.location a {
  color: black;
  font-weight: bold;
}

.searchResult {
  font-size: 11px;
}

.language_flags {
  display: inline; 
  float: right; 
  margin-top: 0px; 
  margin-right: 0px;
}

.error {
  color: red;
}

.success {
  color: #A4BE1C;
  font-weight: bold;
}
/* END own css: os-house--public */
