/*******************************************************************************
*
* - $Id: user.css 13241 2011-09-23 13:55:31Z mrozema $
*
* Copyright Rovecom ICT BV
*
******************************************************************************/
html{
 background-color: #e4e5e7; 
}
body{
  color: #4d3f1c;
  line-height: 21px;
  margin: 0;
  padding: 0;
}
img{
  border: none;
}
a{
  color: #403214;
}
a:hover{
  color: #da1f27;
  text-decoration: none;
}
a:focus{
  outline: none;
}
#global{
  width :960px;
  margin: 0 auto;
  background-color: #f3f3f3;
  padding-bottom: 22px;
}
.site{
  margin: 0 auto;
  width: 866px;
  background-color: white;
  margin-bottom: 22px;
  padding: 24px;
  padding-top: 0px;
}
.logo{
  height: 96px;
}
.logo .logo_left{
  float: left;
}
.logo .logo_right{
  float: right;
}
.header_picture{
  height: 308px;
  width: 866px;
}
.header_picture img{
 height: 306px;
 width :866px; 
}
.header_picture embed{
  height :306px;
}
#content{
  width: 866px;
}
.left_content{
  width: 600px;
  float: left;
  min-height: 200px;
  padding-right: 49px;
  padding-top: 15px;
}
.left_content table td{
  padding-right :40px;
}
#footer{
  background-color: white;
  height: 278px;
  width: 914px;
  clear: both;
  margin: 0 auto;
}
#footer table{
  padding: 20px;
}
.copyright_rovecom{
  width: 960px;
  margin: 0 auto;
  text-align: center;
  clear: both;
  color: #c2c2c2;
}
.copyright_rovecom a:link, .copyright_rovecom a:active, .copyright_rovecom a:visited{
  color: #c2c2c2;
}
/*-------right content----------*/
.right_content{
  width :217px;
  float :left;
  background-color: #b6bb34;
  background-image: url(/images/right_bottom.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 66px;
  margin-bottom :20px;
}
.right_content .downloads .item a{
  color: white;
  display: block;
  background-image: url(/images/download_arrow.gif);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding-left :16px;
}
.right_content .downloads{

}
.right_content_download{
  width :217px;
  float :right;
}
.right_content .item, .right_content .menu{
  padding-left: 31px;
  width: 180px;
}
.right_content .downloads .item{
  padding-left: 15px;
  width: 180px;
}
.right_content img{
  margin-bottom: 30px;
}
.right_content .latest_news{
  margin-bottom :30px;
  margin-top: 20px;
}
.right_content .latest_agenda ul{
  margin: 0; 
  padding: 0;
}
.right_content .latest_news ul{
  margin: 0; 
  padding: 0;
}
.right_content .item .date{
  font-size: 10px;
}
.right_content li{
  color: white;
}
.right_content li a, .right_content li a:hover{
  color: white;
}
.right_content .sub_txt{
  color: #403214;
  font-size :10px;
}
.right_content_download .social{
  text-align: right;
}
.right_content_download .social img{
  margin-left: 13px;
}
/*--------------menu----------*/
#menu{
  height: 59px;
  width: 866px;
}
#menu ul{
  margin: 0;
  padding: 0;
}
#menu li {
  list-style: none;
  float: left;
}
#menu li a{
  display: block;
  float: left;
  font-size: 0px;
  color: white;
  text-decoration: none;
  height: 52px;
  cursor: pointer;
}
#menu li a.nl{
  background-image: url(/images/button_welkom.gif);
  background-repeat: no-repeat;
  width: 139px;
}
#menu li a.woningen{
  background-image: url(/images/button_huizen.gif);
  background-repeat: no-repeat;
  width: 161px;
}
#menu li a.appartementen{
  background-image: url(/images/button_appartementen.gif);
  background-repeat: no-repeat;
  width: 265px;
}
#menu li a.t-laar{
  background-image: url(/images/button_tlaar.gif);
  background-repeat: no-repeat;
  width: 133px;
}
#menu li a.contact{
  background-image: url(/images/button_interesse.gif);
  background-repeat: no-repeat;
  width: 168px;
}
#menu li a.nl:hover, #menu li a.nl.active{
  background-image: url(/images/button_welkom_a.gif);
}
#menu li a.woningen:hover, #menu li a.woningen.active{
  background-image: url(/images/button_huizen_a.gif);
}
#menu li a.appartementen:hover, #menu li a.appartementen.active{
  background-image: url(/images/button_appartementen_a.gif);
}
#menu li a.t-laar:hover, #menu li a.t-laar.active{
  background-image: url(/images/button_tlaar_a.gif);
}
#menu li a.contact:hover, #menu li a.contact.active{
  background-image: url(/images/button_interesse_a.gif);
}
/*----------submenu---------------*/
.submenu_t-laar{
  background-image: url(/images/sub_voorzieningen.gif);
  background-repeat: no-repeat;
  height: 41px;
  width :217px;
  margin-top :20px;
  margin-bottom: 30px;
}
.submenu_woningen{
  background-image: url(/images/sub_woningen.gif);
  background-repeat: no-repeat;
  height: 41px;
  width :217px;
  margin-top :20px;
  margin-bottom: 30px;
}
.submenu_appartementen{
  background-image: url(/images/sub_appartementen.gif);
  background-repeat: no-repeat;
  height: 41px;
  width :217px;
  margin-top :20px;
  margin-bottom: 30px;
}
.submenu_contact{
  background-image: url(/images/sub_interesse.gif);
  background-repeat: no-repeat;
  height: 41px;
  width :217px;
  margin-top :20px;
  margin-bottom: 30px;
}
/*-------------nieuws-----------*/
#news .teaser{
  font-style: italic;
  margin-bottom: 10px;
}
#news .item{
  margin-bottom :40px;
}
#news .lees_verder{
  display: block;
}
#news .back_to_list{
  margin-top: 10px;
}
#news .index img{
  display: none;
}
#news .show img{
  float: left;
  margin-right :10px;
}
#news .meta{
  background-color: #e4e5e7;
  padding: 4px;
  font-size :10px;
  margin-top: 10px;
}

/*-----------calendar---------*/
#calendar .calender_location, .calender_city{
  font-weight: bold;
}
#calendar .calender_teaser{
  font-style: italic;
}
#calendar .calendar_date{
  font-size :10px;
}
#calendar .calendar_item{
    margin-bottom :40px;
}
/*--------formulier---------*/
#contact_form dl{
  margin: 0;
  padding: 0;
  margin-top :20px;
  border: none;
}
#contact_form input, #contact_form select{
  background-image: url(/images/input_back.gif);
  background-color: transparent;
  width: 593px;
  height: 31px;
  line-height: 31px;
  padding-left :3px;
  border: none;
  margin-bottom: 20px;
}
#contact_form select{
    width: 596px;
}
#contact_form textarea{
  background-image: url(/images/textarea_back.gif);
  background-color: transparent;
  width: 593px;
  height: 236px;
  padding-left :3px;
  border: none;
}
#contact_form input.submit_button{
  background-image: url(/images/submit_button.gif);
  background-color: transparent;
  border: none;
  width: 165px;
  padding-bottom: 6px;
  height: 39px;
  color: white;
  cursor :pointer;
}
.error{
  color: red;
}
/*-----------downloads----------*/
#downloads .group{
  font-size :18px;
  margin-bottom: 10px;
}
#downloads li img{
  display: none;
}
#downloads ul{
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
}
#downloads li{
  list-style: none;
}
#downloads li a{
 font-weight: bold;
}

/*----------links-----------*/
#links .group{
  font-size :18px;
}
#links ul{
  margin-left: 0px;
  margin-bottom: 40px;
}
#links ul img{
  float: left;
  margin-right :20px;
  border: 1px solid #e4e5e7;
}
#links li{
  list-style: none;
  width :100%;
  float: left;
  margin-bottom: 40px;
}
#links .description{
  font-size :11px;
  font-style: italic;
  padding-left: 5px;
}
img.no-flash{
  width: 327px;
  height: 73px;
}
.no-flash{
  padding-left: 325px;
  padding-top: 50px;
}