	
body { 
	font-family:      Tahoma, Arial, Helvetica, sans-serif;
	font-size:        10pt;
    background:       url(http://documents.insure.be/opmaak/Tempo/images/background.gif) repeat;
 }
/* achtergrondverkleuring muisover: */
td.off {
background: #FFFFFF;
}
td.on {
background: #999999;
}
/* achtergrondverkleuring muisover: */
td.top2 {
background: #C0C0C0;
}

.shadow {
	height: 1em;
	margin: 0px 0px 0px 70px;
	filter: Shadow(Color=#000000, 	
			Direction=135, 
			Strength=3);
}/*drop shadow*/
.shadow2 {
	height: 1em;
	margin: 5px 5px 5px 5px;

}/*drop shadow*/

.dropshadowleft{
	float:left;
	clear:left;
	background: url(http://documents.insure.be/opmaak/Succes4U/images/shadowleft.png) no-repeat bottom right;
	margin: 0px 0 0px 5px;
	width: 200px;
	padding: 15px;
}

.dropshadowsmall{
	float:left;
	clear:left;
	background: url(http://documents.insure.be/opmaak/Succes4U/images/shadow.png) no-repeat bottom right;
	margin: 0px 0 0px 5px;
	width: 330px;
	padding: 10px;
}
.dropshadow2{
	float:left;
	clear:left;
	background: url(http://documents.insure.be/opmaak/Succes4U/images/shadow600.png) no-repeat bottom left;
	margin: 0px 0 10px 10px !important;
	margin: 0px 0 10px 5px;
	width: 650px;
	padding: 15px;
}
.innerbox{
	position:relative;
	bottom:2px;
	left:1px;
	right: 0px;
	border: 0px dashed #999999;
	padding:1px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	margin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:12px;
	margin: 0px;
}
/*end shadow*/

p {
	color:            #000000;
	font-family:		Tahoma, Arial, Helvetica, sans-serif; 
	font-size:        10pt;
		line-height:  1.5em;

}

label
{
float: left;
	margin: 0px 0px 0px 0px;
}

.submit input
{
margin-left: 0em;
} 

.submit input
{
font-family: Arial, "MS Sans Serif", Geneva, sans-serif;
font-size:   8pt;
color: #000;
background: #ffa20f;
} 

fieldset {
	cursor:  default;
}

input {
	font-family: Arial, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
	margin: 0px 0px 0px 0px;

}

label {
	font-family: Arial, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
}

select {
	font-family: Arial, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
}

textarea {
	font-family: Arial, "MS Sans Serif", Geneva, sans-serif;
	font-size:  8pt;
}


#dropmenudiv{
position:absolute;
border:1px solid black;
font:normal 10px Verdana;
line-height:10px;
z-index: 100;
}

.markermenu{
width: 190px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 0px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: white url(http://documents.insure.be/opmaak/Succes4U/arrow-list.gif) no-repeat 2px center;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 2px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 190px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
color: black;
background-color: #ffffcb;
background-image:url(http://documents.insure.be/opmaak/Succes4U/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}
.w3cbutton {
  margin: 1em 0;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 100%;
  font-weight: bold;
}
.w3cbutton a {
  display: block;
  width: 100%;
}
.w3cbutton a:link,
.w3cbutton a:visited,
.w3cbutton a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
.w3cbutton a:link,
.w3cbutton a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.w3cbutton a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
.w3cbutton span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}

h1 {
	color:            #103184;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        13pt;
	font-weight:      bold;}

h2 {
	color:            #103184;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        11pt;
	font-weight:      bold;margin-bottom:    0.25em;
	

}

h3 {
	color:           #103184;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        10pt;
	font-weight:      bold;}
h4 {
	color:            #103184;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        8pt;}
h5 {
	color:            #103184;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        6pt;}
.left {
	color:            #000000;
	font-family:      Arial, Helvetica, sans-serif;
	font-style: 	 normal; /* Niet cursief ... */
    font-size:        9pt;
}

li {
	color:            #000000;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        9pt;
}
td {
	color:            #000000;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        9pt;
}

th {
	color:            #000000;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        9pt;
}

a:link {
	color:            #103184;   
	text-decoration:  underline;      
}
a:visited {
	color:            #103184;   
	text-decoration:  underline;      
}

a:hover {
	color:            #103184;   
	cursor:           pointer;   
	text-decoration:  none; 
}

a:active {
	color:            #103184;   
	cursor:           pointer;   
	text-decoration:  underline;      
	}
 
 /* height and width*/
.rbtop1 div, .rbtop1, .rbbot1 div, .rbbot1 {

	height: 13px;
}
.rbcontent1 p {margin: 0; padding: 10px;
}

a.info
, a.info_left
{
  display: block; 
  position:relative;
  z-index:24; 
  font-family: Arial, Helvetica, sans-serif;
  font-size:   9pt;
   line-height: 1.1em;
  color:#000000;
}

a.mod_info
{
  display: block;
  position:relative;
  z-index:24;
  text-decoration:none
}
a.info:hover, a.info_left:hover
{
  text-indent: 0; 
  z-index: 25;
  text-decoration: none;
  color: #002;}
a.mod_info:hover
{
  text-indent: 0; 
  z-index: 25;
  text-decoration: none;
  color: #002;
}
a.info span, a.mod_info span, a.info:visited span, a.mod_info:visited span
, a.info_left span, a.info_left:visited span
{
  display: none;
} 
a.info:hover span, a.mod_info:hover span
{
  display: block;
  height: 300px;  position: 
 absolute;  left: -320px;
  top: -60px;
}
a.info_left:hover span
{
  display: block;
  height: auto;
  position: absolute;
}
	   
span.description
{
  font-weight: normal;
  text-align: left;
  color:#454556;
  width: 300px;
  padding: 5;
  border-top : 1px solid #000000;
  border-left : 1px solid #000000;
  border-bottom : 1px solid #000000;
  border-right : 1px solid #000000;
  background-color:#F9F9F9;
  background-repeat: repeat-x;
}


