/*-------------------------------------------------------------

Style Sheet voor: BMC Moerdijk

versie:    1.0

auteur:    men@work

email:     info@menaddwork.nl

website:   http://www.menaddwork.nl

-------------------------------------------------------------*/

* {

padding: 0; 

margin: 0; 

border: 0; 

}



a {

outline: none;

} 



html, body {

margin: 0; 

padding: 0; 

height: 100%;

}



html, body, #container {

min-height: 100%;

width: 100%;

height: 100%;

}



body {

behavior: url("css/csshover.htc");

font-size: 62.5%;

font-family: normal 1.1em Verdana, Arial, sans-serif;

background: #e5eff7 url(../images/bground.gif) repeat-y top left;

}



#container {

width: 940px;

position: absolute;

top: 0;

}



html>body, html>body #container {

height: auto;

}



#header {

width: 831px;

}



#languageNL {

    position: absolute;

    left: 755px;

    top: 40px;

}



#languageEN {

    position: absolute;

    left: 780px;

    top: 40px;

}

/*

#header ul {

width: 212px;

height: 190px !important; height: 185px;

display: block;

background: url(../images/menu-bg.gif) repeat-y top left;

font: normal 1.2em "Century Gothic", Arial, Verdana, sans-serif;

font-variant: small-caps;

list-style: none;

float: left;

margin: 57px 8px 0 0;

padding: 0 !important; padding: 5px 0 0 0;

}



#header li {

border-bottom: 1px solid #fff;

text-align: right;

}



#header li:last-child {

border-bottom: none;

}



#header li a:link, #header li a:visited {

color: #00508e;

text-decoration: none;	

padding: 5px 15px 4px 0 !important; padding: 5px 15px 5px 0;

display: block;

width: 197px;

}

*/

#header #beeldHeader {

width: 831px;

height: 247px;

left: 220px;

background: url(../images/header1.jpg) 220px 0 no-repeat;

}



#header2 {

height: 287px;

width: 109px;

background: url(../images/header2.jpg) no-repeat top left;

position: absolute;

left: 831px;

top: 0px;

}



#container #content {
	clear: both;
	width: 831px;
	padding: 8px 0 50px 0;

}

#container #content #cLeft {

width: 212px;

float: left;

margin: 0 8px 60px 0;

}



#content #cLeft .search {

height: 97px;

background: #cfe2f1;

}



#content #cLeft .search h3 {

width: 204px;

height: 20px !important; height: 24px;

background: #0066b4;

padding: 5px 0 6px 8px !important; padding: 6px 0 0 8px;

color: #fff;

font: normal 1.4em "Century Gothic", Arial, Verdana, sans-serif;

font-variant: small-caps;

}



#container #content #cLeft .search form {

margin: 22px 0 0 15px;

}



#container #content #cLeft .search input {

border: 1px solid #0167b1;

}



.news {

font: normal 1em Verdana, Arial, sans-serif;

}



#content #cLeft .news h3 {

width: 204px;

height: 20px !important; height: 24px;

background: #0066b4;

padding: 5px 0 6px 8px !important; padding: 6px 0 0 8px;

color: #fff;

font: normal 1.4em "Century Gothic", Arial, Verdana, sans-serif;

font-variant: small-caps;

}



#content #cLeft .news h4 {

color: #0066B4;

font: bold 1em Verdana, Arial, sans-serif;

padding: 0 8px;

margin: 16px 0 4px 0;

}



#content #cLeft .news h4 a:link, #content #cLeft .news h4 a:visited {

color: #0066B4;

font: bold 1em Verdana, Arial, sans-serif;

padding: 0;

text-decoration: none;

background: none;

margin: 16px 0 4px 0;

}



#content #cLeft .news h4 a:hover, #content #cLeft .news h4 a:active {

color: #0066B4;

text-decoration: underline;

font: bold 1em Verdana, Arial, sans-serif;

padding: 0;

background: none;

margin: 16px 0 4px 0;

}



#content #cLeft .news p {

color: #0066B4;

font: normal 1em Verdana, Arial, sans-serif;

padding: 0 8px;

line-height: 15px;

}

#content #cLeft .news img {

background: #fff;

padding: 2px;

border: 1px solid #0066b4;

float: left;

margin: 4px 5px 5px 8px;

}



#content #cLeft .news span {

display: block;

background: url(../images/stippellijn.gif) repeat-x 0px 7px;

width: 212px;

text-align: right;

margin: 9px 0 0 0;

clear: both;

font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;

}



#content #cLeft .news a:link, #content #cLeft .news a:visited {

background: #0066B4;

padding: 3px!important; padding: 3px 4px;

color: #fff;

text-decoration: none;

}



#content #cLeft .news a:hover, #content #cLeft .news a:active {

text-decoration: none;

}



#container #content #cRight {

float: left;

margin-bottom: 60px;

}



#content #cRight #cRightA {

float: left;

width: 432px;

margin: 0 6px 0 0;

}



#content #cRight #cRightA h5 {

font: normal 1.4em "Century Gothic", Arial, Verdana, sans-serif;

font-variant: small-caps;

border-top: 6px solid #9bbbe3;

width: 432px;

margin: 0 0 22px 0;

}



#content #cRight #cRightA h6 {

margin: 22px 0 0 0;

font: bold 1.1em Verdana, Arial, sans-serif;

}



#content #cRight #cRightA p {

font: normal 1.1em Verdana, Arial, sans-serif;

line-height: 16px;

}



#content #cRight #cRightA img {

background: #fff;

padding: 2px;

border: 1px solid #0066b4;

}

#content #cRight #cRightA img.imgLeft {

float: left;

margin: 4px 9px 9px 0;

}



#content #cRight #cRightA img.imgRight {

float: right;

margin: 4px 0 6px 6px;

}

#content #cRight #cRightB {

float: left;

width: 171px;

}



#content #cRight #cRightB .sideBox {

margin: 0 0 22px 0;

}



#content #cRight #cRightB .sideBox h5 {

width: 171px;

border-top: 6px solid #b4ce0a;

font: normal 1.4em "Century Gothic", Arial, Verdana, sans-serif;

font-variant: small-caps;

margin: 0 0 22px 0;

}



#content #cRight #cRightB .sideBox p {

font: normal 1em Verdana, Arial, sans-serif;

color: #333;

line-height: 15px;

}



#content #cRight #cRightB .sideBox p a:link, #content #cRight #cRightB .sideBox p a:visited {

color: #333;

text-decoration: none;

}



#content #cRight #cRightB .sideBox p a:hover, #content #cRight #cRightB .sideBox p a:active {

color: #333;

text-decoration: underline;

}



#content #cRight #cRightB .sideBox img {

background: #fff;

padding: 2px;

border: 1px solid #0066b4;

margin: 10px 0 0 0;

}



.sideBox li {

color: #333;

font: normal 1em Verdana, Arial, sans-serif;

line-height: 15px;

margin: 3px 0;

list-style: none;

padding: 0 0 0 18px;

background: url(../images/blokje.gif) no-repeat 0px 5px;

}



.sideBox li a:link, .sideBox li a:visited {

color: #333;

text-decoration: none;

}



.sideBox li a:hover, .sideBox li a:active {

color: #333;

text-decoration: underline;

}



#container #content #cRight #cRightC {

width: 611px;

}



#cRight table {

border-collapse: collapse;

border: 1px solid #0066b4;

font: normal 1.1em Verdana, Arial, sans-serif;

}

#cRight th, #cRight td {

padding: 0.5em 0.7em;

}



#cRight thead {

background: #0167b1;

border-top: 1px solid #0167b1;

border-bottom: 1px solid #0167b1;

}



#cRight th {

font-weight: bold;

color: #fff;

}



#cRight td {

border-right: 1px solid #0167b1;

}



#cRight tr.odd {

background: #e5eff7;

border-bottom: 1px solid #0167b1;

}



#cRight tr {

border-bottom: 1px solid #0167b1;

}



#agendaOverzicht h3 {

font: bold 1.2em Verdana, sans-serif;

color: #0167b1;

}



#agendaOverzicht dl {

font: normal 1.1em Verdana, Arial, Helvetica, sans-serif;

margin: 10px 0;

}



#agendaOverzicht dt {

float: left;

clear: both;

width: 150px;

margin: 0 0 7px 0;

font-weight: bold;

color: #0167b1;

}



#agendaOverzicht dd {

margin: 0 0 7px 0;

}



.omschrijving {

clear: both;

}



#content #cRight #cRightC h5 {

font: normal 1.4em "Century Gothic", Arial, Verdana, sans-serif;

font-variant: small-caps;

border-top: 6px solid #9bbbe3;

width: 611px;

margin: 0 0 22px 0;

}



#content #cRight #cRightC h6 {

margin: 22px 0 0 0;

font: bold 1.1em Verdana, Arial, sans-serif;

}



#content #cRight #cRightC p {

font: normal 1.1em Verdana, Arial, sans-serif;

line-height: 16px;

}



#content #cRight #cRightC img {

background: #fff;

padding: 2px;

border: 1px solid #0066b4;

}



#content #cRight #cRightC img.imgLeft {

float: left;

margin: 4px 9px 9px 0;

}



#content #cRight #cRightC img.imgRight {

float: right;

margin: 4px 0 6px 6px;

}



#container #content #cRight ul {

margin: 10px 0;

}



#container #content #cRight li {

font: normal 1.1em Verdana, Arial, sans-serif;

margin: 1px 0;

list-style: none;

padding: 0 0 0 18px;

background: url(../images/blokje.gif) no-repeat 0px 4px;

}



#container #content #cRight li a:link, #container #content #cRight li a:visited {

color: #0066b4;

}



#container #content #cRight li a:hover, #container #content #cRight li a:active {

color: #0066b4;

}



#container #footer {

height: 24px;

background: #f1f6fb;

font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;

border-top: 1px solid #0066b4;

clear: both;

width: 830px;

padding: 8px 0 0 0;

position: absolute;

bottom: 0px;

}



#container #footer .fLinks {

float: left;

display: inline;

margin: 0 0 0 10px;

}



#container #footer .fLinks a:link, #container #footer .fLinks a:visited {

color: #0066b4;

}



#container #footer .fLinks a:hover, #container #footer .fLinks a:active {

color: #0066b4;

}



#container #footer .fRechts {

float: left;

display: inline;

margin: 0 0 0 300px;

}



#container #footer .fRechts a:link, #container #footer .fRechts a:visited {

color: #000;

text-decoration: none;

}



#container #footer .fRechts a:hover, #container #footer .fRechts a:active {

color: #000;

text-decoration: underline;

}



#container #footer .fRechts .orange {

color: #ff9000;

}







/* Contact -------------------------------------------------------------*/



#content #cRight #cRightC #contact {

margin: 0;

width: 350px;

}



#content #cRight #cRightC #contact label {	

width: 125px;

float: left;

text-align: left;

display: block;

margin: 3px 0 0 0;	

}



#content #cRight #cRightC #contact p {	

margin: 3px 0 0 0;	

}



#content #cRight #cRightC #contact input {

border: 1px solid #005883;	

padding: 1px;

font: normal 1.1em Verdana, Arial, sans-serif;

width: 160px;

margin: 0 0 5px 0;

}



#content #cRight #cRightC #contact .radio {

border: 0;

width: 20px;

margin: 4px 0 0 0;

}



#content #cRight #cRightC #contact .submit {

margin: 0 0 10px 125px !important;

margin: 0 0 10px 128px;

width: 60px;

font: normal 1em Verdana, Arial, Helvetica, sans-serif;

background: #0167b1;

border: 1px solid #0167b1;

color: #fff;

}



#content #cRight #cRightC #contact .error {

border: 1px solid #ff0000;

}



.button {

display: block;

background: url(../images/stippellijn.gif) repeat-x 0px 7px;

width: 607px;

text-align: right;

margin: 9px 0 20px 0;

clear: both;

color: #fff;

text-decoration: none;

font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;

}



a.button span {

background: #0167b1;

color: #fff;

text-decoration: none;

padding: 3px;

}







/* Gallery -------------------------------------------------------------*/



#gallery ul{

	padding: 0;

	margin: 10px;

	list-style: none;

	width: auto;

	background: none;	

}



#gallery ul li { 	

	float: left;	

	background: none;

	text-align: center;		

}



#gallery ul li a {

	background: none;

}







/* Menu -------------------------------------------------------------*/

#menu {	

	position: absolute;	

	margin: 0;

	border: 0;	

	z-index: 2;

	width: 212px;

	height: 190px !important; height: 185px;

	display: block;

	background: url(../images/menu-bg.gif) repeat-y top left;

	font: normal 1.2em "Century Gothic", Arial, Verdana, sans-serif;

	font-variant: small-caps;

	list-style: none;

	float: left;

	margin: 57px 18px 0 0;

	padding: 0 !important; padding: 5px 0 0 0;

}



#menu li {

	position: relative;	

	border-bottom: 1px solid #fff;

	text-align: right;

}



#menu .subarrow {

	background: url(../images/arrows_menu.gif) no-repeat 151px 11px;

}



#menu li:hover ul, #menu li.over ul.submenu { 

	display: block;

	border-bottom: 1px solid #fff;

	color: #fff;

}



#menu li a:link, #menu li a:visited { 

	display: block;		

	cursor: pointer;	

	color: #0066B4;

	text-decoration: none;	

	padding: 4px 9px 4px 0 !important; padding: 5px 15px 5px 0;

	display: block;

	height: 15px;

	width: 197px;

}



#menu li a:hover, #menu li a:active {

	color: #fff;

}



#menu li.last a {

	border: 0;

}





/* Submenu's

---------------------------------------- */



#menu .submenu {

	z-index: 3;

	display: none;

	position: absolute;

	top: 0;

	left: 210px;

	margin: 0 ;	

	width: 212px;	

	border: 1px solid #0167b1;

	list-style: none;

	background: url(../images/menu-bg.gif) repeat-y top left;

}



#menu .submenu li {

	background: none;	

	text-align: right;

}



#menu .submenu li a:link, #menu .submenu li a:visited {

	padding: 4px 9px 4px 0 !important; padding: 5px 15px 5px 0;	

	color: #0066B4;	

}



#menu .submenu li a:hover, #menu .submenu li a:active {

	background: url(../images/arrows.gif) no-repeat 0 11px;

	color: #ffffff;

}



#menu .submenu li.last a {

	border: 0;

}



#menu .submenu span {

	float: none;

	padding: 0;

	border: 0;

}