@import url(/include/css/editor.php);

html, body {
	margin:0;
	padding:0
	background:#fff;
	}
body {
	text-align:center
	}

div#container {
	width:960px;
	margin:0 auto
	}
#order_btn	{
	display: none;
	}

.error {
	color: red;
}
/* Header */

div#header {
	position:relative;
	height:149px;
	/*height:187px;*/
	background:url('/image/header-line.gif') left top repeat-x;
	}

#basketButton {
	display:block;
	position:absolute;
	margin:0;
	z-index:101;
	top:64px;
	left:220px;
	width:48px;
	height:29px;
	background:url('/image/bg-basket-button.gif') center bottom no-repeat;
	text-decoration:none;
	}
#basketButton span {
	display:none;
	visibility:hidden;
	}
#basketButton strong {
	display:block;
	line-height:29px;
	width:25px;
	margin-left:22px;
	text-align:center;
	color:#76b758;
	}

#logo {
	position:absolute;
	display:block;
	height:77px;
	width:200px;
	text-decoration:none;
	background:url('/image/de-kroo-ruitersport.gif') left top no-repeat;
	}
#logo span {
	visibility:hidden;
	}

form#frmSearch {
	display:block;
	float:right;
	height:42px;
	margin:0;
	padding:22px 0 0 0;
	width:300px;
	}
form#frmSearch .button {
	width:96px;
	padding:0;
	background-color:#ffffff;
	}


/* Content */

div#container {
	text-align:left;
	}

div.borderBox {
	margin:1px 0;
	background:url('/image/border-middle.jpg') center top repeat-y;
	}
div.borderBox div {
	background:url('/image/border-top.jpg') center top no-repeat;
	margin:0;
	padding:0;
	}
div.borderBox div div {
	background:url('/image/border-bottom.jpg') center bottom no-repeat;
	overflow:hidden;
	border:none;
	}
div.borderBox div div div {
	background:none;
	padding:0;
	overflow:visible;
	}

div#content {
	float:left;
	width:710px;
	}
div.borderBox div.contentHome {
	background:url('/image/paard.jpg') 0 0 no-repeat;
	height:365px;
	}

#textHome {
	padding:0 17px 0 390px;
	}
#textHome #intro {
	position:relative;
	margin:20px 15px;
	}
#textHome h2 {
	font-size:18pt;
	font-weight:normal;
	line-height:1;
	margin:0;
	}
#textHome h1 {
	font-size:22pt;
	font-weight:normal;
	line-height:1;
	margin:0 0 20px 0;
	}

#text {
	min-height:370px;
	padding: 28px 17px 0 31px;
	width:647px;
	}

#text h1{
	padding-bottom:15px;
	border-bottom: 1px solid #D2CEC3;
}

#bannerMeekijken {
	height:86px;
	margin:10px 0;
	width:243px;
	background:url('/image/bg-live-meekijken-content.jpg') center top no-repeat;
	}
#bannerHomepage{
	width:303px;
	border:0;
	display:block;
	margin:10px 0;
	}
#textHome #bannerMeekijken {
	width:303px;
	background:url('/image/bg-live-meekijken-home.jpg') center top no-repeat;
	}
#bannerMeekijken .media {
	margin:8px 0 0 8px;
	width:107px;
	display:block;
	float:left;
	}
#bannerMeekijken h3 { line-height:1.8; float:left; width:115px; margin-left:5px; color:#fff; margin-top:10px; font-size:12pt; font-weight:bold}
#bannerMeekijken h3 span { color:#F9CE0A; }
#bannerMeekijken p { float:left; width:115px; margin-left:5px; margin-top:5px; color:#fff; line-height:1.2; font-size:12px}
#textHome #bannerMeekijken h3,
#textHome #bannerMeekijken p { margin-left:20px; width:140px; }

p#bannerWinterdekens {
	display: block;
	height:86px;
	margin:10px 0;
	width:303px;
	background:url('/image/banner_winterdekens_bg.jpg') center top no-repeat;
	text-indent: -999em;

}
a.bannerHippischeOndernemer:link, a.bannerHippischeOndernemer:visited {
	background:transparent url(/image/banner_ho2008.jpg) no-repeat top left;
	display:block;
	height:110px;
	margin:-9px 0 10px -19px;
	text-indent:-999em;
	width:330px;
}
a.bannerZeelandOutdoor:link, a.bannerZeelandOutdoor:visited {
	background:transparent url(/image/bannerZeelandOutdoor_bg.gif) no-repeat top left;
	display:block;
	width:303px;
	height:86px;
	margin: 25px 0 0 0;
	text-indent:-999em;
}
a.bannerWebWinkel:link, a.bannerWebWinkel:visited {
	background:transparent url(/image/bannerWebwinkel.gif) no-repeat top left;
	display:block;
	height:110px;
	margin:-9px 0 10px -19px;
	text-indent:-999em;
	width:330px;

}
/* Sidebar */


div#sidebar {
	float:right;
	width:245px;
	padding-right:5px;
	padding-bottom:10px;
	}

div#container div.shadowBox {
	margin-top:7px;
	margin-bottom:0;
	width:242px;
	background:url('/image/box-middle.gif') center top repeat-y;
	}
div#container div#evenementen {
	margin-top:2px;
	}
div#container div.shadowBox div {
	background:url('/image/box-top.gif') center top no-repeat;

	}
div#container div.shadowBox div div {
	background:url('/image/box-bottom.gif') center bottom no-repeat;
	padding:7px;
	}

div#container div.boxBig { width:460px; background-image:url('/image/box-big-middle.gif'); margin-top:1px !important; }
div#container div.boxBig div { background-image:url('/image/box-big-top.gif'); }
div#container div.boxBig div div { padding:6px; background-image:url('/image/box-big-bottom.gif'); }

div#container div.shadowBoxContent {

	padding:5px 0 0 0 !important;
	}
div#container .sidebarHome div.shadowBoxContent{
	height:124px;
}

div#container div.shadowBox div div div {
	padding:0;
	background:none;
	}
div#container div.shadowBox div div * {
	margin:0;
	padding:0;
	}
div#container div.shadowBox div div h2 {
	line-height:28px;
	height:28px;
	margin:0 0 2px 0 ;
	color:#fff;
	}

div#container #login div.shadowBoxContent { height:auto; }

h2.title { text-indent:9px; font-size:9pt; font-weight:bold; }
h2.title span { float:left; }
h2.title a { float:right; display:block; width:20px; height:20px; padding-top:6px !important; }
h2.title a img { border:none; display:block; }

div#sidebar .title { cursor:pointer; margin-bottom:2px; }
div#sidebar.sidebarHome .title { cursor:default; }
#nieuwsbrief .title { background:#906637 url('/image/title-nieuwsbrief.gif') center top no-repeat !important; }
#actueel .title { background:#906637 url('/image/title-actueel.gif') center top no-repeat !important; }
#video .title { background:#9A9999 url('/image/title-video.gif') center top no-repeat !important; }
#shop .title, #login .title { background:#72B155 url('/image/title-shop.gif') center top no-repeat !important; }
#shopHome .title { background:#72B155 url('/image/title-shop-big.gif') center top no-repeat !important; }
#evenementen .title { background:#BFA118 url('/image/title-evenementen.gif') center top no-repeat !important; }
div#container #shop div.shadowBoxContent { height:auto; }
div#container #shop div.shadowBoxContent ul { border:1px solid #ffffff; }

div#sidebar span.closed {
	background: url('/image/arrow_bottom.png') 205px center no-repeat !important;
}

div#sidebar span.open {
	background: url('/image/arrow_top.png') 205px center no-repeat !important;
}

div#sidebar span.open, div#sidebar span.closed {
	display:block !important;
	width: 100%;
}

#login {
	height:auto !important;
	float:none;
}
#login .title {
	cursor: default !important;
}

div#container div.shadowBox div ul {
	margin:0 9px;
	}

div#container div.shadowBox #actueelContent ul {
	margin-bottom:10px;
	}
div#container div.shadowBox li {
	background:url('/image/dotted-line.gif') left bottom repeat-x;
	list-style:none;
	line-height:22px;
	}
div#container div.shadowBox li.last {
	background:none;
	}

div#container div.shadowBox li a {
	background:url('/image/arrow-list-item.gif') 0 5px no-repeat;
	padding-left:10px;
	}
div#container div.shadowBox li.event a {
	background:none;
	line-height:16px;
	padding-left:0px;
	}
div#container div.shadowBox .event {
	background:url('/image/dotted-line.gif') left bottom repeat-x;
	height:35px;
	margin-top:4px;
	margin-bottom:6px;
	border: 1px solid transparent;
	}
div#container div.shadowBox .event p {
	line-height:16px;
	background:url('/image/arrow-list-item.gif') 0 5px no-repeat;
	padding-left:10px;
	}
div#container div.shadowBox .lastEvent {
	background:none;
	}
div#container div.shadowBox #actueelContent ul .event {
	line-height:12px !important;
	height: auto !important;
	padding-bottom:4px;
	}
div.shadowBox .event strong {
	display:block;
	background:url('/image/bg-date.gif') center center no-repeat;
	color:#fff;
	text-align:center;
	width:28px;
	height:26px;
	padding-top:2px !important;
	margin-left:2px !important;
	float:right;
	line-height:.9;
	font-weight:normal;
	font-size:7pt;
	}
div.shadowBox .event strong span {
	font-size:12pt;
	}

span#sidebarSpacer {
	display:block;
	height:10px;
	line-height:5px;
	overflow:hidden;
	}

#shopContent h1 {
	font-size:12px;
	color:#77B756;
	font-weight:bold;
	margin-left:8px !important;
	margin-bottom:5px !important;
}

#shopContent ul li {
	background-position: top !important;
}

div.shadowBox ul li.active a {
	font-weight:bold !important;
}

div.shadowBox .aanbieding {
	padding:0px 9px !important;
	width:210px;
	padding-bottom:5px !important;
}

div.shadowBox .aanbieding div {
	border-bottom:1px dotted #c8c8c8;
}

div.shadowBox .aanbieding a {
	font-size: 12px;
	line-height:1.2;
	color:#77B756 !important;
	font-weight:bold;
	display:block;
}
div.shadowBox .aanbieding img{
	float:left;
	margin-right:10px !important;
	display:block;
}

div.shadowBox .aanbieding .price_old{
	font-size:inherit;
	text-decoration: line-through !important;
	}

div.shadowBox .aanbieding .price {
	font-size:17px;
	line-height:18px;
	font-weight:bold;
	color:#77B756;
	}



/* Extra */

div#extra {
	margin-top:10px;
	clear:both;
	width:100%;
	}

div.borderExtraBox {
	margin:1px 0;
	background:url('/image/border-extra-middle.gif') center top repeat-y;
	}
div.borderExtraBox div {
	background:url('/image/border-extra-top.gif') center top no-repeat;
	margin:0;
	padding:0;
	}
div.borderExtraBox div div {
	background:url('/image/border-extra-bottom.gif') center bottom no-repeat;
	overflow:auto;
	padding:5px 0 5px 8px;
	}
div.borderExtraBox div div div {
	background:none;
	padding:0;
	overflow:visible;
	}

div#extra div.borderExtraBox div.shadowBox {
	margin-top:0;
	}

div#extra div.borderExtraBox div.shadowBoxContent {
	height:139px;
}

div.extraHome {
	float:left;
	}

#nieuwsbrief form {
	margin:0 8px !important;
	}
#nieuwsbrief input {
	width:206px;
	margin-bottom:10px !important;
	}
#nieuwsbrief .button {
	width:115px;
	float:right;
	}
#nieuwsbrief p.link {
	clear:both;
	background:url('/image/dotted-line-top-bottom.gif') left top repeat-x;
	margin:0 8px !important;
	line-height:25px;
	}
 p.link a {
	background:url('/image/arrow-list-item.gif') left center no-repeat;
	padding-left:10px !important;
	}
 p.link_back a {
	background:url('/image/arrow-list-item_back.gif') left center no-repeat;
	padding-left:10px !important;
	}

div#shopHome {
	width:502px;
	}
div#shopHome .shopItemHome {
	height:62px;
	margin-left:8px !important;
	margin-right:8px !important;
	}
div#shopHome .firstItem {
	background:url('/image/dotted-line.gif') left bottom repeat-x !important;
	margin-bottom:7px !important;
	margin-top:3px !important;
	}
div#shopHome .shopItemHome img {
	float:left;
	margin-right:15px !important;
	}
div#shopHome .shopItemHome h3,
div#shopHome .shopItemHome p.desc {
	float:left;
	}
div#shopHome .shopItemHome h3 {
	margin-top:-5px !important;
	width:270px;
	overflow:hidden;
	height:15px;
	}
div#shopHome .shopItemHome h3 a {
	font-weight:bold;
	color:#72B155;
	}
div#shopHome .shopItemHome p.desc {
	height:35px;
	overflow:hidden;
	}
div#shopHome .shopItemHome .figure {
	width:66px;
	margin-right:15px;
}
div#shopHome .shopItemHome p.desc a {
	text-decoration:none !important;
	}
div#shopHome .shopItemHome p.desc img {
	margin:0px !important;
	float:none !important;
	}
div#shopHome .shopItemHome p.price {
	float:right;
	width:80px;
	height:100%;
	padding-left:10px;
	margin-top:-10px !important;
	background:url('/image/dotted-line-vertical.gif') left center no-repeat;
	}
div#shopHome .shopItemHome p.price del {
	text-align:center;
	display:block;
	padding-top:10px;
	}
div#shopHome .shopItemHome p.price strong {
	font-size:16pt;
	color:#72B155;
	text-align:center;
	display:block;
	line-height:1;
	margin:0;
	}

div#container #video div.shadowBoxContent {
	background-image:url('/image/video.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	height:139px;
	padding-left:13px !important;
}

div#container #video div.shadowBoxContent h1 {
	font-size:18px;
	line-heigh:22px;
	color: #76b758;
	padding-top:15px;
}

/* Footer */

div#footer {
	border-top:1px solid #D2CEC3;
	margin-top:52px;
	padding-top:10px;
	height:100px;
	}
div#footer p {
	margin:0;
	padding:0;
	}
div#footer p span {
	display:block;
	float:left;
	}
div#footer p span.naw {
	clear: left;
	}
div#footer a {
	display:inline;
	padding:0;
	color: #666;
	}
	#footer #hippischOndernemer {
		display: block;
		float: right;
		width: 203px;
		height: 72px;
		background: url(/image/footer_img.gif) no-repeat bottom left;
		text-indent: -999em;
	}

/* Events */
#events {
}

#watchEvent {
	width:123px;
	height:123px;
	left:643px;
	position:absolute;
}

#events ul.links {
	margin:0px;
	margin-bottom:20px;
	background:url('/image/dotted-line.gif') left top repeat-x;
	}
#events ul.links li {
	background:url('/image/dotted-line.gif') left bottom repeat-x;
	list-style:none;
	line-height:22px;
	}
#events ul.links li.last {
	background:none;
	}

#events ul.links li a {
	background:url('/image/arrow-list-item.gif') 0 5px no-repeat;
	padding-left:10px;
	color: #c6a719;
	}

#text #events h1 {
	font-size:18px;
	margin-bottom:5px;
	margin-top:20px;
	border:none !important;
	width:auto;
	float:left;
	padding-right:20px;
}

#events img.inline {
	float:right;
	margin-left:15px;
}

#events h3 {
	float:left;
	margin-left:10px;
}

#events .period {
	width: 80px;
	display:block;
	float:left;
}

#events .period .date {
	background-image: url(/image/bg-date.gif);
	background-repeat: repeat-x;
	font-size:10px;
	line-height: 10px;
	height:28px;
	width:28px;
	padding-top:6px;
	text-align:center;
	color: #FFF;
	float: left;
	margin-right:2px;
}

#events .period .tm {
	width:17px;
}

#events .period .date span {
	font-size:17px;

}

#events .event {
	clear:both;
	margin-top:10px;
}

/* NEWS */
#text #news h1 {
	font-size:18px;
	margin-bottom:5px;
	margin-top:20px;
	border:none !important;
}

#text #news .imagePlaceHolder {
	width:100px;
	height:100px;
	float:left;
	margin-right:10px;
	overflow:hidden;
}

#text #news h1.header {
	font-size:18px;
	margin-bottom:0px;
	line-height:normal;
	padding:0px;
	margin-top:0px;
	border:none !important;
}
#shop_banner {
}
	#pre_banner_toplinks {
		float: right;
		margin-top: 12px;
	}
		#pre_banner_toplinks a {
			background: url("/image/arrow-list-item.gif") no-repeat scroll 0 5px transparent;
			padding-left: 8px;
			margin-left: 12px;
		}
	#paymethods {
		display:block;
		margin: 17px 0 22px 0;
	}
	
/* OVERIGE STIJLS */

.border	{border : 1px solid #000000;}

.height1 { /* als je een divje wilt gebruiken ipv pixel.gif dan dien je in IE deze class te gebruiken en daarnaast de juiste
				hoogte en breedte te geven, zonder deze class krijgt je altijd een aantal pixels onder een div */
	height:1px;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}


/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.

Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/
.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }