/* - - - - - - - - - - - - - - - - - - - - -
Created: Sep 13, 2008
Modified: Sep 13, 2008
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {margin:0; padding:0; }
body {margin:0; padding:0; font-family:Verdana, Tahoma,Arial, Helvetica, sans-serif; font-size:11px; color:#4A4A4A;  background:url('/data/img/bg.gif') center repeat-y #f6f6f6;}
a {color:#ffffff; text-decoration:none;}
a:hover {color:#ffffff; text-decoration:underline;}
img {border:none;}
.clear {clear:both;}
div#content h1 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#01357e; font-size: 18px; font-weight: bold; background:url(/data/img/h1_bg.gif) no-repeat bottom left; margin: 0px 0px 15px 0px; padding: 0px 0px 3px 0px;}
div#content h2{font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color:#01357e; font-size: 14px; font-weight: normal; padding: 10px 0px 5px 0px;}
div#sidebar h1 {font-family: Arial, Helvetica, sans-serif; color:#c50c15; font-size: 18px; font-weight: normal; margin: 0px 0px 5px 0px;}

/* ******************  navigation  *************** */
ul#nav {width:500px; margin:0px 0px 20px 45px; height:26px; float: left;}
ul#nav li {list-style-type: none; margin:0;}
#nav li, #nav a {padding:0px;  float:left;}
#nav li a {outline: 0; text-indent: -4000px; background: transparent url(/data/img/navigation.gif) no-repeat; margin-right:3px; height: 23px; line-height: 23px; _height:20px;}

/* BUTTONS */
#nav #home a {width:51px; background-position:0 0;}
#nav #nieuws a {width:58px; background-position:-51px 0;}
#nav #autoverzekering a {width:114px; background-position:-109px 0;}
#nav #wiezijnwij a {width:83px; background-position:-223px 0;}
#nav #klantenservice a {width:104px; background-position:-306px 0;}
#nav #sitemap a {width:63px; background-position:-410px 0;}


/* BUTTONS HOVER/ACTIVE */
#nav #home a:hover, #nav #home .active {background-position:0 -23px;}
#nav #nieuws a:hover, #nav #nieuws .active {background-position:-51px -23px;}
#nav #autoverzekering a:hover, #nav #autoverzekering .active {background-position:-109px -23px;}
#nav #wiezijnwij a:hover, #nav #wiezijnwij .active {background-position:-223px -23px;}
#nav #klantenservice a:hover, #nav #klantenservice .active {background-position:-306px -23px;}
#nav #sitemap a:hover, #nav #sitemap .active {background-position:-410px -23px;}

/* ******************  containers  *************** */
div#headcontainer {width:932px; margin:0 auto; padding: 0px 0px 0px 0px;}
div#headcontainer div#logo {width:185px; float:left; margin: 0px 0px 0px 30px;}
div#headcontainer div#content {width:604px; padding: 0px 0px 20px 0px; margin: 0px 0px 5px 30px; float:left; _margin-left:14px;}
div#headcontainer div#content p.sub {font-weight: bold; color: #595959; text-align: justify; line-height: 16px; margin: 0px 0px 20px 0px;}
div#headcontainer div#content .item {background-color:#f0f0f2; height:100px; line-height: 18px; padding: 0px 20px 0px 0px; margin: 0px 0px 20px 0px;}
div#headcontainer div#content .item img {padding: 0px 10px 0px 0px;}

div#sidebar {width:213px; float: left; color:#01357e; margin: 0px 0px 5px 40px; padding: 14px 16px 10px 16px; background:url('/data/img/sidebar_bg.gif') top left no-repeat #e8eef5;}
div#sidebar p {margin: 0px 0px 10px 0px;}
div#sidebar ul {border-bottom: 1px solid #fff; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px;}
div#sidebar ul li {list-style-position: inside; color: #5d7daa; line-height: 16px;}
div#sidebar ul li a {color: #01357e; text-decoration: none;}
div#sidebar ul li a:hover {color: #01357e; text-decoration: underline;}

div#sidebar .divider {height: 1px; background-color: #fff; border:1px solid #fff; margin: 10px 0px 10px 0px;}
div#sidebar a {text-decoration: none; color: #01357e;}
div#sidebar a:hover {text-decoration: none; color:#001b41; text-decoration: underline;}
div#sidebar div#tags {border-bottom: 1px solid #fff; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px;}
div#sidebar div#tags .tag1 {font-size: 16px; color: #01357e;}
div#sidebar div#tags .tag2 {font-size: 11px; color: #01357e;}
div#sidebar div#tags .tag3 {font-size: 12px; color: #01357e;}
div#sidebar div#tags .tag4 {font-size: 14px; color: #01357e; font-weight: bold;}
div#sidebar div#tags .tag6 {font-size: 16px; color: #01357e;}
div#sidebar div#tags .tag5 {font-size: 11px; color: #01357e;}
div#sidebar div#tags .tag8 {font-size: 12px; color: #01357e;}
div#sidebar div#tags .tag9 {font-size: 14px; color: #01357e; font-weight: bold;}

.premieberekenen {font-size: 16px; color: #01357e;}
a:hover.premieberekenen {color:#01357e; text-decoration:underline;}

.mail {color: #01357e;}
a:hover.mail {color:#01357e; text-decoration:underline;}

div#footer {color:#9c9c9c; font-size: 10px; clear: both; width:906px; padding: 5px 0px 0px 0px; margin: 0 auto; border-top: 1px solid #cbcbcb;}