body{
  margin:0px;
  padding:0px;
  background: white;
  font-family: 'Lucida Sans','Lucida Grande', Lucida, Verdana, sans-serif ;
  font-size: 12px;
  color: #3e3e3e;
}
#main_holder {
/* margin:0px auto;
 width: 1000px;
 position:relative;*/
    height: 668px;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
#switchbg {
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}

#block_homeblock_english {
 display: none;
}

table {
 border-collapse: collapse;
}
td {
 vertical-align: top;
}
#adminnav{
 position:absolute;
 height: 30px;
 top:0px;
 right:0px;
}
#adminnav a{
 color:red;
 text-decoration:none;
}
div.home_banner{
 margin-bottom: 10px;
}
div.home_banner img{
 vertical-align:middle;
 border: 0px;
}
div.block_homeblock{
 width: 665px;
 padding: 0px;
}
div.block_homeblock_1 {
 padding-top: 13px;
}

td.contactform{
vertical-align:top;
}

#main_holder #top_holder{
 height: 0px;
}

#main_content_container {
 position: relative;
}

#main_content_container #left_holder {
 position: absolute;
 top: 0px;
 left: 0px;
}

#main_content_container #content_holder{
 margin-left: 278px;
 padding: 10px 23px 14px 30px;
 background-color: white;
 height: 359px;
/* height: 214px;*/
 overflow: hidden;
 position: relative;
 /*display: none;*/ /* Set default to hidden, unhide using jQuery*/
}


#panel{
 background-image: url("/images/dudok_1.png");\
 overflow: hidden;
 height: 610px;
 position: relative;
}

#panel > #background {
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%
}

#bar {
 /*margin-top: 225px;*//*  animate this*/
 margin-top: 102px;
 position: relative;
 height: 125px; /* IE7 */
}

#header, 
#footer {
  background-color: #696969;
  color: white;
  height: 13px;
  padding: 6px 13px;
}
#header {
  font-size: 11px;
  margin-bottom: 3px;
}
#footer {
  font-size: 9px;
  margin-top: 3px;
}
#header > *{
 float: right;
}
#header a{
 color: white;
}
#header #language > img{
 margin-right: 5px;
 vertical-align: middle;
 margin-bottom: 2px;
}

.contact img {
    vertical-align: middle;
}
.contact > span.letter {
    display: inline-block;
    width: 1em;
}
.contact > span.value {
    padding-right: 20px;
}


#bar #logo {
    border-right: 2px solid white;
    margin: 11px 0 8px 37px;
    padding: 11px 0 8px;
    width: 240px;
}

#bar #hometext{
 color: white;
 line-height: 184%;
 margin-left: 28px;
 margin-top: 24px;
 text-decoration: none;
 text-transform: uppercase;
}

#bar > #top {
 background-color: #696969;
 height: 19px;
 overflow: visible;
 padding-left: 308px;
 width: 692px;
}

#bar > #bottom{
 background-color: #3e3e3e;
 height:106px;
 overflow: hidden;
}

.column{
 float: left;
}

.column1{
 width: 278px;
}

.column-employee {
 width: 120px;
 margin-right: 15px;
 height: 160px;
 position: relative;
}

.column-employee .employee_photo_holder-small {
  margin-bottom: 5px;
}

.column-employee a {
 color: #3e3e3e;
}

.column-employee p,
.column-employee span {
 line-height: 135%;
}

.column-employee:hover .name {
 color: black;
 font-weight: bold;
}
.column-employee:hover .small{
 display: inline;
}

.column-employee .small {
 display: none;
}
.column-employee:hover .small{
 display: inline;
}

.employee-card {
 position: absolute; 
 z-index: 10;
 left: 30px;
 top: 15px;
}
.bar-employee .employee-card {
 color: white;
 height: 170px;
 width: 334px;
 background-image: url('/images/shadow.png');
 background-position: right bottom;
}

/*added .bar-employee*/
.bar-employee .employee-card .inner {
 background-color: #3e3e3e;
 height: 149px;
 padding: 5px;
 width: 313px;*/
}

/** Positioning is different as a column or as bar*/
.column-employee .employee-card {
 left: -126px;
 top: -26px;
}
.bar-employee .employee-card {
 right: -11px;
 top: 0px;
}
.employee-card .image-holder{
 width: 123px;
 height: 149px;
 margin-right: 10px;
 background-color: #696969;
}
.employee-card .text-holder{
 width: 175px;
 height: 149px;
 position: relative;
}


.employee-card h2 {
 border-bottom: 2px solid white;
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 0;
 margin-top: 4px;
 padding-bottom: 7px;
}

/*.employee-card a,*/
.bar-employee a {
 color: white;
}

.employee-card p {
 font-size: 10px;
}

.employee-card td {
 vertical-align: bottom;
}

.bar-employee {
 float: right;
 width: 181px;
 font-size: 10px;
 position: relative;
}

.bar-employee h3 {
 background-color: #3e3e3e;
 padding: 5px 14px;
 margin: 0px;
 font-weight: normal;
 font-size: 10px;
}

.employee-card-holder{
 height: 0px;
}

.routeinfo td {
   width: 190px;
   padding-right: 15px;
}
.routeinfo td:last-child {
   width: 264px;
   padding-right: 0px;
}
.routeinfo td:first-child {
    width: 200px;
    padding-right: 0px;
}


.scroll td {
/* panel width*/
/* width: 614px;*/
 width: 50%;
 padding-right: 10px;
}

.employee-card {
 background:white;
 width: 680px;
}
.employee-card .inner{
 height: 350px;
/* width: 700px;*/
/* overflow:hidden;*/
}
.employee-card .personal-holder{
/* width: 310px;
 position:absolute;*/
}
.employee-card .column {
 width: 330px;
}
.employee-card .column:first-child {
 margin-right: 20px;
}
.employee_photo_holder-small {
  background: #696969;
  width: 100px;
  height: 105px;
}
.employee_photo_holder{
  float:left;
  background: #696969;
  width: 123px;
  height: 149px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.employee-photo{
  
}
table.employee_contact_info{
  float:left;
  width: 500px;
  margin-bottom: 10px;
}
.employee_contact_info img {
 vertical-align: middle;
}
.employee_col_1{
  width: 310px;
  margin-right: 10px;
  float:left;
}
.employee_col_1 .employee_col_reserved{
  display: block;
  height: 159px;
  width: 310px;
}
.employee_col_2{
  width: 310px;
  float:left;
}

.column-employee p {
    font-size: 11px;
}
#menu_container{
background: transparent;
height: 30px;
margin-bottom: 20px;
overflow:hidden;
}

ul#mainmenu{
 margin: 0;
 padding:0;
 list-style: none;
}
ul#mainmenu > li {
 float:left;
 position:relative;
 padding-top: 1px;
}

/* Level 2 */
ul#mainmenu li ul {
 display:none;
 position:absolute;
 margin: 0px;
 list-style: none;
 left: 0px;
 top: 18px; /* height of parent + 1 for IE7*/
 padding: 7px 0 0;
 width: 250%; /*Don't break li's text*/
 z-index: 1;
}
ul#mainmenu li.over ul,
ul#mainmenu li:hover ul,
ul#mainmenu li.topselected ul{
 display:block;
}

ul#mainmenu > li.over > a,
ul#mainmenu > li:hover > a,
ul#mainmenu > li.topselected > a {
 background-image: url('/images/bullet-hover.png');
 background-position: left center;
 background-repeat: no-repeat;
}

ul#mainmenu li.over > a,
ul#mainmenu li:hover > a,
ul#mainmenu li.topselected > a {
 color: #82abe7;
}

ul#mainmenu li ul li {
  float:none;
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 2px;
}
ul#mainmenu li ul li a {
  border: 1px solid none;
  text-transform: none;
  padding-right: 0px;
  margin-right: 0px;
  font-size: 12px;
}
/* Level 3 */
ul#mainmenu li ul li ul{
 display:none !important;
}
ul#mainmenu li ul li.over ul,
ul#mainmenu li ul li:hover ul{
 display:block !important;
 top: 0px;
}


#mainmenu a{
 color: white;
 padding: 4px 30px 5px 0;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 11px;
}
#mainmenu a.toplink{
 overflow:hidden;
 background-image: url("/images/bullet.png");
 background-position: left center;
 background-repeat: no-repeat;
 padding-left: 9px;
}

#mainmenu a.selected,
.submenu a.selected {
  color:#82abe7;
  background:transparent;
}
#mainmenu a:hover,
.submenu a:hover {
  color:#82abe7;
  background:#transparent;
}

.submenu {
 margin-top: 22px;
 margin-left: 28px;
 width: 678px;
 display: none;
}

.submenu > ul {
 float: left;
 margin-right: 30px; 
}

.submenu > ul > li {
 margin-bottom: 2px;
}

.submenu > ul > li a {
 color: white;
}
h1{
  margin: 4px 0 7px;
  font-size: 20px;
  float: left;
}
h1 .small {
    font-size: 11px;
}
a{
  color: #82abe7;
  text-decoration: none;
  outline: none;
}
a:hover{
  color:#82abe7 !important;
}
a:active {
  outline: none;
}

img {
 border: none;
}

p {
 line-height: 184%;
 margin: 0px;
 padding: 0px;
}

.scroll * {
 line-height: 184%;
}

.gmnoprint{
  display:none;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

/* Do show the bullets in the contents */
#content_holder li {
 list-style-type: disc;
 margin-left: 20px;
 vertical-align: top;
}


#prev,
#next {
 height: 25px;
 width: 25px;
 position: absolute;
 bottom: 15px;
 z-index: 10;
}
#prev.disabled,
#next.disabled{
 visibility: hidden;
}
#prev{
 background-image: url('/images/prevbutton.png');
 float: left;
 left: 39px;
}
#next{
 background-image: url('/images/nextbutton.png');
 float: right;
 right: 23px;
}
#prev:hover{
 background-image: url('/images/prevbutton-hover.png');
 cursor: pointer;
}
#next:hover{
 background-image: url('/images/nextbutton-hover.png');
 cursor: pointer;
}

.routeinfo h1 {
 margin-bottom: 7px;
}
#footer{
}
#footer a{
 text-decoration:none;
 color: white;
}
#footer a:hover{
 color: #82abe7;
}
#footer a img{
 vertical-align: middle;
 border: 0px;
}
#footer #fl{
 float:left;
 margin-left: 305px;
}
#footer #fl a:first-child,
#footer #fr a.footer:first-child{
    background: none;
    padding-left: 0px;
}
#footer #fl a,#footer #fr a.footer{
    background-image: url("/images/bullet.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 11px;
    padding-right: 7px;
}
#footer #fr{
 float:right;
}

#message{
position:absolute;
background:white;
border: 1px solid black;
top: 60px;
left: 350px;
padding: 10px;
color:red;
width: 300px;
z-index:100;
}
#message div.closebtn img{
 border: 0px;
 position:absolute;
 top: 0px;
 right: 0px;
}
td.options img{
border:0px;
vertical-align:middle;
}
.mandatory,.mandatory_asterisk{ color:red; }
span.space{padding: 0px 5px;}
.fleft{float:left;}
.clear,div.clear{ clear:both;font-size:0px;height:0px;line-height:0px; float: none !important;}
.clrl{ clear:left; }
.clrr{ clear:right; }
.click{cursor:pointer;}
.center{text-align:center;}
.hidden{visibility: hidden;}
.shown{visibility: inherit;}