@import url(../css/reset.css);
html { font-size:.68em; }
body { font:100% Tahoma, Arial, Helvetica, sans-serif; background:url(../images/background.png) repeat-x top center; color:#656565; }
a { color:#004489; text-decoration:none;}a:hover { text-decoration:underline; }

#page { width:952px; position:relative; margin:0 auto; margin-top:40px; }
.container { overflow:hidden; padding-bottom:6px; }

/*logo*/
.logo { text-align:center; width:250px; height:200px;  position:relative; background:url(../images/logo_header.png) no-repeat left top; float:left; margin:0 0 0 0; } 
.topc,.bottc { position:absolute; left:-3px; width:250px; height:24px; background-repeat:no-repeat; }
.topc { background:url(../images/logo_topc.png); top:-3px; } .bottc { background:url(../images/logo_bottomc.png); bottom:-3px; }
.logo h1 { overflow:hidden; width:218px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; height:110px; margin:0 auto 0; top:40px; text-align:center; line-height:90px; font-size:350%; position:relative; }
.logo h1 a { color:#000; }
.logo h1 dfn { font-style:italic; font-size:200%; color:#e31c22; font-weight:normal; }
.logo h1 span { display:block; position:absolute; width:218px; height:110px; top:0; left:0; background:url(../images/logo_back-05.png) no-repeat; cursor:pointer; }

/*header*/
.header { height:194px; width:696px; float:right; }
.header .flash { height:178px; overflow:hidden; background:url(../images/header_back.png) no-repeat left top; }
.header .menu { background:#dc002e url(../images/header_bc.png) no-repeat right top;height:22px;}
#nav { position:relative; left:38px; top:5px; overflow:hidden; line-height:1;  }
#nav a { color:#f77e97; text-decoration:none; }
#nav a:hover,#nav .active a { color:#fff; text-decoration:none;}#nav .active a { font-weight:bold; text-decoration:none;}
#nav li { float:left; padding:0 1em; border-left:1px solid #f77e97; padding-bottom:1px; margin:0 1em 0 -1em; }

/*side*/
.side { background:#fff; float:left; margin-right:6px; width:250px; }
.side dt { font-size:160%; font-weight:bold; text-align:center; line-height:64px; height:64px; position:relative; width:100%; overflow:hidden; color:#fff; margin-bottom:.3em; }
.side dt span { position:absolute; display:block; width:250px; height:64px; top:0; left:0; background-repeat:no-repeat; }
.side dt.automotive { background:#ee7f01; } .side dt.automotive span { background:url(../images/h_automot.png);}
.side dt.maritiem { background:#3777b7; } .side dt.maritiem span { background:url(../images/h_maritiem.png);}
.side dt.equipment { background:#ffdc00; } .side dt.equipment span { background:url(../images/h_equipment.png);}

/*content*/
.content { margin-left:256px; border:3px solid #ffffff; color:#555555; background:#fff; padding-bottom:120px; position:relative; min-height:240px; height:auto !important; height:240px; }
.content .bbutt, .content .bbutt2, .content .bbutt_mutatie { width:198px; height:77px; color:#fff; text-align:center; font-weight:bold; font-size:180%; line-height:1.5; background-color:#e31c22; display:block; float:right; margin:0 0 12px 12px; position:relative;}
.content .bbutt span, .content .bbutt2 span, .content .bbutt_mutatie span { display:block;width:198px; height:77px; background:url(../images/b_bestel.png) no-repeat; position:absolute; top:0; left:0; cursor:pointer;}
/*.content .bbutt span.object {background:url(../images/aanmelden_nieuw_object.jpg) no-repeat; }*/
.content .bbutt2 span.object {background:url(../images/wijzigen_wachtwoord.jpg) no-repeat; }
.content .bbutt_mutatie span.object {background:url(../images/mutatie_nieuw_voertuig.jpg) no-repeat; }
.content .container { position:relative; z-index:2; padding:12px 12px 0 36px;}
.content i.c1,.content i.c2,.content i.c3{ position:absolute; display:block; background-repeat:no-repeat; z-index:2; }
.content i.c1{ width:23px; height:25px; background-image:url(../images/content_trc.png); top:-3px; right:-3px;}
.content i.c2{  width:696px; height:34px; bottom:-3px; }.content i.c2{ background-image:url(../images/bottom_footer.png); left:-3px;}
.cont-back { width:205px; height:200px; right:0; bottom:0; position:absolute; display:block; background:url(../images/content_back.png) no-repeat; z-index:1;}
.content h2 { background:#004489; color:#fff; padding:2px 35px; width:auto; font-weight:bold; float:left; margin-top:28px;}
.content h2.retrosat { width:67px; position:relative;}
.content h2.retrosat span{ width:67px; height:13px; left:35px; top:2px; background:url(../images/h_retrosat.png) no-repeat; position:absolute;}
.content h3,.content p { clear:left;}
.content h3 { font-weight:bold; padding-top:1em; color:#dc002e; font-size:13px;}
.content p { padding:1em 0 0;}
.text { padding-right:12em;}
.text h2 { margin-left:-36px; }


/*footer*/
.footer { position:absolute; width:100%; height:78px; left:0; bottom:0; z-index:3; font-size:.9em; color:#d3d3d3;}
.footer a { color:#d3d3d3;}
.footer a:hover{ color:#004489; text-decoration:none; } 
.footer .eureca { position:absolute; right:10px; top:-80px; width:71px; height:81px; overflow:hidden; background:url(../images/logo_securitas.png) no-repeat; text-indent:99999999px; }
.footer .keurmerk { position:absolute; right:16px; top:-194px; width:71px; height:81px; overflow:hidden;}
.footer .copyright { float:left; padding:1em 0 0 35px;} .footer .connexx { float:right; text-align:right; padding:1em 38px 0 0;}
.flash-f { position:relative; height:45px; background:url(../images/flashf.png) no-repeat; }
.flash-f b,.flash-f i { display:block; width:690px; position:absolute; right:0; background-repeat:no-repeat;}
.flash-f b { background-image:url(../images/flashf_shadt.png); height:8px; top:-8px; }
.flash-f i { background-image:url(../images/flashf_shadb.png); height:7px; bottom:-7px;}

.error {padding:10px;color:red;}

.side dd.name { font-weight:bold; }
.side dd { margin:0 12px 0 20px;}
.side dd.more { margin-bottom:.8em; }

#automotive_left { width:250px; height:99px; display:block; background:url(../images/h_automot.png) no-repeat left top; padding:33px 0px 0px 90px;}
#automotive_left .txt { width:150px; height:90px;  }
#automotive_left .txt strong { font-weight:bold; }
#automotive_left .txt a { color:#dc002e; }
#maritiem_left { width:250px; height:99px; display:block; background:url(../images/h_maritiem.png) no-repeat left top; padding:33px 0px 0px 90px; }
#maritiem_left .txt { width:150px; height:90px;}
#maritiem_left .txt strong { font-weight:bold; }
#maritiem_left .txt a { color:#dc002e; }
#equipment_left { width:250px; height:99px; display:block; background:url(../images/h_equipment.png) no-repeat left top; padding:33px 0px 0px 90px; }
#equipment_left .txt { width:150px; height:90px;  }
#equipment_left .txt strong { font-weight:bold; }
#equipment_left .txt a { color:#dc002e; }

.inloggen {width:100%;}
.inloggen td.column1 {padding-right:20px;}
.inloggen ul li {list-style-type:circle; list-style-position:inside}
.inloggen .submitbutton {text-align:right;}
.inloggen h2 {margin:0px;padding:0px;background:none;font-size:16px;color:#000066}
.inloggen p {padding:5px 0px;}
.inloggen .loginform {padding-top:20px;}
.inloggen .loginform th {padding-right:10px;}
.inloggen .loginform td {padding-bottom:10px;}

div.gesloten {border:1px solid #f00;padding:10px;font-size:14px;background:#ECFBFF;font-weight:bold}
div.gesloten span {font-size:16px;color:#f00}
div.gesloten p {font-size:11px;color:#000000}