@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 { width:244px; height:194px; position:relative; border:3px solid #004489; background:url(../images/logo_back.png) 0 21px repeat-x; float:left; margin:0 6px 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; }
.header .menu { background:#004489 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:#6da1d6; 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 7px; border-left:1px solid #6da1d6; padding-bottom:1px; margin:0 5px 0 -5px; }
#nav li.first { margin-left:-4px; }

/*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 #004489; 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; position:absolute; top:0; left:0; cursor:pointer;}
.content .bbutt span { background:url(../images/b_bestel.png) no-repeat;}
.content .bbutt_mutatie span { background:url(../images/b_mutatie.jpg) no-repeat;}
.content .bbutt2 span { background:url(../images/b_login.png) 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,.content i.c3{ width:24px; height:24px; bottom:-3px; }.content i.c2{ background-image:url(../images/content_blc.png); left:-3px;}.content i.c3{ background-image:url(../images/content_brc.png); right:-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;}
.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:16px; top:-94px; width:71px; height:81px; overflow:hidden; background:url(../images/eureca_logo.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;}


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


div.gesloten {
background:none repeat scroll 0 0 #ECFBFF;
border:1px solid #004489;
font-size:14px;
font-weight:bold;
padding:10px;
margin-top:20px;
}
div.gesloten span {font-size:16px;color:#f00}
div.gesloten p {font-size:11px;color:#000000}