body { 
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        9pt;
    background:  url(images/background.gif) repeat;
 }

#header { 
   margin: 10px 10px 10px 10px; 
   padding: 1; 
   } 

.title       { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-color:#3F3FC2; }
#slantedmenu{
font-weight: bold;
font-size: 90%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(http://documents.insure.be/opmaak/Succes4U/images/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}

.m1CL0:visited{color:#000000;text-decoration:none;font: bold ;
}

.m1CL0:active{color:#000000;text-decoration:none;font: bold ;
}

ul{margin:0px; padding:0px; list-style:none}
ul li { line-height:18px}
ul li a{text-decoration:underline; color:#a69981; background:url(http://documents.insure.be/opmaak/Charter/images/marker_list.gif) no-repeat 0 7px; padding-left:8px; font-weight:bold}
ul li a:hover{ text-decoration:none}

ul.list{margin:0px; padding:0px; list-style:none}
ul.list li { line-height:17px; font-family:arial; font-size:12px}
ul.list li a{text-decoration:underline; color:#2f2f2f; background:none; font-weight:normal; padding:0}
ul.list li a:hover{ text-decoration:none}


ul.list_1 {margin:0px; padding:0px; list-style:none}
ul.list_1 li { line-height:20px; font-size:12px; font-family:arial}
ul.list_1 li a{text-decoration:underline; color:#473c35; background:url(http://documents.insure.be/opmaak/Charter/images/marker_list1.gif) no-repeat 0 7px; padding-left:8px; font-weight:bold}
ul.list_1 li a:hover{ text-decoration:none}

ul.list_2 {margin:0px; padding:0px; list-style:none}
ul.list_2 li { line-height:20px}
ul.list_2 li a{text-decoration:underline; color:#473c35; background:url(http://documents.insure.be/opmaak/Charter/images/marker_list1.gif) no-repeat 0 7px; padding-left:8px; font-weight:bold}
ul.list_2 li a:hover{ text-decoration:none}

.title {margin-bottom:11px; display:block}
.pic_left {margin:4px 10px 10px 10px; float:left}

.pic_block { background:#ffb500}
.pic_block .l_t { background:url(http://documents.insure.be/opmaak/Charter/images/l_t_3.gif) left top no-repeat;}
.pic_block .r_t { background:url(http://documents.insure.be/opmaak/Charter/images/r_t_3.gif) right top no-repeat;}
.pic_block .r_b { background:url(http://documents.insure.be/opmaak/Charter/images/r_b_1.gif) right bottom no-repeat;}
.pic_block .l_b { background:url(http://documents.insure.be/opmaak/Charter/images/l_b_1.gif) left bottom no-repeat;}
.pic_block1 .ind{ height:auto; padding:19px 10px 16px 15px}

.pic_block1 { background:#ebe8e4; font-family:arial; font-size:12px; line-height:10px; color:#473c35 }
.pic_block1 .l_t { background:url(http://documents.insure.be/opmaak/Charter/images/l_t_2.gif) left top no-repeat;}
.pic_block1 .r_t { background:url(http://documents.insure.be/opmaak/Charter/images/r_t_2.gif) right top no-repeat;}
.pic_block1 .r_b { background:url(http://documents.insure.be/opmaak/Charter/images/r_b_2.gif) right bottom no-repeat;}
.pic_block1 .l_b { background:url(http://documents.insure.be/opmaak/Charter/images/l_b_2.gif) left bottom no-repeat;}
.pic_block1 .ind{ height:auto; padding:19px 10px 16px 15px}

.pic_block2 { background:#ffb500; color:#ffffff; font-family:arial; font-size:12px; line-height:14px}
.pic_block2 .l_t { background:url(http://documents.insure.be/opmaak/Charter/images/l_t_3.gif) left top no-repeat;}
.pic_block2 .r_t { background:url(http://documents.insure.be/opmaak/Charter/images/r_t_3.gif) right top no-repeat;}
.pic_block2 .r_b { background:url(http://documents.insure.be/opmaak/Charter/images/r_b_1.gif) right bottom no-repeat;}
.pic_block2 .l_b { background:url(http://documents.insure.be/opmaak/Charter/images/l_b_1.gif) left bottom no-repeat;}
.pic_block2 .ind { height:auto; padding:10px 10px 15px 6px}
.pic_block2 .ind .title {margin-bottom:15px}

.pic_block4 { background:#ebe8e4; font-family:arial; font-size:12px; line-height:10px; color:#473c35 }
.pic_block4 .l_t { background:url(http://documents.insure.be/opmaak/Charter/images/l_t_2.gif) left top no-repeat;}
.pic_block4 .r_t { background:url(http://documents.insure.be/opmaak/Charter/images/r_t_2.gif) right top no-repeat;}
.pic_block4 .r_b { background:url(http://documents.insure.be/opmaak/Charter/images/r_b_2.gif) right bottom no-repeat;}
.pic_block4 .l_b { background:url(http://documents.insure.be/opmaak/Charter/images/l_b_2.gif) left bottom no-repeat;}
.pic_block4 .ind{ width:85%; padding:1px 1px 1px 1px}

.main { width:100%; height:800px}
.main_1 {width:780px; height:800px; background:url(http://documents.insure.be/opmaak/Charter/images/bg_main.gif) no-repeat top}

.left {width:50%; background:url(http://documents.insure.be/opmaak/Charter/images/bg_body.gif) repeat-x top}
.right {width:50%; background:url(http://documents.insure.be/opmaak/Charter/images/bg_right.gif) repeat-x top}

/* header */
#header { height:164px }
#header .col1 {width:204px}
#header .col1 img {display:block}
#header .col2 {width:576px}
#header .col2 .row1 {height:103px}
#header .col2 .row1 .c1 {width:423px; padding:45px 0 0 19px}
#header .col2 .row1 .c1 img {display:block}
#header .col2 .row1 .c2 {width:134px; padding-top:10px}
#header .col2 .row2 {height:61px}
#header .col2 .row2 img {vertical-align:top}

/* content */
#content { height:550px; padding:0 30px 0 26px}
#content .table_content {width:600px; height:550px}
#content .col1 {width:178px}
#content .col1 .row1 {height:112px; color:#ffffff; font-family:arial; font-size:12px; line-height:14px; font-weight:bold}
#content .col1 .row1 .pic_block .ind{padding:21px 10px 23px 16px; height:auto}
#content .col1 .row1 .pic_block .ind .select {width:150px; height:19px; margin:0 0 3px 0; display:block; color:#000000; font-weight:normal}
#content .col1 .row1 .pic_block .ind .select1 {width:150px; height:19px; display:block; color:#000000; font-weight:normal}
#content .col1 .row2 {height:438px}
#content .col2 {width:250px}
#content .col2 .row1 {height:208px}
#content .col2 .row1 img {vertical-align:top; margin:22px 0 0 4px}
#content .col2 .row2 {height:auto}

/* footer */
#footer { height:86px}
#footer .col1 {width:331px; padding:30px 0 0 28px; color:#515151}
#footer a {color:#515151; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer .col2 {width:373px; padding:32px 50px 0 0; line-height:15px}


/* index.html */
#page1 #content .col1 .row2 .title {margin-bottom:8px}
#page1 #content .col1 .row2 .pic {margin:0 -10px 18px 0; display:block}
#page1 #content .col1 .row2 ul {margin:16px 0 0 0}
#page1 #content .col1 .row2 .pic_block1 .ind {padding:19px 26px 47px 15px}
#page1 #content .col2 .row2 .c1 {width:333px; padding:0 21px 10px 13px}
#page1 #content .col2 .row2 .c1 .line {margin:12px 0 6px 0}
#page1 #content .col2 .row2 .c1 .line_1 {margin:15px 0 8px 0}
#page1 #content .col2 .row2 .c1 .pic_left {margin:3px 12px 0 0; float:left}
#page1 #content .col2 .row2 .c2 {width:178px; padding:0 1px 6px 0}
#page1 #content .col2 .row2 .c2 p {margin:0 0 14px 0}
#page1 #content .pic_block2 .ind a{color:#ffffff; text-decoration:none}
#page1 #content .pic_block2 .ind a:hover {text-decoration:underline}
/* achtergrondverkleuring muisover: */
td.topoff {
  font-family:      Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
background: #D9E0E7;
}


#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(media/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(media/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;
	line-height:      1em;
	

}

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

}

h3 {
	color:           #103184;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        10pt;
	font-weight:      bold;
	line-height:      1em;
	
}
h4 {
	color:            #103184;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        8pt;
	line-height:      1em;
		 
}
h5 {
	color:            #103184;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        6pt; 
	line-height:      1em;
	
}
.left {
	color:            #000000;
	font-family:      Arial, Helvetica, sans-serif;
	font-style: 	 normal; /* Niet cursief ... */
    font-size:        9pt;
}
.navibalk {
	color:            #008000;
	font-family:      Arial, Helvetica, sans-serif;
    font-size:        9pt;
	font-style: 	 normal; /* Niet cursief ... */
	line-height:      2.2em;
	margin:   		 1.3em;
}

p {
	color:            #000000;
	font-family:      Arial, Helvetica, sans-serif;
	font-size:        9pt;
}
var {
	font-family:      Arial, Helvetica, sans-serif;
	color:            #333366;
	font-style: 	 normal; /* Niet cursief ... */
	font-size:        10pt;
}
cite, em {
	color:            #103184;
	font-family:      Arial, Helvetica, sans-serif;
	font-style: 	 normal; /* Niet cursief ... */
	font-weight:  none;   /* ... maar vet     */
		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;      
	}
n {
	background-color: #0000C0;
	color:            #0000ff;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        8pt;
	line-height:      1em;
}

.w {
	color:       #C00000; /* Rood         */
	font-style:  normal;  /* Niet cursief */
	font-weight: bold;    /* Vet          */
}

/* Besturingselementen (controls) voor formulieren: */

fieldset {
	cursor:  default;
	padding: 10px;
}

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

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

legend {
	color:       #0046D5;
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8pt;
}

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

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:   10pt;
	line-height: 1.1em;
}

label input {
	vertical-align: middle;
}
/* Inline elementen: */

.rbroundbox1    { background-color: #fff; width: 100%; margin: 0;}

.rbtop1         { background:  url(../Adapt/images/Afbeelding1_1x2.gif) repeat-x; }
.rbtop1 div     { background:  url(../Adapt/images/Afbeelding1_1x1.gif) no-repeat top left; }
.rbtop1 div div { background:  url(../Adapt/images/Afbeelding1_1x3.gif) no-repeat top right; }

.rbbot1        { background:  url(../Adapt/images/Afbeelding1_3x2.gif) repeat-x; }
.rbbot1 div     { background:  url(../Adapt/images/Afbeelding1_3x1.gif) no-repeat top left; }
.rbbot1 div div { background:  url(../Adapt/images/Afbeelding1_3x3.gif) no-repeat top right; }

.rbcontentwrap1 { margin: 0;background:  url(../Adapt/images/Afbeelding1_2x1.gif) repeat-y; }
.rbcontent1     { margin: 0;background:  url(../Adapt/images/Afbeelding1_2x3.gif) repeat-y right; }
 
 /* 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: 250px;
  top: 0px;
}
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;
}