/* CSS Document */
body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #646464; }

*,*:focus { outline: 0; }

a { text-decoration: none;  }
a:hover { text-decoration: underline; }
a img { border: none; }

form { margin: 0; padding: 0; }
form .text { border: 1px solid #acacac; }

h1,h2,h3,a { color: #ed7904; }

table { border-collapse: collapse; width: 100%; }
table td,table th { padding: 0; }
table th { text-align: left; font-weight: normal; }

.button-blue { background: url(../images/buttons.gif)  left -28px; text-decoration: none; color: #FFF; text-align: center; width: 118px; height: 28px; line-height: 28px; text-align: center; display: block; position: relative; border: none; font-size: 14px; padding: 0; }
input.button-blue { padding-bottom: 3px; }
.button-blue:hover {  background: url(../images/buttons.gif) top left; text-decoration: none;  }

.button-orange { background: url(../images/buttons.gif) top left; text-decoration: none; color: #FFF; text-align: center; width: 118px; height: 28px; line-height: 28px; text-align: center; display: block; position: relative; border: none; font-size: 14px; padding: 0; }
input.button-orange { padding-bottom: 3px; }
.button-orange:hover {  background: url(../images/buttons.gif) left -28px; text-decoration: none;  }

.button-grey { background: url(../images/buttons.gif) left bottom; text-decoration: none;  color: #646464; text-align: center; width: 118px; height: 28px; line-height: 28px; text-align: center; display: block; position: relative; border: none; font-size: 14px; padding: 0; }
input.button-grey { padding-bottom: 3px; }
.button-grey:hover {  background: url(../images/buttons.gif) left -28px; text-decoration: none; color: #FFF;  }


#pw-header { width: 960px; height: 100px; position: relative; margin: 0 auto; }

#pw-header h1 { margin: 0; padding: 0; position: absolute; top: 30px; left: 0; }
#pw-header h1 a { display: block; width: 315px; height: 55px; text-indent: -999em; background: url('../images/logo.gif') no-repeat;  }

#pw-header #menu { position: absolute; right: 0; top: 53px; height: 31px; line-height: 31px; margin: 0; padding: 0; list-style: none; }
#pw-header #menu li { float: left; background: url(../images/menu.gif) -150px top no-repeat; }
#pw-header #menu li a { float: left; display: block; color: #646464; font-size: 13px; padding: 0 10px 0 12px; }
#pw-header #menu li a.selected,
#pw-header #menu li a:hover { background: url(../images/menu.gif) -150px bottom no-repeat; text-decoration: none; }
#pw-header #menu li.first a { background: url(../images/menu.gif) left top no-repeat; padding-left: 12px; }
#pw-header #menu li.last { padding-left: 2px; }
#pw-header #menu li.last a { background: url(../images/menu.gif) right top no-repeat; padding-left: 8px; padding-right: 12px; }
#pw-header #menu li.first a.selected,
#pw-header #menu li.first a:hover { background: url(../images/menu.gif) left bottom no-repeat; }
#pw-header #menu li.last a.selected,
#pw-header #menu li.last a:hover { background: url(../images/menu.gif) right bottom no-repeat; padding-left: 8px; }

#pw-header .extra { position: absolute; right: 0; top: 10px; font-size: 11px; color: #6d6965; }
#pw-header .extra a { color: #6d6965; }
#pw-header .extra form { display: inline; margin-left: 30px; }
#pw-header .extra form .text { margin: 0 10px; }
#pw-header .extra form .submit { background: none; border: none; cursor: pointer; text-indent: -999em; text-align: left; width: 14px; overflow: hidden; background: url('../images/searchbutton.gif') center center no-repeat; }

#home { background: #f0f0f0; }
#home .inner { background: url('../images/home.jpg') no-repeat; height: 350px; width: 960px; margin: 0 auto; position: relative; }
#home #recent { position: relative; position: absolute; width: 425px; height: 155px; left: 40px; top: 135px; }
#home #recent img { position: absolute; }
#home #recent img.recentsmallleft { left: 0; top: 28px; }
#home #recent img.recentsmallright { right: 0; top: 28px; }
#home #recent img.recentcenter { left: 84px; top: 0; }
#home .webinarlink { display: block; position: absolute; right: 0; width: 300px; height: 31px; bottom: 51px; text-indent: -999em; }

#balloon { background: url('../images/balloon.png'); position: relative; position: absolute; width: 331px; height: 135px; color: #FFF;  }
#balloon .text { position: absolute; margin: 0; padding: 0; top: 25px; left: 60px; width: 225px; line-height: 18px; height: 60px; overflow: hidden; }
#balloon .meta { position: absolute; margin: 0; padding: 0; bottom: 32px; left: 60px; width: 225px; font-size: 11px; overflow: hidden; }
#home #balloon { right: 30px; top: 26px; }
#page #balloon { right: 72px; top: 11px; }


#page { background: #f0f0f0; }
#page .inner { background: url('../images/page.jpg') no-repeat; height: 150px; width: 960px; margin: 0 auto; position: relative; }

#pw-content { width: 960px; margin: 20px auto; overflow: hidden; position: relative; }
#pw-content h1 { margin: 10px 0; font-size: 30px; padding: 0; font-weight: normal; }
#pw-content h2 { margin: 10px 0; font-size: 24px; padding: 0; font-weight: normal; }

#pw-content .blog h2 { color: #FFF; line-height: 26px; background: #ED7904 url(../images/blogheader.gif) top left repeat-x; font-size: 14px; padding: 2px 15px 0 15px; }
#pw-content .blog .meta { border-top: 1px solid #c8c8c8; line-height: 20px; font-size: 11px; }
#pw-content #sidebar .entry { font-size: 11px; }


#breadcrumbs { margin: 0 0 35px 0; padding: 0; list-style: none; height: 35px; }
#breadcrumbs li { display: inline; background: url(../images/breadcrumbstype.gif) left bottom no-repeat; padding-left: 24px;  }
#breadcrumbs li a { font-size: 24px; color: #646464; }
#breadcrumbs li.first { padding: 0; background: none; }
#breadcrumbs li.first a { font-size: 36px; color: #ED7904; }

/* content pages */

#main { padding-top: 1px; float: left; width: 550px; padding-right: 50px; overflow: hidden; }
.devider { background: url(../images/maindevider.gif) no-repeat; height: 50px; margin-top: 30px; }

#sidebar { padding-top: 1px; float: left; width: 360px; overflow: hidden; }
#sidebar .block { background: url(../images/sidebarblock.gif) bottom left no-repeat; padding-bottom: 8px; margin: 0 0 20px 0; }
#sidebar .block .inner { position: relative;  background: url(../images/sidebarblock.gif) top left no-repeat; padding: 8px 18px 0px 18px; }
#sidebar .block h3 { margin: 10px 0;  padding: 0; font-weight: normal; font-size: 24px; }
#sidebar .block p { margin: 10px 0;  padding: 0; }

#sidebar .login form td { padding: 5px 0; }
#sidebar .login .text { width: 218px; }
#sidebar .login label { width: 100px; display: block; }
#sidebar .login .button-orange { position: absolute;  right: 17px; bottom: 17px; }
#sidebar .register .button-blue { position: absolute; right: 17px; bottom: 17px; }


/* dashboard */
#leftbar { width: 150px; padding-top: 1px; float: left; overflow: hidden;  }
#leftbar .menu { margin: 0; padding: 0; list-style: none; }
#leftbar .menu li { background: #f0f0f0; border-bottom: 1px solid #c8c8c8; }
#leftbar .menu li a { display: block; border-bottom: 1px solid #FFF; line-height: 22px; padding: 2px 0 0 15px; color: #646464;  }
#leftbar .menu li.selected a,
#leftbar .menu li a:hover { background: #f67f00 url('../images/barleftmenu.gif') top left no-repeat; color: #FFF; text-decoration: none; border-bottom: 1px solid  #f67f00;  }

/* dashboard small 3 collums */
#mainsmall { width: 450px; float: left; padding: 1px 55px; min-height: 550px; background: url(../images/mainsmall.gif) top center no-repeat;  }


#rightbar { padding-top: 1px; float: left; width: 250px; overflow: hidden; }
#rightbar .block { background: url(../images/rightbarblock.gif) bottom left no-repeat; padding-bottom: 8px; margin: 0 0 20px 0; }
#rightbar .block .inner { background: url(../images/rightbarblock.gif) top left no-repeat; padding: 8px 18px 0px 18px; }
#rightbar .block h3 { margin: 10px 0;  padding: 0; font-weight: normal; font-size: 24px; }
#rightbar .block p { margin: 10px 0;  padding: 0; }
#rightbar .footnote { float: right; font-size: 85%;}

/* dashboard wide 2 collums */


/* order */
#order ul { margin: 0 0 20px 0; padding: 0; list-style: none;  border-top: 1px solid #c8c8c8; }
#order ul li { border-bottom: 1px solid #c8c8c8; line-height: 30px; position: relative; width: 450px; }
#order ul li label { line-height: 30px; }
#order ul li .checkbox { }
#order label { margin: 0 0 0 10px; }
#order .step ul a.morelink { position: absolute; top: 0; right: 0; cursor: pointer; color: #c8c8c8; font-size: 11px; background: url(../images/more.gif) right center no-repeat; padding-right: 18px; }
#order .group a.morelink { position: absolute; top: 0; right: 0; cursor: pointer; font-size: 11px; background: url(../images/more.gif) right center no-repeat; padding-right: 18px; margin-top: 8px; }
#order .step div.more { border: 1px solid #c8c8c8;  border-bottom: none; background: #F0F0F0; padding: 10px; line-height: normal; }
#order .template { background: #f0f0f0; height: 120px; margin-bottom: 20px; position: relative;}
#order .template .selector {padding: 20px; }
#order .template .thumb {float:right;}
#order .template label { color: #ed7904; display: block; margin: 0 0 2px 0; width: 50% }
#order .help {float: right;}

#order .submit { float: right; }
#order #button_finish {margin-left: 10px;}
#order .overview ul li { position: relative; }
#order .group {position: relative;}
#order .overview ul li span.price { position: absolute; left: 400px; }
#order .overview ul.product {list-style: circle; border: none; margin-left: 18px; line-height: normal;}
#order .overview ul.product li {border: none;}

#ordersteps { margin: 0; padding: 0; list-style: none; height: 26px; line-height: 26px; position: absolute; right: 0; top: 0px; }
#ordersteps li { float: left; background: url(../images/ordersteps.gif) right 0px no-repeat; padding: 0 28px 0 0; cursor: pointer; }
#ordersteps li span{ background: url(../images/ordersteps.gif) left 0px no-repeat; display: block; cursor: pointer; margin: 0 0 0 -12px; padding: 0 0 0 26px; }
#ordersteps li.selected { background: url(../images/ordersteps.gif) right -26px no-repeat; color: #FFF; }
#ordersteps li.selected span{ background: url(../images/ordersteps.gif) left -26px no-repeat; display: block; cursor: pointer;  margin: 0 0 0 -14px; padding: 0 0 0 28px;}
#ordersteps li.first { padding-left:14px;}

#order #confirmation label { float: left; width:125px;}
#order .options h2 {padding-left: 30px;}
#order .group h2 {background: url(../images/deselected.gif) no-repeat left center;}
#order .group h2.selected {background: url(../images/selected.gif) no-repeat left center;}

/* details link 'popup' */
.pricedetails_infobox { position: absolute; top:100px; left: 500px; width: 250px; }
.pricedetails_infobox #pricedetails_infobox_content  h3 { margin: 10px 0;  padding: 0; font-weight: normal; font-size: 13px; }
.pricedetails_infobox ul {margin: 0px;padding: 0px;}
.pricedetails_infobox ul li  { margin-top: 5px; list-style-position: inside; vertical-align: middle;}
.pricedetails_infobox ul li span.title {display: inline-block; width:150px;}
.pricedetails_infobox ul li span.price {}
.pricedetails_infobox .closebutton {float: right; color: #ED7904; cursor: pointer;}

div.bill ul { margin: 0; padding: 0; list-style: none; }
div.bill li { margin-bottom: 5px; }
div.bill h4 { position: relative; line-height: 18px; padding: 0 10px; width: 194px; font-size: 11px; margin: 0; font-weight: normal; background: #FFF; font-weight: normal; border-bottom: 1px solid #c8c8c8; }
div.bill h4 a  {  color: #999; position: absolute; left: 135px; cursor: pointer; }
div.bill .bill_row {  line-height: 24px; padding: 0 10px; width: 194px;text-align: right;}
div.bill .bill_row span { float: left; clear: left; }
div.bill strong { color: #ED7904; }

div.bill .total { font-size: 18px; }
div.bill .total h4 { background: none; font-size: 13px; font-weight: bold; text-transform: uppercase;border-bottom: none; border-top: 1px solid #c8c8c8; }

#pw-footer { background: url(../images/footer.gif) top center repeat-x; padding-bottom: 1px; height: 164px; }
#pw-footer ul { position: relative; margin: 0 auto; padding: 0; width: 960px; background: url(../images/footerlist.gif) top center repeat-x; list-style: none; min-height: 46px; height: auto !important; height: 46px; }
#pw-footer ul li { float: left; display: block; padding-right: 40px; }
#pw-footer ul li a { line-height: 48px; height: 48px; font-size: 18px; padding-bottom: 5px; display: block; float: left; }
#pw-footer ul ul { background: none; display: inline; width: auto; float: none; clear: left; padding: 0; margin: 0; }
#pw-footer ul ul li { float: none; padding: 0; margin: 0;  }
#pw-footer ul ul li a { float: none; line-height: 18px; font-size: 12px; color: #646464; display: inline; padding: 0; margin: 0; }

#pw-footer ul li.branding { position: relative; position: absolute; right: 0; top: 46px; background: #000; }
#pw-footer ul li.branding a.fundament { display: block; background: url(../images/footerbranding.gif) no-repeat top right; position: absolute; right: 0; top: 5px; width: 180px; height: 30px; text-indent: -999em; }
#pw-footer ul li.branding a.niki { display: block; background: url(../images/footerbranding.gif) no-repeat bottom right; position: absolute; right: 0; top: 50px; width: 60px; height: 50px; text-indent: -999em; }

/* Registreren */
#pw_account label { display: inline-block; width: 150px;}
#pw_account .radiobuttons label { width: auto;}
#pw_account .radiobuttons input { margin-right: 25px;}

/* Nieuwsbrief aanmelden */
#listSubscribe label { display: inline-block; width: 150px;}

.ajax-spinner {}
.ajax-spinner img{ display: block; margin: auto;}
.hidden { display: none;}

/********************* validatieberichtje */
.fValidator-msg {
  background:url("/content/common/gfx/ec/validation.png") left center no-repeat;
  padding:0 0 0 18px;
  color:#f00;
  display: inline;
}