/*
COLOR definities

#666666		donkergrijs
#999999		grijs
#CCCCCC		lichtgrijs
#FFFFFF		wit
*/

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	background: #ebebeb;	
	color: #000000;
	font-family: Arial, Verdana, sans-serif; 
    font-size: 12px;
    line-height: 20px;
}

table, tr, td, th {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

form {
	padding: 0;
	margin: 0;
}

#container {
	margin: auto;
	width: 990px;
	height: auto;
	/*background: #FFFFFF url('../images/header_fill.jpg') no-repeat;*/
	background: #FFFFFF;
}

#header {
	position: relative;
	width: 990px;
	background:  url('../images/omniva_logo.gif') no-repeat 26px  50%;
	padding-top: 35px;
	height: 75px;
}
#contentbanner {
	padding: 0px 0px 0px 0px;
	width: 938px;
	height: 204px;
	margin: 2px 26px;
	/*border-bottom: #e00740 dotted 1px;*/
}

#omnivalogo {
	position: absolute;
	top: 5px;
	left: 26px;
	height: 42px;
	width: 175px;
}

#omnivalogo a {
	display: block;
	height:75px;
	width: 175px;
}

.breadcrumbs
{
    font-size: 10px;
    color: #777;
	margin-top: 5px;
	padding-left: 210px;
	position:absolute;
	float:left;	
}

  .breadcrumbs a
, .breadcrumbs a:link
, .breadcrumbs a:active
, .breadcrumbs a:visited
{
    color: #777;
    text-decoration: underline;   
}

.breadcrumbs a:hover
{
    text-decoration: none;
    color: #000;
}
.contentpaneopen
{
 background: #fbfbfb url('../images/breadcrumb_bg.gif') bottom  no-repeat;
 height: 5px;
 width:auto;
}

#contentheading
{
 padding-top:10px;
 padding-bottom: 10px;
 font-size:26px;
 font-weight:bold;
 color: #474747;
 width:auto;
}

#search {
	position: absolute;
	right: 26px;
	top: 16px;
}

#search input {
	margin: 0;
	border: #e00740 solid 1px;
	background: #FFFFFF;
	height: 15px;
}

#search input.searchbutton {
	border: 0;
	height: 19px;
	width: 69px;
}

#menu {
	margin: 0 260px;
	padding-top: 25px;
}


#contentcontainer {
	width: 938px;
	margin: 0px;
	padding-bottom: 10px;
	height: auto;
}

#contentcontainer td {
	vertical-align: top;
}

#linkbox {
	width: 175px;
	background: #FFFFFF;
	border: #CCDDEC solid 1px;
	color: #00539F;
	font-size: 9px;
	text-align: center;
}

#linkbox h3 {
	text-align: left;
	margin: 0;
	padding: 10px 10px;
	font-size: 11px;
}

#linkbox ul {
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
}

#linkbox ul li {
	text-align: left;
	margin: 0;
	padding: 0;
}

#linkbox ul li a {
	display: block;
	text-align: left;
	padding: 0 0 5px 10px;
	font-weight: bold;
	text-decoration: none;
	color: #00539F;
}

#linkbox ul li a:hover {
	color: #e00740;
}


/**** MODULES RECHTS ****************************/
#module-1
{
background: url('../images/module-1-header.gif') no-repeat  ;
width: 175px;
margin: 10px 0 0 0 ;
padding: 45px 37px 14px 10px;
font-size:11px;
line-height: 15px;
}


#module-1 a
{
color:#0291d7;
text-decoration:none;
}


module-1-header
{
 
 height: 37px;
 width: 217px;
}

module-1-content a
{
color:#0291d7;
text-decoration:none;
}

#module-2
{
width: 200px;
margin: 20px 0 0 0 ;
padding: 8px 8px 8px 8px;
background-color:#f1f1f1;
border-left: solid 7px #e42658;
font-size:11px;
line-height: 15px;
margin-bottom: 25px;
}

#module-2 a
{
text-decoration:none;
color:#333333;
}

#module-3
{
background: url('../images/module-3-header.gif') no-repeat  ;
width: 175px;
margin: 10px 0 0 0 ;
padding: 45px 37px 14px 10px;
font-size:11px;
line-height: 15px;
}

module-3-header
{
 height: 37px;
 width: 217px;
}

module-3-content
{
border:none;
}
module-3-content a
{
text-decoration:none;
border: 0px;
}

/***** CONTACT FORMULIER ****/

#fieldset-contact { 
border:1px solid #e0e0e2;
padding: 5px;
padding-top: 15px;
color: #666666  ;
}

#fieldset-contact legend { 
color: #999999;
}

/******* STYLESHEET UIT HOME.CSS *******************************/

#flashbanner {
	padding: 0px 0px 0px 0px;
	width: 949px;
	height: 311px;
	/*border-bottom: #e00740 dotted 1px;*/
}

#newsbalk {
	width: 957px;
	height: 28px;
	margin-left: 24px;
	padding-left: 14px;
	padding-top: 4px;
	background: url('../images/nieuwsbalk.jpg') no-repeat  ;
}

#newsbalk a {
	color:#000000; 
	text-decoration:none;
}

#newsbalk_slide {
	display: none;
	padding:5px;
	border: 1px solid #dedede;
	background-color:#f6f6f6;
	margin-left: 25px;
	line-height: 18px;
	color: #666666  ;
	padding-left: 10px;
	width: 923px;
}

#newsbalk_slide a {
	color:#e00740; 
	text-decoration:none;
	font-weight: bold;
	}

#contentbox {
	width: 938px;
	margin: 2px 0;
	position: relative;
	line-height: 16px;
}

#contentbox td {
	vertical-align: top;
}

#buttoncontainer {
	width: 948px;
	margin: 0 16px 0 26px;
	padding-bottom: 20px;
	height: auto;
}

#buttoncontainer h1 {
	position: absolute;
	text-align:center;
	top: 20px;
	width: 289px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

#buttoncontainer p {
	position: absolute;
	top: 26px;
	left: 162px;
	width: 130px;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

#buttoncontainer .buttonbox {
	position: relative;
	width: 307px;
	height: 168px;
	background: url('../images/bottombutton.jpg') no-repeat;
	padding-right: 12px;
}

#buttoncontainer img.readmorebutton {
	position: absolute;
	bottom: 13px;
	right: 20px;
	border: 0;
}

#buttoncontainer img.buttonimage {
	position: absolute;
	bottom: 10px;
	left: 3px;
	border: #999999 solid 0px;
}




/******** HOOFDMENU *********************/

.lavaLampWithImage {
	position: relative;
	height: 29px;
	width: 753px;
	/*background: url("bg.gif") no-repeat top;*/

	margin: 0px 0;
	overflow: hidden;
	margin-left: 205px;
	margin-bottom: 0px;
	padding-top: 42px;
}

.lavaLampWithImage li {
	float: left;
	list-style: none;
}

.lavaLampWithImage li.back {
	background: url("../images/lava.gif") no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}

.lavaLampWithImage li.back .left {
	background: url("../images/lava.gif") no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
	background-color:#000099;
}

.lavaLampWithImage li a {
	font: bold 14px arial;
	text-decoration: none;
	color: #666666;
	outline: none;
	text-align: center;
	top: 7px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 30px;    
}

.lavaLampWithImage li a:visited {
   border: none; 
     

}
.lavaLampWithImage li a:active{
color: #e00740;
}
.lavaLampWithImage li a:hover {
color: #e00740;

}

.lavaLampWithImage li.current .selected {
   color: #e00740;

}

/******** LEFT COLOMN *********************/      
		
#links_container{
float: left;
min-height: 100%;
width: 194px;
/*background-color:#99FFCC;*/
}

#links{
padding: 10px 10px 15px 20px;
}

#links H4{
font-size:15px;
color:#e00740;
margin: 0;
padding-top: 5px;
padding-bottom: 15px;

}

#links ul {
	padding-left: 24px;
	margin: 0;
	list-style-image: url('../images/submenu_bg.gif');
}

.submenu ul li {
	display: block;
	margin: 0;
	padding: 0px;
	float: left;
}

.submenu ul li.lastitem {
	border-right: none;
}

#links ul li a {
	display: block;
	padding: 3px 3px;
	color: #000000 ;
	text-decoration: none;
}

#links ul li a:hover {
	color: #e00740;
	font-weight:bold;
}

.submenu ul li a.selected {
	/*color: #333333;*/
	/*background: #e00740;*/
}





/******** RIGHT COLOMN *********************/   


#content_container{
margin: 0 259px 0 194px;
}
#contact_container{
margin-left: 194px;
}
#rechts_container{
float: right;
width: 259px;
/*background-color:#99FFCC;*/
}
#rechts{
padding: 10px 10px 15px 20px;
}

/******** CONTENT *********************/
#content{
padding: 0px 0px 0 0px;
/*background-color:#FF66FF;*/
}

#content a {
	color: #00539F;
	text-decoration: none;
}

#content a:hover{
	color: #e00740;
	text-decoration: underline;
}

#content h1 {
	margin: 0;
	padding: 16px 0 15px 24px;
	color: #e00740;
	font-size: 18px;
	font-weight: bold;
	
}

#content h2 {
	margin: 0;
	padding: 10px 37px 0 37px;
	color: #00539F;
	font-size: 11px;
	font-weight: bold;
}

#content p {
	margin: 0;
	padding: 0 37px 14px 24px;
	text-align: justify;
}

#content ul {
	list-style-image: url('../images/icon_small.gif');
	margin: 0 37px 14px 37px;
	padding: 0 0 0 15px;
	text-align: justify;
}

#content ol {
	margin: 0 37px 14px 40px;
	padding: 0 0 0 15px;
	text-align: justify;
}


#footer_container{
clear: both;
height: 46px;
background: url(3_kolommen_layout/bottom_right.gif) no-repeat top right;
width: 100%;
text-align: center;
}
#footer-bg {
width: 990px;
margin: auto;
background-color:#FFFFFF;
}


#footer {
	width: 945px;
	line-height: 40px;
	margin: auto;
	text-align: right;
	font-size: 11px;
	color: #000000 ;
	background: url('../images/footer-bg.gif') #FFFFFF top repeat-x  ;
	
}

#footer a {
	color: #4587C7;
	text-decoration: none;
}

#footer a:hover {
	color: #666666;
}