* {
    font-family: Arial;
    font-size: 12px;
}

body {
    text-align: center;
}

#container  {
    background-image: url('../images/bg.jpg');
    background-color: #e3dfdc;    
    border: 1px solid #000000;
    width: 998px;
    height: 600px;    
    position: relative;
    margin: 0 auto;
    overflow: auto !important;
    text-align: left;
}

#follow_us {
	 width: 1000px;
    height: 50px;
	padding-top: 5px;
	 margin: 0 auto;
    overflow: auto !important;
	text-align: right;
    position: relative;
}

#container  #left {
    float: left;
    width: 126px !important;
	width: 165px;
    padding: 58px 0px 0px 39px;
}

#container  #middle {
    float: left;
    width: 669px;
}

#container  #middle #header {
    width: 659px ;
    height: 113px;    
	padding: 0px 0px 10px 0px;
}

#container  #middle #content {
    width: 669px !important;
	width: 719px;
    height: 360px;
    padding: 0px;
	margin: 0px;
    position:relative; 
}

body.professionals #container  #middle #content {
    overflow: visible;
}
body.professionals #container  #middle #content #scroll {
    overflow: auto;
    height:360px;
    width:669px;
}

#container  #middle #homepageContent {
    width: 669px !important;
	width: 719px;
    position:relative; 
}

#container  #middle #content #links, #container  #middle #homepageContent #links{
	position: relative;
    float: left;
    width: 335px;
    padding: 0px;
	margin: 0px;
	overflow:hidden;    
	height:330px;
}

#container  #middle #homepageContent #links{
    height:245px;
    float: left;
    padding: 0px;
	margin: 0px;
	overflow:hidden;   
}

#container  #middle #content #column{
	position: relative;
    float: left;
    width: 660px;
    padding: 0px;
	margin: 0px;
	overflow: hidden;    
	height: 330px;
}

#container  #middle #content .right, #container  #middle #homepageContent .right{
    float: left;
    width: 300px;
    margin: 0px 0px 0px 5px;  
    padding: 0px;  
    text-align:left; 
}
#container  #middle #homepageContent .right #flash{
	margin-left:10px !important;
	margin-left: 45px;
}

#container #homepageContent h1, #container #content h1{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#container #homepageContent p, #container #content p{
	margin: 0px;
	padding: 0px;
}

#container  #right {
    float: left;
    width: 126px;
    padding: 15px 0px 0px 30px !important;
	padding: 15px 0px 0px 0px;
	margin: 0px !important;
	margin-left: -22px;
}

#container  #footer { 
    clear: both; 
}

#container  #footer #picturegroup{
    padding: 0px 130px 0px 164px;
    margin: 0px 0px 10px 0px;
	height: 80px;
}

#container  #footer #menublock{
    padding: 0px 130px 0px 164px;
    height: 205px;
}

#container  #footer #menublock div{
	float: left;
	margin-top: 10px;
}

#container  #footer #menublock div.left{
	margin-right: 40px;
}

#container  #footer #menublock div.top{
	margin-top: 0px;
}

#container  #footer #menu .left {
	float: left;
    width: 300px;      
}

#container  #footer #menu .right {
    float: right;
    width: 300px;     
}

#container  #footer #menu ul{
	list-style: none;
	margin: 0px !important;
	padding: 0px;
}

#container  #footer #menu ul li{
    text-transform: lowercase;
}

#container  #footer #menu  .left ul li{
    float: left;
    margin-left: 15px;
}

#container  #footer #menu  .right ul li{
    float: right;
    margin-right: 15px;
    font-weight: bold;
}

#container  #footer #menu ul li a{
    text-decoration: none;
    color: #5f5e5c;
}

img {
    border: 0px;
}

form {
    padding: 0px;
    margin: 0px;
}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

a {
	color: #005a81;
}

/***************** Search *******************************/
#searchbox {
	width: 100px;
	padding: 10px 0px 0px 0px;
}

#searchbox #txtSearch {
	width: 100px;
}

#searchbox #btnSearch {
	width: 80px;
	font-size:11px;
}

#searchbox P {
	padding: 0px;
	margin: 0px;
}
/***************** END Search *******************************/


/***************** Language *******************************/
#languages {
	width: 100px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
}

ul.languages {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
}

ul.languages li {
    background-image: url('../images/taalkeuze.gif');
    background-repeat: no-repeat;
    height: 23px;
    width: 134px;
    text-align: right;
    padding: 3px 0px 0px 0px;
}

ul.languages li a, ul.languages li a:hover, ul.languages li a:active, ul.languages li a:visited{
	color:#ffffff;
	#margin:0;
	margin-right: 2px;
	font-size:14px;
	text-decoration: none;
	padding-right: 20px;
}
/***************** END Language *******************************/


/***************** Sitemap *******************************/
ul.sitemap
{
	list-style: none;
}

ul.sitemap li
{
	font-weight: bold;
	padding: 0px 0px 2px 0px;
}

ul.sitemap li a
{
	
}

ul.sitemap li a:hover
{
	
}

ul.sitemap ul
{
	list-style: none;
}

ul.sitemap ul li
{
	
}

ul.sitemap ul li a
{
	
}

ul.sitemap ul li a:hover
{
	
}
/***************** END Sitemap *******************************/

/***************** Multimedia *******************************/
ul.pageMedia {
  list-style: none;
  padding-left: 0;
  margin: 20px 0 0 0;
}

ul.pageMedia li {
  font-size: 12px;
  width: 140px;
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-top: 3px; 
  margin-bottom: 8px;
  height: 20px;
}

ul.pageMedia li.sound {
  background-image: url('../images/sound.gif');
}

ul.pageMedia li.movie {
  background-image: url('../images/movie.gif');
}
/***************** END Multimedia *******************************/

/***************** News *******************************/
.news  {
	width: 300px;
	border-top: 1px solid #cccac5;
	padding: 5px 0px 5px 0px;
}

.news  H2 {
	float: left;
	padding: 0px;
	margin: 0px; 
}

.news  .title {
	float: left;
	font-size: 10px;
	font-weight: bold;
	padding-left:10px;
}

.news  .title a {
	text-decoration: none;
	color: #000000;
}

.news .date {
	clear:left;
	float: left;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 0px 0px 0px;
}

.news .link {
	text-align: right;
}

.news .link a {
	text-decoration: none;
	color: #000000;
	font-size: 13px;
}

.archive a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;	
    padding: 3px;
    width: 75px !important;
	width: 78px;
    background-color: #857e74;
    font-size:11px;
    display:block;
    float:right;
}

.archive{
	text-align:right;
	width:300px;
}

.short{
    height: 18px;
    overflow: hidden
}

/***************** END News *******************************/


/***************** BEGIN Form *******************************/
.navigation_button a{
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: uppercase;  
    padding: 3px;
    width: 75px !important;
    width: 78px;
    background-color: #857e74;
    font-size: 11px;
    display: block;
    float: right;
    text-align: center;
}

.left{
	float: left;
    width: 350px;
}
.right{
	float: left;
}

.right .navigation .subnavigation{
    border-top: 1px solid #CCCAC5;
    margin-top: 5px;
}

.default_table{
    width: 100%;
}
/***************** Bulletin *******************************/
.bulletin .photo{
  float: left;
}

div#addbulletin{
  width: 600px;
}

div#addbulletin div#title{
  font-weight: bold;
  margin-bottom: 5px;
  clear: both;
}

div#addbulletin div#col1{
  float: left;
  margin-top: 5px;
  width: 120px;
}

div#addbulletin div#col2{
  float: left;
  margin-top: 5px;
  width: 300px;
}

div#addbulletin div#col3{
  float: left;
  margin-top: 5px;
  width: 120px;
}
/***************** END Bulletin *******************************/

/***************** Calendar *******************************/
.vergaderschema {
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
    width: 679px;
}

.vergaderschema_sm {
    background-color: #004A80;
    padding: 0px;
    padding-right: 5px;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 150px;
    text-align: right;
    color: #FFFFFF;
}

th.calendarday {
    font-weight: bold;
}

th.vergaderschema {
    color: #FFFFFF;
    background-color: #004A80;
    border-color: #004A80;
    font-size: 10pt;
    font-weight: normal;
    padding: 2px;
}

th.vergaderschema a {
    color: #A1C0C4;
    border-bottom: 1px solid #A1C0C4;
}

td.vergaderdata {
    background-color: #e6e6e7;
    color: #000000;
    font-weight: bold;
    font-size: 9px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    margin: 1px;
    width: 92px;
    height: 75px;
    vertical-align: top;
}

td.nodata {
    width: 76px;
    height: 45px;
}

p.agendadata {
    margin: 0px;
}

p.calselectedyear {
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    display: inline;
}

p.calyear, p.calyear a , p.calyear a:visited {
    font-size: 9px;
    display: inline;
    color: #A1C0C4;
}

#content .vergaderschema p.calyear a:hover {
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

p.calmonth {
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 0px;
    font-size: 10px;
    display: inline;
}

.calmonth a:visited  {
    font-size: 10px;
}

.calmonth a:visited  {
    border-bottom: 1px solid #A1C0C4;
    color: #a1c0c4;
}

#content .vergaderschema p.calmonth a:hover {
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}

p.calmonthselected {
    padding-left: 10px;
    padding-right: 0px;
    font-size: 12px;
    color: #FFFFFF;
    display: inline;
}
p.calmonthselected a, p.calmonthselected a:hover{
    color: #FFFFFF !important;
    text-decoration:none !important;
    border-bottom:none !important;
}

.agenda {
  padding-bottom: 15px;
}

.agenda .data {
  color: rgb(0,174,240);
  font-weight: bold;
  float: left;
}

.agenda .name {
  color: rgb(42,61,123);
  font-weight: bold;
  padding-left: 5px;
  float: left;
}

.agenda .name h2 {
  font-size: 12px;
}

.agenda .description {
  padding-bottom: 5px;
}
/***************** END Calendar *******************************/

/***************** House *******************************/
table.house_search
{
	border: 0;
}

table.house_search tr
{
	border: 0;
}

table.house_search td
{
	padding: 0px 10px 10px 0px;
	border: 0;
}

table.house_search td.center
{
	text-align: center;
}

table.house_search td label
{
	font-weight: bold;
}

table.house_search select
{
	width: 300px;
}

table.house_search input.button
{
	width: 100px;
}
/***************** END House *******************************/

/***************** Leges *******************************/
tr.legesPopupHeader td {
  background-color: #FF9900;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 14px;
  padding: 4px;
}

tr.legesPopupHeader a, tr.legesPopupHeader a:hover {
  color: #FFFFFF;
}

div#legesScroll{
  overflow: scroll;
  overflow-y: scroll;
  overflow: -moz-scrollbars-vertical;
  height: 243px;
  padding: 5px;
}

tr.tblHeader td {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #4d4d4f;
	font-weight: bold;
}

tr.tblCategorie td {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #f8981d;
}

tr.tblRowOdd td {
	font-size: 10px;
	color: #000000;
	background-color: #cacad1;
}

tr.tblRowEven td {
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}
/***************** END Leges *******************************/

/***************** Project *******************************/
div.search{float:right;margin-bottom:10px;}
div.hightlight{float:right;width:90px;}
div.block{}
div.rightblock{float:right;width:120px;height:150px;overflow:auto;}
div.newsblock{margin-bottom:10px;}

div.eyecatcher{padding-top:25px;padding-left:15px;color:black;font-style:italic;font-size:9pt;font-weight: bold;}

div.house {margin-bottom:40px;}

ul.tabs {
  border-bottom: 1px solid #808080;
  margin: 0;
  padding-bottom: 17px;
  padding-left: 15px;
}

.tabs li	{
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #000;
}
	
#content ul.tabs a, #content ul.tabs a:visited	{
  background: #f79300;
  border: 1px solid #808080;
  color: #000;
  float: left;
  font-size: 8pt;
  line-height: 12px;
  margin-right: 8px;
  padding : 2px 10px 2px 10px;
  text-decoration : none;
}

#content ul.tabs a.active, #content ul.tabs a:visited.active	{
  background: #f79300;
  border-bottom : 1px solid #fff;
  color: #FFF;
}

#content ul.tabs a:hover	{
  color : #FFF;
}

div.tab, div.tab_active {
  border: 1px solid #808080;
  border-top: none;
  padding-top:10px;
  padding-left:5px;
  padding-right:5px;
}

div#divGoogleMap {
  width: 415px;
  height: 362px;
  overflow: hidden;
}
/***************** END Project *******************************/

/***************** BEGIN Module:Page Template:Direction *******************************/ 

input.housenumber{ 
   width:30px; 
   margin-left:10px; 
} 

#direction #map{ 
   width:300px; 
   height:300px;
   overflow:hidden;
}

#directionspanel{ 
   width:300px; 
   height:auto; 
}

/***************** BEGIN Module:Page Template:Direction *******************************/

/***************** BEGIN Module Smoelenboek *******************************/ 

div.smoelContainer {
  text-align: center;
}

/***************** END Module Smoelenboek *******************************/ 

#slogan{
	color:#69abc7;
	position:absolute;
	top:32px;
	margin-top:0px;
	left:207px;
	font-size:15px;
	font-weight:bold;
}