/* MAIN */
body,
td,
select,
input,
textarea { font-family:Verdana, Arial, Helvetica, sans-serif; color:#002D4A; font-size:11px; }
body{ padding:0px; margin:0px; }
td{ vertical-align:top;}
p{ margin:0px; padding:0px; }
table.frames { width:100%;}
a img { border:none;}
a:link{color:#2465b0; text-decoration:underline;}
a:active{color:#2465b0; text-decoration:underline;}
a:visited{color:#2465b0; text-decoration:underline;}
a:hover{color:#2465b0;text-decoration:none;}
ul,
ul li { margin:0px; padding:0px;}
ul li { margin:0px 0px 3px 25px; }
ul li { list-style-image:url(../images/ul_li_bg.gif);}
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px;}
h1 { color:#104a80; font-size:16px; padding-bottom:10px; }
h2 { color:#104a80; font-size:14px; padding-bottom:5px; }
h3 { color:#000000; font-size:12px; padding-bottom:3px; }
input { background-color: #ffffff; border: 1px solid #7E8F96; width: 150px;}
select {background-color: #ffffff; width: 150px; }
textarea  { background-color: #ffffff; border: 1px solid #7E8F96; width: 350px; height:150px; }
form { padding: 0px; margin:0px; }
.formSubmit { background-color:#0071B8; color:#FFFFFF; font-weight:bold; border:1px solid #0071B8; cursor:pointer;}
.formRadio { width:12px; border:none; }
.formCheckbox { width:15px; border:none; }

/* PARTS */
div.wrapper { width:1024px; margin-left: auto; margin-right: auto; padding:10px; }
div.header {}
div.header table.frames {}
div.header table.frames td {}
div.header table.frames td div.content { min-height:80px;}
div.header table.frames td.leftFrame { width:200px; }
div.header table.frames td.leftFrame div.content img { margin-top:5px; }
div.header table.frames td.centerFrame { width:auto; text-align:center;}
div.header table.frames td.centerFrame div.content img { margin-top:5px; }
div.header table.frames td.rightFrame { width:225px;}
div.header table.frames td.rightFrame,
div.header table.frames td.rightFrame div.content { text-align:right; }

div.metaNavigation { padding-right:5px;}
div.metaNavigation,
div.metaNavigation a { font-size:9px; color:#003ABF; }
div.metaNavigation table.metaNavigation {margin-left:auto;}
div.metaNavigation table.metaNavigation td.element { font-size:1px; background-repeat:no-repeat; width:4px;} 
div.metaNavigation table.metaNavigation td.leftBottom { background-image:url(../images/metanav/left.bottom.gif); background-position:bottom right;}
div.metaNavigation table.metaNavigation td.leftTop { background-image:url(../images/metanav/left.top.gif); background-position:top left;}
div.metaNavigation table.metaNavigation td.green { background-color:#78a03f;}
div.metaNavigation table.metaNavigation td.content {  padding:3px 10px 3px 10px;}
div.metaNavigation table.metaNavigation td.content,
div.metaNavigation table.metaNavigation td.content a { color:#ffffff; text-decoration:none; }
div.metaNavigation table.metaNavigation td.content a:hover { text-decoration:underline; }
div.metaNavigation table.metaNavigation td.rightTop { background-image:url(../images/metanav/right.top.gif); background-position:top right;}
div.metaNavigation table.metaNavigation td.rightBottom { background-image:url(../images/metanav/right.bottom.gif); background-position:bottom left;}

div.header table.frames td.rightFrame div.content div.touring { padding-top:20px;}

div.navigation { background-color:#104a80; }
div.navigation table.navigationContainer {}
div.navigation table.navigationContainer td.link {}
div.navigation table.navigationContainer td.link a,
div.navigation table.navigationContainer td.link a:link,
div.navigation table.navigationContainer td.link a:active,
div.navigation table.navigationContainer td.link a:visited,
div.navigation table.navigationContainer td.link a:hover { display:block; padding:8px 20px; color:#ffffff; font-weight:bold; border-right:1px solid #ffffff; text-decoration:none;}
div.navigation table.navigationContainer td.link a:hover { background-color:#58b0eb; color:#104a80;}
div.navigation table.navigationContainer td.last a,
div.navigation table.navigationContainer td.last a:link,
div.navigation table.navigationContainer td.last a:active,
div.navigation table.navigationContainer td.last a:visited,
div.navigation table.navigationContainer td.last a:hover { border-right:none !important;}
div.navigation table.navigationContainer td.link a:hover {}

div.center { margin:30px 0px; }
div.center table.frames {}
div.center table.frames div.content {}
div.center table.frames td.centerFrame { width:auto;}
div.center table.frames td.centerFrame div.content {}
div.center table.frames td.rightFrame { width:170px; padding-left:30px; }
div.center table.frames td.rightFrame div.content { }

div.footer { margin:30px 0px; border-top:1px solid #82ab47; padding-top:10px; }
div.footer table.frames { }
div.footer table.frames div.content,
div.footer table.frames div.content a,
div.footer table.frames div.content a:link,
div.footer table.frames div.content a:active,
div.footer table.frames div.content a:visited,
div.footer table.frames div.content a:hover { color:#b5b5b6;}
div.footer table.frames td.centerFrame { width:auto; }
div.footer table.frames td.centerFrame div.content { }
div.footer table.frames td.rightFrame { width:200px; }
div.footer table.frames td.rightFrame div.content { text-align:right; }

/* TEASERBOX */
div.teaserBox { width:auto; border:1px solid #78a03f; margin-bottom:10px; }
div.teaserBox div.teaserBoxContent { padding:35px 10px 10px 10px; background-repeat:no-repeat; background-position:left top; min-height:50px; }
div.teaserBox div.subscribe { background-image:url(../images/teaserBox/subscribe/header.jpg);}
div.teaserBox div.practice { background-image:url(../images/teaserBox/practice/header.jpg);}
div.teaserBox div.driveNology { background-image:url(../images/teaserBox/driveNology/banner_bg_c0d89b.jpg); background-color:#c0d89b; height:120px; padding:0px !important;}
div.teaserBox div.driveNology a, 
div.teaserBox div.driveNology a:link,
div.teaserBox div.driveNology a:active,
div.teaserBox div.driveNology a:visited,
div.teaserBox div.driveNology a:hover { display:block; text-decoration:none; height:120px;}

/* SUBSCRIBE */
.thCalender{background-color:#0584D3; color:#FFFFFF; font-weight:bold; text-align:center; width:60px; border-right:1px solid #FFFFFF; padding:3px;}
.thCalenderWeekend{background-color:#0168A9; color:#FFFFFF; font-weight:bold; text-align:center; width:60px; border-right:1px solid #FFFFFF; padding:3px;}
.calenderDaysBasics{height:25px; text-align:right; vertical-align:middle; padding-top:4px; padding-right:4px; border-right: 1px solid #969696; border-bottom: 1px solid #969696;}

.inschrijvenNormal{ background-color:#F4F4F4; height:25px; text-align:center; vertical-align: middle; padding-top:4px; padding-right:4px; border-right: 1px solid #969696;  border-bottom: 1px solid #969696; text-align:center; color:#919090; cursor:pointer;}
.inschrijvenNormalWeekEnd{background-color:#E7E4E4;height:25px; text-align:center; vertical-align: middle; padding-top:4px; padding-right:4px; border-right: 1px solid #969696; border-bottom: 1px solid #969696; text-align:center; color:#919090;  cursor:pointer; }
.inschrijvenSelected { background-color:#F4F4F4; height:25px; text-align:center; vertical-align: middle; padding-top:4px; padding-right:4px; border-right: 1px solid #969696;  border-bottom: 1px solid #969696; text-align:center; color:#008000; cursor:pointer; font-weight: bold; }
.inschrijvenSelectedWeekEnd { background-color:#E7E4E4; height:25px; text-align:center; vertical-align: middle; padding-top:4px; padding-right:4px; border-right: 1px solid #969696; border-bottom: 1px solid #969696; text-align:center; color:#008000; cursor:pointer; font-weight: bold; }

/* PAGES: HOME */
div.home {}
div.home table.frames {}
div.home table.frames td.leftFrame { width:50%; padding-right:5px;}
div.home table.frames td.rightFrame { width:50%; padding-left:5px;}
div.home table.frames tr.top td { padding-bottom:10px;}
div.home div.maxHeight {  width:400px;}

div.rotationBanner {}
div.rotationBanner div.image { width:400px; height:220px; background-repeat:no-repeat; background-position:left top;}
div.rotationBanner div.image div.padding { padding-top:150px;}
div.rotationBanner div.image div.padding div.text { height:70px; background-image:url(../images/home/rotationBanner/bg.gif); background-repeat:no-repeat; background-position:left top; }
div.rotationBanner div.image div.padding div.text div.contentText { padding:40px 5px 5px 10px; }
div.rotationBanner div.image div.padding div.text div.contentText a,
div.rotationBanner div.image div.padding div.text div.contentText a:link,
div.rotationBanner div.image div.padding div.text div.contentText a:visted,
div.rotationBanner div.image div.padding div.text div.contentText a:active,
div.rotationBanner div.image div.padding div.text div.contentText a:hover { color:#ffffff !important;}
div.rotationBanner div.auto { background-image:url(../images/home/rotationBanner/auto.jpg); }
div.rotationBanner div.vrachtwagen { background-image:url(../images/home/rotationBanner/vrachtwagen.gif); }
div.rotationBanner div.moto { background-image:url(../images/home/rotationBanner/moto.jpg); }
div.rotationBanner div.bus { background-image:url(../images/home/rotationBanner/bus.jpg); }

div.bannerOffer { width:400px; min-height:220px; background-image:url(../images/home/bannerStart_bg104a80.jpg); background-repeat:no-repeat; background-position:left top; background-color:#104a80;}
div.bannerOffer div.padding { padding:125px 20px 10px 20px; }
div.bannerOffer div.text { }
div.bannerOffer div.text li { list-style-image:url(../images/home/bannerStart_liIcon.gif);}
div.bannerOffer div.text,
div.bannerOffer div.text td,
div.bannerOffer div.text a,
div.bannerOffer div.text a:link,
div.bannerOffer div.text a:active,
div.bannerOffer div.text a:visited,
div.bannerOffer div.text a:hover { color:#ffffff;}
div.bannerOffer div.text table.frames {}
div.bannerOffer div.text table.frames tr.top td { padding-bottom:5px;}
div.bannerOffer div.text table.frames td.leftFrame { padding-right:3px; width:50%}
div.bannerOffer div.text table.frames td.rightFrame { padding-left:3px; width:50%}

/*PAGES: DRIVINGSCHOOL*/
div.drivingSchool { margin-left:auto; margin-right:auto;}
div.drivingSchool table.frames {}
div.drivingSchool table.frames tr td { padding-bottom:30px; }
div.drivingSchool table.frames td.leftFrame { width:33%; padding-right:10px;}
div.drivingSchool table.frames td.centerFrame { width:33%; padding-left:5px; padding-right:5px;}
div.drivingSchool table.frames td.rightFrame { width:33%; padding-left:10px;}
div.drivingSchool table.frames td img { margin-bottom:5px; border:1px solid #78a03f; }
div.drivingSchool table.frames td { text-align:center;}
div.drivingSchool table.frames td ul { text-align:left; margin-left:50px; margin-top:5px; }
div.drivingSchool table.frames td,
div.drivingSchool table.frames td a { font-weight:bold;}
div.drivingSchool table.frames td a.linkItem:link,
div.drivingSchool table.frames td a.linkItem:active,
div.drivingSchool table.frames td a.linkItem:visited,
div.drivingSchool table.frames td a.linkItem:hover { display:block; margin-top:10px; text-align:right; font-weight:bold;
background-image:url(../images/activeLink.gif); background-repeat:no-repeat; background-position:right center;
padding-right:15px; 
}
/*PAGES: OFFER CONTENT*/
div.offerContent {}
div.offerContent table.frames {}
div.offerContent table.frames td {}
div.offerContent table.frames td div.content { min-height:350px;}
div.offerContent table.frames td.leftFrame { width:130px; padding:0px; margin:0px; padding-right:20px; border-right:1px solid #104a80; }
div.offerContent table.frames td.rightFrame { width:auto; padding:0px; margin:0px; padding-left:20px; }
div.offerContent h1 { border-bottom:1px solid #104a80; }

div.regNav {}
div.regNav ul {}
div.regNav ul li { padding-bottom:10px;}
div.regNav ul li ul { padding-top:3px;}
div.regNav ul li ul li { padding-bottom:3px;}
div.regNav ul a,
div.regNav ul a:link,
div.regNav ul a:active,
div.regNav ul a:visited,
div.regNav ul a:hover { text-decoration:none;}
div.regNav ul a:hover { text-decoration:underline;}

/* PAGES: OFFER INDEX */
#aanbodIndex {width:auto; text-align:left;}
#aanbodIndex table{ width:100%; border:none; padding:0px;}
#aanbodIndex table td{ width:46%;}
#aanbodIndex #spacer{ width:auto;}
#aanbodIndex h1{}
#aanbodIndex h3{ padding-top:5px;}
/* REG NAV*/
#aanbod_content #img_onderdeel { border-bottom:1px solid #cccccc;}
#aanbod_content #reg_nav_sub{ width:145px;}
#aanbod_content #spacing { width:25px;}
#aanbod_content #txt{ width:auto;}
#aanbod_content #regional_nav { min-height:350px;  padding:5px; padding-top:10px; background-repeat:no-repeat}
#aanbod_content #regional_nav a:link{color:#014571; text-decoration:none; font-weight:bold;}
#aanbod_content #regional_nav a:active{color:#014571; text-decoration:none; font-weight:bold;}
#aanbod_content #regional_nav a:visited{color:#014571; text-decoration:none; font-weight:bold;}
#aanbod_content #regional_nav ul{ padding:0px; margin:0px; list-style-image:url(../../assets/images/trans.gif);}
#aanbod_content #regional_nav ul,
#aanbod_content #regional_nav li { padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}
#aanbod_content #regional_nav ul li{ padding-bottom:7px; padding-left:5px;}
#aanbod_content #regional_nav ul li ul { padding-top:5px;}
#aanbod_content #regional_nav ul li ul li { padding-bottom:3px !important; padding-left:7px !important;}

