/*======================================================
        www.releaz.nl - Internetbureau Releaz
======================================================*/

@import url("reset.css");
@import url("slider.css");

/*======================================================
//      Algemeen
======================================================*/

html { font: 62.5%/200% 'Arial', sans-serif;  }
body { font-size: 1.3em; line-height: 20px; color: #222; background: #EFEFEF; }

p { margin: 0 0 .8em; }

a { color: #222; text-decoration: underline; font-weight: 700; }

h1 { font-weight: 300; font-size: 2.2em; line-height: 44px; margin: 10px 0 30px 20px; }
h2 { font-size: 1.2em; line-height: 30px; text-transform: uppercase; margin: 30px 0 10px; }
h3 { font-size: 1.3em; text-transform: uppercase; margin: 10px 0; }
h4 {
    font-size: 1.4em;
    font-weight: 300;
    text-transform: uppercase; 
    margin-bottom: 20px; 
    padding: 20px 0;
    display: block; 
    border-bottom: 1px solid #DDD;
}

#text ul li { list-style: square; margin-left: 15px; border: 0; }
#text #seminar-tabs ul li { margin-left: 1px; }
ol li { list-style: decimal; margin-left: 15px; }

title:hover {display: none !important; }

/*======================================================
//      Loading screen
======================================================*/

/*#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    opacity: 0.7;
    z-index: 99;
    text-align: center;
}

#loading-image {
    position: fixed;
    z-index: 100;
}*/

#loading {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: #CCC;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    margin: auto;
    color: black;
}

#loading-msg {
    font-size: 1.3em;
    background-color: #FFF;
    text-align:center;
    position: absolute;
    z-index: 100;
    left: 275px;
    padding: 20px;
    top: 250px;
}

#loading-image {
    /*    position: fixed;
        z-index: 100;
        margin-left: 200px!important;*/
}

/*======================================================
//      Layout
======================================================*/

.content    { width: 1020px; margin: auto; overflow: hidden; }

#header     { height: 100px; position: relative; z-index: 9999; box-shadow: 0px 0px 19px #666; background: #FFF; }
#front      { width: 1020px; margin: -13px auto 0; }

.social     {}
.social a   { margin-right: 5px; }

#footer     { background: #000; color: #FFF; padding: 20px 10px 40px; }
#footer a   { color: #FFF; font-weight: 300; }
#footer a:hover { color: #CADB2E; }
#footer .block_3 img { float: left; margin-right: 5px; }
.footer_title { font-size: 3em; clear: both; display: block; padding: 20px; }

.logos img { width: 70px; margin-right: 15px; float: left; }
.subscribe { margin-left: 19px; } 

#summit { }
#summit .banner { float: left; margin-bottom: 20px; }
#summit .banner:first-child { margin-right: 20px; }

#copyright  { background: #FFF; color: #000; padding: 10px; }
#copyright a { color: #000; text-decoration: underline; font-weight: 300; }
#copyright .block_3 { padding-bottom: 0; text-align: right; }

.copy {
    border-top: 1px solid #999;
    color: #999;
    clear: both;
    width: 1020px;
    display: block;
    padding-top: 10px;
    margin-top: 10px;
}

#text { background: #FFF; margin-bottom: 20px; padding: 20px 0 30px; }
#aanmelden { position: fixed; right: 0; top: 30%; }

.flash-error {
    background-color:#FFEEEE;
    background-position:initial initial;
    background-repeat:initial initial;
    border:2px solid #CC0000;
    font-size:0.9em;
    margin:10px 0 0;
    padding:7px 7px;
    color: #CC0000;
}

.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

/*======================================================
//      Header
======================================================*/

#logo       { float: left; margin: 20px; height: 80px; }

#topmenu    { height: 30px; padding: 10px; }
#topmenu ul { float: right; }
#topmenu li { list-style: none; padding: 5px 10px; float: left; height: 20px; border-right: 1px solid #DDD; }
#topmenu li:last-child { border: 0; }
#topmenu a  { color: #666; font-weight: 300; }
#topmenu a:hover { color: #d6de55; }

#languagePickerContainer { float: right; padding: 8px 20px 0 0; border-right: 1px solid #DDD; }

#mainmenu   { float: right; clear: right; margin-top: 10px; }
#mainmenu li{ display: inline-block; }
#mainmenu a { padding: 0 20px 20px; display: block; color: #000; font-weight: 500; text-decoration: none; text-transform: uppercase; }
#mainmenu a:hover, #mainmenu .active a { background: url(../img/bg_mainmenu.png) repeat-x bottom; }
#mainmenu li li li a:hover { background: #EFEFEF !important; padding-left: 10px; margin-left: -10px; }
#mainmenu .active ul li a { color: #000; }
#mainmenu span { color: #000; display: block; font-weight: 700; padding-left: 5px;}
#mainmenu .hms { float: left; margin-right: 10px; }
#mainmenu .zero a { padding-top: 0 !important; }

.menu_image { margin: -8px 5px 0 0; width: 40px; }
.menu_fms { float: left; margin: 10px; }
.allcourse {
    background: #CADB2E url("../img/arrow_side.png") no-repeat 215px 12px;
    padding: 5px 10px !important;
    width: 214px !important;
}

.liquid-slider span { position: absolute; font-size: 1.2em; color: #333; margin: 150px 0 0 20px; }
.liquid-slider h3 { font-weight: 700; font-size: 1.8em; line-height: 28px; }
.liquid-slider .slide-button {
    background: #EF4036;
    padding: 10px 20px;
    color: #FFF;
    display: inline-block;
}

.liquid-slider .slide-button {
    background: #EF4036;
    padding: 10px 20px;
    color: #FFF;
    display: inline-block;
}

.slide-button.green { background: #CADB2E !important; }

.ui-dialog {
    -webkit-box-shadow: 0 0 15px 0 #333;
    box-shadow: 0 0 15px 0 #333;
    z-index: 10000 !important;
}

/* Submenu */

#mainmenu li ul {
    position: absolute;
    height: auto;
    z-index: 1000;
    display: none;
    padding: 0 10px;
    background: url(../img/bg_dropdown.png) no-repeat bottom;
    width: 1021px;
    overflow: hidden;
    height: 560px;
}
#mainmenu li ul li ul { position: relative; height: auto; }
#mainmenu li ul li { vertical-align: top; }
#mainmenu li ul li ul li ul { padding: 0 !important; border: 0; }

.speaker-row { font-weight: 700 !important; border-top: 2px dotted #DDD; padding-top: 15px; }
 
#overzicht-nl ul { margin-left: -572px !important; }
#overzicht-en ul { margin-left: -607px !important; }
#overzicht-it ul { margin-left: -607px !important; }
#overzicht-ger ul { margin-left: -626px !important; }
#overzicht-nl ul ul, #overzicht-ger ul ul, #overzicht-en ul ul, #overzicht-it ul ul { margin-left: 0 !important; }

#mainmenu li ul li ul { margin: 0; width: 100%; }
#mainmenu li ul li ul li ul { padding-left: 5px; }
#mainmenu li ul ul { padding: 5px 0; background: none; }
#mainmenu li:hover ul, #nav li.over ul, #nav li ul li a:hover { display: block; left: auto; color: #AF8B69;}
#mainmenu li ul a { text-transform: none; font-weight: 700; padding: 5px 10px; border-bottom: 1px dotted #DDD; }
#mainmenu li ul li a { border-bottom: 0; }
#mainmenu li ul li ul a { font-style: normal !important; font-weight: 300; padding: 5px; width: 243px; border-bottom: 0; }
#mainmenu .active ul li a,#mainmenu .active li ul li a, #mainmenu li ul li a:hover { background-image: none !important; }
#mainmenu li.width { width: 1021px; background: #CADB2E; left: 10px; z-index: 1000; border: 0; text-align: center; }
#mainmenu li.width a { border: 0; }
#mainmenu .nav-col { height: 500px; border-right: 2px dotted #DDD; width: 333px;  }

.dropdown-small ul {
    width: auto !important;
    height: auto !important;
    padding-bottom: 20px !important;
}
.dropdown-small ul li { clear: both !important; display: block !important; }

#front_block { background: #FFF; padding: 10px; width: 1000px; margin: 0 auto 20px; overflow: hidden; }

.block_4 { width: 230px; margin: 10px; float: left; }
.block_4 .title_image { width: 230px; height: 91px; display: block; }
.block_4 .product_front { width: 228px; height: 89px; border: 1px solid #DDD; text-align: center; }
.block_4 img { max-height: 89px; }
.block_4 a { color: #000; font-weight: 300; text-decoration: none; }
.block_4 strong { font-weight: 700; }
.block_3 { width: 231px; margin: 10px; float: left; padding-bottom: 20px; }
.block_3 strong a { margin: 0 0 10px; display: block; font-weight: 700 !important; }
.block_3 a { text-decoration: none; }
ul.block_3 li { list-style: none; margin: 0; padding: 0 0 5px; }
.block_2 { width: 720px; float: left; padding: 20px; }
.block_2 li { float: left; margin-right: 20px; }

.border { border-right: 1px dotted #DDD; height: 420px; }

.speakers { border-right: 1px solid #d01c16; width: 419px; }
.seminars { border-right: 1px solid #DDD; width: 419px; }
.seminars a { font-weight: 300; }
.seminars a:hover { font-weight: 700; }
.seminars .title { font-size: 1.2em !important; margin-bottom: 2px; text-transform: none; }

.speakerPicture { margin-right: 10px; float: left;  }
.speakerDesc { clear: both; }

.ui-tabs .coolfieldset, .coolfieldset.expanded, .coolfieldset.collapsed { border: 0; }
.ui-tabs .coolfieldset.collapsed legend, .ui-tabs .coolfieldset legend { background: none; text-align: right; }

.introContent .coolfieldset.collapsed legend { background: url(/img/bg_intro_out.png) no-repeat left 10px top 50%; padding-left: 55px; margin-bottom: 10px; }
.introContent .coolfieldset legend, .introContent .coolfieldset.expanded legend { background: url(/img/bg_intro.png) no-repeat left 10px top 50%; padding-left: 55px; margin-bottom: 10px; }

/* #seminar-tabs .ui-tabs-panel { height: 300px !important; overflow: scroll; } */
.ui-widget { font-family: "Arial" !important; font-size: 1em !important;  }
.ui-widget-header { border: 0 !important; }
.ui-widget-content { border: 0 !important; }
.ui-tabs { padding: 0 !important; }
.ui-tabs-panel { border: 1px solid #DDD !important; }
.ui-tabs .ui-tabs-panel { overflow: hidden; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-radius: 0 !important;
}

#seminar-attributes th, #seminar-category-attributes th { width: 220px; }

.partner    { border-left: 1px solid #DDD; width: 419px; }
.partner img, .partner_front img{ border: 1px solid #DDD; margin: 5px 0; }
.partner_front { text-align: center; }

.breadcrumbs { margin: 10px 20px 20px 30px; float: left; color: #999; }
.breadcrumbs a { color: #999; }

.share { position: absolute; margin: 10px 0 0 845px; }

.head { z-index: 100; }
.head #prodAmount { margin-bottom: 5px;}
.head .content { padding: 15px 0; }

/*======================================================
//      Overzichten
======================================================*/

.title { font-size: 1.6em; font-weight: 700; color: #ef4036; text-transform: uppercase; margin-bottom: 20px; display: block; }

.block_4:hover h4 { padding: 20px; background: #000; color: #FFF; }

#content  { margin: 0 20px; }
#content img { margin: 10px; max-width: 710px }
#content p a { color: #333; text-decoration: underline; }

.grid-view table { width: 100%; }
.grid-view tr td { padding: 5px; cursor: pointer; vertical-align: middle; }
.grid-view tr:hover { background: #DDD; }
.grid-view a { color: #333; }
.grid-view .button { float: right; }
.grid-view .button_icon img { margin: 0; }

.items thead th { background: #333; padding: 5px; color: #FFF; text-align: left; }
.items thead a { color: #FFF; }

#tr.row-summit td { background: #efefef; }
tr.row-summit td:first-child { padding-left: 35px; background: url(../img/bg_fms.png) 10px center no-repeat; }
tr.row-fit td:first-child { padding-left: 35px; background: url(../img/bg_fit.png) 10px center no-repeat; }

.seminarSpeakers div { float: left; display: block; width: 700px; border-bottom: 1px solid #DDD; margin-bottom: 10px; }
.seminarSpeakers div .speakerPicture, .seminarSpeakers div .speakerName { clear: both; }

.row-summithm td:first-child { background: url(../img/bg_hms.png) no-repeat 5px 9px; padding-left: 30px; }

/* view */

.blogview .view, .speakersview .view { border: none; margin: 0; padding: 0; }
.blogview .items, .speakersview .view { border-bottom: 1px solid #DDD; }

.speakersview img {
    display: block;
    margin-left: 50px !important;
    width: 90px;
    height: 90px;
    object-fit: cover;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    border-radius: 50%;
}
.speakersview .view { display: block; width: 186px; float: left; margin: 5px; }
.speakersview .view:hover { background: #000; color: #FFF; }
.speakersview .view:hover a { color: #FFF; }
.speakersview h2 a { color: #333; float: left; font-size: 12px; margin: 5px; width: 186px; text-align: center; }
.speakersview h2 { margin: 0 !important; }

/* Blog */

.blog_date { color: #999; }
.blogview p { font-weight: 300; }
.blogview h2 a { text-decoration: none; }
.blogview .blog_desc { color: #999; border-bottom: 1px solid #DDD; text-align: right; }

/* Webinar */

.webinar { overflow: hidden; }
.webinar h1 { margin: 10px 0 30px 0; }

/* Product */

.product { float: left; margin: 10px; border: 1px solid #DDD; padding: 10px; width: 137px; height:240px; }
.product a { border: 0; padding: 5px 0; text-decoration: none; }
.product select { width: 130px; }

#relatedProducts .product { width:  130px; }

.product-name { font-size: 1em; font-weight: 700; text-align: center; display: block; height: 200px;}
.product-img { float: left; width: 125px; border-bottom: 1px solid #DDD; padding: 5px; margin-bottom: 10px; text-align: center; }
.product-img img { width: 100px; height: 100px; }
.product-price { font-weight: 700; font-size: 1.2em; float: left; width: 100px; }
.product-price del { font-size: .8em; }
.product-price-ex, .product-btw { float: left; font-size: .9em; color: #999; }
.product-right-detail .product-btw { clear: none; }

.product-img-detail { float: left; width: 245px; border: 1px solid #DDD; padding: 5px; margin-right: 30px; }
.product-img-detail img { width: 240px; }
.productDesc { margin-top: 20px; width: 420px; float: left; }
/* .product-right-detail { float: right; text-align: right; } */
.product-price-detail { font-weight: 700; font-size: 2.2em; margin-bottom: 10px; display: block; }

.product-added { background: #dbf8cc; border: 1px solid #afd79b; display: block; padding: 10px; margin-bottom: 10px; color: #3b7447; }

.pager { clear: both; text-align: center; }
.pager li { margin: 0 !important; }
.pager li a { padding: 5px 10px !important; border: 1px solid #DDD !important; }
ul.yiiPager .selected a { background: #CADB2E; }
ul.yiiPager a:link, ul.yiiPager a:visited { color: #888; }

#description img { margin: 10px; }

.speaker { float: left; margin: 5px 5px 15px; width: 129px; height: 135px; text-align: center; }
.speaker img { margin-bottom: 10px; }

.even { background: #EFEFEF; }
.buttons { text-align: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #DDD; }
a.grey {
    background: #666;
    text-shadow: 1px 1px 0 #333;
    color: #FFF !important;
}
a.grey.active { background: #d6de55; text-shadow: 1px 1px 0 #999; }
.button { padding: 5px 15px 7px !important; }
.button_front { padding: 5px 15px 7px; margin: 270px 0 0 899px; position: absolute; }
#prodAmount { margin-bottom: 15px; }

.linkButton {
    margin-top: 25px;
    background-color:#fe7000;
    border: 0;
    display:inline-block;
    color: #FFF!important;
    font-size: 14px!important;
    padding: 9px 24px;
    text-decoration: none!important;
    text-shadow: 1px 1px 0 #fe4500;
    cursor: pointer;
    text-transform: uppercase;
}

input[type="text"], input[type="password"] { border: 1px solid #DDD; padding: 10px; width: 200px; }
input[type="submit"], .btn-next, input[type="button"] {
    background-color:#fe7000;
    border: 0;
    display:inline-block;
    color: #FFF;
    font-size: 14px;
    padding: 9px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fe4500;
    cursor: pointer;
    text-transform: uppercase;
}

.amountButton { padding: 2px 8px !important; }

#shopping-cart-form input[type="submit"], .green {
    background: #d6de55;
    text-shadow: 1px 1px 0 #b0cb50;
}
#shopping-cart tr { border-bottom: 1px solid #DDD; }
input[type="radio"] { margin-right: 5px !important; clear: left; display: block !important; float: left; }

img#yw0 { display: block; clear: right; }
a.green { padding: 5px 15px; font-weight: 300; color: #FFF; }

.label, a#yw0_button { float: left; display: block; width: 130px; color: #666; text-align: left; }

/*======================================================
//      Winkelwagen
======================================================*/

#shopping-cart table { width: 100%; }
#shopping-cart tr th { background: #333; color: #FFF; text-align: left; padding: 5px; }
#shopping-cart td { padding: 5px; }
#shopping-cart a { color: #000; }
#shopping-cart .cart-right { text-align: right; }
#shopping-cart .cart-price { display: inline-block; width: 70px; margin-left: 10px;  }
#shopping-cart-footer { text-align: center; border-bottom: 1px solid #DDD; margin-top: 5px; padding: 10px 0; }
#shopping-cart .total { font-weight: 700; }

.search-products { width: 250px; margin: 0 0 20px 20px; }
.search-products input[type="text"] { width: 111px; float: left; height: 15px; }

.cart-middle input[type="text"] { width: 20px; margin-right: 5px; }
.cart-middle input[type="button"] { margin-right: 1px; }

.ui-tabs .ui-tabs-nav li { list-style: none !important;  }

#ContactForm_verifyCode { clear: both; margin-left: 210px; display: block; }

#tabForm a.grey { width: 44%; margin: 0 1%; display: inline-block; cursor: pointer; }

#logBut {  }

/*======================================================
//      Backend
======================================================*/

.view { padding: 15px; margin: 15px; border: 1px solid #DDD; }

.detail-view {
    text-align: left;
    width: 100%;
    /* color: #FFF; */
}

#seminar-tabs table.detail-view td, #seminar-tabs table.detail-view th { border: 1px solid #DDD; padding: 5px; }

.span-19 { width: 730px; float: left; }
.span-19 ul {margin-left: 5px;padding-left: 10px; margin-bottom: 10px;}
.span-19 ol {margin-left: 5px;padding-left: 10px; margin-bottom: 10px;}

#sidebar-container { float: left; width: 280px; }
#sidebar {
    padding: 15px;
    width: 210px;
    background: #EFEFEF;
    text-align: left;
    margin: 0 20px;
}
#sidebar a {
    text-decoration: underline;
    font-weight: 500;
    font-size: 15px;
    color: #222;
    font-size: 1em;
}
#sidebar img { margin: 0; }
#sidebar .action { float: right; }
#sidebar .speakerPic { width: 40px; }
#sidebar .sponsorPic { width: 90px; }
#sidebar .seminarSpeakers { overflow: hidden; margin: 5px; }
#sidebar .seminarSpeakers img { float: left; }
#sidebar .seminarSpeakers .speakerPicture { float: left; margin-left: 12px; }
#sidebar .seminarSpeakers .speakerName { margin: 11px 10px 13px; float: left; width: 112px; }
#sidebar tr td, #sidebar tr th { border-bottom: 1px solid #DDD;  padding: 5px 10px 5px 5px; vertical-align: top; }

#sidebar ul li {
    list-style: none;
    margin: 0;
    padding: 5px 0 5px 0;
    background: url(../img/arrow_side.png) no-repeat 195px 12px;
}
#sidebar ul ul li a { display: block; border-bottom: 1px solid #DDD; padding: 5px; text-decoration: none; font-weight: 300; }
#sidebar li a { display: block; border-bottom: 2px solid #DDD; padding: 5px; text-decoration: none; font-weight: 700; }
#sidebar ul li ul a {  color: #999; }
#sidebar ul li ul li {}
#sidebar .go_back { margin: 0 0 10px 15px; display: inline-block; }
#sidebar .buttons { border: 0; margin-top: 0; }

.box {
    width: 210px;
    background: #EFEFEF;
    text-align: left;
    margin: 20px;
    padding: 15px;
}
.box a { text-decoration: none !important; }

#adminSidebar { margin: -115px 0 0 800px; position: absolute; }
#adminSidebar li { list-style: none; float: left; margin: 0; }

.filters input, .filters select {
    padding: 3px;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    max-width: 400px;
}

.filters input[type="text"] { width: auto !important; }
.portlet-decoration { display: none; }

/*======================================================
//      Payment options
======================================================*/

.testing {padding: 21px; margin-left: 175px;}

.pmBcard { background: url(../img/pm-gloss.png) 0 -273px no-repeat !important; }
.pmBamex { background: url(../img/pm-gloss.png) 0 0 no-repeat !important; }
.pmBdiners { background: url(../img/pm-gloss.png)  0 -455px no-repeat !important; }
.pmBdiscover { background: url(../img/pm-gloss.png) 0 -546px no-repeat !important; }
.pmBideal { background: url(../img/pm-gloss.png) 0 -637px no-repeat !important; }
.pmBjcb { background: url(../img/pm-gloss.png) 0 -728px no-repeat !important; }
.pmBmaestro { background: url(../img/pm-gloss.png) 0 -819px no-repeat !important; }
.pmBmc { background: url(../img/pm-gloss.png) 0 -910px no-repeat !important; }
.pmBunionpay { background: url(../img/pm-gloss.png) 0 -1001px no-repeat !important; }
.pmBvisa { background: url(../img/pm-gloss.png) 0 -1274px no-repeat !important; }

.pmBbcmc {background: url(../img/bcmc.png) 0 0px no-repeat !important;}
.pmBdirectEbanking {background: url(../img/directEbanking.png) 0 0px no-repeat !important;}
.pmBelv {background: url(../img/elv.png) 0 0px no-repeat !important;}
.pmBgiropay {background: url(../img/giropay.png) 0 0px no-repeat !important;}

.pmBtrustpay {background: url(../img/trustpay.png) 0 0px no-repeat !important;}
.pmBebanking_FI {background: url(../img/ebanking_FI.png) 0 0px no-repeat !important;}
.pmBdotpay {background: url(../img/dotpay.png) 0 0px no-repeat !important;}

.pmBmultibanco {background: url(../img/multibanco.png) 0 0px no-repeat !important;}
.pmBtrustly {background: url(../img/trustly.png) 0 0px no-repeat !important;}

.pmBqiwiwallet {background: url(../img/qiwiwallet.png) 0 0px no-repeat !important;}

.extra {padding: 25px; margin-left: 175px;}
.pmBPayPal { background: url(../img/icon_paypal.gif) 0 0px no-repeat !important;}
.pmBIncasso { background: url(../img/icon_incasso.jpg) 0 0px no-repeat !important;}
.pmBPrePayment { background: url(../img/icon_pre.jpg) 0 0px no-repeat !important;}