/* Algemeen */
body {margin-bottom:10px; font-size: 11px;}
* {font-family: Trebuchet MS, verdana, arial; font-size: 11px;}
a {text-decoration: none; color: #999933;}
a:hover {text-decoration: underline; color: #8FA2C9;}
img {border: 0px;}
.knop {background-color: #D0D0A1; border: solid 1px; font-size: xx-small; font-weight: normal; width: 100px;}
.vul{height: 10px;}
.Titel{font-weight: bold; padding-bottom: 10px;}
body.main, body.intranet, body.mijnSIR, body.main_metBanner {margin-top: 0px; background:#E5E5E5;}

p { margin: 0; padding: 0; }

#content {
	width: 780px;
	position: absolute;
	left: 50%;
	margin-left: -429px;
        background: url(../gfx/achtergrondZB.gif) repeat-y;
	padding: 0 39px;
}

body.main_metBanner #content, body.intranet #content{
	width: 780px;
	position: absolute;
	left: 50%;
	margin-left: -429px;
        background: url(../gfx/achtergrond.gif) repeat-y;
	padding: 0 39px;
}


#footer {
	width: 780px;
	position: absolute;
	bottom: -57px;
	left: 39px;
	height: 57px;
	background: url(../gfx/footer2.gif) repeat-x;
	color: white;
	font-size: 180%;
	text-align: center;
	font-weight: bold;
	line-height: 57px;
	vertical-align: middle;
}

span.smaller {
	color: white;
}

body.main #submenu, body.mijnSIR #submenu, body.main_metBanner #submenu {display: none;}


.quickLogin {border: solid 1px #C6DE54;  padding: 5px; width: 150px; margin-top: 25px;}
.quickLogin table {padding: 0px; margin: 0px; border-collapse: collapse; margin-top: 3px; margin-top: 5px;}
.quickLogin table td  {padding: 0px; margin: 0px;}



.header{position: relative; background:#E5E5E5 url(../gfx/top.jpg) no-repeat; height: 159px; left: 0px;}
.header ul{list-style:none; margin:0; padding:0; display:block;}
.header ul li {float:left; padding-left:16px; padding-top:6px;}
#versie {position: absolute; right: 44px; top: 5px; color: #666633; font-size: 9px;}
body.intranet .header {background:#FDFFEB url(../gfx/logo-klein.gif) no-repeat 5px 5px; height:80px;}
body.selectie .header {background:white url(../gfx/logo-klein.gif) no-repeat 5px 5px; height:80px; width: 780px; position: absolute; left: 50%; margin-left: -390px; padding-bottom: 80px;}
body.intranet #versie {left:140px; top:56px;}
body.selectie .omschrijving {width: 780px; position: relative; left: 50%; margin-left: -390px; padding-bottom: 20px; padding-left: 20px; font-weight: bold; text-align: center;}
body.selectie .resultaten {padding-top: 80px; width: 100%;}
body.selectie .resultaten table {text-align: center;}
body.selectie .resultaten table td{ vertical-align: top;}
body.selectie .excel {text-align: center;}
body.maakSelectie {margin-top: 0px; background:#E5E5E5 url(../gfx/achtergrond_intranet.gif) repeat-y center; }
body.maakSelectie .header {background:white url(../gfx/logo-klein.gif) no-repeat 5px 5px; height:80px;}
body.maakVraag, body.maakVraag td {margin-top: 0px; background:#E5E5E5; font-size: 10px; }

body.iframe {}

/*#onder {position:relative;min-height: 600px; height: auto; left:0; top:0; padding-left:215px; padding-top:20px; padding-right:15px;}*/

body.main_metBanner #content #onder, body.intranet #content #onder{position:relative;min-height: 650px; height: auto; left:0; top:0; padding-left:215px; padding-top:20px; padding-right:15px;}
body.main #content #onder, body.intranet #content #onder{position:relative;min-height: 650px; height: auto; left:0; top:0; padding-left:30px; padding-top:20px; padding-right:30px;}


.intranetOnder { min-height: 650px; height: auto; position:relative; top: 0px; left:230px; padding-right:15px; font-size: x-small; padding-top: 10px; padding-bottom: 20px;}
.intranetOnder * {font-size: x-small; }

* html .intranetOnder { height: 650px; }

* html body.main_metBanner #content #onder, body.intranet #content #onder { height: 650px; }
* html body.main #content #onder, body.intranet #content #onder { height: 650px; }

#intranetLinks, #intranetLinks td{ font-size: x-small;}

#intranet {position:relative; left:0; top:0; padding-left: 15px; padding-top:20px; padding-right:15px;}

#menu{position: relative; height:26px; left: 0px; background-color: #435608; font-size: 11px; }

body.intranet #menu ul li { padding:0px 4px 0 4px; width: auto; }
body.intranet #menu ul li a { font-size: 11px; width: auto; }

body.intranet #menu ul {list-style:none; margin:0; padding:0; display:block;}
body.intranet #menu ul li {float:left; padding: 0 5px; padding-top:0px; font-size:20px; color: #FFFFFF; font-weight: bold; text-align: center; border: 0;}
body.intranet #menu ul li a {color: #FFFFFF; font-weight: bold; font-size: x-small;}
/*edit*/
#menu ul>li>a { width: 100%; padding-right: 0px; }
#menu ul>li { padding-right: 10px; min-width: 50px; width: auto;  }
#menu ul li ul { background:#435608; height:auto; width:auto; min-width:148px; }
#menu ul>li>ul>li { float:none; padding-right: 0px; }
#menu ul li ul li a { width:auto; min-width:128px; padding-right: 10px; }
/*IE 6*/
*html #menu ul li ul { width:150px; }
*html #menu ul li ul li a { width:128px; }
/*edit end*/
#submenu{position: relative; height: 28px; left: 0px; background:#B5DC10 url(../gfx/randje_submenu.gif) repeat-x }
#submenu ul {list-style:none; margin:0; padding:0; display:block;}
#submenu ul li {float:left; padding-left:14px; padding-top:8px; font-size: 10px; color: #666633; font-weight: bold;}
#submenu ul li a {color: #666633; font-weight: bold; font-size: 10px;}

#links {position:absolute; left:54px; top:230px; width:180px; font-size: x-small; z-index: 10}

#links a.mailto { font-size: x-small; }


.legenda {position:absolute; left:15px; top:430px; width:180px; font-size: x-small;}

#intranetLinks {position:absolute; left:54px; top:140px; width:150px; font-size: x-small; padding-top: 10px;}
#intranetLinks a {font-size: x-small; color: black;}
#intranetLinks ul li a{color: #000000; font-size: 10px;}

.intranetOnder ul li a{color: #000000; font-size: 11px;}
.intranetOnder ul li {margin-bottom: 0px;}

.inhoud{position: relative; margin-left: 0px; margin-top: 30px; margin-bottom: 50px; }
.inhoud h3{color: #999933; font-weight: bold;}
.inhoud ul {list-style: square;}
.inhoud a{font-weight: bold;}

div.nieuwstitel {
	position: relative;
	float: left;
	width: 169px;
	height: 122px;
	padding: 5px;
	background: url(../gfx/nieuws.png) no-repeat;
	text-align: center;
	margin-right: 5px;
	color: #fff;
}

* html div.nieuwstitel {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/gfx/nieuws.png', sizingMethod='image');
}

div.nieuwstitel a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

div.nieuwstitel a:hover {
	text-decoration: underline;
}

div#footerleven {
	position: absolute;
	bottom: -50px;
	right: -50px;
	padding-top: 100px;
	background: url(../gfx/wonenleven.png) no-repeat top right;
	width: 400px;
	height: 33px;
	font-weight: bold;
	text-decoration: underline;
}

div#footerlevenimage {
	display: none;
	position: relative;
	width: 400px;
	height: 133px;
}

* html div#footerleven {
	background: none;
}

* html div#footerlevenimage {
	display: block;
	position: absolute;
	width: 181px;
	height: 133px;
	top: 0;
}


* html div#footerlevenimage {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/gfx/wonenleven.png', sizingMethod='image');
}

#tabbuttons ul {list-style:none; margin:0; padding:0; height:30px;}
#tabbuttons li {float:left; height:30px; background:#C2C2C2 url(../gfx/tab_off.gif) no-repeat right; padding-right:7px; padding-left: 7px; font-size:x-small; line-height:30px; border-bottom:1px solid white;}
#tabbuttons li.active {background:#E0E0E0 url(../gfx/tab_on.gif) no-repeat right; border-bottom:1px solid #E0E0E0;}
#tabbuttons li a {font-size:x-small; font-weight: bold; color: black;}
.tabblad {clear:left; background-color:#E0E0E0; padding:15px; padding-right:0px; display:none; }
.selectBlad {clear:left; background-color:#E0E0E0; padding:15px; padding-right:0px; width: 500px;}

#tab1 {display:block; width: 518px;}

body.intranet #tab2 {width: 518px;}
body.intranet #tab3 {width: 518px;}
body.intranet #tab4 {width: 518px;}
body.intranet #tab5 {width: 518px;}

#content .formulier td{ font-size: x-small;}
#locatieformulier h2{font-size:medium; text-align: center; vertical-align: center; color:#ffffff; background-color:#687B2D; font-weight: bold; height:30px;}
#locatieformulier td {font-size: xx-small;}
#locatieformulier #knoppen{position: relative; width: 100%; text-align: center; top: 30px;}

.inlogformulier {background:#E0E0E0; padding: 20px 20px 0 20px; margin-bottom: 20px; width: 500px;}

/* De NAW gegevens */

#partner1 {vertical-align: top;}
#partner2 {position: relative; vertical-align: top; display: none;}
.dag{width: 20px;}
.maand{width: 20px;}
.jaar{width: 40px;}
.huisnr{width: 40px;}
.postcode {width: 60px;}
.woonoppervlak {width: 40px;}
.restWaarde {width: 60px;}
.autos {width: 25px; }
.huissoort{width: 140px;}

.formLabel {width: 130px; vertical-align: top;}

/*De woonwensen */
.locatieTabel td{ padding-left: 10px; padding-right: 10px;}
.locatieTabel .kopRij td {background-color: #0D8DEA; color: white; font-weight: bold;}
.woningSoortTabel td{  padding-left: 10px; padding-right: 10px;}
.woningSoortTabel .kopRij td {background-color: #0D8DEA; color: white; font-weight: bold;}
.subtitel { font-size: x-small;}

.koopWoningTabel .formLabel {white-space: nowrap; padding-right: 0px;}
#div_huurwoning {display: none; border: solid 1px #ffffff;}
#div_koopwoning {display: none; border: solid 1px #ffffff;}

/* bestuursfunctie of interesse */
.bestuur {margin: 10px; padding-bottom: 50px;}
.interesse {width: 400px; height: 100px;}

/*  Intranet  */

.resultaatTabel{width:500px; z-index: 1000;}
.resultaatTabel .headerRow td {background-color: #687B2D; padding: 5px; color: #ffffff;}
.resultaatTabel .headerRow td a {font-weight: bold; color: #ffffff;}

.resultaatTabel .navigatie td {padding-top: 20px;}

.resultaatTabel .odd {background-color: #E9E9D1;}
.resultaatTabel td {padding:2px; padding-left: 5px; line-height:1.4em;}
.resultaatTabel td a {text-decoration:underline; color: black;}
.resultaatTabel td a:hover {text-decoration:none;}
.titel          {width: 380px;}
.interneTitel   {width: 380px;}
.parent         {width: 260px;}
.paginaTabel td {padding: 3px;}
.paginaTabel .formLabel {width: 100px;}
.intranet #menu ul li {float:left; padding-left:15px; padding-top:3px; font-size:x-small; color: #000000; font-weight: bold;}
.intranet #menu ul li a{float:left; padding-left:15px; padding-top:3px; font-size:x-small; color: #ffffff; font-weight: bold;}
.maakSelectie #menu ul li {float:left; padding-left:18px; padding-top:3px; font-size:xx-small; color: #000000; font-weight: bold;}
.maakSelectie #menu ul li a{float:left; padding-left:18px; padding-top:3px; font-size:xx-small; color: #ffffff; font-weight: bold;}

#menu .zoek {text-align: center; margin-top: 5px;}
.resultaten {padding-bottom: 20px; }
.afgemeld{color: #999933; font-weight: bold;}


/* tds in de os3grid*/
 .g_cell {padding: 5px;}




/* SELECTIES */

.selectBlad { width: 100%; height: 100%;  }
.selectieTab { padding-left: 10px; padding-right: 10px; height: 300px; width: 100%;}
.iframeVelden { width: 700px; height: 300px;}
.iframeselectie { width: 700px; height: 300px;}
body.iframe { background-color: #E0E0E0; width: 100%; font-family: verdana, arial; font-size: 10px;}
body.maakSelectie

.selectieMaken {width: 100%; margin-top: 20px; margin-left: 10px; margin-right: 10px; }
 body.maakSelectie {font-size: 10px; margin-top: 0px; background:#E0E0E0 url(../gfx/achtergrond_intranet.gif) repeat-y center; }
 body.maakSelectie td{font-size: 10px;}
 body.maakSelectie textarea {font-size: 10px;}
 body.maakSelectie

 body.maakSelectie #submenu{font-size: 28px;}

 body.iframe select, body.iframe input {font-size: 10px;}
.lidInfoTabel {padding-left: 10px; width: 530px; background-color: #E0E0E0; }
.lidInfoTabel .formLabel {text-align: left; padding-bottom: 5px; padding-top: 3px; font-size: 10px;}
.lidInfoTabel .formVeld {text-align: left; padding-bottom: 5px; padding-top: 3px;  font-size: 10px; padding-right: 10px;}
.lidInfoTabel .formLabel .Titel{padding-top: 10px; font-size: 10px;}

.antwoordenGrafiek{height: 10px; background-color: #E9E9D1; }
.aantalHits {padding-left: 5px;}

.metBorder {border: solid 1px #999933; position: relative; height: 22px; padding-right:4px;}
.voortgangsMeter {background-color: #E9E9D1; position:absolute; left: 2px; top: 2px; height: 18px; z-index:0;}
.voortgangProcenten {z-index:10; position:absolute; top:3px; left:3px;}

/* onderhoud van nieuwsberichten */
.inleiding {width: 387px; height: 50px;}



/* Nieuwsberichten tonen */
.nieuwsberichten {margin-right: 20px;}
.nieuwsberichten td { }
.nieuwsbericht td {padding-bottom: 20px; vertical-align: top;}
.nieuwsbericht .datum {white-space: nowrap; }
.bericht{padding-left: 10px;}
.bericht .titel{font-weight: bold; padding-bottom: 5px;}
.bericht a{color: #999933;}
.berichtDatum {float: right;}

.nieuwsberichtenhome {margin-right: 20px;}
.nieuwsberichtenhome td { }
.nieuwsberichthome td {padding: 20px; vertical-align: top;}
.nieuwsberichthome .datum {white-space: nowrap; }


/* nieuwsbrief  */

body.nieuwsbrief   {background-color: #999933; }
#nieuwsBrief       { width: 598px; position: absolute; left: 50%;  margin-left: -299px; background: url(../gfx/nieuwsbrief_achter.gif); top: 15px;}
#nieuwsbriefHeader { width: 598px; position: absolute; height: 76px;left: 50%; margin-left: -299px; background: url(../gfx/nbtop.gif); }
#NBmenu            {height: 25px; z-index: 10; background-color: #E5E5E5; position: relative; width: 582px; left: 5px; top: 81px;}
.NBInhoud          { padding-top: 100px; padding-left: 25px; padding-right: 25px;}
.nieuwsbriefIntro  {padding-left: 10px; padding-right: 10px; padding-top: 5px; font-weight: bold;}
#nieuwsbriefFooter {position: relative; background: url(../gfx/nbonder.gif); height: 35px; }



/* Mijn sir */
.mappen         {margin-bottom: 15px; border-bottom: solid 1px #B5DC10; padding-bottom: 10px; margin-right: 15px;}
.main_metBanner .mappen { margin-top: -25px; z-index: 100;}

.folderActief, .folder, .geselecteerd, .tekst   {margin-top: 5px;}
.nieuwemap      {margin-bottom: 15px;}

.folderActief a                 {color: black;}
#contactpersonen                {border: solid 1px #E9E9D1; border-collapse: collapse; }
#contactpersonen td             {padding-right: 5px;}
#contactpersonen .even td       {border: solid 1px #E9E9D1;}
#contactpersonen .odd td        {border: solid 1px #FDFFEB;}
.tabelCP                         {width: 400px;}




/* Betalingen */
tr.trHeader td                  {background-color: #435608; color: #ffffff; padding: 2px 5px 2px 5px;}
td.datumTD                      {width: 35%;}
td.productTD                    {width: 30%;}
td.bedragTD                     {width: 20%;}
td.actieTD                      {width: 15%}
input.bedrag                    {width: 40px;}
.betalingTabel td.formLabel     {width: 100px;}
.betalingTabel td.formVeld      {width: 390px;}

.betaling_odd td                {padding: 2px 5px 2px 5px;}
.betaling_even td               { background-color: #D0D0A1; padding: 2px 5px 2px 5px;}
.metBorder                      {border: solid 1px red; width: 20px;}

.productenTabel td table td.datumTD {width: 30%;}
.productenTabel td table td.productTD {width: 25%;}
.productenTabel td table td.aantalTD {width: 25%;}
.productenTabel td table td.bedragTD {width: 10%;}
.productenTabel td table td.actieTD {width: 10%;}
.aantal                         {width: 20px;}

div.voorwaarden					{border: solid 1px #C2C2C2; width: 500px;}

td.niveauGewijzigd				{background-color: #B5DC10;}

fieldset.delegenda legend		{color: #000000;}
fieldset.delegenda td			{vertical-align: top;}

.soortWoningTabel				{border: solid 1px #ffffff; margin-top: 10px; width: 370px;}
td.verwijderWwens				{vertical-align: top; padding-top: 10px;}

/*#menu .menuitem .menuitem {text-align:left !important;}*/