html {
	min-height: 100%;
	background: #F3F3F3 url(../images/html_bg.gif) repeat-x top;
}
body {
	font-family: Avantgarde BkBt,Arial, Helvetica, Sans-serif;
	color: #818181;
	font-size: 14px;
	min-height: 100%;
	padding: 0;
  margin: 0;
  position: relative;
  background: url(../images/body_bg_bottom.jpg) repeat-x bottom; 
}

a img {border: 0;} 

a {color: #5CAAD8; text-decoration: underline;}
a:hover {color: #818181;}

table {
 margin-bottom: 10px;
 font-size: 12px;
}
table, th, td {
  border-collapse: collapse;
  border: 1px #818181 solid;
  padding: 5px;
  text-align: center;
}
table th {
  background-color: #E3E2E0;
}
table strong {color: #5CAAD8;}

th.hot {background-color: #FFBBBB;}
th.cold {background-color: #CEE7FF;}

.hide {display: none;}
.clear {clear: both;}
.float-right {float: right;}
.float-left {float: left;}
.blue {color: #5CAAD8;}

#page {
	margin: 0 auto;
	width: 950px;
	position: relative;
}
#logo {
  margin-top: 9px;
  height: 84px;
}
#logo h1,
#logo h1 a {
  display: block;
  float: left;
  width: 302px;
  height: 84px;
  margin: 0;
  padding: 0;
  background-image: url(../images/logo-kvk.jpg);
}

#logo .tel {
  float: right;
  margin-top: 65px;
  height: 14px;
  font-size: 12px;
  color: #1082C0;
}
#logo .tel span {
  color: #818181;
}
#logo .tel strong {
  font-size: 14px;
  font-weight: normal;
}

#top-image,
#top-image a {
  display: block;
  width: 950px;
  height: 197px;
  background-image: url(../images/top-image.jpg);
}
#top-menu {
  width: 930px;
  padding: 10px; 
  background-color: #E3E4DC;
}
#top-menu ul#menu {
  margin: 0; 
  padding: 0;
  height: 31px;
  position: relative;
  list-style-type: none;
  background: url(../images/top-menu_bg.jpg) repeat-x top;
}
#top-menu ul#menu li {
  float: left;
  height: 31px;
  position: relative;
}
#top-menu ul#menu li.ico {
  width: 30px;
  background: url(../images/top-menu_li-bg.jpg) no-repeat center;
}
#top-menu ul#menu li a {
  display: block;
  height: 31px;
  line-height: 31px;
  float: left;
  padding: 0 20px;
  color: white;
  text-decoration: none;
}
#top-menu ul#menu li.open a, 
#top-menu ul#menu li a:hover {
  background: url(../images/top-menu_bg-hover.jpg) repeat-x top;
}

#top-menu ul#menu ul.submenu {
  position: absolute;
  top: 31px;
  list-style-type: none;
  margin-top: -1px;
  padding: 0;
  background-color: #64B8E7;
  *margin-left: -75px;
}
#top-menu ul#menu ul.submenu li {
  float: none;
  padding: 0;
  background: #64B8E7;
}
#top-menu ul#menu ul.submenu li a {
  display: block;
  float: none;
  width: 300px;
  *width: -auto;
  overflow: hidden;
  color: #1D75A5;
}
#top-menu ul#menu ul.submenu li a:hover {
  color: white;
  background: #76C8F7 url(../images/top-menu-submenu_arrow.gif) no-repeat 5px center;
}

#wrapper {
  padding-top: 15px;
  background: url(../images/wrapper-bg.jpg) repeat-x top;
}

#left {
  width: 240px;
  float: left;
  margin-right: 10px;
} 

#left .h2 {
 height: 31px;
 line-height: 31px;
 color: white;
 padding-right: 10px;
 text-align: right;
 font-weight: bold;
 font-size: 13px;
 background: url(../images/top-menu_bg.jpg) repeat-x top;  
} 
#left .h2 span {
  display: block;
  background: url(../images/left_h2-icon.jpg) no-repeat 10px;
}
#left ul.menu {
  margin: 0;
  padding: 0; 
  list-style-type: none;
  background-color: #E3E2E0;
  margin-bottom: 10px;
}
#left ul.menu li a {
  display: block;
  color: #4199C9;
  text-decoration: none;
  padding: 5px 35px 5px 15px;
}
#left ul.menu li a:hover {
  background: #D5D4D2 url(../images/left-menu_arrow.gif) no-repeat 220px center;
}

#left .info-box {
  background-color: white;
  padding: 10px;
}
#left .info-box .h3 {
  font-size: 18px;
  color: #4199C9;
  text-align: center;
}
#left .info-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#left .info-box ul li {
  line-height: 14px;
  padding-left: 15px;
  margin: 5px 0;
  color: #919191;
  background: url(../images/ul_arrow.gif) no-repeat left top;
}
#left .info-box img {
  width: 220px;
  margin:  10px 0 0 0;
}

#content {
  float: left;
  width: 700px;
  background-color: white;
}

#content h2 {
  margin: 0 0 10px 0;
  font-size: 20px;
}

#content h3 {
  margin: 10px 0 -10px 0;;
  color: #0294E1;
}

#content ul {
  margin: 10px 0 0 0;
  padding: 0;
  color: #818181;
  list-style-type: none;
}
#content ul li {
  line-height: 14px;
  padding-left: 15px;
  margin: 5px 0;
  background: url(../images/ul_arrow.gif) no-repeat left top;
}

#content .kvk-h2 {
  color: #818181;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -1px;
  margin-bottom: 10px;
}
#content .kvk-h2 span {
  color: #0294E1;
}
#content .kvk-h3 {
  color: #818181;`
  letter-spacing: -1px;
  margin-top: -10px;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 13px;
}

#content div.white-box {
  padding: 10px;
}

#content div.transit-box {
  padding: 10px;
  background: url(../images/transmit_bg.jpg) repeat-x top;
  margin-bottom: 10px;
}
#content div.panasonic-box .img-outter {
  float: left;
  padding: 10px;
  background-color: #E3E4DE;
}
#content div.panasonic-box img {
  padding: 0;
  margin: 0;
}
#content div.panasonic-box p {
  color: #818181;
  margin: 0;
  padding: 5px 10px 0 344px;
}
#content div.panasonic-box p.button a {
  display: block;
  float: right;
  margin: 0 0 0 10px;
  width: 146px;
  height: 40px;
  line-height: 23px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  background: url(../images/button.jpg) no-repeat center;
}
#content div.panasonic-box p.button a:hover {
  background: url(../images/button_hover.jpg) no-repeat center;
} 

#content-fckeditor{
  background: white;
}

#bottom {
  width: 950px;
  height: 60px;
  margin-top: 11px;
  color: white;
}
#bottom p {
  padding: 0; 
  margin-top: 20px;
}
#bottom span {
  display: block;
  float: left;
  height: 19px;
  line-height: 19px;
}
#bottom a {
  color: white;
  text-decoration: none;
}
#bottom a:hover {
  text-decoration: underline;
}

#bottom .float-right {
    width: 740px;
    padding-top: 22px;
    float: right;
    text-align: right;
}