/* general styles */
body,
html
{
	font-family:			"Trebuchet MS", Helvetica, Jamrul, sans-serif;
	font-size:				13px;
	line-height:			22px;
	margin:					0px;
	width:					100%;
}
hr
{
	border:					none!important;
	display:				none;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	margin-top:				0px;
}
h1
{
	font-size:				35px;
	line-height:			35px;
	color:					#007ABE;
	margin-bottom:			5px;
}
h2
{
	font-size:				22px;
	font-style:				italic;
	font-weight:			normal;
	line-height:			35px;
	color:					#007ABE;
	margin-bottom:			5px;
}
h3
{
	font-size:				20px;
	font-style:				italic;
	font-weight:			normal;
	line-height:			25px;
	color:					#007ABE;
	margin-bottom:			5px;
}
h4,
h4 a
{
	font-size:				15px;
	font-style:				italic;
	line-height:			25px;
	color:					#007ABE!important;
	text-decoration:		none!important;
	margin-bottom:			0px;
}
h4.results-topic
{
	clear:					both;
}
.left-col-grey-inner h2,
.left-col-grey-inner h2 a,
h5
{
	font-weight:			bold;
	font-style:				normal!important;
	font-size:				11px;
	line-height:			18px;
	color:					black!important;
	text-decoration:		none;
}
h6
{
	font-size:				12px;
	font-style:				italic;
	font-weight:			normal;
	line-height:			18px;
	color:					#007ABE;
	margin-bottom:			5px;
}
a:active,
a:visited,
a:hover,
a:link
{
	color:					#000000;
	font-style:				italic;
	text-decoration:		underline;
}

a:hover
{
	color:					#007ABE;	
}
a.more:active,
a.more:visited,
a.more:hover,
a.more:link
{
	font-style:				12px;
	font-weight:			bold;
	font-style:				normal;
	color:					#007ABE;	
	text-decoration:		none;
}
a.more:hover
{
	text-decoration:		underline;
}
#body-left-col a
{
	color:					#666666;
}
/* site specific classes */
#site-container
{
	width:					100%
	text-align:				center;
	position:				relative;
}
#content-container
{
	width:					960px;
	margin:					auto;
	position:				relative;
	text-align:				left;
}
#header-container,
#header-background,
#header-foreground
{
	width:					960px;
	height:					281px;
	overflow:				hidden;
	position:				relative;
}
#header-background
{
	position:			    absolute;
	overflow:				hidden;
}
#header-foreground
{
	position:			    absolute;
	z-index:				10;
}
#logo-container
{
	background:				url(../resources/logo.png) top left no-repeat;
	width:					160px;
	height:					160px;
	position:				absolute;
	top:					0px;
	left:					0px;
	cursor:					pointer;
}
#menu-container
{
	width:					800px;
	position:				absolute;
	top:					0px;
	right:					0px;
}
#body-container
{
	width:					960px;
	position:				relative;
}
#body-left-col
{
	color:					#666666;
	font-size:				12px;
	line-height:			18px;
	width:					230px;
	position:				relative;
}
#left-col-search
{
	width:					230px;
	height:					0px;
	position:				relative;
	float:					left;
	display:				none;
}
#left-col-book
{
	width:					230px;
	height:					124px;
	position:				relative;
	float:					left;
	display:				none;
}
#left-col-content
{
	width:					230px;
	position:				relative;
	float:					left;		
}
#left-col-grey
{
	background:				#F2F2F2 url(../resources/sidecol-top.png) top right no-repeat;
	width:					220px;
	position:				relative;
	float:					right;
}
#left-col-grey p
{
	margin-top:				0px;
}
#left-col-wood
{
	background:				url(../resources/wood.png) top left no-repeat;
	width:					230px;
	height:					115px;
	position:				relative;
	float:					left;
	cursor:					pointer;
}
#body-right-col
{
	width:					700px;
	top:					220px;
	right:					10px;
	position:				absolute;
}
#right-col-content
{}
#right-col-footer
{
	text-align:				center;
	border-top:				1px solid #CCCCCC;
	color:					#999999;
	position:				relative;
	float:					left;
	margin-top:				20px;
	width:					700px;
}
#right-col-footer p
{
	margin-top:				3px;
}
#footer-inner
{
	margin:					auto;
	position:				relative;
	text-align:				left;
	width:					440px;
}
#footer-copyright
{
	width:					160px;
	font-weight:			bold;
	position:				relative;
	float:					left;
}

#footer-links
{
	width:					280px;
	position:				relative;
	float:					left;
}
#right-col-footer ul
{
	margin:					3px 0px;
	padding-left:			10px;
}
#right-col-footer li
{
	display:				block;
	float:					left;
	margin:					0px 10px 0px 0px;
}

#right-col-footer li a
{
	border-left:			2px solid #999999;
	color:					#999999;
	text-decoration:		none;
	padding-left:			10px;
}	
.left-col-grey-inner
{
	margin-left:			15px;
	width:					193px;
	overflow:				hidden;
	position:				relative;
	float:					left;
}
.left-col-divider
{
	background:				url(../resources/left-divider.png) top left no-repeat;
	width:					220px;
	height:					10px;
	position:				relative;
	float:					left;
}
.left-col-body
{
	font-size:				12px;
	line-height:			18px;
	color:					#666666;
}

/* menu */
#menu-container
{}
#menu
{
	background:				url(../resources/menu-bg.png) top left repeat-x;
	width:					800px;
	position:				relative;
	float:					left;
}
#menu a
{
	color:					white;
	font-style:				normal;
	text-decoration:		none;
}
#menu a:hover
{
	color:					#007ABE;
	text-decoration:		none;
}
.menu-item
{
	background:				url(../resources/menu-divider.png) top left no-repeat;
	font-size:				12px;
	line-height:			12px;
	padding:				8px 10px 0px 10px;
	position:				relative;
	float:					left;
}
.menu-item:hover
{
	background:				url(../resources/menu-bg-ro.png) top left repeat-x;
}
.menu-item:hover .menu-item-link-sub
{
	background:				url(../resources/submenu-marker-ro.png) center 14px no-repeat;
}
.menu-item-link,
.menu-item-link-sub
{
	letter-spacing:			0.1em;
	height:					23px;
	position:				relative;
}
.menu-item-link-sub
{
	background:				url(../resources/submenu-marker.png) center 14px no-repeat;
}
.submenu
{	
	left:					0px;
	top:					-400px;
	width:					800px;
	position: 				absolute;
	padding-top:			39px;
	z-index: 				-10;
	background:				url(../resources/submenu-panel.png) left 31px  no-repeat;
	height:					121px;
}
#sm_455,
#sm_458
{
	background:				url(../resources/bg-trans.png) left 31px  no-repeat;
}
#sm_455
{
	height:					227px;
}
#sm_455 .csc-textpic-image,
#sm_455 .csc-textpic-firstcol
{
	margin-left:			16px!important;
}
#sm_458 .submenu-item
{
	display:				none;
}
#sm_458 .csc-textpic-image,
#sm_458 .csc-textpic-firstcol
{
	margin-left:			9px!important;
}
.submenu-item
{
	width:					235px;
	margin-left:			25px;
	position:				relative;
	float:					left;
}
.submenu-item a
{
	line-height:			18px!important;
	font-style:				italic!important;
	color:					#007ABE!important;
	line-height:			20px;
}
.submenu-item a:hover
{
	color:					black!important;
}

/* color classes */
.donker-bruin
{
	background:				url(../resources/donker-bruin.png) top left repeat-x;
	background:				url(../resources/licht-bruin.png) top left repeat-x;

}
.licht-bruin
{
	background:				url(../resources/licht-bruin.png) top left repeat-x;

}
.zand
{
	background:				url(../resources/zand.png) top left repeat-x;
	background:				url(../resources/licht-bruin.png) top left repeat-x;

}

/* forms */
.csc-mailform,
.tx_powermail_pi1_form
{
	padding:				15px 22px 5px 22px;
	border:					0px;
}
.csc-mailform-label,
.csc-mailform-field,
.tx_powermail_pi1_fieldwrap_html
{
	position:				relative;
	float:					left;
	width:					100%;
	margin-top:				5px;
}
.csc-mailform-field label,
.tx_powermail_pi1_fieldwrap_html label
{
	width: 					100%;
	float:					left;
}
.csc-mailform-field input
{
	margin-right:			15px;
	position:				relative;
	float:					left;
	clear:					right;
}
.powermail_text
{
	width:					290px;
	margin-right:			15px;
	position:				relative;
	float:					left;
	clear:					right;
}
#right-col-content .csc-mailform-submit,
#left-col-book .csc-mailform-submit,
#left-col-content .csc-mailform-submit
{
	width: 					80px;
	height: 				28px;
	padding: 				28px 0 0;
	margin: 				10px 0px 0px 0px;
	border: 				0;
	background: 			url(../resources/submit-white.png) no-repeat center top;
	overflow: 				hidden;
	cursor: 				pointer; 
	cursor: 				hand; /* for IE 5.x */
	display: 				block
	position:				relative;
	float:right;
}
#left-col-book .csc-mailform-submit,
#left-col-content .csc-mailform-submit
{
	background: 			url(../resources/submit-grey.png) no-repeat center top;
}
.tx_powermail_pi1_fieldwrap_html_submitgraphic
{
	margin:					20px 208px 20px 0;
	width:					80px;
	position:				relative;
	float:					right;
}
#mailformGeslacht label
{
	width:					100px;
}
.tx-powermail-pi1_formwrap,
fieldset
{
	float:					left;
	border:					0px;
	margin:					0px;
	padding:				0px;
}
fieldset legend
{
	display:				none;
	visibility:				hidden;
}
#mailformEmail_adres
{
	margin-bottom:			10px;
}
span.csc-mailform-radio
{
	width:					100%;
	position:				relative;
	float:					left;
}
.powermail_radio_inner,
.powermail_check_inner
{
	width:					216px;
	margin-right:			15px;
	position:				relative;
	float:					left;
}
.pm-bestel
{
	width:					20px;
	margin-right:			15px;
	position:				relative;
	float:					left;
	clear:					none;
}
.powermail_radio_inner .required_one
{
	display:				none;
}
.powermail_radio_inner label,
.powermail_check_inner label
{
	margin-left:			15px;
	position:				relative;
	float:					right;
}
span.csc-mailform-radio label,
.powermail_radio_inner label,
.powermail_check_inner label
{
	width:					180px;
}
#mailformmedium
{
	width:					450px;
}
textarea
{
	width:					289px;
	height:					150px;
}
.checkbox
{
	margin:					0px 15px;
}
#book_link
{
	position:				absolute;
	top:					0px;
	height:					280px;
	width:					230px;
	cursor:					pointer;
	z-index:				10;
}
#orderbook
{
	position:				absolute;
	top:					240px;
	left:					10px;
}
.orderbook-text
{
	font-size:				13px;
	color:					white;
	line-height:			17px;
	margin:					0px 0px 22px 12px;
}
.orderbook-input
{
	position:				relative;
	float:					left;
}
#orderbook-surname
{
	padding:				3px 0px 0px 10px;
	width:					100px;
	height:					16px;
	margin:					2px 0px 0px 12px;
}
.orderbook-button
{
	position:				relative;
	float:					left;
}
.orderbook-submit
{
	width: 					79px;
	height: 				28px;
	padding: 				28px 0 0;
	margin: 				0;
	border: 				0;
	background: 			url(../resources/verder.png) no-repeat center top;
	overflow: 				hidden;
	cursor: 				pointer; 
	cursor: 				hand; /* for IE 5.x */
}
#tx_odsajaxmailsubscription_pi1_form input
{
	width:					184px;
}

/* background image classes */
.vloer-donker
{
	background:				url(../resources/vloer-donker.jpg) top center no-repeat;
	background:				url(../resources/vloer-licht.jpg) top center no-repeat;
}
.vloer-licht
{
	background:				url(../resources/vloer-licht.jpg) top center no-repeat;
}
.vloer-zand
{
	background:				url(../resources/vloer-zand.jpg) top center no-repeat;
	background:				url(../resources/vloer-licht.jpg) top center no-repeat;
}

/* TYPO3 override */
.csc-textpic-image img,
.csc-textpic-border img
{
	border:					1px solid #D6CDC7!important;
	padding:				2px!important;
}
.csc-textpic-caption
{
	color:					#007ABE;
	font-style:				italic;
}
/* fce's */
.fce_panel
{}
.panel-line-outset
{
	float:					left;
	border: 				1px solid #BBDFF1;
}
.panel-line-inset
{
	float:					left;
	background:				#F2F8FC;
	border: 				1px solid #FFFFFF;
}
.panel-content
{
	float:					left;
}
.fce-4col,
.fce-3col,
.fce-2col,
.fce-4col-col,
.fce-3col-col,
.fce-2col-col
{
	position:				relative;
	float:					left
}
.fce-4col
{
	margin:					20px 10px;
}
.fce-4col-col,
.fce-3col-col,
.fce-2col-left
{
	width:					220px;
	margin-right:			20px;
}
.fce-2col-right
{
	width:					700px;
}
.lastcol
{
	margin-right:			0px!important;
}
.fce-featured
{
	position:				relative;
	float:					left;
	width:					690px;
	border-top:				1px solid #CCCCCC;
	margin-bottom:			20px;
}
.fce-featured-body
{
	width:					540px;
	height:					114px;
	overflow:				hidden;
	position:				relative;
	float:					left;
	margin-top:				20px;
}
.fce-featured-body p
{
	margin-top:				0px;
}
.fce-featured-body h2
{
	line-height:			22px;
	margin-bottom:			0px;
}
.fce-featured-content
{
	height:					70px;
	overflow:				hidden;
	margin-bottom:			4px;
}
.fce-featured-more
{
	margin-right:			20px;
	position:				relative;
	float:					right;
}
.fce-featured-more a,
.fce-featured-more a:active,
.fce-featured-more a:link,
.fce-featured-more a:visited,
.fce-featured-more a:hover
{
	font-style:				italic;
	color:					#007ABE;
}
.fce-featured-img
{
	border:					1px solid #CCCCCC;
	width:					140px;
	height:					120px;
	overflow:				hidden;
	position:				relative;
	float:					right;
	margin-top:				20px;
}
.fce-featured-img img
{
}

/* extensions */

/* imagecycle */
.ww_imagecycle_container a
{
	display:				none;
}
/* solr */
.tx-solr
{
	width:					100%;
	position:				relative;
	float:					left;
}
#body-left-col .tx-solr
{
	width:					193px;
	height:					50px;
}
#tx-solr-q
{
	border:					0px;
	width:					130px!important;
	height:					18px;
	background:				url(../resources/zoekveld.jpg) top left no-repeat;
	padding:				4px 0px 0px 20px!important;
}

#right-col-content #tx-solr-q
{
	left:					0px;
}
#right-col-content #tx-solr-q,
#tx_solr_input_xtra,
#tx_solr_submit
{
	position:				relative;
	float:					left;
}
#tx_solr_input_xtra
{
	clear:						both;
	font-size:					11px;
	margin-top:					24px;
	float:						left;
}
#tx_solr_respp
{
	font-size:					11px;
	position:					absolute;
	top:						15px;
	right:						205px;
}
#tx_solr_browser
{
	float:						left;
}
#tx-solr-search-functions
{
	display:					none;
}
#tx_solr_res
{
	float:						left;		
}
.results-list
{
	width:						400px;
	list-style-type:			none;
	padding:					0px;
}
.facets
{
	list-style-type:			none;
	padding:					0px;
}
#tx-solr-sorting ul
{
	padding:					0px 0px 0px 12px;
}
.results-teaser p
{
	margin:						4px 0px 4px 0px;
}
.results-teaser em
{
	background:					#F2F2F2!important;
}
.tx-pagebrowse
{
	margin-top:					10px;
}
.tx-pagebrowse div
{
	font-size:					12px;
	float:						left;
	margin-right:				5px;
}
.tx-pagebrowse-prev,
.tx-pagebrowse-first,
.tx-pagebrowse-next
{
	margin-right:				15px !important;
}
/* tt_news */
.news-latest-container
{
	padding:				0;
	position:				relative;
	float:					left;
}
.news-latest-item
{
	margin-bottom:			10px;
	position:				relative;
	float:					right;
}
.news-latest-item  h2
{
	clear:					both;
}
.news-latest-item a
{
	text-decoration:		none;
}
.news-latest-item p
{
	margin-top:				0px;
}
.news-latest-img
{
	width:					45px;
	height:					45px;
	border:					1px solid white;
	overflow:				hidden;
	position:				relative;
	float:					left;
}
.news-latest-body
{
	width:					130px;
	height:					47px;
	position:				relative;
	float:					right;
	overflow:				hidden;
}
.news-latest-body p
{
	font-style:				normal;
	font-size:				11px;
	margin-bottom:			0px;
	line-height:			15px;
}
.news-latest-more
{
	position:				relative;
	float:					right;
}
.news-latest-more a,
.news-latest-more a:link,
.news-latest-more a:visited,
.news-latest-more a:active,
.news-latest-more a:hover
{
	font-size:				10px;
	font-style:				normal;
	color:					#007ABE !important;
}
.main-news-image
{
	position:				relative;
	float:					left;
	width:					136px;
	height:					130px;
}
.main-news-image img
{
	float:					left!important;
	margin:					0px!important;
}
.main-news-body
{
	width:					560px;
	position:				relative;
	float:					left;
}
.news-list-item
{
	position:				relative;
	float:					left;
}
.main-news-body a
{
	color:					#007ABE!important;
}
.news-single-rightbox
{
	font-size:				11px;
	color:					#007ABE!important;
}