#interface-header-box { width: 100%; background: #000; }
#interface-header { width: 930px; margin: 0px auto; overflow: auto; height: 130px;}
#interface-header-left { margin-top: 20px; float: left; }
#interface-header-breadcrumb { position: absolute; margin-top: 10px; width: 930px; color: #87888A; text-align: right; }
#interface-header-breadcrumb a { color: #87888A; text-decoration: none; }
#interface-header-breadcrumb a:hover { color: #FFF; }
#interface-header-right { margin-top: 35px; float: right; }
div.interface-menu-placeholder { margin-bottom: 10px;}

#interface-middle-shadow { width: 100%; position: absolute; z-index: 10; background: url(/ENGINE/IMAGES/GARAGEPARK/WEBSITE/middle_shadow.png) repeat-x top; height: 15px;}
#interface-middle-box { width: 100%; background: #FFD800; padding-bottom: 15px; }
#interface-middle { width: 930px; margin: 0px auto; }
#interface-middle-top { overflow: auto;  }
#interface-middle-top a { color: #000;  }
#interface-middle-top-left { float: left; margin-top: 15px; font-size: 11px;}
#interface-middle-top-right { float: right; margin-top: 15px; }

#interface-content { margin: 15px 0px 15px 0px; }
div.interface-content-box { background: #000; color: #87888A; }
div.interface-content-box-inner { padding: 15px; }
div.interface-content-box-inner h1 { color: #FFF; }
div.interface-content-box-inner a { color: #87888A; }

div.interface-content-box-overflow-portal { height: 285px; overflow: auto; }
div.interface-content-box-overflow { height: 390px; overflow: auto; }
div.interface-content-height-left { height: 450px; width: 285px; float: left; }
div.interface-content-height-right { height: 450px; width: 610px; float: right; }

h1.interface-slogan { color: #FFF; margin-bottom: 30px;  font-size: 14px;}

div.interface-small-box { width: 285px; float: left; height: 340px; }
div.interface-large-box { width: 615px; float: right; height: 340px; }
div.interface-50-left-box { width: 450px; float: left; height: 450px; }
div.interface-50-right-box { width: 450px; float: right; height: 450px; }

#interface-news { background: #FFF; overflow: hidden; height: 30px; width: 930px; position: relative; }
div.interface-news-item {  font-size: 16px; color: #4c4d4e;  width: 920px; position: absolute; margin-left: 930px; margin-top: 5px; text-align: center;}
div.interface-news-item a { color: #4c4d4e; text-decoration: none; }
div.interface-content-news-file { margin-top: 20px; }

ul.interface-content-link { padding: 0px; margin: 0px; list-style: none; }
ul.interface-content-link li { margin: 2px 0px; }
ul.interface-content-link a span { color: #848486; font-size: 10px; float: right; }
ul.interface-content-link a { color: #87888A; text-decoration: none; }
ul.interface-content-link a:hover { color: #FFF; }

ul.interface-content-link ul { display: block; padding: 5px; margin-bottom: 15px; font-size: 10px; border-bottom: 1px solid #4d4d4f; }
ul.interface-content-link ul a { text-decoration: none; }

/**/

ul.interface-job-link { padding: 0px; margin: 15px 0px 0px 0px; list-style: none; }
ul.interface-job-link li { margin: 2px 0px; }
ul.interface-job-link a span { color: #848486; font-size: 10px; float: right; }
ul.interface-job-link a { color: #87888A; text-decoration: none; }
ul.interface-job-link a:hover { color: #FFF; }

ul.interface-job-link ul { display: block; padding: 5px; margin-bottom: 15px; font-size: 10px; border-bottom: 1px solid #4d4d4f; list-style:none; }
ul.interface-job-link ul a { text-decoration: none; }

td.interface-job-column { vertical-align: top; padding-bottom: 10px; }

/**/

div.interface-location-item { margin-bottom: 5px; }
div.interface-location-item a { color: #87888A; text-decoration: none; }
div.interface-location-item a:hover { color: #FFF;  }
div.interface-location-item-image { float: right; }

#interface-footer-bg { }
#interface-footer { width: 930px; margin: 0px auto; }
#interface-footer-inner { padding: 20px 0px; color: #87888A;}
#interface-footer-inner h2 { color: #FFF; font-size: 12px; }

div.footer-item1 { width: 310px; float: left; margin-right: 130px; }
div.footer-item2 { width: 210px; float: left; margin-right: 120px; }
div.footer-item3 { width: 160px; float: left; margin-right: 0px; }
div.footer-item-last { width: 310px; float: left; margin-left: 0px; }

/**/

div.interface-department-box { width: 450px; }
div.interface-department-box-inner { padding: 15px; }
div.interface-department-box-inner h1 { color: #FFF; }
div.interface-department-box-inner a { color: #87888A;  }

#interface-department-movie { margin: 17px 0px; }
div.interface-content-webcam { margin: 17px 0px; width: 450px; height: 270px; display: none; background: #000;}
div.interface-content-webcam-inner { padding: 10px 10px; color: #FFF; }
div.interface-content-webcam-inner table td { vertical-align: top;}
div.interface-content-webcam-inner table td a { color: #FFF; }
#interface-content-webcam-close { position: absolute; margin: 0px 0px 0px 0px; z-index: 9999; cursor: pointer; }

#interface-overlay { width: 600px; background: #000; text-align: left; position: absolute; margin: 60px 0px 0px 160px; z-index: 900; border: 1px solid #3D3D3F; }
#interface-overlay-inner { padding: 20px; color: #FFF; }
#interface-overlay-close { float: right; height: 16px; width: 16px; cursor: pointer; }

/**/

div.interface-times-box { width: 450px;  position: absolute; z-index: 300; background: #000; margin: 0px;}
div.interface-times-close { float: right; margin: 10px 10px 0px 0px; cursor: pointer;  }
div.interface-times-box-inner { padding: 10px; color: #FFF;}

/**/

#interface-almereBig { width: 1010px; background: #000; text-align: left; position: absolute; margin: -10px 0px 0px -40px; z-index: 880; border: 1px solid #3D3D3F; }
#interface-almereBig-inner { padding: 5px; color: #FFF; }
#interface-almereBig-close { float: right; height: 16px; width: 16px; cursor: pointer; margin: 10px 10px 0px 0px;}

/**/

div.interface-photo-box { width: 930px; height: 450px;overflow: auto; }
div.interface-photo-container { margin-top: 15px; }
div.interface-photo-item { float: left; width: width: 213px; height: 160px; margin: 0px 15px 15px 0px; }
div.interface-photo-item-last { float: left; width: width: 213px; height: 160px; margin: 0px 0px 15px 0px; }

div.interface-photo-list { list-style: none;  margin: 15px 0px 0px 0px; padding: 0px; }

div.interface-photo-list a { text-decoration: none; margin-bottom: 5px; padding: 0px; display: block; }
div.interface-photo-list a:hover { color: #FFF; }

/**/

div.interface-reference-box { width: 930px; height: 530px;overflow: auto; }
div.interface-reference-item { float: left; width: 284px; height: 580px; margin: 0px 15px 15px 0px; }
div.interface-reference-item-last { float: left; width: 284px; margin: 0px 0px 15px 0px; }
div.interface-reference-text { height: 290px;  }
div.interface-reference-text-inner { padding: 5px 10px; }
div.interface-reference-link{ padding: 0px 10px; }

/**/

div.interface-link-item h2 { color: #FFF; font-size: 12px; }

/**/

a.interface-back-button { display: block; margin: 5px 0px; }

/**/

ul.interface-faq-list { padding: 0px; margin: 15px 0px 0px 0px; list-style: none;  }
ul.interface-faq-list li { margin: 2px 0px 2px 0px; padding: 0px; }

ul.interface-faq-list ul { padding: 0px; margin: 5px 0px 0px 0px; list-style: none; }
ul.interface-faq-list ul li { padding: 10px; background: #FFD800; color: #000; }
a.interface-faq-active { color: #FFF; }
ul.interface-faq-list ul li a { color: #000; }

/**/

div.interface-content-notice { border: 1px solid #FFD800; margin: 15px 0px; }
div.interface-content-notice-inner { padding: 10px; background: #fff9d9; color: #000; font-size: 10px; }

/**/

ul.content-search-overview { margin: 0px; padding: 0px 0px 0px 20px; }
ul.content-search-overview a { color: #87888A;  }
ul.content-search-overview a:hover { color: #FFF; }

/**/

#interface-content-unit { margin-top: 15px; }
td.interface-unit-checkbox { padding: 2px 15px 2px 5px; }
td.interface-unit-checkbox-subbox { padding: 0px 0px 0px 15px; }
div.interface-unit-department-box {  text-align: center; margin: 0px 0px 0px 5px; display: inline; }
div.interface-unit-department-box div { border: 1px solid #FFF; font-size: 10px; color: #FFF; line-height: 10px; padding: 1px 2px;  display: inline;}
td.interface-unit-header { color: #FFF; font-weight: bold; padding-bottom: 5px;}
td.interface-unit-header span { color: #FFF; font-weight: lighter; font-style: italic;}

#interface-unit { background: url(/ENGINE/IMAGES/GARAGEPARK/WEBSITE/unit/unit_basic.jpg) no-repeat; width: 450px; height: 450px; position: absolute; z-index: 800;}
#interface-unit-no-door { background: url(/ENGINE/IMAGES/GARAGEPARK/WEBSITE/unit/unit_basic_no_door.jpg) no-repeat; width: 450px; height: 450px; position: absolute; z-index: 200; }
#interface-unit-placeholder {width: 450px; height: 450px;}

#unit_alarm_temperatuur_img { position: absolute; z-index:580; margin: 218px 0px 0px 290px; display: none; }
#unit_floor_2_img { position: absolute; z-index: 410; margin: 277px 0px 0px 0px; display: none; }
#unit_floor_3_img { position: absolute; z-index: 410; margin: 277px 0px 0px 0px; display: none; }
#unit_electra_1_img { position: absolute; z-index: 580; margin: 170px 0px 0px 45px; display: none; }
#unit_electra_2_img { position: absolute; z-index: 580; margin: 310px 0px 0px 45px; display: none; }
#unit_electra_3_img { position: absolute; z-index: 580; margin: 245px 0px 0px 60px; display: none; }
#unit_electra_4_img { position: absolute; z-index: 450; margin: 180px 0px 0px 158px; display: none; }
#unit_electra_5_img { position: absolute; z-index: 700; margin: 110px 0px 0px 113px; display: none; }
#unit_electra_6_img { position: absolute; z-index: 700; margin: 275px 0px 0px 46px; display: none; }
#unit_frost_1_img { position: absolute; z-index: 500; margin: 167px 0px 0px 113px; display: none; }
#unit_frost_2_img { position: absolute; z-index: 500; margin: 143px 0px 0px 90px; display: none; }
#unit_frost_3_img { position: absolute; z-index: 500; margin: 136px 0px 0px 80px; display: none; }
#unit_frost_4_img { position: absolute; z-index: 500; margin: 167px 0px 0px 113px; display: none; }
#unit_frost_5_img { position: absolute; z-index: 500; margin: 143px 0px 0px 90px; display: none; }
#unit_frost_6_img { position: absolute; z-index: 500; margin: 136px 0px 0px 80px; display: none; }
#unit_frost_7_img { position: absolute; z-index: 500; margin: 167px 0px 0px 113px; display: none; }
#unit_frost_8_img { position: absolute; z-index: 500; margin: 143px 0px 0px 90px; display: none; }
#unit_alarm_camera_img { position: absolute; z-index: 500; margin: 115px 0px 0px 300px; display: none; }
#unit_alarm_infrarood_img { position: absolute; z-index: 500; margin: 94px 0px 0px 234px; display: none; }
#unit_klimaat_img { position: absolute; z-index: 449; margin: 190px 0px 0px 158px; display: none; }
#unit_sectionaaldeur_img { position: absolute; z-index: 600; margin: 92px 0px 0px 177px; display: none;  }
#unit_digicode_img { position: absolute; z-index: 590; margin: 190px 0px 0px 360px; display: none;  }
#unit_transponder_img { position: absolute; z-index: 600; margin: 240px 0px 0px 359px; display: none; }
#unit_remotecontrol_img { position: absolute; z-index: 600; margin: 305px 0px 0px 70px; display: none; }
#unit_internet_img { position: absolute; z-index: 450; margin: 340px 0px 0px 288px; display: none; }

#unit_config { cursor: pointer;}

#interface-overlay-googlemaps { border: 1px solid #3D3D3F; position: absolute;  z-index: 400; background: #000; margin: -15px 0px 0px 250px;}
#interface-overlay-googlemaps iframe { margin: 15px; }
#interface-overlay-close-google { position: absolute; margin: 5px 0px 0px 460px; cursor: pointer; }

/**/

div.interface-content-auction { width: 100%; margin-bottom: 20px; }
div.interface-content-auction table { width: 100%; }

div.interface-content-auction h2{ font-size: 12px; margin: 10px 0px 5px 0px; color: #FFF;  }

td.interface-content-auction-header { font-size: 12px; font-weight: bold; vertical-align: top; }
div.interface-content-auction ul { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; }

/**/

#poll {display: none;}
#poll-box { position: absolute; margin-top: -93px; z-index: 90; width: 615px; height: 70px; background: url(/ENGINE/IMAGES/GARAGEPARK/WEBSITE/transparent.png) repeat; } 
#poll-box-inner { padding: 5px 10px; } 
#poll-box-inner h1 { padding: 0px; margin: 0px 0px 5px 0px; } 

/**/

#interface-balloons { font-size: 0; height: 0; line-height: 0;}
#ballon-container div ul { list-style: none; margin: 0px; padding: 0;}
#ballon-container ul li { position: absolute; float: left; cursor: pointer; }       