/**
 * Stylesheet for EIC
 *
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	Bramus! <bramus@netlash.com>
 */

/**
 * = Global reset
 * ----------------------------------------------------------
 */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		/* outline: 0; */
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

	body {
		line-height: 1;
		color: black;
		background: white;
	}

	ol, ul {
		list-style: none;
	}

	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left;
		font-weight: normal;
	}

	em {
	    font-style: italic;
	}

	strong {
	    font-weight: 700;
	}

	small{
		font-size: 9px;
	}

/**
 * = Primary selectors
 * ----------------------------------------------------------
 */

	body {
		font: 300 12px/1.4 "Trebuchet MS", Trebuchet, Arial, sans-serif;
		background: #7e7c69 url(../images/background.gif) repeat-x top left;
		padding: 0 0 20px 0;
		/* letter-spacing: 0.10px; */
	}

	h1, h2, h3, h4, h5, h6, #header span {
		font-weight: 700;
		line-height: 1.2;
	}

	#header h1 a, #header span a {
		text-decoration: none;
	}

	#header h1, #header span.sitetitle {
		font-size: 45px;
		padding: 0 0 0 10px;
		font-family: "ITC Officina Serif Bold", "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		letter-spacing: -1px;
	}

	h1 {
		font-size: 28px;
		padding: 0 0 12px 0;
	}

	#home h2, h1 {
		font-size: 22px;
		padding: 0 0 10px 0;
	}

	#home h3, h2, #newsdetail h1, #eventdetail h1, #blog h1, #blogdetail h1, #catalog h1 {
		font-size: 24px;
		padding: 0 0 8px 0;
		color: #840606;
		font-weight: 300;
	}

	#home h4, h3, #blog h3, #news h2, #events h2, #newsdetail h2, #blog h2 {
		font-size: 15px;
		padding: 0 0 5px 0;
	}

	#news h2{
		padding: 0;
	}

	#blog h2{
		margin: 0 0 10px 0;
	}

	#home h5, h4, #home #bloghome div.text h3, #blog h3 {
		font-size: 13px;
		padding: 0 0 4px 0;
	}

	p {
		font-size: 12px;
		padding: 0 0 18px 0;
		font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
		line-height: 1.4em; /* Safari 3 */
	}

	ul, ol {
		padding: 0 0 18px 25px;
		font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
		line-height: 1.4em; /* Safari 3 */
	}

	ul li {
		list-style: square;
		padding: 0 0 4px 0;
	}

	ol li {
		list-style-type: decimal;
		padding: 0 0 4px 0;
	}

	ul ul, ul ol, ol ul, ol ol {
		padding-bottom: 0;
	}

	blockquote {
		font-style: italic;
		padding: 0 0 0 25px;
	}

/**
 * = RounderCorners
 * ----------------------------------------------------------
 */

 	.rounded {
 		position: relative;
 	}

	.ctl, .ctr, .cbr, .cbl {
		display: block;
		height: 16px;
		width: 16px;
		position: absolute;
	}

	.ctl {
		background: transparent url(../images/ctl.png) no-repeat top left;
		top: 0;
		left: 0;
	}

	.ctr {
		background: transparent url(../images/ctr.png) no-repeat top left;
		top: 0;
		right: 0;
	}

	.cbr {
		background: transparent url(../images/cbr.png) no-repeat top left;
		bottom: 0;
		right: 0;
	}

	.cbl {
		background: transparent url(../images/cbl.png) no-repeat top left;
		bottom: 0;
		left: 0;
	}

	br.clear{
		clear: both;
	}

/**
 * = Clearfix
 * ----------------------------------------------------------
 */

	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

/**
 * =  Firefox Fixes
 * ----------------------------------------------------------
 */

	/* force scrollbar */
	/**::-moz-any-link html,*/ html {
		min-height: 100%;
		margin-bottom: 1px;
	}

	/* remove big outlines on links */
	/**::-moz-any-link a,*/ a {
		overflow: hidden;
	}

/**
 * = Links
 * ----------------------------------------------------------
 */

	a:link {
		color: #840606;
	}

	a:visited {
		color: #840606;
	}

	a:hover {
		color: black;
	}

	a:active {

	}

/**
 * = Page structure
 * ----------------------------------------------------------
 */

	#container {
		width: 946px;
		margin: 0 auto;
	}

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

	#header {
		padding: 0;
		margin: 0;
		height: 250px;
		border-bottom: 1px solid #d9d9d9;
		position: relative;
		background: transparent url(../images/header.jpg) no-repeat top left;
	}

	#header h1, #header span.sitetitle {
		position: absolute;
		top: 54px;
		left: 20px;
	}

	#header h1, #header span.sitetitle {
		display: block;
		width: 196px;
		height: 176px;
	}

	#header h1 a, #header span.sitetitle a {
		width: 196px;
		height: 176px;
		display: block;
		overflow: hidden;
		background: url(../images/logo.png) no-repeat top left;
		text-indent: -9000px;
	}

	div.print_logo{
		display: none;
	}

/**
 * = Footer
 * ----------------------------------------------------------
 */

	#footer {
		/* width: 960px; WILL.IT.BLEND? */
		clear: both;
	}

	#footer ul {
		float: left;
		padding: 10px 5px 20px 240px;
	}

	#footer li {
		float: left;
		padding: 0 10px 0 0;
		list-style: none;
		font-size: 11px;
		line-height: 1;
		color: #fff;
	}

	#footer li.last {
		padding-right: 0;
		border: none;
	}

	#footer li a {
		color: #fff;
	}

/**
 * = Search
 * ----------------------------------------------------------
 */

	#search {
		float: right;
		padding: 2px 10px;
		display: none;
	}

/**
 * = Language
 * ----------------------------------------------------------
 */

	#language {
		float: right;
		width: 300px;
	}

	#language ul {
		float: right;
	}

	#language li {
		float: left;
		list-style: none;
		margin: 0 10px 0 0;
	}

	#language li a {
		background: #FFF;
		border: 1px solid #d9d9d9;
		padding: 4px 5px;
		text-decoration: none;
		display: block;
	}

	#language li.selected a {
		font-weight: 700;
		background: #FCC;
	}

/**
 * = Navigation
 * ----------------------------------------------------------
 */

	#navigation {
		width: 506px;
		position: absolute;
		bottom: 34px;
		left: 240px;
	}

	#navigation ul {
		padding: 0;
		float: left;
	}

	#navigation ul li {
		height: 75px;
		width: 60px;
		list-style: none;
		float: left;
		padding: 0 20px 0 0;
	}

	#navigation ul li a {
		display: block;
		height: 75px;
		width: 60px;
		line-height: 20px;
		display: block;
		text-decoration: none;
		font-size: 13px;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
		background-position: left bottom;
		background-repeat: no-repeat;
		color: #000;
	}
	#navigation ul li a:hover {
		text-decoration: underline;
	}

	#navigation ul li#nav_405 a {
		background-image: url(../images/mnuNews.jpg);
	}

	#navigation ul li#nav_406 a {
		background-image: url(../images/mnuView.jpg);
	}

	#navigation ul li#nav_407 a {
		background-image: url(../images/mnuInfo.jpg);
	}

	#navigation ul li#nav_423 a {
		background-image: url(../images/mnuB2B.jpg);
	}


	#navigation ul li#nav_436 a {
		background-image: url(../images/mnuBlog.jpg);
	}

	#navigation ul li.selected a {
		color: #840606;
	}


/**
 * = Main
 * ----------------------------------------------------------
 */

	#main {
		padding: 10px 0 10px 0;
		background: #fff url(../images/mainCornerBottomLeft.gif) no-repeat right bottom;
	}

	#home #main {
		padding-top: 41px;	/* breadcrumbs are not shown, enforce top padding */
	}

/**
 * = Subnavigation
 * ----------------------------------------------------------
 */

	#subnavigation {
		float: left;
		width: 188px;
		padding: 0 32px 20px 20px;
	}

	/**
	 * = Subnavigation.nav
	 * ----------------------------------------------------------
	 */

	#subnavigation.nav ul {
		margin: 0;
		padding: 0;
	}

	#subnavigation.nav ul li {
		list-style: none;
		margin: 0;
		padding: 0;
		font-size: 11px;
	}

	#subnavigation.nav ul li a {
		padding: 5px 10px;
		background: #FFF;
		display: block;
		text-decoration: none;
		color: #000;
	}

	#subnavigation.nav ul li.selected a {
		background: #9A0606;
		color: #FFF;
		font-weight: 700;
	}

	#subnavigation.nav li ul {
		padding: 0;
	}

	#subnavigation.nav ul li.selected ul li {
		border: none;
	}

	#subnavigation.nav li a:hover {
		background: #b6b6b6;
		color: #FFF;
	}

	#subnavigation.nav ul li.selected ul li a {
		background: #747474;
		padding: 5px 10px 5px 20px;
		font-weight: 300;
	}

	#subnavigation.nav ul li.selected ul li:hover a,
	#subnavigation.nav ul li.selected ul li.selected a {
		background: #6a6a6a;
	}



	#subnavigation.nav ul li.selected ul li.selected ul li a {
		background: #b2b2b2;
		padding: 5px 10px 5px 40px;
		font-weight: 300;
	}

	#subnavigation.nav ul li.selected ul li.selected ul li.selected a,
	#subnavigation.nav ul li.selected ul li.selected ul li:hover a {
		background: #9c9c9c;
	}

	#subnavigation.nav ul li.selected ul li.selected a,
	#subnavigation.nav ul li.selected ul li.selected ul li.selected a {
		font-weight: 700;
	}

	/**
	 * = Subnavigation.home
	 * ----------------------------------------------------------
	 */

	#subnavigation.home #nieuwsbrief {
		padding: 0 10px 8px 10px;
	}

	#subnavigation.home p {
		font-size: 11px;
	}

	#subnavigation.home #nieuwsbrief label {
		color: #5d5c4e;
		display: block;
		padding-bottom: 2px;
	}

	#subnavigation.home #nieuwsbrief input {
		width: 138px;
		font-size: 11px;
		float: left;
		margin: 0 5px 0 0;
		border: 1px solid #e6e5e5;
		padding: 3px;
		line-height: 1;
	}

	#subnavigation.home #nieuwsbrief input#nieuwsbriefFormSubmit {
		width: 17px;
		height: 18px;
		padding: 0;
		margin: 1px 0 0 0;
		border: 0;
	}

	#subnavigation.home .indekijker {
		padding: 10px;
		background: #ededea;
	}

	#subnavigation.home .indekijker h4, #subnavigation.home .indekijker p {
		color: #840606;
	}

	/*
	#subnavigation.home .indekijker img {
		float: right;
	}
	*/

	#subnavigation.home .indekijker p {
		color: #000;
	}

	#subnavigation.home .indekijker strong a {
		color: #000;
	}

/**
 * = Content
 * ----------------------------------------------------------
 */

	#content {
		width: 406px;
		float: left;
		padding: 0 34px 20px 0;
		background: #fff;
		min-height: 400px;
		height: auto !important;
		height: 400px;
	}

	#content_all {
		width: 666px;
		float: left;
		padding: 0 0 20px 0;
		background: #fff;
		min-height: 400px;
		height: auto !important;
		height: 400px;
	}

/**
 * = Secondary Content
 * ----------------------------------------------------------
 */

	#secondarycontent {
		width: 238px;
		float: left;
		margin: 0;
		padding: 0 22px 0 0;
	}

	#secondarycontent .indekijker {
		background: #840606;
		color: #fff;
		padding: 17px;
		margin-bottom: 10px;
		width: 204px;
	}

	#secondarycontent #jumptoView {
		background: #c4c3ba;
		color: #fff;
		margin-bottom: 10px;
		width: 238px;
	}

	#secondarycontent #jumptoB2B {
		background: #000;
		color: #fff;
		margin-bottom: 10px;
		width: 238px;
	}

	#secondarycontent #jumptoView a, #secondarycontent #jumptoB2B a {
		display: block;
		color: #fff;
		text-decoration: none;
		height: 34px;
		padding: 17px 17px 17px 70px;
		background-position: 10px 50%;
		background-repeat: no-repeat;
	}

	#secondarycontent #jumptoView a {
		background-image: url(../images/jumptoView.gif);
	}

	#secondarycontent #jumptoB2B a {
		background-image: url(../images/jumptoB2B.gif);
	}

	#secondarycontent #jumptoView a:hover, #secondarycontent #jumptoB2B a:hover {
		text-decoration: underline;
	}

	#home #secondarycontent #blog{
		margin: 10px 0 0 0;
	}

	#secondarycontent #blogView{
		width: 208px;
		background: #840606;
		padding: 20px 10px 19px 20px;
	}

	#secondarycontent #blogView div{
		background: #840606;
		display: block;
		color: #fff;
		text-decoration: none;
	}

	#secondarycontent #blogView p{
		padding-bottom: 4px;
		margin: 0;
	}

	#blogView span.blogTitle{
		color: white;
		font-weight: bold;
		display: block;
		padding: 0;
		font-size: 1.4em;
	}

	#blogView span.blogTitle a{
		text-decoration: none;
	}

	#blogView span.blogTitle a:hover{
		text-decoration: underline;
	}

	#blogView span.author{
		font-style: italic;
		display: block;
		padding: 10px 0 0 0;
	}

	#blogView span.date{
		display: block;
		padding: 0 0 9px 0;
		font-size: 0.9em;
	}

	#blogView img.left{
		padding: 0 5px 5px 0;
	}

	#blogView img.right{
		padding: 0 5px 5px 0;
	}

/**
 * = Breadcrumb
 * ----------------------------------------------------------
 */

	div#breadcrumb {
		font-size: 11px;
		padding: 5px 0 25px 0px;
		color: #000;
		background: #fff;
		width: 460px;
		font-family: Arial;
	}

	#home div#breadcrumb {
		display: none;
	}

	div#breadcrumb a {
		color: #000;
		font-weight: 700;
	}

	div#breadcrumb a:hover {
		color: #333;
	}

/**
 * = Forms
 * ----------------------------------------------------------
 */

	form {
		padding: 0 0 20px 0;
	}

	label {
		color: #000000;
		font-size: 11px;
	}

	form dl dt {
		padding: 0 0 2px;
		font-weight: 700;
	}

	form dl dd {
		padding: 0 0 8px 0;
	}

	input, textarea {
		padding: 2px;
		font-family: inherit;
		font-size: inherit;
		border: 1px solid #E6E5E5;
	}

	textarea {
		height: 80px;
		width: 400px;
	}

	input.input-textfield, input.input-password {
		border: 1px solid #ABABAB;
		padding: 3px 2px;
	}

	input.input-submit {
		background: #808080;
		color: white;
		padding: 4px 6px;
		border: none;
	}

	textarea.input-textarea {
		padding: 3px 2px;
		border: 1px solid #ABABAB;
	}

	#name {
		width: 200px;
	}

	#email {
		width: 200px;
	}

	#message {
		width: 400px;
		height: 150px;
	}

	input.text_error,
	input.input-textfield-error,
	textarea.input-textarea-error {
		border: 1px solid red;
		padding: 3px 2px;
	}


	.form-error {
		display: block;
		padding: 5px 0 0 0;
		color: red;
		font-size: 11px;
	}

	.form-success {
		color: green;
		display: block;
		background: #CFC;
		padding: 8px;
		border: 1px solid green;
		margin: 0 0 10px;
	}

	#titel, #genre {
		width: 380px;
		padding: 3px 2px;
		border: 1px solid #ABABAB;
	}

	#genre {
		width: 385px;
		overflow: visible;
	}

/**
 * = Pagination
 * ----------------------------------------------------------
 */

	.pagination ul {
		padding: 0 0 5px 0;
		z-index: 2;
		overflow: hidden;
	}
	.pagination li {
		float: left;
		list-style: none;
		margin: 0 5px 0 0;
		text-decoration: none;
		padding: 0;
		line-height: 15px;
		font-size: 12px;
	}
	.pagination li span {
		float: left;
		border: 1px solid blue;
		display: block;
		padding: 3px 5px;
		background: blue;
		color: white;
	}
	.pagination li a:link,
	.pagination li a:visited {
		float: left;
		display: block;
		padding: 3px 5px;
		border: 1px solid #DDD;
	}

	li.ellipsis span {
		padding: 4px 6px;
		border: none;
		background: none;
		color: black;
	}

	.pagination li a:hover,
	.pagination li a:active {
		background: #FFC;
	}

	.nextpage, .previouspage, .firstpage, .lastpage {
		font-size: 11px !important;
	}

	.pagination li.previouspage a span {
		padding: 0;
		color: inherit;
	}

	/* Next page and previous page "buttons" */

	.pagination li.nextpage {
		margin-left: 15px;
	}
	.pagination li.previouspage {
		margin-right: 15px;
	}

	/* Last and first page "buttons" [optional] */

	.pagination li.firstpage {
		margin-right: 35px;
	}
	.pagination li.lastpage {
		margin-left: 35px;
	}

	.pagination li.previouspage span {
		background: none;
		color: #808080;
		border: none;
		padding: 4px 6px;
	}

	.pagination-wrap {
		width: 100%;
		overflow: hidden;
	}

	.pagination {
		float: left;
		position: relative;
		left: 50%;
	}

	.pagination ul{
		position: relative;
		left: -50%;
	}

	p.paginationlocation {
		clear: both;
		color: #808080;
		font-size: 11px;
		text-align: center;
		padding: 0;
	}

/**
 * = News
 * ----------------------------------------------------------
 */
	div.newsarticle {
		padding: 0 0 18px 0;
		clear: both;
		margin-bottom: 10px;
	}

	div.newsarticle h4, div.newsarticle h2 {
		padding: 0;
		font-size: 18px;
		font-weight: 300;
	}

	div.newsarticle h2 {
		font-weight: 700;
		color: #840606;
	}

	div.newsarticle h4 a, div.newsarticle h2 a {
		color: #000;
		text-decoration: underline;
	}

	div.newsarticle h4 a:hover, div.newsarticle h2 a:hover {
		text-decoration: underline;
	}

	div.newsarticle p {
		padding: 0;
	}

	div.newsarticle div.newscontent p {
		padding: 0 0 18px 0;
	}

	div.newsarticle p.date {
		font-size: 0.95em;
		font-style: italic;
		padding: 0 0 10px 0;
	}

	div.newsarticle p.newsReadMoreLink{
		color: #840606;
	}
	div.newsarticle p.newsReadMoreLink a, p.newsArchiveLink a  {
		color: #840606;
		text-transform: lowercase;
	}

	p.newsArchiveLink{
		border-top: 1px solid #dfdedc;
		text-transform: uppercase;
		padding-top: 8px;
	}

	p.newsArchiveLink a{
		text-transform: uppercase;
	}

	#home #news {
		margin-bottom: 28px;
	}

	#newsdetail h1 {
		padding: 0;
	}

	#newsdetail div.newscontent {
		padding: 0 0 10px 0;
	}

/**
 * = Laatste Releases
 * ----------------------------------------------------------
 */

	#laatsteReleases {
		padding-bottom: 25px;
	}

	#laatsteReleases h3 {
		font-size: 18px;
		color: #000;
		margin-bottom: 10px;
	}

	#laatsteReleases .release {
		padding-bottom: 25px;
	}

	#laatsteReleases .release img {
		float: left;
		margin-right: 15px;
	}

	#laatsteReleases .release p {
		padding: 0;
	}

	#laatsteReleases .release h4, #laatsteReleases .release h4 a {
		font-size: 14px;
		color: #000;
		text-decoration: none;
	}

	#laatsteReleases .release h4 a:hover {
		text-decoration: underline;
	}

	#laatsteReleases .release p.releaseReadMoreLink a {
		color: #000;
	}



/**
 * = Video on demand
 * ----------------------------------------------------------
 */


 div.video_on_demand img{
 	float: left;
 	margin: 0 10px 20px 0;
 	border: 1px solid #c7c7c7;
 }

 div.video_on_demand h2{
 	clear: both;
 }


/**
 * = Back links
 * ----------------------------------------------------------
 */

	p.backlink {
		clear: both;
		float: right;
		color: #840606;
	}

	p.backlink a {
		background: #FFF;
		padding: 3px;

		text-decoration: underline;
		color: #840606;
	}

	p.backlink a:hover {
		text-decoration: underline;
	}


/**
 * = Newsletter subscription form
 * ----------------------------------------------------------
 */

	#newsletterSignup ul {
		padding: 0;
	}

	#newsletterSignup ul li {
		list-style: none;
	}




/**
 * = Blog
 * ----------------------------------------------------------
 */

#home #blog {
	margin: 0;
	width: 238px;
	color: #840606;
}

#home #blogView{
	color: white;
	font-weight: normal;
}

#home #blogView a{
	color: white;
}


#blog table.datagrid{
	float: left;
	margin: 0 0 0 1px;
	padding: 0;

}

div.blogpost {
	margin: 0 0 16px 0;
}

.blogpost div.text {
	padding: 5px 0 5px 0;
	width: 400px;
}

#home div.blogpost h3.blogposttitle {
	padding: 0;
}

div#blogarchive{
	margin-right: 10px;
}

div#blogarchive-mini {
	width: 170px;
	float: left;
	border: 1px solid #D9D9D9;
	background: #fff;
	padding: 10px;
}

#blogarchive table {
	float: left;
	font-family:Arial,sans-serif;
	margin: 0 20px 0 0;
	padding: 1px 1px 0 1px;
	width: 430px;

}
#blogarchive table tfoot {
	display: none;
}
#blogarchive table td {
	border: 1px solid #EEE;
}

#blogarchive table th {
	border: none;
	font-size: 10px;
	color: #808080;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: 1px solid #EEE;
	background: none;
}

.blogform h3, .blogcomments h3 {
	color: #333;
}

.blogcomments h4.commenttitle {
	font-size: 11px;
	font-weight: 300;
}

.blogcomments p.author {
	font-size: 11px;
	font-weight: 700;
}


div.blog_width table.datagrid{
	border-collapse: collapse;
	width: 430px;
}

#blog {
	float: left;
	width: 450px;
	margin: 0 20px 0 0;
	overflow: hidden;
}
#blogdetail {
	overflow: hidden;
	width: 470px;
	float: left;
}
/* Minimum breedte voor blog is 450px */

p.date{
	font-size: 10px;
	height: 13px;
	padding: 0 0 2px 0;
}
div.meta {
	background: #E6E4E5;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	margin: 0px 0 20px 0;
	font-style: italic;
}
div.meta p {
	font-size: 11px;
	line-height: 1.5;
	padding: 2px 4px;
}
#blogdetail h1 {
	padding: 0 0 10px 0;
}

#blogdetail div.meta{
	margin: 10px 0 7px 0;
}

div.blogcomment {
	margin: 0 0 18px 0;
	border-bottom: 1px solid #DDD;
	position: relative;
}

div.blogcomment img.gravatar {
	position: absolute;
	top:0;right:0;
}

div.blogform #website {
	width: 200px;
}

div.blogform #subject {
	width: 200px;
}

/**
 * = Linkbutton
 * ----------------------------------------------------------
 */

a.linkbutton {
	border: 1px solid #E5EAF7;
	background: #FFF;
	padding: 3px 8px;
	display: block;
	float: left;
	font-weight: 700;
	margin: 0 10px 0 0;
}

/**
 * = Faq
 * ----------------------------------------------------------
 */
#faqdetail dt {
	padding: 0;
	clear: both;
}

#faqdetail dt p {
	font-weight: 700;
	padding: 0 0 5px 0;
}

#faqdetail dd {
	border-bottom: 1px solid #DEDEDE;
	margin: 0 0 10px 0;
	clear: both;
}

/**
 * = Guestbook
 * ----------------------------------------------------------
 */

dt.guestbook-comment-author,
dt.blog-comment-author {
	font-size: 11px;
	padding: 0 0 2px 0;
	height: 40px;
	color: #6b7982;
}
dt.guestbook-comment-author p {
	position: relative;
	top: 15px;
	padding: 0;
}
dd.guestbook-comment-message,
dd.blog-comment-message {
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #EEE;
	margin: 0 0 10px 0;
}
p.form-moderation {
	padding: 5px;
	border: 1px dotted #808080;
	font-weight: 700;
	text-align: center;
	margin: 0 0 10px 0;
	background: #fffae2;
	color: #808080;
}
.hidden {
	display: none;
}
/**
 * = Login
 * ----------------------------------------------------------
 */

div.error-report p {
	padding: 10px;
	background: red;
	color: white;
	font-weight: bold;
	margin: 0 0 18px 0;
}

/**
 * = Tables
 * ----------------------------------------------------------
 */

table {
	font-family: Arial, sans-serif;
	margin: 0 10px 20px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
}

table td, th {
	padding: 5px 10px;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

table th {
	font-weight: 700;
	background: #e5eaf7;
	color: black;
}

tr.rowOdd {
	background: white;
}

td.rechts{
	text-align: right;
}

tr.rowHeader td{
	font-weight: bold;
}

/*tr.rowEven {
	background: #f1f5fa;
}*/

/**
 * = Links module
 * ----------------------------------------------------------
 */

#linkscategories table, #linksdetail table {
	margin: 0 0 20px;
	border: none;
	width: 100%;
	border-top: 1px solid #EEE;
}
#linkscategories table td, #linksdetail table td {
	border:none;
	border-bottom: 1px solid #EEE;
	padding: 10px 2px;
}

#linksdetail h2, #linkscategories table td h2 {
	font-size: 12px;
	padding: 0;
}

td.linkname {
	width: 30%;
}

td.linkdescription {
	width: 60%;
}

/**
 * = Image classes
 * ----------------------------------------------------------
 */

img.left {
	float: left;
	padding: 0 10px 10px 0;
}
img.right {
	float: right;
	padding: 0 0 10px 10px;
}
img.centered {
	margin: 0 auto;
	text-align: center;
	padding: 0 0 10px;
}


object, embed {
	display: block;
}

/**
 * = Photo album
 * ----------------------------------------------------------
 */


#gallery div.galleryalbum {

}

div.galleryalbum {
	padding: 0 0 20px 0;
}

div.galleryalbum ul {
	clear: both;
	padding-left: 0;
}

li.photo {
	float: left;
	padding: 7px 7px 21px;
	background: white;
	border: 1px solid #CCC;
	margin: 0 12px 12px 0;
	text-align: center;
	list-style: none;
}

li.photo p {
	padding: 0;
}
li.photo p a {
	text-decoration: none;
}


#galleryimage ul {
	position: relative;
	width: 670px;
	padding: 0 0 10px 0;
}
#galleryimage ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid #e5e5e5;
	padding: 2px;
	font-size: 10px;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#home img {
	max-width: 420px;
}

#content img {
	max-width: 670px;
}

#content #galleryimage ul li a {
	text-decoration: none;
}
#content #galleryimage ul li.previousimage {
	position: absolute;
	left: 0;
	top: 0;
}
#galleryimage ul li.nextimage {
	position: absolute;
	right: 0;
	top: 0;
}
#galleryimage ul li.currentimage {
	margin: 0 auto;
	width: 90px;
	text-align: center;
}

/**
 * = Primary Selectors
 * ----------------------------------------------------------
 */

#catalog h1 {
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 0;
}

#catalog h1 span {
	font-size: 14px;
	text-transform: none;
	display: block;
}

#catalog h2 {
	font-size: 18px;
}

#catalog h3 {
	font-size: 12px;
	text-transform: uppercase;
	padding-bottom: 12px;
	line-height: 1;
}

#catalog h4 {
	font-size: 12px;
	font-weight: 300;
	padding-bottom: 20px;
}

/**
 * = Content : Catalog
 * ----------------------------------------------------------
 */

#catalog .catalogCover {
	float: left;
	margin: 0 10px 7px 0;
}

#catalog p.intro_txt {
	font-style: italic;
}

#catalog p.full_txt {
	padding-top: 10px;
	clear: both;
}

#catalog p.info {
	font-weight: 700;
}

#catalog object, #catalog embed {
	margin-bottom: 18px;
}

/**
 * = Secondary Content : Catalog
 * ----------------------------------------------------------
 */

#catalogInfo, #catalogDetails, #catalogAuthors, #catalogIcons, #catalogPdf{
	background: #f1f0f0;
	color: #000;
	padding: 17px;
	margin-bottom: 10px;
	width: 204px;
}


#catalogLogo img.LimeLights{
	margin: 2px 5px 0px 0px;
}

#catalogLogo img.OrionChannel{
	margin: 22px 12px 0px 0px;
}

#catalogLogo {
	color: #000;
	width: 238px;
	margin-bottom: 10px;
	padding: 10px 0px 0px 0px;
	text-align: right;
	height: 71px;
	background: transparent url(../images/catalogLogo.png) no-repeat top left;
	/* background: #fff;
	border: 1px solid #f1f0f0; */
}

* html #catalogLogo {
	/* background-image: url(/modules/core/layout/images/blank.gif); */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/catalogLogo.png',sizingMethod='scale');
}

#catalogLogo a {
	/* display: block;
	width: 221px;
	height: 71px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;  */
}

#catalogInfo h3, #catalogDetails h3, #catalogAuthors h3, #catalogPdf h3, #catalogIcons h3   {
	font-size: 18px;
	padding: 0 0 5px 0;
	color: #840606;
	font-weight: 300;
}

#catalogInfo dl, #catalogDetails dl {
	width: 204px;
	padding: 0;
	margin: 0;
}

#catalogInfo dt, #catalogDetails dt {
	width: 90px;
	line-height: 18px;
	height: 18px;
	font-weight: 700;
}

#catalogInfo dd, #catalogDetails dd {
	width: 114px;
	line-height: 18px;
	min-height: 18px;
	height: auto !important;
	height: 18px;
	margin-top: -18px;
	margin-left: 90px;
}

#catalogInfo h4, #catalogDetails h4 {
	font-size: 18px;
	padding: 5px 0 0 0;
	color: #000;
	font-weight: 300;
	letter-spacing: -1px;
}

#catalogInfo a, #catalogDetails a {
	color: #000;
}

#catalogInfo ul, #catalogDetails ul, #catalogInfo ul li, #catalogDetails ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#catalogIcons img{
	border: 1px solid #d6d6d6;
}

#catalogPdf ul,
#catalogAuthors ul{
	margin: 0;
	padding: 0;
}

#catalogPdf ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}


#catalogAuthors ul,
#catalogAuthors ul li{
	margin-left: 8px;
	padding-left: 0px;
}

#catalogPdf ul li a,
#catalogAuthors ul li a{
	color: black;
}

/**
 * = B2B
 * -----------------------------------------------------
 */

 	a.btn_b2b{
 		background: transparent url(../images/bg_btn.jpg) no-repeat;
 		width: 150px;
 		height: 45px;
 		display: block;
 		color: white;
 		text-align: center;
 		text-decoration: none;
 		padding: 25px 0 0 0;
 	}

 	 a.btn_b2b:hover{
 		background: transparent url(../images/bg_btn_hover.jpg) no-repeat;
 	}


	ul#b2bselector {
		width: 670px;
		margin: 0 0 30px 0;
		padding: 0;
		list-style: none;
	}

	ul#b2bselector li {
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
		font-size: 1.1em;
	}

	ul#b2bselector li a{
		color: #840606;;
		text-decoration: none;
		margin: 2px 4px 0 0px;
		padding: 0 4px 3px 4px;
		list-style: none;
		display: block;
		float: left;
		font-size: 1.1em;
		background: #E6E4E5;
		color: #840606;
		text-align: center;
		border: 1px solid #dbd9da;
	}

		ul#b2bselector li a:hover{
		color: white;
		background: #9A0606;
	}

	table#b2b-table {
		padding: 0;
		margin: 0;
		width: 636px;
	}

	table#b2b-table tr td{
		vertical-align: top;
	}

	table#b2b-table{
		border-collapse: collapse;
	}
	table#b2b-table thead tr td{
		height: 15px;
	}

	table#b2b-table tr.rowHeader td{
		color: white;
		background: black;
	}

	table#b2b-table tfoot td div{
		text-align: center;


	}

	table#b2b-table th {
		background: #000;
		color: #fff;
	}

	table#b2b-table tr.rowOdd {

	}

	table#b2b-table tr.rowEven {
		/*background: #E6E4E5;*/
	}

	div.paging{
		margin-top: 5px;
		float: right;
		width: 525px;
		text-align: center;

	}

	div.paging-results{
		display: inline;
		margin-top: 3px;
	}

	div.paging-previous,
	div.paging-next{
		padding: 0 25px 0 25px;
		display: inline;
		width: 115px;
	}


	.paging-previous a,
	.paging-next a{
		color: white;
		padding: 2px 4px 2px 4px;
		background: black;
		text-decoration: none;
	}


/**
 * = Spotlight
 * -----------------------------------------------------
 */

	div.spotlight_genre{
		margin: 3px 0 0 0;
	 	padding: 0;
		font-weight: bold;

	}

	div.spotlight_description{
		margin-top: 8px;
	}

	div.spotlight{
		width: 620px;
		clear:both;
		margin-bottom: 15px;
		background: #E6E4E5;
		padding: 10px;
	}

	div.spotlight h2{
	 	margin: 0;
	 	padding: 0;

	}

	div.spotlight h2 a{
		text-decoration: none;
	}

	div.spotlight img{
		float: left;
		padding: 0px 20px 10px 0px;
		margin-bottom: 10px;
	}

	div.spotlight_merch{
		width: 200px;
		display: block;
		float: left;
		padding: 5px 0 0 0;
	}


	#content div.spotlight_merch img{
		max-width: 170px;
	}




/**
 * = Merchandising
 * -----------------------------------------------------
 */

	ul.merchandising{
		margin: 20px 0 0 0;
		padding: 0;
		list-style: none;
		width: 400px;
	}

	ul.merchandising li{
		list-style: none;
		width: 190px;
		float: left;
	}

	ul.merchandising li a{
		height: 21px;
		width: 142px;
		padding: 1px 0 0 6px;
		color: #797878;
		text-decoration: none;
		background: #eaeaea;
		display: block;
	}

	ul.merchandising li a:hover{
		color: white;
		background: #9a0606;
	}

	ul.label{
		margin: 20px 0 0 0;
		padding: 0;
		list-style: none;
	}

	ul.label li{
		list-style: none;
	}

	ul.label li a{
		height: 21px;
		width: 142px;
		padding: 1px 0 0 6px;
		color: white;
		text-decoration: none;
		background: url(../images/bg_label.jpg) no-repeat;
		display: block;
	}

	ul.label li a:hover{
		background: url(../images/bg_label_hover.jpg) no-repeat;
	}