@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { height: 100%; padding: 0; margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; } 
#wrapper { width:100%; height:100%; }
#site { position: absolute; top: 20%; left: 0; width: 100%; text-align:center;}
#top { width:100%; height:56px; border-top: 1px solid #7272a6; border-bottom: 1px solid #7272a6; }
#middle { width:100%; height:294px; background-color: #CCCCCC; }
#bottom { width:100%; height:56px; border-top: 1px solid #7272a6; border-bottom: 1px solid #7272a6; }
.wrapper { width:760px; margin: 0 auto; height:100%; }
#logo { width:225px; background:url(img/elektriciteit-paul-de-meutter_logo.jpg) no-repeat; float:left; height:56px; border-right: 1px solid #7272a6; }
#title { color:#999999; font-weight: bold; float:left; margin:20px;}
#nav { float:left; font-size:10px; }
.middle_text { width:215px; float:left; color:#686868; font-size:10px; text-align:left; height:95%; padding: 10px 10px 0 0; }
.middle_image { float:left; width:529px; text-align:left; color:#565656; font-size:10px; }
.break { clear:both; }
.middle_text p { padding: 5px 2px 5px 2px; }
.middle_text .bottom { vertical-align:bottom; }
#dmlights { width:225px; float:left; height:36px; border-right: 1px solid #7272a6; cursor:pointer; 
color:#00349a; font-size:12px; text-align:left; text-decoration:bold; padding-top:20px;  }

ul#nav,ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav {
	width:100%;
	height:56px;
	background:#000;
}
 
ul#nav li {
	position: relative;
	float: left;
	width:100px;
	height:56px;
	background:#FFF;
	color:#00349a;
	text-align:center;
	cursor:pointer;
}
ul#nav li a {
	text-decoration: none;
	color: #00349a;
}
#nav li ul {
	position: absolute;
	left: 0; 
	margin-left:-999em;
	border:none;
	width:250px;
	background:#FFF;
 /*opacity for IE5+*/
  filter: alpha(opacity=80);
  /*opacity for older Mozilla browsers*/
  -moz-opacity: 0.8;
  /*opacity for mozilla/safari*/
  opacity: 0.8;
}
ul#nav li li{
	height:10px;
	border:none;
	width:240px;
	text-align:left;
	color:#000000;
	padding: 2px 5px 3px 5px;
	border-top: 1px solid #00349a;
}
ul#nav li li:hover{
	background-color:#CCCCCC;
}
ul#nav li li a{
	display:block;
}
ul#nav li:hover ul, 
ul#nav li.over ul {
	margin-left:0;
}
 
ul#nav li:hover li a,ul#nav li.over li a{
	color:#00349a;
}
ul#nav li p {padding:5px;}
ul#nav li ul.gamma {
	height: 176px;
	top: -176px;
}
ul#nav li ul.industrie {
	height: 176px;
	top: -176px;
}
ul#nav li ul.bedrijf {
	height: 48px;
	top: -48px;
}
.middle_text li ul li{
	padding-left: 3px;
	list-style-position:inside;
}
td#aanvraag_rechts {
	padding-left: 10px;
}
.middle_image form {
	padding-top: 10px;
}
.red {
	color:red;
}
.green {
	color:green;
}