/* Algemeen */
body {margin-bottom:20px;}
* {font-family: verdana, arial; font-size: 12px;}
*a {text-decoration: none; color: black;}
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 {margin-top: 0px;}

#content{width: 780px; position: absolute;}

.header{position: relative; background:#E5E5E5 url(../gfx/top.jpg) no-repeat; height: 159px; display: none}

body.intranet .header {background:white 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; display: none;}
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; font-size: 18px;}
body.maakSelectie .header {background:white url(../gfx/logo-klein.gif) no-repeat 5px 5px; height:80px;}

body.iframe {}
#versie {display: none;}
#onder {position:relative; left:0; top:0; padding-left:230px; padding-right:15px;}
.intranetOnder {position:absolute; top: 140px; left:230px; padding-right:15px; font-size: x-small; padding-top: 10px;}
.intranetOnder * {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; background-color: #999933; display: none;}

#submenu{position: relative; height: 28px; background:#D0D0A1 url(../gfx/randje_submenu.gif) repeat-x; display: none;}

#links {position:absolute; left:15px; top:0px; width:195px; font-size: x-small;}

#intranetLinks {position:absolute; left:15px; top:140px; width:150px; font-size: x-small; padding-top: 10px;}
#intranetLinks a {font-size: x-small;}
#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; }
.inhoud h3{color: #999933; font-weight: bold;}
.inhoud ul {list-style: square;}
.inhoud a{font-weight: bold;}

#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;}
.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;}

#content .formulier td{ font-size: x-small;}

#locatieformulier h2{font-size:medium; text-align: center; vertical-align: center; color:#666633; background-color:#D0D0A1; 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}


/* 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: #999933; 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;}
.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:18px; padding-top:3px; font-size:x-small; color: #000000; font-weight: bold;}
.intranet #menu ul li a{float:left; padding-left:18px; 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;}

/* 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;}

#intranetLinks{position: relative; top: 0px; }
#intranetLinks input {display: none;}
.intranetOnder{position: relative; top: 0px; left: 20px;}
.antwoordenGrafiek{height: 10px; background-color: #E9E9D1; }
.aantalHits {padding-left: 5px;}

.nieuwsbericht .datum {white-space: nowrap; }
.bericht .titel{font-weight: bold; padding-bottom: 5px;}
.nieuwsbericht td {padding-bottom: 20px; vertical-align: top;}