@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}
/*img, div { behavior: url(scriptz/iepngfix.htc) }*/
html, body {
  height: 100%; /* Required */
}
body  {
	font: 62.5% Arial, Verdana, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4b1937;
	background:url(../bg.gif);
	/*height: 100%;*/
}
.sovo #page{
background:url(../bg.gif);
}
.sovo #container-page { 
	width: 96em;
	margin: 0 auto;
	border: 1px solid #000000;
	/*min-height: 100%;  For Modern Browsers */
  	/* height: auto !important; For Modern Browsers */
  	/* height: 100%; For IE */
	padding:0px;
	text-align:left;
}
.sovo #container {
	float:left;
	z-index: 1000;
}
/*
.sovo #container:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
*/
.sovo #header { 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 3em;
	line-height:3em;
	width:100%;
	font-size: 12px;
	font-weight: bold;
	color: #9B737C;
} 
.sovo #homepage{
/*
	position:absolute;
	left:10px;
	top:2em;
	*/
	float:left;
	
}
.sovo #sintlucas{
	float:left;
	/*position:absolute;
	left:102px;
	top:2em;
	*/
	
}
.sovo #stier{
	position:absolute;
	bottom: 22px;
	left: 0px;
	z-index:2;
	width:176px;
}
.sovo #menucontainer {
	float:left;
	width: 15em; /* since this element is floated, a width must be given */
	 /* top and bottom padding create visual space within this div */
	 overflow:hidden;
}
.sovo #menutitel {

	background: #dcdcdc; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px; /* top and bottom padding create visual space within this div */
}
.sovo #menu {
	
	margin-top: 5px;
	/* background: #FFF; top and bottom padding create visual space within this div */
	padding: 0px 0px 0px 0px;
}
.sovo flash {
	position:absolute;
	top: 0px;
	left:0px; /**/
}
.sovo #menu p{
	padding-bottom:1em;
}
.sovo #maintitel {
	float:left;
 	margin: 0 0 0 5px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	background:#dcdcdc;
	width: 61em;
	padding: 4px 4px 4px 4px;
}
.sovo ul{
	padding:5px;
	text-decoration:none;
	font-weight:bold;
	/*list-style:none;*/
}
li {
 /*list-style-type: none;*/
 padding:2px;
 margin: 5px 5px 5px 15px;
}
.sovo #mainContent {
	/*position:relative;*/
	left:5px;
	float:left;
	width: 61em;
 	/* margin: 0px 0 0 0px; the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	background:#dcdcdc;
	padding: 0px 0px 0px 0px;
} 
.sovo #menu h3, .sovo #sidebar1 p, .sovo #sidebar2 p, .sovo #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.sovo #container-footer {
	background: #FFF;
	/* position: fixed;
	
	bottom: 0px !important;
	bottom: 0px; For Certain IE widths */
	position:relative;
	top:20px;
	width:100%;
	padding:0px;
	left: 0px;
	height: 30px;
	z-index: 1;
	visibility: visible;
}
/*
.sovo #container-footer {
	background: #FFF;
	/*position: absolute;
	float:left;
	bottom: 0 !important;
	bottom: -0px; /* For Certain IE widths 
	width:100%;
	padding:0px;
	left: 0px;
	height: 100%;
	z-index: 1;
	visibility: visible;
}
*/
.sovo #footer {
  padding: 0;
  line-height: 30px;
 
}
.sovo #footer a {
	color:#4b1937;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.normaal {
	font-size: 1em;
}
.tekstTitel {
	font-size: 1.3em;
	color:#993366;
	font-weight: bold;
}
p {
 margin: 0;
 padding: 0;
}
a {
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#990066;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  clear: both;
}