@charset "utf-8";
/* CSS Document */

html, body	{ width: 100%; height: 100%; margin: 0; background: url(../img/bg.jpg) repeat-x top; font-family: Verdana, Arial, Helvetica, sans-serif; }
img	{ border: 0; }
a	{ color: #0071BC; text-decoration: none; cursor: pointer; }
a:hover	{ color: #000000; }

#container	{ width: 844px; min-height: 100%; margin: auto; background: url(../img/bg-Vert.gif) 10px 0 repeat-y; }
.clear	{ display: block; clear: both; font-size: 1px; line-height: 1px; margin-top: -1px; top: -1px; }

/* TOP */
#top	{ height: 80px; margin: 0 10px; display: block; background:url(../img/bg-Top.jpg) repeat-x; }
#topLogo	{ float: left; }
#topRight	{ float: right; }
#topRight img	{ display: block; }

/* MENU */
#menu	{ display: block; height: 20px; margin: 0 10px; padding: 5px 0 0 0; background: url(../img/bg-Menu.gif) 0 5px repeat-x #eaeaec; }
#menuBtn	{ height: 20px; background: url(../img/menuBtn-Right.gif) right no-repeat; float: left; }
#menuBtn a	{ float: left; background: url(../img/menuBtn-Left.gif) no-repeat; font-size: 11px; color: #065887; text-transform: uppercase; text-decoration: none; padding: 4px 23px 4px 17px; }
#menuBtn a:hover	{ background: url(../img/menuBtn-Left-o.gif) no-repeat; color: #c9c9c9; padding: 4px 21px 4px 19px; }
#menuBtn-Last { width: 180px; height: 20px; float: left; background: url(../img/menuBtns-End.gif) repeat-x; }

/* CONTENT */
#contentShadow	{ display: block; }
#content	{ background: repeat-x #FFFFFF; border: 1px solid #bebebe; margin: 0 10px; padding: 5px; }
#contentBg	{ background: url(../img/bg-Content.gif) repeat-x bottom; }

#contentLeft	{ width: 230px; min-height: 350px; float: left; }
.alice	{ background: url(../img/alice.png) no-repeat; }
.alice2	{ height: 655px; background: url(../img/alice2.png) no-repeat; }
.alice3	{ height: 655px; background: url(../img/alice3.png) no-repeat; }
.leftPijlen	{ background: url(../img/pijlen.png) no-repeat 45px 80px; }
#contentRight	{ width: 582px; float: left; margin: 30px 0 0 0; }

#contentLeft h3	{ margin: 375px 15px 20px 15px; font-size: 16px; color: #ED1C24; font-weight: bold; }

#content h1	{ font-size: 21px; color: #ED1C24; margin: 0 0 5px 0; font-weight: normal; }
#content h2	{ font-size: 14px; color: #0071BC; margin: 0; }
#content #blue	{ color: #0071BC; }
#content p		{ font-size: 12px; line-height: 15px; margin: 3px 0 10px 0; }
#content p a	{ color: #0071BC; text-decoration: none; }
#content p a:hover	{ color: #c9c9c9; }

p#wideText	{ margin-right: 30px; }

/* Home */
#homeBlock	{ float: left; width: 270px; }
#homeItem	{ height: 240px; margin: 0 21px 0 0; padding: 0 0 20px; border-bottom: 2px solid #FFFFFF; }

/* Comfort & Easy */
#sumUp	{ width: 405px; float: left; margin: 0 20px 0 0; }
#sumUpActie	{ float: left; width: 127px; margin: 100px 0 0 0; }

#voorwaarden	{ display: block; padding: 20px; }
.lineTrough	{ text-decoration: line-through; color: #ED1C24; }
.newPrice	{ font-weight: bold; color: #0071BC; }

ul	{ display: block; margin: 20px 0 0 0; }
li	{ font-size: 12px; line-height: 15px; list-style: none; padding: 0 0 15px 25px; background: url(../img/bg-Li.png) no-repeat; }
li a	{ color: #0071BC; text-decoration: none; }
li a:hover	{ color: #c9c9c9; }
ul.small li	{ font-size: 11px; padding: 0 20px 15px 28px; }

/* Acties */
#actieVlakBlock	{ width: 131px; margin: 9px 4px 0 0; padding: 0 0 33px 0; background: url(../img/gradient-ActieVlakBlock.png) no-repeat bottom; float: left; }
#actieVlak	{ height: 85px; display: block; background: url(../img/gradient-ActieVlak.gif) repeat-x #e60203 top; border: 2px solid #e60203; padding: 20px 5px 10px 5px; color: #FFFFFF; }
#actieVlak strong	{ display: block; clear: both; font-size: 26px; font-weight: normal; }

#actieBtns	{ float: left; margin: 9px 0 0 0; }
#actieBtns a	{ display: block; width: 87px; height: 29px; background: url(../img/bg-ActieBtn.jpg) no-repeat; margin: 0 0 5px 0; padding: 14px 0 0 40px; text-decoration: none; color: #000000; text-transform: uppercase; font-size: 13px; }
#actieBtns a:hover	{ color: #c9c9c9; background: url(../img/bg-ActieBtn-o.jpg) no-repeat; }

.actieNieuw	{ width: 83px; height: 40px; position: absolute; z-index: 10; background: url(../img/actieNieuw.png) no-repeat; text-decoration: none; margin: 70px 0 0 49px; }

/* Frames */
.frame	{ }
#frameTop-564	{ width: 564px; height: 8px; background: url(../img/frameTop-564px.png) no-repeat; font-size: 1px; }
#frameMiddle-564	{ width: 545px; background: url(../img/frameMiddle-564px.png) repeat-y; padding: 2px 0 2px 19px; }
#frameBottom-564	{ width: 564px; height: 8px; background: url(../img/frameBottom-564px.png) no-repeat; margin: 0 0 15px 0; font-size: 1px; }
#frameHardEnd-564	{ width: 564px; height: 8px; background: url(../img/frameHardEnd-564px.png) no-repeat; font-size: 1px; }
#frameHardStart-564	{ width: 564px; height: 8px; background: url(../img/frameHardStart-564px.png) no-repeat; margin: 2px 0 0 0; font-size: 1px; }

.frameSmall	{ float: left; margin: 0 8px 0 0; }
#frameTop-245	{ width: 245px; height: 8px; background: url(../img/frameTop-245px.png) no-repeat; font-size: 1px; }
#frameMiddle-245	{ width: 226px; background: url(../img/frameMiddle-245px.png) repeat-y; padding: 2px 0 2px 19px; font-size: 1px; }
#frameBottom-245	{ width: 245px; height: 8px; background: url(../img/frameBottom-245px.png) no-repeat; margin: 0 0 15px 0; font-size: 1px; }

/* Form */
#formRow	{ display: block; height: 40px; margin: 3px 0; }
#formRow2	{ display: block; height: 30px; margin: 3px 0; }
#formCell	{ float: left; padding: 0 7px 0 0; }

#formCell span	{ display: block; font-size: 11px; color: #989898; padding: 0 0 3px 5px; }
#formCell input, select, textarea	{ background: #f1f1f1; border: 1px solid #989898; font-size: 11px; color: #000000; padding: 1px 2px; }
#formCell select	{ padding: 0 0 0 2px; color: #b2b2b2; }
#formCell .selected	{ color: #000000; }
#formCell .checkbox	{ margin: 2px 0 0 0; border: none; background: none; }

.formBtn	{ width: 125px !important; height: 36px; background: url(../img/bg-formBtn.jpg); border: none; margin: 5px 0; padding: 0 0 4px 0; font-size: 12px; color: #FFFFFF; }
.formBtn:hover	{ background: url(../img/bg-formBtn-o.jpg); border: none; color: #000000; }

/* Overstappen */
a#stap	{ width: 564px; height: 16px; margin: 9px 0 21px 0; background: url(../img/frameMiddle-564px.png) repeat-y; font-size: 14px; line-height: 16px; padding: 3px 0 7px 0; display: block; color: #000000; text-decoration: none; cursor: pointer; }
#stapTop	{ width: 564px; position: absolute; height: 8px; background: url(../img/frameTop-564px.png) no-repeat; margin: -11px 0 0 0; }
#stapBottom	{ width: 564px; position: absolute; height: 8px; background: url(../img/frameBottom-564px.png) no-repeat; margin: 23px 0 0 0; }

#stap img	{ position: absolute; padding: 0 0 0 40px; margin: -6px 0 0 -36px; }
#stap span	{ position: absolute; padding: 0 0 0 45px; }
#stap .pijl	{ float: right; padding: 0; margin: 1px 0 0 535px; }

.stapBox	{ display: none; margin: -17px 0 0 0; }
.stapBox span	{ display: block; margin: 10px 28px; padding: 0; font-size: 11px; }

/* FOOTER */
#footer	{ height: 220px; background: url(../img/bg-Footer.jpg) no-repeat; margin: 0 10px; padding: 12px 40px; }

#footerMenu		{ width: 167px; border-top: 1px solid #FFFFFF; float: left; }
a.footerMenuBtn			{ display: block; width: 155px; border-bottom: 1px solid #FFFFFF; padding: 6px 0 6px 12px; color: #FFFFFF; text-decoration: none; font-size: 12px; background: url(../img/bg-FooterMenuBtn.gif) left no-repeat; }
a.footerMenuBtn:hover	{ color: #c9c9c9; background: url(../img/bg-FooterMenuBtn-o.gif) left no-repeat; }
#footerMenu p	{ font-size: 11px; color: #FFFFFF; }

#footerNewsForm		{ width: 520px; float: left; font-size: 10px; line-height: 12px; color: #FFFFFF; margin: 10px 0 0 50px; }

#footerNewsForm	p		{ width: 235px; height: 210px; float: left; font-size: 12px; line-height: 16px; margin: 0; padding: 0 14px 0 0; background: url(../img/newsLetter-Arrow.png) no-repeat; }
#footerNewsForm	form	{ width: 228px; height: 166px; float: left; background: url(../img/bg-newsLetter.png) no-repeat; padding: 20px 21px; }
h3	{ margin: 0 0 7px 0; padding: 0; font-weight: normal; font-size: 13px; }
.newsLetterBtn		{ background: url(../img/bg-NewsLetterBtn.gif) no-repeat 0 3px #025889; border: 0; color: #FFFFFF; margin: 4px 0 -2px 0; padding: 0 0 0 10px; font-size: 10px; text-transform: uppercase; }
.newsLetterBtn:hover	{ color: #000000; background: url(../img/bg-NewsLetterBtn.gif) no-repeat 2px 3px #025889; }

.x-form	{ background: url(../img/frameTop-564px.png) top left no-repeat; padding: 8px 0 0 0; }
.x-panel-body	{ border: 0; margin: 0; padding: 0; background: none; }
.x-panel-header	{ background: none; border: none; margin: 0; padding: 0; }
.x-panel-header-text	{ display: none; }
.x-fieldset		{ border: 0; margin: 0; padding: 0 0 0 20px; width: 545px; background: url(../img/frameMiddle-564px.png) repeat-y; overflow: auto; }
.x-panel-body h2	{ padding: 5px 0; }
.x-panel-body	{ margin: 0; padding: 0 !important; }
.x-fieldset-header	{ margin: 0 0 0 0;}
.x-fieldset-header-text	{ font-size: 14px; color: #0071BC; margin: 0 0 0 -2px;}
.x-form-item-label	{ font-size: 11px; color: #989898; font-family: Verdana, Arial, Helvetica, sans-serif; }
.x-panel-btn-td	{ width: auto; margin: 0; padding: 0; }
.x-btn-wrap		{ width: auto; margin: 0; padding: 0; }

.x-panel-btns-ct	{ height: auto; background: url(../img/frameBottomTall-564px.png) bottom left no-repeat; padding: 0 0 10px 0; }
.x-window-footer .x-panel-btns-ct	{ background: none; padding: 0; }

.x-btn-left 	{ background: none; }
.x-btn-center 	{ background: none; }
.x-btn-right 	{ background: none; }

.x-panel-bwrap	{ font-size: 11px; padding: 5px 0 13px 0; color: #989898; }

.error { background:transparent url(../img/icon-error.gif) no-repeat scroll left top; }

#freecallstatus	{ position: absolute; z-index: 999; background: #0071BC; padding: 15px 20px 20px 20px; border: 1px solid #FFFFFF; top: 44px; display: none; margin: 0; float: right; margin: 0 0 0 560px; }
#freecallstatus	#close	{ position: absolute; margin: -12px 0 0 215px; background: #FFFFFF; font-weight: bold; color: #b5b8c8; padding: 0 3px 2px 3px; font-size: 11px; }
#freecallstatus	h2 		{ font-size: 13px; color: #FFFFFF; margin: 0 0 10px 0; }
#freecallstatus	input 	{ font-size: 13px; padding: 3px 2px; border: 1px solid #b5b8c8; font-family: Geneva, Arial, Helvetica, sans-serif; background: url(../img/bg-input.gif) repeat-x #FFFFFF; }
#freecallstatus	.inputbutton	{ padding: 2px; color: #FFFFFF; background: #006bac; border: 1px solid #FFFFFF; }