@import url("login.css");

/* 
2008-04-28 PvB: 
2008-05 diverse aanpassingen
*/
div.left {
  float: right;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  width: 22em;
  margin-top: 5px;
  position: relative;
}
div.search {
	padding: 10px;
	fpadding: .5em;
	align: right;
}
.label {
  font-weight: bold;
  float:left;
  width: 15em;
  padding-bottom: 1px;
  padding-left: 30px;
  color: #666699;
}
.textblock {
  margin-left: 15em;
  padding: 2px;
}
div.right {
  margin-top: 35px;
  margin-bottom: 5px;

}
.even {
background-color: #EBEEF0;
}
.isn-kolom{
  float: left;
  width: 10em;
text-align: center;
}
#container
{
margin-top: 0px;
margin-left: 0px;
margin-right: 15px;
margin-bottom: 15px;
background-color: #FFFFFF;
color: #333;
line-height: 130%;
padding-left: 10px;
z-index:0;
max-width:980px;
min-width:740px;
}
#top
{
padding: .5em;
align: right;
}
#footer
{
clear: both;
margin: 0;
padding: .5em;
text-align: right;
padding-right: 50px;
}
div{padding: 2px;}
#tabs
{
width: 99%;
margin-top: 15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background: #004E84;
background-image:url(/images/menu_bg.gif);
color: #333;

line-height: 140%;
padding-right: 0px;
padding-top: 20px;
padding-left: 10px;
padding-bottom: 0px;
z-index:0;
color: #666699;
text-decoration: none;
text-align: left;
font-size: 1.0em;
font-weight: bold;

}
.tab1
{
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topright:7px;
-webkit-border-top-right-radius:7px;
width: 6%;
height: 100%;
margin-left: 5px;
vertical-align: top;
z-index:0;
border-top: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
padding: 2px;
background-color: #EBEEF0;
}
.tab1:hover, .tab2:hover
{
background-color: #004E84;
color: #ffffff;
}
.tab2
{
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topright:7px;
-webkit-border-top-right-radius:7px;
width: 6%;
height: 100%;
z-index:0;
margin-left: 5px;
vertical-align: top;
border-top: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
padding: 2px;
background-color: #EBEEF0;
color:#ffffff;
}
.active
{
background-color: #FFFFFF;
color: #004E84;
border-bottom: 1px solid #FFFFFF;
padding: 2px;
}
a.tablink:link, a.tablink:visited, a.tablink:active {
  color: #666699;
  text-decoration: none;
  text-align: left;
  font-size: 1.0em;
  font-weight: bold; 
}
a.tablink:hover {
  color: #ffffff;
}
.functiekeuze:link, .functiekeuze:visited, a.functiekeuze:active {
  color: #666699;
  text-decoration: none;
  text-align: left;
  font-size: 1.0em;
  font-weight: bold; 
}
a.functiekeuze:hover {
  color: #FFFFFF;
}
span.functiekeuze {
background-color: #EBEEF0;
padding: 5px;
margin: 2px;
}
span.functiekeuze:hover {
background-color: #004E84;
}

input[type=button], input[type=submit] {
background-color:#D9D9E5;
border-color:#E3E3EC rgb(214, 214, 224) rgb(198, 198, 201) rgb(213, 213, 224);
border-style:solid;
border-width:1px 1px 2px;
color:#003366;
font-size:0.9em;
font-weight:bold;
margin-left:5px;
padding:0.25em;
}

td {
padding-left: 5px;
vertical-align: top;
}

/* copy to clipboard */
.cptooltip {
  position: relative;
  display: inline-block;
}

.cptooltip .cptooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.cptooltip .cptooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.cptooltip:hover .cptooltiptext {
  visibility: visible;
  opacity: 1;
}
/* END copy to clipboard */