body {
  _behavior: url(/scriptlibrary/csshover.htc);
}
form,body, html {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

img {
  border: 0;
}

#container { 
  position: absolute;
  width: 990px;
  left: 50%;
  margin-left: -495px;
  background-color: #fff;
  float:left;
}
/*begin header */
#headerblauw {
  width: 990px;
  height: 95px;
  margin: 0;
  padding: 0;
  background: #0074ae url(../images/skl-kinderopvang.gif) 38% 23% no-repeat; 
}

#zoeken {
  width: 139px;
  height: 89px;
  position: absolute;
  left: 775px;
  background: url(../images/zoek-bg.png) no-repeat;
  display: block;
}

.zoeken_gevonden {
  width: 139px;
  height: 90px;
  position: absolute;
  left: 775px;
  background: url(../images/zoek-bg-gevonden.gif) no-repeat;
  display: none;
  z-index: 10;
}

.zoekveld {
  margin-left: 7px;
  margin-top: 52px;
  width: 82px;
  padding-left: 4px;
  height: 13px;
  font-family: Verdana, Sans-Serif;
  font-size: 10px;
  color: #565555;
  background-color: #e2eaf3;
  border: 0;
  float: left;
}

.zoekbutton {
  width: 14px;
  height: 14px;
  background: url(../images/zoek-button.png) no-repeat;
  float: left;
  border: 0;
  margin-top: 53px;
  margin-left: 3px;
}

.zoekbutton:hover{
  cursor: pointer;
}

.center{
  text-align: center;
}

.hidden{
  display:none;
}

#borderoranje {
  width: 990px;
  height: 8px;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #f9af52;
}

#kreetvandeweek{
  z-index: 5;
  position:absolute;
  left: 85px;
  top: 49px;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #d2f0fd;
}

#kreetvandeweek img{
  float: left;
}

.gegevens {
  margin-left: 10px;
  margin-top: 14px;
  float: left;
  font-weight: bold;
}
/*eind header */

#menu{
  z-index: 15;
  width: 990px;
  height: 89px;
  padding: 0;
  margin-top: -18px;
  /* position:relative; */
}

.home {
  width: 80px;
  height: 89px;
  overflow: hidden;
  float: left;
  display: block;
  background-image: url(../images/menu/home.gif);
  background-position: -10px 0px;
  margin-right: 5px;
  margin-left: 4px;
  _margin-left: 2px;
}

.home:hover,.home.active {
  background-position: 82px 0px;
  cursor: pointer;
}

.overskl {
  width: 74px;
  height: 89px;
  overflow: hidden;
  float: left;
  display: block;
  background-image: url(../images/menu/over-skl.gif);
  background-position: -30px 0px;
  margin-right: 22px;
}

.overskl:hover,.overskl.active {
  background-position: -163px 0px;
  cursor: pointer;
}

.opvang {
  width: 50px;
  height: 89px;
  overflow: hidden;
  float: left;
  display: block;
  background-image: url(../images/menu/opvang.gif);
  background-position: -27px 0px;
  margin-right: 22px;
}

.opvang:hover,.opvang.active {
  background-position: -132px 0px;
  cursor: pointer;
}

.nieuws {
  width: 50px;
  height: 89px;
  overflow: hidden;
  float: left;
  display: block;
  background-image: url(../images/menu/nieuws.gif);
  background-position: -27px 0px;
  margin-right: 18px;
}

.nieuws:hover,.nieuws.active {
  background-position: 77px 0px;
  cursor: pointer;
}

.werkenstage {
  width: 98px;
  height: 89px;
  overflow: hidden;
  float: left;
  display: block;
  background-image: url(../images/menu/werk-en-stage.gif);
  background-position: -18px 0px;
  margin-right: 18px;
}

.werkenstage:hover,.werkenstage.active {
  background-position: 116px 0px;
  cursor: pointer;
}

.fun {
  width: 72px;
  height: 89px;
  overflow: hidden;
  float: left;
  display: block;
  background-image: url(../images/menu/fun.gif);
  background-position:-19px 0;
  margin-right: 18px;
}

.fun:hover,.fun.active {
  background-position: 86px 0px;
  cursor: pointer;
}

.inschrijven {
  width: 81px;
  height: 89px;
  overflow: hidden;
  float: left;
  display: block;
  background-image: url(../images/menu/inschrijven.gif);
  background-position: -11px 0px;
  margin-right: 22px;
}

.inschrijven:hover,.inschrijven.active {
  background-position: 94px 0px;
  cursor: pointer;
}

.locaties {
  width: 83px;
  height: 89px;
  overflow: hidden;
  float: left;
  display: block;
  background-image: url(../images/menu/locaties.gif);
  background-position: -12px 0px;
  margin-right: 18px;
}

.locaties:hover,.locaties.active {
  background-position: 93px 0px;
  cursor: pointer;
}

.tarieven {
  width: 82px;
  height: 99px;
  overflow: hidden;
  float: left;
  display: block;
  background-image: url(../images/menu/tarieven-en-kosten.gif);
  background-position: -1px -10px;
  margin-right: 15px;
}

.tarieven:hover,.tarieven.active {
  background-position: 89px -10px;
  cursor: pointer;
}

.wereldgroter {
  width: 70px;
  height: 99px;
  overflow: hidden;
  float: left;
margin-right:18px;
  display: block;
  background-image: url(../images/menu/de-wereld-is-groter.gif);
  background-position: -9px 0px;
}

.wereldgroter:hover,.wereldgroter.active {
  background-position: 98px 0px;
  cursor: pointer;
}

.contact {
  width: 50px;
  height: 89px;
  overflow: hidden;
  float: left;
  display: block;
  background-image: url(../images/menu/contact.gif);
  background-position: -26px 0px;
}

.contact:hover,.contact.active {
  background-position: 79px 0px;
  cursor: pointer;
}

#omhulsel{
  width: 990px;
  margin: 0;
  padding: 0;
  float:left;
}

/* begin linker menu */
.navigatie {
  width: 375px;
  margin: 0;
  margin-top: 2px;
  padding: 0;
  float: left;
  height: 100%;
  
}

.navigatie img {
  border: 0;
}

#navigatie-hoofditem {
  width: 375px;
  height: 41px;
  padding-top: 10px;
  padding: 0;
  text-align: center;
  font-family: Verdana, Sans-Serif;
  font-size: 23px;
  color: #fff; 
  margin: 0;
  display: block;
  overflow: hidden;
}

.omnav{
  width: 375px;
  padding: 0;
  margin: 0;
}

.navigatie-subitem {
  width: 375px;
  /*_width: 375px; */
  margin: 1px 0 1px 0; 
  padding: 0;
  display: block;
  min-height: 144px;
  _height: 144px;
}

.subitem{
  width: 375px;
  height: 22px;
  display: block;
  background-position: 0px 0px;
  background-repeat: no-repeat; 

}

.subitem:hover {
  background-position: 0px -22px;
}
.navigatie-subitem:hover {
  background-position: 0px 0px;
}

.navigatie-subitem img {
  border: 0;
}

.subitemactief{
  width: 375px;
  height: 22px;
  display: block;
  background-position: 0px 0px;
  background-repeat: no-repeat; 

}
/*
.subitemactie:hover {
  background-position: 0px -22px;
} */

/* begin subsub*/

.navigatie-subsubitem {
  width: 164px;
  /*_width: 186px; */
  padding-left: 22px;
  padding-top: 16px;
  margin: 0;
  float: left;
  min-height: 215px;
  _height: 215px;
  /* height: 100%; */
  background-color: #ff00ff;
  overflow: visible;
  display: none;
}

.navigatie-subsubitem ul {
  margin: 0;
  padding: 0;
}

.navigatie-subsubitem li {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #fff;
  list-style: none;
  line-height: 16px;
  margin-bottom: 6px;
}


.navigatie-subsubitem li a {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  list-style: none;
  text-decoration: none;
}

.navigatie-subsubitem li a:hover {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  color: #0074ae;
  list-style: none;
  text-decoration: none;
}

li.subsubactive {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #0074ae;
  list-style: none;
  text-decoration: none;
  font-weight: bold;
}
/* einde subsub */

/* begin subsubsub */
.navigatie-subsubsubitem {
  width: 173px;
  /*_width: 189px; */
  padding-left: 16px;
  padding-top: 16px;
  float: left; 
  margin: 0;
  /*min-height: 215px;
  _height: 215px;*/
  background-repeat: no-repeat;
  /*background-position: 50% 50%; */
  height: 100%; 
  /*_height: 200px; */
  overflow: visible;
  display: none;
}

.navigatie-subsubsubitem ul {
  margin: 0;
  padding: 0;
}

.navigatie-subsubsubitem li {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #fff;
  list-style: none;
  line-height: 16px;
  margin-bottom: 6px;
}


.navigatie-subsubsubitem li a {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  list-style: none;
  text-decoration: none;
}

.navigatie-subsubsubitem li a:hover {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  color: #0074ae;
  list-style: none;
  text-decoration: none;
}

li.subsubsubactive {
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #0074ae;
  list-style: none;
  text-decoration: none;
  font-weight: bold;
}
li.subsubsubactive a
{
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: #0074ae;
  list-style: none;
  text-decoration: none;
  font-weight: bold; 
}
/* einde subsubsub */

.ondernavigatie {
  width: 375px;
  height: 1px;
  display: block;
  clear: both;
  overflow: hidden;
}

#gecertificeerd{
  width: 236px;
  _width: 236px;
  height: 90px;
  padding-top: 10px;
  background: url(../images/linkimageshome.gif) no-repeat;
  /*padding-left: 30px; */
  font-family: verdana;
  font-size: 11px;
  display: block;
 background-color: #fff;
}


.skllink {
  width: 68px;
  height: 90px;
  float: left;
}

.hkzlink {
  width: 58px;
  height: 90px;
  float: left;  
}

.kindwijzer {
   width: 56px;
  height: 90px;
  float: left;   
}

.gunjeiederkind {
   width: 50px;
  height: 90px;
  float: left;   
}

/* einde linker menu */

#rechterdeel {
  width: 615px;
  padding: 0;
  margin: 0;
  float: left;
}

.content 
{
  float:left;
  width: 545px;
  _width: 545px;
  margin: 42px 0 0 0;
  background-color: #fff;
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  color: #004b8d;
  padding-right: 35px;
  padding-left: 35px;
  line-height: 15px;
  clear: both;
  overflow:hidden;
}

.content font {
  font-size: 12px;
  font-family: Verdana, Sans-Serif;
  line-height: 15px;
}

.content img {
  border: 0;
}
.content h1 {
  font-family: Verdana, Sans-Serif;
  font-size: 20px;
  font-weight: normal;  
  color: #004b8d;
  padding: 0;
  margin-bottom: 10px;
  line-height: 22px;
}


.content a {
  color: #004b8d;
  text-decoration: underline;
}

.content a:hover {
  text-decoration: none;
}

.content p {
  margin-top: 3;
}
/*css voor fotos in de content */

.fotosboven{
  margin: 0;
  padding: 0;
  display: block;
}

.fotosboven img
{  
  clear:both;
  margin: 0;
  margin-bottom: 2px;
  padding: 0;
}

.fotoslinks
{
  float:left;
  margin-right:10px;
  margin-top: 5px;
  margin-bottom: 0px;
  display: block;
  width:205px;
}
.fotoslinks img
{
  clear:both;
  margin-bottom: 0px;
  padding: 0;
}
.fotosrechts
{
  float:right;
  /*margin-right:12px; */
  _margin-right: 0px;
  display: block;
  /*width:200px; */
  clear: both;
  margin-left: 5px;
}
.fotosrechts img
{
  clear:both;
  margin-bottom:5px;
  float:none;  
}
.fotosrechts a
{
  clear:both;
  float:none;
  display:block;
}
.fotosonder
{
  clear:both;
  margin-top:10px;
}
.fotosonder img
{
  margin-bottom:5px;

  margin-right:5px;
}
/* einde css voor fotos van content */

.meerinfo {
  width: 212px;
  padding: 0;
  margin: 0;
  float: right;
  display: inline;
  margin-left: 15px;
  margin-bottom: 5px;
}

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

.meerinfo ul li{
 margin: 0px 0px 0px 10px;
 padding-top: 4px;
 padding-bottom: 4px;
 list-style-image:url(/interface/images/);
}
.titel {
  width: 212px;
  height: 29px;
  padding: 0;
  margin: 0;
  display: block;
  background: url(../images/meer-informatie.png) no-repeat;
}

#vraag {
  color: #fff;
  text-decoration: none;
  padding-left: 22px;
}

#vraag img {
  border: 0;
  vertical-align: middle;
  margin-right: 5px;
}

#vraag a {
  color: #fff;
  text-decoration: none;
  font-size: 11px;
}

#vraag a:hover {
  text-decoration: underline;
}



#vraagorganisatie {
  color: #fff;
  text-decoration: none;
  padding-left: 22px;
}

#vraagorganisatie img {
  border: 0;
  vertical-align: middle;
  margin-right: 5px;
}

#vraagorganisatie a {
  color: #004b8d;
  text-decoration: none;
  font-size: 11px;
}

#vraagorganisatie a:hover {
  text-decoration: underline;
}

.meerinfo a {
  text-decoration: none;
  color: #fff;
}

.footermeerinfo {
  width: 212px;
  height: 12px;
  display: block;
}

#printpagina {
  width: 545px;
  _width: 615px;
  padding-right: 35px;
  padding-left: 35px;
  margin-top: 10px;
  clear: both;
  font-family: Verdana, Sans-Serif;
  font-size: 10px;
  color: #404040;
  font-weight: bold;
}

#printpagina img {
  float: right;
  border: 0;
}
#overzicht
{
  width:90%;
}
#overzicht .oitem td
{
  /*border-top:1px solid #8C3599; */
}
#overzicht .col1
{
  color:#004B8D;
  font-weight: bold;
  white-space:nowrap;
  padding-right:6px;
}
#overzicht .col2
{
  color:#8C3599;
}

#overzicht .col2 a:hover {
  color: #8C3599;
  text-decoration: underline;
}

#overzicht .over
{
  /*background-color:Purple;*/
  color: #8C3599;
}
#sitemap
{
  width:100%;
  clear:both;
}
#sitemap a
{
  text-decoration:none;
}
#sitemap a:hover
{
}
#sitemap ul.niveau1
{
  width:100%;
  position:relative;
}
#sitemap ul,#sitemap li
{
  list-style-type:none;
  
}
#sitemap ul.niveau1 li
{
  clear:both;
}
#sitemap ul.niveau1 a
{
  font-weight:bold;
}
#sitemap ul.niveau2 a
{
  font-weight:normal;
}
#sitemap a
{
  float:left;
  font-family:Verdana;
  font-size:11px;
  padding:5px;
  
  color:#4789BF;
  
}
#sitemap a:hover
{
  color:#004B8D;
}
#sitemap ul.niveau1
{
  padding:0;
  margin:0;
}
#sitemap *
{
  vertical-align:top;
  float:left;

}
#sitemap ul.niveau1 a
{
  width:120px;
    white-space:nowrap;
}
#sitemap ul.niveau2
{
  
}
#sitemap ul.niveau2 li,#sitemap ul.niveau2 ul
{
   clear:none;
   float:left;
   padding:0px;
   margin:0px; 
}
#sitemap ul.niveau2 li
{
  margin-left:10px;
  margin-right:10px;
  display:inline;
}
#sitemap ul.niveau2 a
{
    width:auto;
}
#faq .rubriek,#faq .vraag,#faq .antwoord
{
  clear:both;
  display:block;
/*
  overflow:hidden;
  height:15px; */
}
#faq a.rubriek
{
  margin-bottom:5px;
  font-weight:bold;

}
#faq a.vraag
{
  padding-left: 13px;
  margin-left:10px;
  margin-top:2px;
  margin-bottom:2px;
  background: url(../images/bg-faq.gif) no-repeat 0% 60%;
}
#faq a.vraag:hover
{
  color:#f7971d;
  background: url(../images/bg-faq-hover.gif) no-repeat 0% 60%;
}
#faq .antwoord
{
  margin:10px;
  margin-left:30px;
  font-style:italic ;
  overflow:auto;
  height:auto;
}
#faq a
{
  text-decoration:none;
}
p
{
  margin:0;
  padding:0;
}

.gover {
  z-index: 11;
  left: 625px;
  position: absolute;
  top: 6px; 
  height: 110px;
  width: 180px;
  overflow: hidden;
}

.gover2 {
  z-index: 11;
  left: 70px;
  position: absolute;
  top: 6px; 
  height: 110px;
  width: 180px;
  overflow: hidden;
}

.gover3 {
  z-index: 11;
  left: 355px;
  position: absolute;
  top: 225px; 
  height: 125px;
  width: 180px;
  overflow: hidden;
}

#navigatietotaal
{
  float:left;
  height:100%;
}
#documenten a
{
  padding-left:35px;
  height:30px;
  width:295px;
  display:block;
  background-repeat:no-repeat;
  background-image:url(/interface/images/ico_pdf.gif);
  font-weight:bold;
  text-decoration:none;
  font-size:12px;
  padding-top:3px;
  padding-bottom: 3px;
  
}

div.filmarchief {
  width: 561px;
}

div.filmarchief a {
  float: left;
  display: inline;
  width: 170px;
  margin-right: 17px;
  text-decoration: none;
}

div.filmpje {
  width: 400px;
  margin: auto;
}


.plaatsen_overzicht
{
  background: #6CBF65;
}

.fotolink {
  float: left;
  width: 213px;
  height: 163px;
  margin-right: 10px;
  display: inline;
}
.fotolink:hover {
  background-position: 0px -163px;
}
.fotolink img {
  width: 213px;
  height: 163px;
  border: 0;
}

.beschikbaarlink {
  background-image: url(/interface/images/beschikbareplaatsen.gif);
  width: 185px;
  height: 28px;
  clear: left;
  display: block;
}
.beschikbaarlink:hover {
  background-position: 0px -28px;
}
.beschikbaarlink img {
  width: 185px;
  height: 28px;
}

/*------- stijlen solicitatieformulier ----------- */

.tabregel {
  width: 100%;
  overflow: hidden;
  clear: both;
  margin: 15px 0px;
  font-size: 11px;
}

.tabregel a {
  float: left;
  padding: 5px 8px;
  margin-right: 5px;
  background: #0074ae;
  color: #ffffff;
  text-decoration: none;
}

.tabregel a:hover {
  background: #0b8dce;
  text-decoration: underline;
}

.tabregel a.active,
.tabregel a.active:hover {
  background: #e02588;
}

#formulier .regel {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 18px;
}

#formulier .regel label,
#formulier .regel .label {
  float: left;
  width: 120px;
  padding: 3px 10px 3px 0px;
}

#formulier .veld input,
#formulier textarea {
  width: 300px;
  padding: 3px 5px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

#formulier .radiotable input,
#formulier .checktable input {
  float:left;
  width: 13px;
  height: 13px;
  margin: 2px 7px 0px 0px;
  padding: 0px;
}

#formulier div.check label {
  float: none;
  display: block;
  width: auto;
  padding: 0px;
}

#formulier .radiotable label,
#formulier .checktable label {
  float: left;
  width: 133px;
  padding: 0px;
}

#formulier .beschikbare_dagen label{
  width: 60px;
}


#formulier #ffunctie .checktable label {
  float: left;
  width: 422px;
  padding: 0px;
}

#formulier #fcontact .checktable label {
  float: left;
  width: 420px;
  padding: 0px;
}

#formulier .formbox_inner {
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  overflow: hidden;
}

.divider {
  margin-bottom:20px;
}

#foutmeldingen {
  list-style-type:none;
  color:#dd0000;
  clear: both;
  margin: 15px 0px;
  padding: 0px;
}

#formulier .fingevuld label {
  color: #dd0000;
}

#formulier .fingevuld table label {
  color: #004B8D;
}

#formulier .knop_meer,
#formulier .knop_vorige,
#formulier .knop_volgende {
  float: right;
  margin-bottom: 10px;
  padding: 5px 8px;
  background: #0074ae;
  color: #ffffff;
  text-decoration: none;
}

#formulier .knop_vorige {
  float: left;
}

#formulier .knop_meer:hover,
#formulier .knop_vorige:hover,
#formulier .knop_volgende:hover {
  background: #0b8dce;
  text-decoration: underline;
}
.fout
{
  color:Red;
}
html
{
  overflow-y:scroll;
}

/* Calculator */

#calculator2 {
  display: block;
  z-index: 99;
  left: 0;
  position: absolute;
  top: 186px;
  padding: 5px;
  width: 980px;
  background: #0074AE;
  color: #ffffff;
}

#calculator2 .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 14px;
  overflow: hidden;
  text-indent: -99999px;
  background: url(/interface/images/calculator2-close.gif);
}

#calculator2 table {
 border-collapse: collapse;
}

#calculator2 th {
  height: 60px;
  padding: 3px;
  border: 1px solid #0074AE;
  border-bottom: 1px solid #ffffff;
  text-align: left;
}

#calculator2 th span {
  display: block;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}

#calculator2 th.first,
#calculator2 td.first {
  border-left: 1px solid #ffffff;
}

#calculator2 th.last,
#calculator2 td.last {
  border-right: 1px solid #ffffff;
}

#calculator2 .title01 {
  width: 240px;
  background: #F9AF52;
  border-right: 1px solid #fff;
  border-left: 0px solid #fff;
}

#calculator2 .title02 {
  width: 200px;
  background: #F9AF52;
  border-right: 1px solid #fff;
}

#calculator2 .title03 {
  width: 150px;
  text-align: center;
  background: #F9AF52;
  color: #ffffff;
  border-right: 1px solid #fff;
}

#calculator2 .title04 {
  width: 150px;
  text-align: center;
  background: #F9AF52;
  color: #ffffff;
  border-right: 1px solid #fff;
}

#calculator2 .title05 {
  width: 200px;
  text-align: center;
  background: #F9AF52;
  color: #ffffff;
  border-right: 0px solid #fff;
}

#calculator2 td {
  height: 50px;
  border-bottom: 1px solid #ffffff;
  text-align: left;
}

#calculator2 p,
#calculator2 ul {
  margin: 15px 0 ;
  padding: 0 25px 0 15px;
}

#calculator2 .content08,
#calculator2 .content09,
#calculator2 td span {
  padding-left: 10px;
}

#calculator2 .content01 input,
#calculator2 .content02 input {
  width: 25px;
  text-align: center;
}

#calculator2 .content01 {
  padding-left: 10px;
}

#calculator2 .content02 {
  font-weight: bold;
  text-align: left;
  padding-left: 10px;
  border-right: 1px solid #ffffff;
}

#calculator2 .content04 {
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}

#calculator2 .content05 {
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
   border-right: 1px solid #ffffff;
}

#calculator2 .content06 {
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}

#calculator2 .content07 {
  padding-left: 10px;
}

#calculator2 .content07 input {
  margin-left: 10px;
  text-align: right;
}

#calculator2 p {
  margin-bottom: 15px;
}

/* Calculator algemeen*/
#berekening {
  background-color: #FFFFFF;
  float: left;
  left: 50%;
  margin-left: -495px;
  position: absolute;
  width: 990px;
}

#calculator3 {
  display: block;
  z-index: 99;
  position: absolute;
  top: 186px;
  left: 0;
  padding: 5px;
  width: 980px;
  background: #0074AE;
  color: #ffffff;
  margin: 0 auto;
}

.calc2012 {
  top: 20px !important;
}

#calculator3 ul {
  margin: 10px 0 ;
  padding: 0 15px 0 15px;
}

#calculator3 .close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 14px;
  overflow: hidden;
  text-indent: -99999px;
  background: url(/interface/images/calculator2-close.gif);
}

#calculator3 table {
 border-collapse: collapse;
}

#calculator3 th {
  height: 60px;
  padding: 3px;
  border: 1px solid #0074AE;
  border-bottom: 1px solid #ffffff;
  text-align: left;
}

#calculator3 th span {
  display: block;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
}

#calculator3 .title01 {
  width: 454px;
  background: #F9AF52;
  border-right: 1px solid #fff;
  border-left: 0px solid #fff;
}

#calculator3 .title02 {
  width: 90px;
  background: #F9AF52;
  border-right: 1px solid #fff;
}

#calculator3 .title03 {
  width: 120px;
  text-align: center;
  background: #F9AF52;
  color: #ffffff;
  border-right: 1px solid #fff;
}

#calculator3 .title04 {
  width: 140px;
  text-align: center;
  background: #F9AF52;
  color: #ffffff;
  border-right: 1px solid #fff;
}

#calculator3 .title05 {
  width: 140px;
  text-align: center;
  background: #F9AF52;
  color: #ffffff;
  border-right: 0px solid #fff;
}

#calculator3 th.first {
  border-left: 1px solid #ffffff;
}

#calculator3 th.last {
  border-right: 1px solid #ffffff;
}

#calculator3 tr {
  border-right: 1px solid #ffffff;
}

#calculator3 td {
  height: 36px;
  /*border: 1px solid #0074AE;*/
  border-bottom: 1px solid #ffffff;
  text-align: left;
  padding-left: 15px;
  border-left: 1px solid #ffffff;
  /*border-top: 1px solid #ffffff;*/
}

#calculator3 td span {
  font-size: 10px;
  display: block;
}

#calculator3 .content01 {
  border-right: 1px solid #ffffff;
}

#calculator3 .content01b {
  border-right: 0px solid #ffffff;
  border-bottom: 0px solid #ffffff;
}

#calculator3 .content01 input {
  width: 20px;
}

#calculator3 .content02 input {
  width: 25px;
  text-align: center;
}

#calculator3 .content05 input {
  text-align: right;
}

#calculator3 .content02 {
  font-weight: bold;
  text-align: center ;
  padding-right: 20px;
  border-left: none;
}

#calculator3 .content04 {
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}

#calculator3 .content05 {
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
   border-right: 1px solid #ffffff;
}

#calculator3 .content06 {
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}

#calculator3 p {
  margin-bottom: 15px;
}

#calculator3 .subtitel {
  font-size: 14px;
  font-weight:bold;
  height: 20px;
  padding-top:20px;
  padding-bottom: 10px;
  color: #ffffff;
}

#calculator3 .subtitel .subsubtitel{
  font-size: 11px;
  font-weight:normal;
  color: #ffffff;
}

#calculator3 .content10 {
  font-size: 13px;
  font-weight:bold;
  text-align:right;
  border: none;
  border-top: 1px solid #ffffff;
  padding-right: 20px;
}

#calculator3 .content10b {
  font-size: 13px;
  font-weight:bold;
  text-align:right;
  border: none;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  padding-right: 20px;
}

#calculator3 .content11b {
  font-size: 13px;
  font-weight:bold;
  text-align:right;
  border: none;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding-right: 20px;
}

#calculator3 .content11 {
  font-size: 13px;
  font-weight:bold;
  text-align:right;
  border: none;
  padding-right: 20px;
}

#calculator3 .content12 {
  font-size: 13px;
  font-weight:bold;
  text-align:right;
  border-bottom: 0px;
  padding-right: 20px;
}