/* vertical centering */



#outer_container {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  position: fixed;

  display: table;

}



#inner_container {

	line-height: 100%;
	position: absolute;
	top: 200px;
	width: 100%;
	margin-top: -210px;
	margin-left: auto;
	margin-right: auto;
	left: 1px;

}

#adres{

	line-height: 100%;
	position: absolute;
	
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	left: 1px;
}

.placeholder {

  background-position: left top;

  background-repeat: no-repeat;

  height: 420px;

  width: 895px;

  position: relative;

  margin-right: auto;

  margin-left: auto;
  
  margin-bottom:0px;

}



/* site layout */



#logo {

	padding-left: 600px;

	width: 295px;

	height: 63px;

	background-image: url('../BPOWER-Archive/images/logo.jpg');

	background-position:  right bottom;

	background-repeat: no-repeat;

	margin-bottom: 10px

}



#content, #contentreferenties, #side1, #side2, #side3 {

	height: 420px;
	
	overflow-x:hidden;
	

}



#menu, #menuside1, #menuside2, #menuside3 {

	height: 18px;

	margin-bottom: 5px;

}



#menu {

	background-image: url("../BPOWER-Archive/images/menu.jpg");

}



#menuside1 {

	background-image: url("../BPOWER-Archive/images/menuside1.jpg");	

}



#menuside2 {

	background-image: url("../BPOWER-Archive/images/menuside2.jpg");	

}



#menuside3 {

	background-image: url("../BPOWER-Archive/images/menuside3.jpg");	

}



#content {
	display:inline-block;
	background-image: url("../BPOWER-Archive/images/content.jpg");
	background-color:#FF6600;
	background-position:inherit;
	background-repeat:repeat-y;
	overflow-y:auto;
	color:#FFFFFF;
	
}



#contentreferenties {

	background-image: url("../BPOWER-Archive/images/content_referenties.jpg");

}



#contentreferenties p{

	color: white;

	font-weight: bold

}

#side1 {

	background-image: url("../BPOWER-Archive/images/1-animatie.gif");	

}



#side2 {

	background-image: url("../BPOWER-Archive/images/2-animatie.gif");	

}



#side3 {

	background-image: url("../BPOWER-Archive/images/3-animatie.gif");	

}



/* horizontal menu template */

/* all lists */

#nav, #nav ul { 

	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 1;
 	z-index: 999;

}



#nav {

	background-position: bottom left;
	background-repeat: repeat-x;
	height: 18px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  	z-index: 999;

}



#nav a {

	margin: 0px;

	display: block;

	min-width: 25px;

	text-decoration: none;		

	height: 18px;

  	z-index: 999;

}



#nav li li a:hover {

	font-weight: bold; 

}



#nav li { /* all list items */

	float: left;

	min-width: 25px; /* width needed or else Opera goes nuts */

	border-right: none 1px #000044;

	height: 18px;

	list-style: none;

}



#nav li:hover {

	/* background-image: url("../images/menubalk_back_hover.png"); */

	/* background-color: #ee9900; */

	height: 18px;

}



#nav li li:hover {

	background-image: none;

	background-color: transparent;

	width: auto;

	height: 25px;

}



#nav li li {

	border-right: none 0px #000044; /* dropdown list item overrides */

	min-width: 210px;

	width: 300px;

	height: 25px;

}



#nav li ul { /* second-level lists */

	padding-top:0px;

	margin-top:0px;

	width: 220px; 

	padding-right: 15px;

	padding-top:5px;

	padding-bottom: 15px;                        

	position: absolute;

	background-color: #888;

	/* background-image: url("../images/lihoverbackground2.png"); */

	background-repeat: no-repeat;

	background-position: bottom left;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}



#nav li:hover ul ul, #nav li.sfhover ul ul {

	left: -999em;

}



#nav li ul ul {

	margin: -2.5em 0 0 11em;

	background-image: none;

	background-color: #349;

	padding-bottom: 15px;

	width: auto;

}



#nav li ul ul li a {

	width: 550px; /* zodat ook lange koornamen op 1 lijn komen */

	background-color: transparent;

	line-break: normal;

}



#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



#nav li ul ul:hover {

	width: 340px;

	line-break: normal;

}



#nav li ul ul {

	width: 340px;

	line-break: normal;

}



/* menu specific layout */



#nav {

    margin-left: 9px;

}



#nav li{

	margin-left: 24px;

}



#home {

	background-image: url("../BPOWER-Archive/images/home.jpg");

	width: 49px;

}



#home:hover {

	background-image: url("../BPOWER-Archive/images/home_a.jpg");

}



#wie {

	background-image: url("../BPOWER-Archive/images/wie.jpg");

	width: 36px;

}



#wie:hover {

	background-image: url("../BPOWER-Archive/images/wie_a.jpg");

}



#solar {

	background-image: url("../BPOWER-Archive/images/solar.jpg");

	width: 49px;

}



#solar:hover {

	background-image: url("../BPOWER-Archive/images/solar_a.jpg");

}



#referentie {

	background-image: url("../BPOWER-Archive/images/referentie.jpg");

	width: 96px;

}



#referentie:hover {

	background-image: url("../BPOWER-Archive/images/referentie_a.jpg");

}



#contact {

	background-image: url("../BPOWER-Archive/images/contact.jpg");

	width: 73px;

}



#contact:hover {

	background-image: url("../BPOWER-Archive/images/contact_a.jpg");

}



#links {

	background-image: url("../BPOWER-Archive/images/links.jpg");

	width: 49px;

}



#links:hover {

	background-image: url("../BPOWER-Archive/images/links_a.jpg");

}



#faq {

	background-image: url("../BPOWER-Archive/images/faq.jpg");

	width: 47px;

}



#faq:hover {

	background-image: url("../BPOWER-Archive/images/faq_a.jpg");

}



#nextbutton {

	margin-top:30px; 

	margin-right:7px; 

	width:9px; 

	height:17px; 

	position:relative; 

	float:right; 

	background-image:url("../BPOWER-Archive/images/rechtse.jpg");

}



#nextbutton:hover {

	background-image:url("../BPOWER-Archive/images/rechtse_a.jpg");

}



#prevbutton {

	margin-top:30px; 

	margin-right:7px; 

	width:9px; 

	height:17px; 

	position:relative; 

	float:right; 

	background-image:url("../BPOWER-Archive/images/linkse.jpg");

}



#prevbutton:hover {

	background-image:url("../BPOWER-Archive/images/linkse_a.jpg");

}



/* Typography */



h1, h2, p {

	padding: 5px;

	padding-left:33px;

	padding-bottom: 5px;

	color: white;

	margin-bottom: 0px;

}



h1 {

	padding-top: 15px;

	font-family: "Verdana", sans-serif;

	font-size: 12pt;
	font-weight:bold;
	padding-bottom: 0px;

	margin-bottom: 0px;

	color: #ffe419;

}



h2 {

	padding-top: 13px;

	line-height: 10pt;

	font-family: "Verdana", sans-serif;

	font-weight: bold;

	font-size: 10pt;

	padding-left: 33px;
	color: #ffe419;

}
h3 {

	font-family: "Verdana", sans-serif;

	font-size: 10pt;
	padding-bottom: 0px;

	margin-bottom: 0px;

	color: #ffe419;

}




p {
	padding-top: 10px;

	font-family: "Verdana", sans-serif;

	font-style: normal;

	font-size: 8pt;

	line-height: 12pt;

	padding-left: 33px;
	padding-right: 33px;
	padding-bottom:10px;
	color:#FFFFFF;

}

.list {
	
	padding-top: 0px;

	font-family: "Verdana", sans-serif;

	font-style: normal;

	font-size: 8pt;

	line-height: 10pt;

	padding-left: 40px;
	padding-bottom:10px;
	padding-right:45px;
	
	color: #ffffff;
}

.list li {
	padding-bottom:5px
}

.text {
	
	font-family: "Arial", sans-serif;

	font-style: normal;

	font-size: 8pt;

	line-height: 14pt;

	padding-left: 40px;
	padding-bottom:10px;
	padding-right:45px;
	
	color: #ffffff;

}
 
.formtext {
	
	font-family: "verdana", sans-serif;
	font-style: normal;
	font-size: 8pt;
	line-height: 8pt;

	padding-top:5px;
	padding-left: 33px;
	padding-bottom:5px;
	padding-right:30px;
	
	color: #ffffff;

}
a:active, a:link, a:visited {
	font-family: "Verdana", sans-serif;

	font-style: normal;
	font-weight:bold;
	font-size: 8pt;

	line-height: 10pt;
	
	color: #000000;
}

a:hover {
	color: #FFFFFF;
	font-style: normal;
	font-weight:bold;
}

#divImgText {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:0px;	
	font-family: "Arial", sans-serif;

	font-style:oblique;
	font-weight:bold;
	font-size: 12pt;
	line-height: 12pt;
	
	color: #ffffff;
}

#videoFrame {
	position:absolute;
	left:48px;	
	top:145px;
	border:10px;
	border-style:solid;
	border-color:#FFCC00;

}
select {
	padding: 2px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font: normal 7pt Verdana, sans-serif;
	color:#777;
}
.borderit img{
border: 1px solid #ffffff;
}
 
.borderit:hover img{
border: 1px solid #ffe419;filter:alpha(opacity=60);
}