/*
	Bopo CSS stijldocument
	
*/

/* ------------------------------------------- Reset CSS */
html, body { background: #0062A9; height:100%; margin:0; padding:0; overflow-x:hidden; }
body, table, tr, td, div, h1, h2, h3, address, a { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 13px; color: #014577; line-height: 17px; margin: 0px; padding: 0px; }
img { border: 0px; line-height: 0px; font-size:	0px; display: block; }
h2 { color: #006f4e; padding-bottom: 5px; }
a { text-decoration: underline; }
a:hover {text-decoration:none; }
.clear {clear:both;}

/* mainContainer */
div.mainContainer {width:990px; padding:0 5px 0 5px; min-height:100%; height:auto !important; margin:0 auto; background:url(../images/mainBckgrnd.gif) repeat-y; position:relative;}
	/* logo */
	h1.logo {margin:0; padding:20px 0 0 25px; display:block; width:955px; height:75px; position:relative;}
		h1.logo a {text-decoration:none; outline:0;}
	/* mainMenu */
	ul.mainMenu {height:auto !important; min-height:30px; border-bottom:1px solid #fff; width:980px; background:url(../images/nav/bg.jpg) repeat-x top left; margin:0; padding:0; position:absolute; top:95px; left:5px; z-index:98; overflow:hidden;}
		ul.mainMenu li {float:left; height:30px; width:auto; display:block; padding:0 9px 0 9px; margin:0; border-right:1px solid #fff; list-style:none; z-index:99; position:relative;}
		ul.mainMenu li:hover {background:#006f4e; padding-bottom:0;}
		ul.mainMenu li.hasSubitems:hover ul {display:block;}
		ul.mainMenu li.hasSubitems:hover,
		ul.mainMenu li.active {background:#006f4e; padding-bottom:30px;}
		ul.mainMenu a {line-height:30px; display:block; padding:0; color:#fff; text-decoration:none;}
		ul.mainMenu li ul {width:700px; height:29px; background:#006f4e; position:absolute; left:0; top:31px; display:none; margin:0; padding:0; z-index:100;}
			ul.mainMenu li ul li {border-right:0; height:29px;}
			ul.mainMenu li ul li:hover {background:none; padding-bottom:0;}
				ul.mainMenu li ul li a:hover,
				ul.mainMenu li ul li:hover a {text-decoration:underline;}
		/* submenu */
		div#subMenu {background:#006f4e; border-top:1px solid #fff; width:980px; height:30px; position:relative; top:30px; display:none;}
	/* mainContent */
	div.mainContent {width:980px; height:auto; padding:31px 0 0 0; background:url(../images/mainContentBckgrnd.gif) repeat-y top right; clear:both; position:relative; z-index:0; }
	/* leftContainer */
	div.leftContainer {float: left; width: 701px; margin-bottom: 25px; }
		div.leftContainer h2 {position:absolute; z-index:2; margin-top:-48px; padding-left:25px; color:#fff; font-size:25px; line-height:48px;}
		div.leftContainer h3.title {font-size:20px; padding:10px 0 0 10px;}
		/* Hoofdfoto */
		div.mainImg {width:701px; height:273px;}
		/* imageText */
		div.imageText {width: 701px; height: 48px; position: absolute; z-index: 1; background-color: #000000; margin-top: -48px; filter: alpha(opacity=60); opacity:1.0; }
		/* mainContent */
		div.textContent { padding: 25px;}
			div.textContent ul {padding: 0 0 18px 15px; margin: 0px; list-style: square; }
			div.textContent h2 {color: #014577; padding-bottom: 15px; }
		/* productCat */
		ul.productCat {margin: 0 0 0 -15px; }
			ul.productCat li {float: left; margin: 0 20px 10px 0; padding: 0px; list-style: none; }
			ul.productCat h2 {padding-top: 5px; }
			li.productCatService {width:417px; height:105px; background: url(../images/productCatBckgrnd.gif) no-repeat; }
			li.productCatService h2 {color: #0062A9; padding: 10px 0 7px 10px; }
			div.productCatText { color: #FFFFFF; padding: 0 30px 0 20px; }
		/* productOverview */
		div.productOverview { padding-left: 25px; }
			div.productOverview img { float: left; }
			div.productOverviewText { float: left; width: 418px; height: 85px; border: 1px solid #D9E8F2; padding: 9px;  margin-bottom: 10px; }
			div.productOverviewText h3 { color: #006f4e; }
			div.productOverviewText a { font-weight: bold; text-decoration: none; }
			div.productOverviewText a:hover { text-decoration: underline; }
	/* rechterkant */
	div.rightContainer {float:right; width:269px; height:auto; padding:0 5px 10px 5px; position:relative;}
	div.rightContainer h3 {padding:5px 0 0 9px; color:#006f4e; margin:0; font-size:16px;}
		/* nieuws */
		ul.news {padding:0; list-style:none; margin:1px 0 7px 0;}
			ul.news li h4 {padding:0; margin:0; font-size:14px; }
			ul.news li p {padding:0; margin:0; font-size:11px; }
			ul.news li {padding:9px 0 9px 10px; font-size:11px; margin:0; border-bottom:1px solid #006f4e;}
			ul.news li.last {border-bottom:none;}
			ul.news li a {font-size: 11px; color: #006f4e; font-weight: bold; padding-left: 5px;  }
		/* actieContainer */
		div.actieContainer {background:url(../images/actieBckgrnd.gif) no-repeat; width:269px; height:104px;}
			div.rightContainer div.actieContainer h3 {color:#fff; padding:10px 0 7px 10px;}
			div.rightContainer div.actieContainer h4 {color:#fff;}
			div.actieContainer p {color:#fff; padding:0 30px 0 20px; margin:0; }
				div.actieContainer p a {color:#fff;}
		/* productContainer */
		div.productContainer {padding:10px 5px 0 10px;}
			div.productContainer h3 {padding: 0 0 5px 0; margin:0;}
			div.productContainer div.item {margin:0 0 10px 0; padding:0 0 6px 0; height:92px; clear:right; font-size:11px; border-bottom:1px solid #006f4e;}
			div.productContainer div.item h4 {padding: 0 0 5px 0; font-size:14px; margin:0; }
			div.productContainer div.item a {color:#006f4e; font-weight:bold; font-size:11px;}
			div.productContainer div.item div.productImage {float:right; margin-right:4px;}
			div.productContainer div.item div.productImage img {border:1px solid #006f4e;}
/* bottomContainer */
div.footer {border-top:1px solid #014577; height:35px; width:980px; clear:both; overflow:hidden;}
	/* adres gegevens */
	div.footer address { float: left; font-size: 11px; line-height: 35px; padding-left: 25px; font-style: normal; }
	div.footer address a { font-size: 9px;}
	/* bottomRight */
	div.footer ul {float:right; margin:0; padding:4px 5px 5px 0;}
	div.footer li {float:left; list-style:none; padding-left:15px;}