/*
 * Reset
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }
code, pre { font-size: 1em; font-family: Charcoal, 'Courier New', Courier, monospace; }
hr { display: none; }

/*
 * Margins
 */
p, ul, ol, dl, table, address { margin: 0 0 1.3333em; }

/*
 * Hyperlinks
 */
a { color: #00539f; text-decoration: underline; overflow: hidden; }
a:hover, a:focus { text-decoration: none; }
.more { display: block; clear: left; width: 80px; height: 20px; line-height: 20px; font-weight: bold; }
.more a { display: block; background: url(../images/button-small.png) no-repeat 0 0; text-align: center; }

/*
 * General Document Settings
 */
body { font: .75em/1.3333em Helvetica, Arial, sans-serif; color: #666; background: url(../images/background.gif) repeat-y 50% 0; }
#wrap { width: 980px; position: relative; margin: 0 auto; }

/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
h1 { font-size: 1.6666em; line-height: 1.3333em; color: #00539f; margin-bottom: .8em; }

/*
 * Lists
 */
ul li { list-style: none; background: url(../images/bullet.gif) no-repeat 9px .6em; padding-left: 20px; }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 2.2em; }
ol ul li { list-style: disc !important; }
ol li { list-style-type: decimal; }

/*
 * Table
 */
table { border-collapse: separate; width: 100%; background: #f4f4f4; color: #000; border: 1px solid #dcdcdc; }
caption, th, td { text-align: center; font-weight: normal; }
th, td { padding: 5px 7px; vertical-align: middle; }
.last-row td { border: 0; }
.contenttable tbody td { color:#666; }
 
thead th { background: #00539f; font-weight: bold; color: #fff; border: 2px outset #00539F; padding: 5px; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

/* Single */
#single td { border-bottom: 1px solid #dcdcdc; }
#single .image a {border: 1px solid #000; display:block;}
p.news-single-imgcaption {display: none;}

/*
 * Quotes
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
 * Forms
 */
input, select, textarea, button { font-size: .9166em; font-family: Helvetica, Arial, sans-serif; color: #666; }
form fieldset { margin: 0 0 15px 0; }
form ol { margin: 0; }
form ol li, .tx_powermail_pi1_fieldwrap_html { list-style: none; display: inline-block; overflow: hidden; margin-bottom: 2px; }
form ol li, .tx_powermail_pi1_fieldwrap_html { display: block; }
form ol label, .tx-powermail-pi1 label { float: left; width: 140px; position: relative; line-height: 1.4em; }
form ol label em { position: absolute; top: 6px; right: 5px; font-size: 1.166em; }
form ol input, .tx_powermail_pi1_fieldwrap_html input { width: 320px; border: 1px solid #c2cdd8; padding: 2px 4px; }
form ol textarea, .tx_powermail_pi1_fieldwrap_html textarea { width: 320px; border: 1px solid #c2cdd8; padding: 2px 4px; }
form em { color: #00539f; }

.radio { padding: 2px 0 0 0; }
.radio label { float: none; }
.radio input { width: auto; border: 0; }

/* Short Input Fields */
.short input { width: 130px; }

.accept { margin-top: 35px; }
.accept input { width: auto; border: 0; margin-left: 0; vertical-align: middle; }
.accept label { float: none; }
.required-info { font-size: .9166em; }

/* Standard submit Buttons */
.submit { float: right; }
.submit input { border: 1px solid #c2cdd8; background: #fefefe url(../images/submit.gif) repeat-x 0 0; color: #00539f; overflow: visible; padding: 3px 25px; font-weight: bold; cursor: pointer; }
.submit2, .tx_powermail_pi1_fieldwrap_html_submit, .tx-indexedsearch-search-submit { float: left; }
/*.submit2 input*/, .tx_powermail_pi1_fieldwrap_html_submit input, .tx-indexedsearch-search-submit input { border: 1px solid #c2cdd8; background: #fefefe url(../images/submit.gif) repeat-x 0 0; color: #00539f; overflow: visible; padding: 3px 25px; font-weight: bold; cursor: pointer; width: auto; }
.labelMarginLeft { margin-left:140px; }
p.labelMarginLeft { margin-top:10px; }
.tx_powermail_pi1_fieldwrap_html { margin-bottom: 5px; }
.tx_powermail_pi1_fieldwrap_html_submit { display: inline; margin-left: 140px; }

/* Special Buttons */
.button { float: right; height: 34px; line-height: 34px; padding-right: 14px; background: url(../images/button.png) no-repeat 100% 0; border: 0; color: #00539f; font-weight: bold; text-align: center; margin-bottom: 10px; }
.button div { background: url(../images/button.png) no-repeat 0 0; padding-left: 14px; height: 34px; }
.button input { color: #00539f; background: none; border: 0; cursor: pointer; font-size: 1em; font-weight: bold; overflow: visible; }

/* Powermail */
.tx-powermail-pi1 legend { display: none; }
.powermail_mandatory_js { color: red; font-size: .9166em; margin-left: 140px; margin-bottom: 3px; }
.tx-srfeuserregister-pi1-error, .error { margin: 0 0 0 140px; color: red; font-size: .9166em; }

/* Subscribe */
.subscribe .submit { margin-left: 140px; display: inline; padding-top: 10px; }

/* User Registration */
.required-notice {font-size:11px;padding-top:10px;}
.required-notice em {padding-right:10px;}

/*
 * Logo
 */
#logo { margin: 0; background: url(../images/header.png) no-repeat 0 100%; }
#logo a { display: block; width: 181px; height: 64px; background: url(../images/hogrefe-logo.png) no-repeat 0 0; text-indent: -9999px; cursor: pointer; }

/*
 * Nav
 */
#nav { border-bottom: 1px solid #c2cdd8; background: url(../images/nav.gif) repeat-x 0 100%; line-height: 31px; text-align: right; padding-right: 200px; margin: 0; }
#nav li { padding: 0; background: none; display: inline; }
#nav a { text-decoration: none; border-left: 1px solid #c2cdd8; padding: 0 10px; }
#nav li:first-child a, #nav li.first-child a { border: none; }

/*
 * Search
 */
#search { position: absolute; top: 70px; right: 11px; width: 200px; text-align: right; }
#search legend { display: none; }
#search input { height: 20px; vertical-align: middle; }
#search .input-text { background: url(../images/search-text.gif) no-repeat 0 0; border: 0; width: 134px; height: 12px; padding: 4px 8px; }
#search .input-submit { background: url(../images/search-submit.gif) no-repeat 0 0; border: 0; width: 20px; }

/* Search Results */
.tx-indexedsearch-searchbox div { margin-bottom: 5px; }
.tx-indexedsearch-searchbox label { float: left; width: 100px; }
.tx-indexedsearch-searchbox .tx-indexedsearch-search-select-group label { float: none; }
#tx-indexedsearch-selectbox-group { margin-left: 73px; }
.tx-indexedsearch-redMarkup { color: #000; }

/*
 * Pager
 */
.tx-indexedsearch-browsebox ul { display: inline-block; overflow: hidden; }
.tx-indexedsearch-browsebox ul { display: block; }
.tx-indexedsearch-browsebox li { float: left; display: inline; padding: 0; background: none; }
.tx-indexedsearch-browsebox a { float: left; text-decoration: none; padding: 5px; }
.tx-indexedsearch-browsebox a:hover, .tx-indexedsearch-browsebox a:focus { text-decoration: underline; }
.tx-ttnews-browsebox p {padding-left:10px;}

/*
 * Content 
 */
#content { border-top: 8px solid #fff; display: inline-block; overflow: hidden; padding-bottom: 8px; min-height: 600px; height: auto; }
#content { display: block; }
.col { float: left; width: 181px; display: inline; margin-right: 11px; position: relative; z-index: 200; }
.colbig { float: left; width: 181px; display: inline; margin-right: 11px; position: relative; width: 564px; padding: 0 10px; margin-right: 0;}
.last { margin: 0; float: right; width: 197px; }

/*
 * Subnav
 */
#subnav { background: url(../images/subnav.png) no-repeat 0 0; min-height: 180px; font-size: 1.0833em; }
#subnav li { padding: 0; background: none; position: relative; display: inline-block; }
#subnav li { display: block; }
#subnav a { display: inline-block; line-height: 1.3076em; padding: 1px 6px 3px 6px; font-weight: bold; text-decoration: none; }
#subnav a { display: block; }
#subnav a:hover, #subnav a:focus, #subnav .active a { background: #00539f; color: #fff; }

#subnav ul { display: none; }
#subnav li li li { margin-bottom: 0; }
#subnav .active ul { display: block; background: #fff; }
#subnav .active ul ul ul {display: none;}
#subnav .active ul a { background: #fff; color: #000; border-bottom: 1px solid #00539f; }
#subnav ul ul { position: absolute; top: -1px; left: -9999px; border: 1px solid #00539f; border-bottom: 0; width: 181px; margin: 0; }
#subnav ul li:hover ul, #subnav ul li.hover ul { left: 181px; }
#subnav ul ul li:hover ul, #subnav ul ul li.hover ul { left: 181px; display: block; }
#subnav ul ul a { font-weight: normal; }
#subnav .active ul a:hover, #subnav .active ul a:focus, #subnav ul li:hover a, #subnav ul li ul li a:hover, #subnav ul li ul li.active a, #subnav .active ul li.active ul li.active ul li.active a:hover { background: #cbe3f7; color: #00539f; }
#subnav ul li:hover ul a, #subnav .active ul li.active ul a { background: #ffffff; color: #00000; }
#subnav ul li ul li:hover a {background:#CBE3F7 none repeat scroll 0 0; color:#00539F;}
#subnav ul li.active ul li:hover a {background:#CBE3F7 none repeat scroll 0 0; color:#00539F;}

/*
 * Navpath
 */
#navpath { margin: 0 0 10px 0; display: inline-block; overflow: hidden; color: #000; padding-left: 10px; }
#navpath { display: block; }
#navpath li { list-style: none; float: left; }
#navpath a, #navpath span { float: left; display: inline; }
#navpath a { text-decoration: none; padding-right: 10px; background: url(../images/navpath.gif) no-repeat 100% 50%; margin-right: 5px; }

/*
 * Footer
 */
#footer { background: url(../images/footer.png) no-repeat 0 0; width: 584px; height: 16px; text-align: center; font-size: .8333em; margin-left: -10px; position: relative; }
#footer a { color: #666; text-decoration: none; }
#footer a:hover, #footer a:focus { color: #00539f; }

/*
 * Box
 */
.box { margin-bottom: 13px; padding-bottom: 5px; background: url(../images/box-bottom.gif) no-repeat 0 100%; }
.box .title, .box .csc-header { background: #00539f url(../images/box-title.png) no-repeat 0 0; color: #fff; padding: 7px 10px; font-size: 1.166em; line-height: 1.2142em; display: inline-block; }
.box .title, .box .csc-header { display: block; }
.box .title *, .box .csc-header * { font-size: 1em; }
.box .content { border: solid #00539f; border-width: 0 1px; padding: 10px 10px 0 10px; display: inline-block; overflow: hidden; font-size: .9166em; } 
.box .content { display: block; } 
.box .content .img { float:left; margin-right:10px;}

/*
 * Latest News
 */
#latest-news { background: #99bad9 url(../images/box-bottom-news.png) no-repeat 0 100%; color: #fff; }
#latest-news .content { background: #99bad9 url(../images/latest-news.png) repeat-y 0 0; }
#latest-news .news-item { margin-bottom: 14px; }
#latest-news h3 { font-size: 1.0909em; }
#latest-news a { text-decoration: none; }
#latest-news a:hover, #latest-news a:focus { text-decoration: underline; }
#latest-news p { margin: 0; }
#latest-news .news-item div { color: #000; }

/*
* Related products
*/
#related-products div.product-item { display: inline-block; overflow: hidden; margin: 0 0 10px 0; } 
#related-products div.product-item { display: block; } 
#related-products div.product-item div.img { width: 50px; display: inline; margin-right: 10px; }
#related-products div.product-item a { text-decoration: none; font-weight: bold; }
#related-products div.product-item a:hover, #related-products div.product-item a:focus { text-decoration: underline; }

/*
 * Content Box
 */
.content-box { background: url(../images/content-repeat.gif) repeat-y 0 0; width: 584px; margin-left: -10px; margin-bottom: 14px; }
.content-box .inner { background: url(../images/title.png) no-repeat 0 0; padding: 10px 9px 0 9px; display: inline-block; overflow: hidden; }
.content-box .inner { display: block; }
.content-box .bottom { background: url(../images/content-bottom.png) no-repeat 0 0; height: 5px; line-height: 1px; font-size: 1px; }

.content-box h1 { font-size: 1.5em; line-height: 1.1111em; padding-bottom: 7px; border-bottom: 3px double #c2cdd8; }
.content-box h2 { background: url(../images/special-title.png) no-repeat 0 0; width: 562px; margin-left: -9px; color: #00539f; font-size: 1.1666em; padding: 0 11px; line-height: 34px; clear: both; }
.content-box .special-title { background: url(../images/special-title.png) no-repeat 0 0; width: 562px; margin-left: -9px; padding: 0 11px; display: inline-block; overflow: hidden; }
.content-box .special-title { display: block; }
.content-box .special-title h2 { background: none; width: auto; margin: 0; padding: 0; }

/*
 * Single
 */
#single .image { float: left; display: block; background: url(../images/image-overlay.gif) no-repeat right bottom; padding: 0 17px 8px 0;}
#single .text { display: inline-block; overflow: hidden; margin-top: 13px; }
#single .text { display: block; }
#single .author { color: #000; font-size: 1.1666em; font-weight: bold; line-height: 2em; }
#single .image img {}
#congressSingle #single .image {background:none;}

.quantity { width: 34px; text-align: center; color: #000; font-size: 1em; }

.half { float: left; width: 50%; }
.half address { font-style: normal; }

/*
 * List
 */
.item { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #c2cdd8; display: inline-block; overflow: hidden; }
.item { display: block; }
.item a { text-decoration: none; }
.item .image { float: left; display: inline; width: 63px; margin-right: 10px; position: relative; }
.productsList .item .image {width: 49px;}
.item .image i { display: block; width: 49px; height: 23px; background: url(../images/image-overlay-small.png) no-repeat 0 0; position: absolute; right: -11px; bottom: -3px; }
.item .image img { position: relative; z-index: 10;}
.item .image .img { width: 73px; border-top: 1px solid #000; border-left: 1px solid #000; height:110px; overflow: hidden;  }

.item h3, .item h4 { color: #00539f; }
.item h4 { font-weight: normal; margin-bottom: 10px; }

.date { font-size: .9166em; margin: -5px 0 5px 0; }
.item .date { margin-top: 0; } 

/*
 * Home
 */
#home .item { float: left; width: 283px; padding: 0; border: 0; }
#home .image { width: 95px; height: 117px; overflow:hidden; }
#home .image i { width: 111px; height: 119px; background-image: url(../images/image-overlay.gif); }
#home .item .image .overlay { width: 97px; height: 119px; }

/*
 * Total
 */
#total { margin: 0 0 10px 0; font-weight: bold; line-height: 2.5em; border-bottom: 1px solid #c2cdd8; padding-bottom: 2px; }
#total li { padding: 0; background: none; border-bottom: 1px solid #c2cdd8; display: inline-block; overflow: hidden; }
#total li { display: block; }
#total .total-title { float: left; }
#total .total-price { float: right; width: 70px; text-align: right; }
#total .total-price span { float: left; }
#total .final { color: #000; }

#message { padding: 4px; border: 1px solid #c2cdd8; width: 556px; }

/*
 * Sitemap
 */
.csc-sitemap li { background: none; padding: 0; font-weight: bold; }
.csc-sitemap a { display: inline-block; padding: 5px 20px; text-decoration: none; background: #2375BF; color: #fff; border-bottom: 1px solid #fff; }
.csc-sitemap a:hover { background: #00539F; }
.csc-sitemap a { display: block; }

.csc-sitemap ul ul { margin-left: 20px; font-weight: normal; font-size: .9166em; font-weight: normal; }
.csc-sitemap ul ul a { background: #EAEBED; color: #666; }
.csc-sitemap ul ul a:hover, .csc-sitemap ul ul a:focus { background: #CFCFCF; color: #000; }
.csc-sitemap ul ul ul { font-size: 1em; }


/*
 * Faq
 */
.tx-irfaq-pi1 dt { color: #00539F; }


/*
 * Producten table
 */
 #producten table.contenttable {border: 0px;}
 #producten table.contenttable tr td{ background-color: #ffffff; margin:0px!important; padding: 2px!important; border: 0px; text-align: left;}
 #producten table.contenttable tr td p.bodytext { margin: 0px!important; padding: 0px!important; background-color: #ffffff;}

 .dataAdd { width: 270px; padding-right:10px; float:left; }
 .dataAdd ol, .dataAdd p { margin: 0; }
 .dataAdd ol label { width: auto; }
 
 /* Clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { 
	display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Faq */
.faqContainer h2 {
	background: #00539f;
	color: #fff;
	padding: 2px;
	cursor: pointer;
}

.faqContainer {
	padding-bottom: 5px;
}

.faqAccordion {
	padding: 10px;
}

.faqItem {
	padding-bottom: 10px;
}

/* subscribe */
form.subscribe {
	background-color: #efefef;
	border: 1px solid #ccc;
	width: 453px;
	font-family: Verdana, Geneva, sans-serif;
}

form.subscribe p {
	margin: 0 0 0 0;
	padding: 5px;
}

form.subscribe li {
	clear: both;
}

form.subscribe label {
	width: 210px;
	padding: 5px;
}

form.subscribe label.radioLabel {
	width: auto;
	float: none;
}

form.subscribe .short input {
	width: 180px;
	margin: 5px;
	padding: 2px;
	border: 1px solid #ccc;
}

form.subscribe .short input.radioInput {
	width: auto;
}

form.subscribe select {
	width: 185px;
	margin: 5px;
	padding: 2px;
	border: 1px solid #ccc;
}

form.subscribe .submit2 {
	padding-left: 220px;
}

form.subscribe .submit {
	width: auto !important;
	padding: 2px;
	cursor: pointer;
}

form.subscribe .leftPad {
	padding-left: 220px;
}

p.error {
	padding-left: 225px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	font-size: 9px;
}

/* ALL PRODUCTS LIST */
.allProducts {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
	background: url(../images/allprod_back.gif) 0 0 repeat-y;
}

.allProducts li {
	float:left;
	width:165px;
	background-image: none;
	padding: 5px 10px;
	
}
.allProducts li li {
	float:none;
	width:auto;
	padding: 5px 0;
	border-right: none;
}
.allProducts li a {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}

.allProducts li li a {
	font-size: 12px;
	font-weight: normal;
}

.allProducts li li li a {
	color: #666;
}

.allProducts li li li {
	padding-left: 12px;
	background: url(../images/arrow.gif) 0 7px no-repeat;
	padding: 2px 0 2px 10px;
}

.big .csc-textpic-text p.align-center {text-align:center;}
.big .csc-textpic-text p.align-right {text-align:right;}
.big .csc-textpic-text p.align-left {text-align:left;}

.big p.align-center {text-align:center;}
.big p.align-right {text-align:right;}
.big p.align-left {text-align:left;}

/********* POWERMAIL Proeftest*************/
body#form .tx_powermail_pi1_fieldwrap_html p {font-weight:bold; margin:0px;}
body#form .tx_powermail_pi1_fieldwrap_html label {font-weight:normal; width:180px}
body#form #powermaildiv_uid20 label {float:none; display:block; font-weight:bold;}
body#form #powermaildiv_uid20, body#form #powermaildiv_uid21 {margin-bottom:10px;}
body#form #powermaildiv_uid21 label {font-weight:normal;}
body#form #powermaildiv_uid21 div, body#form #powermaildiv_uid22 div {clear:both; padding-top:3px}
body#form #powermaildiv_uid21 input,body#form #powermaildiv_uid22 input {width:auto;}
body#form #powermaildiv_uid21 p,body#form #powermaildiv_uid22 p {margin-bottom:5px;}
body#form .powermail_mandatory_js {margin-left:0px;}
body#form .tx_powermail_pi1_fieldwrap_html_submit {margin-left:0px;}
body#form .tx_powermail_pi1_fieldwrap_html .powermail_submit { text-align:center; float:left; background:#999; border:none; color:#FFF; font-size:12px; font-weight:bold; padding:3px 7px 3px 7px; margin-top:5px; margin-bottom:7px; width:300px;}

body#actie td{text-align:left;}

/*tt news related products*/
.product-item .img i {
background:transparent url(../images/image-overlay-small.png) no-repeat scroll 0 0;
bottom:-3px;
display:block;
height:23px;
position:absolute;
right:-11px;
width:49px;
}

.product-item .img {
display:inline;
float:left;
margin-right:10px;
position:relative;
}

.product-item .img img {
border:1px solid #000000;
position:relative;
z-index:10;
}

#tipafriend div label{
float:left;
line-height:1.4em;
position:relative;
width:140px;
}

#tipafriend div input{
border:1px solid #C2CDD8;
padding:2px 4px;
width:320px;
margin-bottom:5px;
}

#tipafriend p input.submit{ 
border:1px solid #C2CDD8;
padding:2px 4px;
width:320px;
float:none;
margin-left:140px;
}

/*FAQ contact form*/
#powermaildiv_uid56 {float:right;}
#powermaildiv_uid56 input {width:100px; margin-right:94px;}


/*Log out button*/
ul#nav form, ul#nav input {
	margin:0px;
	padding:0px;
	display:inline;
}

ul#nav form input {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	margin-top:11px;
	font-size:1em;
	font-weight:normal;
	color:#00539F;
	cursor: pointer
}

ul#nav form span{
	border-left:1px solid #C2CDD8;
	padding-left:7px;
}

/*powermail all confirmation screen*/
table.contenttable td.powermail_all_td {
	text-align:left;
}

/* filter */
#productsFilterTop {
	float:left;
	display:block;
	width: 200px;
	position:absolute;
	top:12px;
	left:530px;
}

#mailplus .mpFormTable { border: 1px solid #CCCCCC; width: 453px; font-family: Verdana,Geneva,sans-serif; }
#mailplus form input { border: 1px solid #CCCCCC; margin: 5px; padding: 2px; }
#mailplus .mpFormLabel { padding: 5px; float: left; text-align: left; width: 177px; }
#mailplus .mpFormField { /*padding: 5px;*/ float: left; text-align: left; width: 180px; } 
#mailplus .mpFormField input { width: 180px; }
#mailplus .mpRadioButtonInput { width: 20px; padding: 0; }
#mailplus .mpRadioButtonInput input { width: auto; border: 0; }
#mailplus .mpRadioButtonText { text-align: left; } 
#mailplus table { border: 0; background-color: #EFEFEF; }
#mailplus .submitCell { padding-bottom: 15px; } 
#mailplus th, td { padding: 0; }
#mailplus table { margin: 0; color: #666666; }

/* Twitter Follow Us - example from go2web20 - this fixes the crash in IE7 */
#twitterFollow .twitterbutton {	position: fixed; top: 360px; left: 0; width: 30px;  height: 119px; z-index:9987; cursor: pointer; text-indent: -9999px; background-color: #00539F; background-image: url(../images/follow-us-twitter.png); background-position: right top; }