/* Default system wide settings */
p, ul, ol, blockquote { margin-top: 0px; margin-bottom: 0px; }
form      { margin: 0; padding: 0; }
img { border: none; }

/* General */
html      { height: 100%;  }
body      { margin: 0; padding: 0; height: 100%; font-family: Arial; font-size: 12px; }
table     { border-collapse: collapse; }
th, td    { vertical-align: top; text-align: left; }
h1 { margin: 0 0 4px 0; font-size: 140%; font-weight: 500;  }
h2 { margin: 0 0 4px 0; font-size: 110%; }
hr { border-top: 1px solid black; }
textarea,
input     { font-family: Arial; }
a         { color: #D31E47; text-decoration: none; }
a:visited { }
a:hover   { text-decoration: underline; }
a:focus   { -moz-outline-style: none; }

div.container { width: 900px; margin: 0px auto;}
div.topbar { position: relative; height: 169px; background: url( ../_images/topbar-background.jpg ) right 0 no-repeat; }
div.logo { position: absolute; top: 0px; left:0px; height: 166px; width: 221px; background: url( ../_images/logo.png ) no-repeat; }
div.topmenu { position: absolute; margin: 8px 0 0 228px; font-size: 11px; color: #866D66;}
div.topmenu a { margin: 0 10px; color: #866D66; }

div.mainmenu { position: absolute; top: 149px; left: 222px; padding: 0; font-size: 13px; font-weight: bold; }
div.mainmenu a { margin: 0 15px; color: Black;}
div.mainmenu a:hover,
div.mainmenu a.current { color: #D31E47; text-decoration: none;}

div.leftbar { float: left; width: 221px; height: 100%; margin-top: -3px; z-index: 2; }
div.leftblock { min-height: 165px; background: #E3E3E3; }
div.leftblock img.icon { float: right; margin: 0; padding: 0; }
div.leftblock div.title { height: 20px; padding: 3px 0 0 10px; background: #000; font-size: 13px; color: #fff; font-weight:bold ;}
div.leftblock div.blockcontent { text-align: right; padding: 20px 38px 15px 24px; }
div.leftblock div.blockcontent input.text { width: 152px; clear: both; margin-bottom: 5px; }
div.leftblock div.blockcontent select { width: 150px; clear: both; margin-bottom: 5px; }
div.leftblock div.blockcontent div.label { text-align: left; }
div.leftblock div.blockcontent div.begrippen { padding-top: 30px; }

div.page { margin-left: 221px; }
div.submenu { height: 16px; padding-top: 2px; border-bottom: 2px solid #D31E47; font-size: 12px; color: #D31E47; }
div.submenu a { margin: 0 15px; color: #D31E47; }
div.submenu a:hover,
div.submenu a.current { font-weight: bold; }

div.rightbar { float: right; width: 200px; }
div.rightblock { margin: 18px 0 0 0; height: 301px; background: #E3E3E3; }
div.rightblock.xl { height: 629px; }
div.rightblock img.icon { float: right; margin: 0; padding: 0; }
div.rightblock div.title { height: 20px; padding: 3px 0 0 10px; background: #000; font-size: 13px; color: #fff; font-weight:bold ; }
div.rightblock div.blockcontent {padding: 5px 5px 5px 10px; }
div.rightblock .article .title { padding-left: 0px; }

div.article { padding-bottom: 8px; }
div.article div.title { font-size: 11px; color: #D31E47; background: none; }
div.article div.date {color: Gray; }


div.content { margin-right: 210px; padding: 15px 15px; }
div.content.wijzigklantgegevens { margin-right: 0px; padding-left: 15px; }
div.content.flash { margin-right: 0px; padding-left: 30px; }
div.content div.flashfootnote { padding: 10px 40px 0 30px; }
div.content.home { min-height: 605px; background-old: url( ../_images/home-background.jpg) bottom no-repeat; }

div.footer { padding-top: 2px; clear: both; font-size: 10px; color: #000; }

/* KlantPortal */
h1.ContentTitle { margin-top: 10px; font-size: 20px; font-weight: normal; }
h2.leftmenutitle { margin-bottom: 5px; font-size: 16px; font-weight: normal;}
td, th { vertical-align: top; }
th { border: 1px solid white; background: #F2F2F2; padding: 2px; text-align: left; }
.underline { border-bottom: 1px solid #df5357; }
.date { color: #C3CFDC; font-size: 9px; margin-top: 5px; }
th.header { text-align: center; }
.footer { background: url( ../_images/foot_bg.gif) repeat-x 0px 100%; }
img.footerline {width: 4px; height: 62px; border: none; background-color: #9c534c; }
.h { color: #203C54; font-weight: bold; }
div.login { margin: 102px 0 10px 0; height: 122px; padding: 5px 0 0 10px; border-top: 1px solid #6e2600; border-bottom: 1px solid #6e2600; }

div.polisvoorwaarden { margin: 50px 0 0 30px; background: url( ../_images/ban.jpg ) no-repeat; }
div.polisvoorwaarden div.textimage { padding: 30px 0 60px 12px; }

table.ProductForms { width: 100% }
.ProductForms th.header { text-align: left; background: yellow;}
img.topIcon { margin-top: 20px; margin-right: 5px; margin-bottom: 5px; }
.topline { border-top: 4px solid #df5357; }
a.topmenuitem { font-weight: bold }
.submenuitem { padding-top: 10px; }
.vMiddle { vertical-align: middle; }

div.logged-in { text-align: left; }
div.logged-in .welkom { }
div.logged-in ul { margin-left: 10px; }

/* Zoeken */
div.zoekitem { margin-bottom: 10px; }

/* PAGING  */
.pages { clear: both; width: 95%; margin: 1em 0; padding: 1em; text-align: center; font-size: 85%; }
.pages a,
.pages span { margin-right: 0px; padding: 0.2em 0.5em; border: 1px solid #fff; background: #fff; }
.pages span.current { border: 1px solid black; font-weight: bold; background: #D31E47; color: #fff; }
.pages a { border: 1px solid black; text-decoration: none; }
.pages a.nextprev { font-weight: bold; }
.pages span.nextprev { border: 1px solid #ddd; color: #999; }