/* 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-style:				normal!important;
	font-size:				13px;
	line-height:			18px;
	color:					#007ABE!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:					400px;
	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:					65px;
	position:				relative;
	float:					left;
}
#left-col-book
{
	background:				url(../resources/book.png) top left no-repeat;
	width:					230px;
	height:					345px;
	position:				relative;
	float:					left;
}
#left-col-content
{
	width:					230px;
	position:				relative;
	float:					left;		
}
#left-col-grey
{
	background:				#F2F2F2;			
	width:					220px;
	position:				relative;
	float:					right;
}
#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:					30px;
	right:					0px;
	position:				absolute;
	overflow:				hidden;
}
#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;

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

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

}

/* forms */
.csc-mailform
{
	padding:				15px 22px 5px 22px;
	border:					0px;
}
.csc-mailform-field
{
	position:				relative;
	margin-top:				5px;
}
.csc-mailform-field label
{
	width: 					100px;
	float:					left;
}
.csc-mailform-field input
{
	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;
}

#mailformGeslacht label
{
	padding-top:			4px;
	width:					100px;
}
#mailformGeslacht 
{
	padding:				0px;
	border: 				0px;
}
#mailformGeslacht legend
{
	display:				none;
	visibility:				hidden;
}
#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;
}
.vloer-licht
{
	background:				url(../resources/vloer-licht.jpg) top center no-repeat;
}
.vloer-zand
{
	background:				url(../resources/vloer-zand.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
{
	border: 				1px solid #BBDFF1;
}
.panel-line-inset
{
	background:				url(../resources/panel-bg.png) top center repeat-x;
	border: 				1px solid #FFFFFF;
}
.panel-content
{}
	
/* extensions */

/* imagecycle */
.ww_imagecycle_container a
{
	display:				none;
}
/* solr */
#tx-solr-q
{
	border:					0px;
	width:					106px!important;
	height:					16px;
	background:				url(../resources/zoekveld.jpg) top left no-repeat;
	position:				absolute;
	top:					21px;
	left:					32px;
	padding:				3px 0px 0px 20px!important;
}

#right-col-content #tx-solr-q
{
	left:					0px;
}
#right-col-content #tx-solr-q,
#tx_solr_input_xtra
{
	position:				relative;
	float:					left;
}
#tx_solr_submit
{
}
#tx_solr_submit
{
	position:					absolute;
	top:						21px;
}
#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-item
{
	background:				url(../resources/news-bullet.png) top left no-repeat;
}
.news-latest-item a
{
	text-decoration:		none;
}
.news-latest-item p
{
	margin-top:				0px;
}
.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;
}