/* *******************************

  CSS - Uitvaartverzekering.nl - Main

*********************************/

/* **** Topelementen en interface **** */

.homepage {
background-color: #FFFFFF;
margin: 0px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #333333;
line-height: 13px;
}

.homepage table {/*/*/
font: normal 11px Arial, Helvetica, sans-serif;
color: #333333;
line-height: 13px;
/* */}

div.centercontainer {
z-index: 1;
width: 742px;
position:relative;
}

div.contentcontainer {
z-index: 1;
width: 742px;
min-height: 100%;
top: 73px;
left: 0px;
position:absolute;
background-color: #0067AF;
text-align:left;
}

a {
color: #E76700;
text-decoration: none;
}

a:hover {
color: #CC3300;
text-decoration: underline;
}

ul {
margin: 5px 0px;
padding: 0;
}

ol {
margin: 5px 0px;
padding: 0;
}

ul.rollbulletlijst {
font: normal 11px Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 13px;
list-style-type: none;
margin: 5px 0px;
padding: 0px;
}

ul.rollbulletlijst li {/*/*/
display: inline;
margin: 0px;
padding: 0px;
/* */}

ul.rollbulletlijst a {/*/*/
background-image: url(../../imagesmain/485/bullet_link.gif);
background-repeat: no-repeat;
background-position: 0 1;
display: block;
color: #E76700;
text-decoration: none;
padding: 1px 0px 0px 15px;
margin: 0px;
/* */}

ul.rollbulletlijst a:hover {/*/*/
background-image: url(../../imagesmain/485/bullet_link_roll.gif);
background-repeat: no-repeat;
background-position: 0 1;
color: #CC3300;
text-decoration: underline;
padding: 1px 0px 0px 15px;
margin: 0px;
/* */}

ul a,ol a {/*/*/
color: #AD5F2F;
text-decoration: none;
font-weight: bold;
/* */}

ul a:hover,ol a:hover {/*/*/
color: #E76700;
text-decoration: underline;
font-weight: bold;
/* */}

ol li {/*/*/
margin: 0px 0px 0px 23px;
padding: 0;
/* */}

ul li {/*/*/
list-style-image:  url(../../imagesmain/485/bullet_lijst.gif);
margin: 5px 0px 0px 17px;
padding: 0;
/* */}

form {
margin: 0;
padding: 0;
}

select, input, textarea {
font: 11px Arial, Helvetica, sans-serif;
color: #333333;
background-color: #F7F3ED;
border-color: #FFB980 #EE7412 #EE7412 #FFB980;
border-width: 1px;
margin: 3;
padding: 1;
}

div.top {
z-index: 2;
height: 73px;
width: 742px;
left: 0px;
top: 0px;
position: absolute;
}

div.balkrechts {
width: 24px;
float: left;
background-color: #0067AF;
}

div.zoeken {
z-index: 3;
height: 28px;
width: 175px;
left: 252px;
top: 21px;
position: absolute;
}

div.zoeken input {/*/*/
font: 11px Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
border-color: #CC9966 #CC9966 #CC9966 #CC9966;
border-width: 1px;
/* */}

div.formblok {
background-color: #F7F3ED;
border: 1px solid #A29584;
padding: 7px;
margin-bottom: 5px;
}

div.formbloktitel {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #A29584;
border: 1px solid #A29584;
padding: 2px 3px 2px 5px;
margin-top: 8px;
}

div.formblok input,div.formblok select,div.formblok textarea{/*/*/
font: 11px Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
border-color: #FFB980 #EE7412 #EE7412 #FFB980;
border-width: 1px;
margin: 0;
padding: 1;
/* */}

div.history {
z-index: 4;
padding: 3px 4px 2px 8px;
width: 552px;
text-align:left;
line-height: 18px;
color: #FFFFFF;
text-decoration: none;
background-image: url(../../imagesmain/485/history_bg.gif);
}

.history a {/*/*/
color: #FFFFFF;
text-decoration: none;
/* */}

.history a:hover {/*/*/
color: #FFFFCC;
text-decoration: underline;
/* */}

div.mainmenu {
width: 167px;
float: left;
background-color: #0067AF;
}

div.tekstbloktitel {
color: #1684CB;
font-weight: bold;
margin: 3px 0px 3px 0px;
}



/* **** Inhoud elementen **** */


div.inhoud {
z-index: 3;
width: 552px;
float: left;
background-color: #FFFFFF;
}

div.eindeinhoud {
height: 50px;
width: 552px;
background-color: #0067AF;
}

div.eindwit {
height: 20px;
width: 552px;
background-color: #FFFFFF;
}

div.imgrechts {
padding: 11px 0px 8px 15px;
float: right;
clear: right;
font-size: 9px;
color: #999999;
}

div.imglinks {
padding: 11px 17px 8px 0px;
float: left;
clear: left;
font-size: 9px;
color: #999999;
}

.titelbalk {
padding: 0px 0px 12px 0px;
}

table.tweekolommen,table.nieuwskolom {
width: 552px;
border: 0px none;
}

table.tweekolommen {
background-image: url(../../imagesmain/485/tweekolom_bg.gif);
}

table.tweekolommen td,table.nieuwskolom td {/*/*/
width: 276px;
vertical-align: top;
/* */}

div.kolomlinks {
padding: 0px 12px 0px 27px;
vertical-align: top;
}

div.kolomrechts {
padding: 0px 24px 0px 15px;
vertical-align: top;
}

div.eenkoloms {
padding: 0px 24px 0px 27px;
vertical-align: top;
text-align: left;
}

div.intbanner1,div.intbanner2 {
margin: 5px 0px;
padding: 10px;
background-color: #ECF7FF;
border: 1px solid #1684CB;
}

div.intbanner2 {
background-color: #ECF7FF;
}

div.intbanner1 img {/*/*/
margin: 0px 0px 5px 10px;
float: right;
/* */}

div.intbanner2 img {/*/*/
margin: 0px 15px 5px 0px;
float: left;
/* */}

.intbannertitel {
font-weight: bold;
color: #1684CB;
padding: 2px 0px 2px 0px;
}

.intbannerdatum {
font-size: 10px;
color: #1684CB;
}

div.clearer1 {
clear: right;
line-height: 0;
height: 0;
}

div.clearer2 {
clear: left;
line-height: 0;
height: 0;
}

div.dividerhor {
height: 17px;
font-size: 1px;
background-image: url(../../imagesmain/485/divider_hor.gif);
}

div.rechterkolombanner {
padding: 0px 16px 5px 16px;
}

div.linkerkolombanner {
padding: 0px 9px 5px 28px;
}

.titel {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #1684CB;
line-height: 14px;
margin: 3px 0px 5px 0px;
}

.subtitel {
font-size: 11px;
font-weight: bold;
color: #1684CB;
line-height: 13px;
margin: 8px 0px 2px 0px;
}

.artikelsubtitel {
font-size: 11px;
font-weight: bold;
color: #4387B3;
line-height: 13px;
margin: 8px 0px 2px 0px;
}

strong {
font-weight: bold;
color: #333333;
}

em {
color: #333333;
font-size: 12px;
}

.commentaar {
font-size: 9px;
font-style: normal;
color: #B0AAA0;
}

div.onderschrift {
max-width: 100%;
font-size: 9px;
color: #999999;
}

.nieuwsdatum {
font-size: 11px;
color: #999999;
}

.alfbutton {
font-weight: bold;
line-height: 20px;
border: #E76700;
border-style: solid;
border-width: 1px;
padding: 3px;
margin: 1px;
}

.formtekst {
color: #E76700;
}

/* **** Topelementen **** */

div.blokonderwerpen {
background-color: #FFFFFF;
border: 1px solid #1684CB;
padding: 7px;
margin-bottom: 5px;
}

div.blokonderwerpentitel {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #1684CB;
border: 1px solid #1684CB;
padding: 2px 3px 2px 5px;
margin-top: 5px;
}

div.introplaatje {
margin-bottom: 15px;
}


/* **** Artikel-elementen **** */

.artikeltitel {
font-size: 16px;
font-weight: bold;
color: #1684CB;
line-height: 18px;
margin: 8px 0px 10px 0px;
}

.artikelintro {
font-weight: bold;
color: #005693;
line-height: 13px;
margin: 5px 0px 10px 0px;
}

.artikelintro a {/*/*/
font-weight: bold;
/* */}

div.artikelimgrechts {
font-size: 9px;
color: #999999;
padding: 10px 0px 10px 25px;
float: right;
}

div.blokrelatie {
background-color: #ECF7FF;
border: 1px solid #1684CB;
padding: 7px;
margin-bottom: 5px;
}

div.blokrelatietitel {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #1684CB;
border: 1px solid #1684CB;
padding: 2px 3px 2px 5px;
margin-top: 5px;
}

.vacaturetopic {
font-size: 11px;
font-weight: bold;
color: #D7460D;
}

/* **** Nieuws-elementen **** */

ul.nieuwsmenulijst {
font: normal 11px Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 13px;
list-style-type: none;
margin: 0px;
padding: 0px;
}

ul.nieuwsmenulijst li {/*/*/
display: inline;
margin: 0px;
padding: 0px;
/* */}

ul.nieuwsmenulijst a {/*/*/
border-width: 1px 1px 1px 0px;
border-color: #B1BDC5;
border-top-color: #FFFFFF;
border-style: solid;
background-image: url(../../imagesmain/485/bullet_nieuws1.gif);
background-repeat: no-repeat;
background-position: 8 6;
background-color: #EFF3F6;
display: block;
color: #1684CB;
text-decoration: none;
padding: 4px 0px 4px 25px;
margin: 0px 0px 0px 10px;
/* */}

ul.nieuwsmenulijst a:hover {/*/*/
background-image: url(../../imagesmain/485/bullet_nieuws2.gif);
background-repeat: no-repeat;
background-position: 0 6;
background-color: #FFFFFF;
color: #73A5D3;
text-decoration: none;
padding: 4px 0px 4px 35px;
margin: 0px;
/* */}


div.nieuwsitem {
z-index: 4;
background-color: #FFFFFF;
left: 0px;
top: 0px;
visibility: visible;
padding: 0px 12px 0px 20px;
}

div.nieuwstitel {
font: normal bold 11px Arial, Helvetica, sans-serif;
color: #1684CB;
border-bottom: dotted #B1BDC5 1px;
padding: 0px 0px 2px 0px;
margin: 10px 0px 7px 0px;
}



/* **** Kostenplaatje **** */

div.kosten_vink_uit {
background-color: #EFF0F1;
border: 1px solid #1684CB;
margin: 1px;
padding: 3px;
}

div.kosten_vink_aan {
background-image: url(../../imagesmain/485/vink_bg.gif);
background-repeat: no-repeat;
background-position: 1 1;
background-color: #DCDEE1;
border: 1px solid #1684CB;
margin: 1px;
padding: 3px;
}

div.kosten_vink_dim {
background-color: #EFF0F1;
border: 1px solid #AFBCC4;
margin: 1px;
padding: 3px;
}

div.kosten_item_uit {
color: #1684CB;
background-color: #EFF0F1;
border: 1px solid #1684CB;
margin: 1px;
padding: 3px;
}

div.kosten_item_aan {
background-color: #DCDEE1;
border: 1px solid #1684CB;
margin: 1px;
padding: 3px;
}

div.kosten_item_dim {
color: #AFBCC4;
background-color: #EFF0F1;
border: 1px solid #AFBCC4;
margin: 1px;
padding: 3px;
}

div.kosten_prijs_uit {
color: #1684CB;
font-weight: bold;
background-color: #EFF0F1;
border: 1px solid #1684CB;
margin: 1px;
padding: 3px;
}

div.kosten_prijs_aan {
font-weight: bold;
background-color: #DCDEE1;
border: 1px solid #1684CB;
margin: 1px;
padding: 3px;
}

div.kosten_prijs_dim {
color: #AFBCC4;
font-weight: bold;
background-color: #EFF0F1;
border: 1px solid #AFBCC4;
margin: 1px;
padding: 3px;
}


#verzekering form
{
    height:400px;
    position:relative;
    margin-left:18px;
    margin-right:22px;;
    background-color:#EFF3F6;
    border-right:1px solid #B1BDC5;
    border-bottom:1px solid #B1BDC5
}

#vzleft
{
    background-color:green;
    width:240px;
    position:absolute;
    top:75px;
    left:5px;
    background-color:#FFFFFF;
    border-right:1px solid #B1BDC5;
    border-bottom:1px solid #B1BDC5;
     padding:5px 0px 0px 5px; 
     height:265px; 
    
}
#vzright
{
    background-color:#F28E00;
    width:250px;
    position:absolute;
    top:75px;
    left:255px;
    border-right:1px solid #B1BDC5;
    border-bottom:1px solid #B1BDC5;
    padding:5px 0px 0px 5px;  
    height:265px;
}

#verzekering label
{
    width:60px;
    display:block;
    float:left;
    padding-right:2px;
    text-align:right;
    padding-top:5px;
}

#verzekering input
{
    border:1px solid  #EFF3F6;
    background-color:#FFFFFF;
}

#verzekering h3
{
    margin:0px 0px 3px 0px;
    color:white;
}

#vzleft h3
{
    color:#F28E00;
}

#verzekering #vzleft #submit
{
    border:0;
    background-image:URL('/imagesmain/485/submit.gif');
    width:105px;
    height:36px;
    border:0px solid transparent;
    cursor:pointer;
    background-color:#FFF;
}

#verzekering #vzleft #submit:hover
{
    background-image:URL('/imagesmain/485/submit_a.gif');
}

#verzekering div.slider 
{ 
	width:240px; 
	height:28px;
	margin:0px 0px 0px 0px; 
	background-image:URL('/imagesmain/485/meter.gif');
    background-repeat:no-repeat;
    background-position:left bottom; 
	position: relative;
    
}

#verzekering div.slider div.handle 
{
	width:11px;
	height:21px;
	background-image:URL('/imagesmain/485/slider.gif'); 
	cursor:move;
	cursor:e-resize;
	position: absolute; 
}

#vzman, #vzvrouw
{
    cursor:pointer;
    margin-bottom:-2px;
}

#vzplus, #vzmin
{
    cursor:pointer;
}

#vzresult 
{
    font-size:10pt;
    line-height:18px;
    padding-right:10px;
    margin-top:10px;
}

#vzcontent
{
    padding:5px; 5px 5px 10px;
}

#vzpijl
{
    position:absolute;
    top:237px;
    left:185px;
} 

#vzfooter
{
    position:absolute;
    bottom:2px;
    left:5px;
    color:#BBBBBB;
    text-align:center;
}

#vzfooter a
{
    color:#BBBBBB;
}