/* @override http://5_eelkeverschuur.dev/stylesheets/eelkeverschuur.css */
/* @override http://new.eelkeverschuur.nl/stylesheets/eelkeverschuur.css */
/* @override http://site.eelkeverschuur.nl/stylesheets/eelkeverschuur.css */

/* @group Static Pages */

div#contact {
	
}

/* @end */

/* @group Page Templates */

/* @group Submenu */

div.page-blue div#subMenu a:hover, div.page-blue div#subMenu a.current{ color: #388fd0;}
div.page-yellow div#subMenu a:hover, div.page-yellow div#subMenu a.current{ color: #ecbf33;}
div.page-orange div#subMenu a:hover, div.page-orange div#subMenu a.current{ color: #f5651f;}
div.page-red div#subMenu a:hover, div.page-red div#subMenu a.current{ color: #991f28;}

div#subMenu {
	float: left;
	width: 165px;
	margin-right: 5px;
	min-height: 100px;
}

div#subMenu a{
	color: #000;
	background-image: url(../images/arrowRightBlack.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 11px;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-weight: bold;
}

div#subMenu ul li{
}

div#subMenu ul li ul {
	display: none;
}

div#subMenu ul li.open ul {
	display: block;
}

div#subMenu ul li ul li{p	padding-left: 10px;
}

div#subMenu ul li ul li a{
	font-weight: normal;
}

/* @end */

div.contentPage div.contentWrap a{
	font-weight: bold;
}
div.contentPage div.contentWrap a:hover { text-decoration: underline;}

.page-blue div.contentPage a, 
div.contentPage .force-blue a{ color: #388fd0;}
.page-yellow div.contentPage a,
div.contentPage .force-yellow a{ color: #ecbf33;}
.page-orange div.contentPage a,
div.contentPage .force-orange a{ color: #f5651f;}
.page-red div.contentPage a,
div.contentPage .force-red a{ color: #991f28;}
.page-green div.contentPage a,
div.contentPage .force-green a{ color: #54AA3C;}




div.contentPage h1{
	font-size: 2.1em;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 0px 45px;
}

div.contentWrap {
	background-color: #eeedec;
	float: left;
	padding: 25px 0px;
}

div.contentWrap p{
	margin-bottom: 10px;
}

div.contentWrap div.intro {
	font-weight: bold;
	background-image: url(../images/arrowRightBlack.gif);
	background-repeat: no-repeat;
	background-position: 25px 6px;
	padding: 0px 45px;
	margin-bottom: 10px;
}

div.contentWrap div.content{
	padding: 0px 45px;
}

/* @group content_landscape_image_landscape_below */

div#content_landscape_image_landscape_below div.contentWrap {
	width: 780px;
}

div#content_landscape_image_landscape_below img.templateImage {
	border: 1px solid #dadada;
	margin-top: 5px;
	float: right;
	clear: both;
}

/* @end */

/* @group content_portrait_image_bottom */

div#content_portrait_image_bottom div.contentWrap {
	width: 780px;
}

div#content_portrait_image_bottom img.templateImage {
	border: 1px solid #dadada;
	margin-top: 5px;
	float: left;
	clear: both;
}

/* @end */

/* @group content_landscape_image_right */

div#content_landscape_image_right div.contentWrap {
	width: 318px;
}

div#content_landscape_image_right img.templateImage {
	border: 1px solid #dadada;
	margin-left: 5px;
	margin-top: -1px;
	float: left;
}

/* @end */

/* @group content_portrait_image_right */

div#content_portrait_image_right div.contentWrap {
	width: 335px;
}

div#content_portrait_image_right img.templateImage {
	border: 1px solid #dadada;
	margin-left: 5px;
	margin-top: -1px;
}

/* @end */



/* @end */

/* @group YUI css reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* @end */

/* @group Global */

body {
	font: 11px/15px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #666;
	behavior: url('/javascripts/csshover.htc');
}
.clear { clear: both }
.padding10 { padding: 10px; }
.left { float: left; }
.greyBG { background-color: #eeedec; }
.whiteBG { background-color: #fff; }
.arrowContent {
	background-image: url(/images/contentArrow.gif);
	background-repeat: no-repeat;
	background-position: 20px 15px;
	padding-left: 40px;
}
strong {
	font-weight: bold;
}

a{
	text-decoration: none;
}

/* @group Inputfields */
input{
	height: 22px;
	color: #666;
	border: 1px solid #666;
	padding: 0px 5px;
	background-color: #fff;
}

input.search {
	background: #fff url(../images/icons/search.gif) 5px 4px;
}

input.email {
	background-image: url(../images/icons/email.gif);
}

form p { position:relative; clear: left;}

p.icon input{
	padding-left: 30px;
	background-repeat: no-repeat;
}

label{
	padding: 5px 5px;
	margin-top: 1px;
	margin-left: 1px;
	color: #333lock;
}

.strong {
	font-weight: bold;
}
	
.orangeBtn {
	background-color: #f60;
	color: #fff;
}

.redBtn {
	background-color: #cc0000;
	color: #fff;
}

.greenBtn {
	background-color: #49a636;
	color: #fff;
}

.smallBtn {
	padding: 1px 3px;
	font-size: 0.8em;
}

.smallBtn.whiteArrow {
	padding: 2px 3px 1px 15px;
	background-position: 4px 6px;
}

.btn {
	padding: 4px 10px;
}

.whiteArrow {
	background-image: url(../images/arrowRightWhite.gif);
	background-repeat: no-repeat;
	background-position: 4px 8px;
	padding-left: 16px !important;
}

a.arrowLink{
	color: #333;
	font-weight: bold;
	background: url(../images/arrowRightBlack.gif) no-repeat 0 3px;
	padding-left: 14px;
}

a.arrowLink:hover{
	text-decoration: underline;
}

p.icon label {
	padding-left: 33px;
}

/* @end */

/* @group Sticky Footer stuff */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {overflow:auto;
/* padding bottom is set by jquery */
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
/* @end */

/* @group Footer */

#footer {
	position: relative;
	/* Height goes auto, Margin top is set by jquery */
	clear:both;
	background-color: #e9e8e7;
	width: 100%;
	float: left;
	border-top: 10px solid #fff;
	} 

div#innerFooter {
	padding: 20px 0px 10px;
	width: 950px;
	float: left;
}

div#footerSitemap {
	background-color: #fff;
	float: left;
	width: 930px;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding: 10px;
}

div#footerSitemap a:hover{
	text-decoration: underline;
	color: #999;
}

div#footerSitemap > ul {
	border-right: 1px dotted #ccc;
	display: block;
	float: left;
	padding-right: 20px;
	margin-right: 5px;
}

div#footerSitemap ul li a{
	color: #999;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}

div#footerSitemap > ul > li > a:hover{
	text-decoration: none;
}

div#footerSitemap ul li ul{
	padding-right: 20px;
}

div#footerSitemap ul li ul li{
	float: left;
	clear: both;
}

div#footerSitemap ul li ul a{
	color: #ccc;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}
div#footerSitemap ul li ul li:hover > ul{
	display: block;
}

div#footerSitemap ul li ul li ul{
	display: none;
	position: absolute;
	border: 1px solid #fff;
	background-color: #e9e8e7;
	padding: 5px 10px;
	margin-left: 35px;
	margin-top: -10px;
}

div#footerSitemap ul li ul li ul a{
	color: #999;
}

div#footerSitemap ul li ul li ul li:hover ul{
	display: block;
}

#footer p.copyright {
	color: #999;
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}

/* @end */

div.centerWrap {
	margin: 0 auto;
	width: 950px;
}

.right {
	float: right;
}

.left {
	float: left;
}

.redText {
	color: #cc0000;
}

.darkGreyText {
	color: #333;
}
.red {
	background-color: #992028;	
	border-color: #661b1e;
}

.blue {
	background-color: #388fd0;	
	border-color: #2d78ae;	
}

.green {
	background-color: #54aa3c;	
	border-color: #4b8937;
}

.yellow {
	background-color: #ecbf33;	
	border-color: #ba9e2a;	
}

.orange {
	background-color: #f56520;	
	border-color: #9a502b;
}

.gray {
	background-color: #666666;	
	border-color: #333333;
}


/* @end */

/* @group Header */

#header {
	float: left;
	height: 186px;
	width: 100%;
	background: url(../images/header_background.png) repeat-x;
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

a#mainLogo {
	position: absolute;
	margin-top: 8px;
}

h4#websiteCopy {
	color: #fff;
	position: absolute;
	margin-top: 78px;
	margin-left: 100px;
	font-size: 1.2em;
}

#header a{
	color: white;
}

/* @group Header Menu's */

/* @group Main Search Box */

form#webSearchBox {
	position: absolute;
	margin-left: 785px;
	top: 32px;
}
form#webSearchBox input{
	width: 130px;
}

/* @end */

/* @group Top Menu */

ul#topMenu{
	float: right;
}

ul#topMenu li{
	float: left;
	margin-left: 1px;
}

ul#topMenu li a{
	display: block;
	background-color: #792929;
	padding: 3px 20px 5px;
}

ul#topMenu li a:hover{
	background-color: #8b2f2f;
}



/* @end */

/* @group Main Menu */

ul#mainMenu {
	position: absolute;
	clear: both;
	float: left;
	margin-top: 119px;
	height: 35px;
	overflow: hidden;
}

ul#mainMenu li{
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}

ul#mainMenu li.current{
	margin-top: 0px !important;
}

ul#mainMenu li a{
	display: block;
	padding: 6px 0 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-top-style: solid;
	border-top-width: 3px;
	color: #ebebeb;
	width: 82px;
	text-align: center;
}
ul#mainMenu li a:hover{

}

/* @group Point */

div#pointSwitch {
	float: left;
	position: absolute;
	top: 111px;
	margin-left: 840px;
}

div#facebookLikePage {
	float: left;
	position: absolute;
	top: 1001px;
	margin-left: -100px;	
}

/* @end */

/* @end */

/* @group CrumblePath */

ul#crumblePath {
	position: absolute;
	top: 159px;
	font: 11px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-transform: lowercase;
}

ul#crumblePath, ul#crumblePath a {
	color: #999;
}
ul#crumblePath a:hover {
	text-decoration: underline;
}

ul#crumblePath li{
	display: inline;
	float: left;
	margin-left: 4px;
}

/* @end */


/* @end */

/* @end */

/* @group Homepage */

a.homepage-banner{
	float: left;
	border: 10px solid #eeedec;	
	margin-bottom: 10px;
}

a.homepage-banner img{
	float: left;
}

#about-eelke{
	width: 930px;
	margin-bottom: 10px;
	background: url(/images/eelke-homepage.jpg) no-repeat;
	height: 400px;
	float: left;
	border: 10px solid #eeedec;	
}

#about-eelke p.intro{
	line-height: 30px;
	font-size: 20px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	
}

#about-eelke .line{
	float: left;
	clear: both;
}

#about-eelke .quote{
	float: left;
	clear: both;
	margin-top: 75px;

	width: 445px;
	margin-left: 460px;
	line-height: 22px;
	font-size: 15px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#about-eelke .quote a{
	color: #000;
}

#about-eelke .quote a:hover{
	text-decoration: underline;
}

#about-eelke .line-1{	margin-left: 255px; margin-top: 20px;}
#about-eelke .line-2{	margin-left: 260px; }
#about-eelke .line-3{	margin-left: 265px; }
#about-eelke .line-4{	margin-left: 260px; }
#about-eelke .line-5{	margin-left: 265px; }

/* @group Course list */


div#homepage div#courseList{
	width: 365px;
}

div#homepage div#courseList ul{
	width: 345px;
}

div#homepage div#courseList ul li{
	margin-top: 10px;
}
div#homepage div#courseList ul li:hover{
	background-color: #fafafa;
}
div#homepage div#courseList ul li:hover a{
	color: #333;
}

div#homepage div#courseList ul li a{
	color: #666;
}

div#homepage div#courseList ul li a span.date {
	clear: both;
	color: #999;
	padding-top: 5px;
	line-height: 2.0em;
}

div#homepage div#courseList ul li.first{
	margin-top: 0px;
}
/* @end */


/* @group News Archive */

a#older-news-button{
	display: block;
	clear: both;
	color: #fff;
	display: block;
	float: right;
	font-weight: bold;
	padding: 8px 16px;
	text-transform: uppercase;
}

div#homepage div#newsArchive{
	margin-top: 10px;
	width: 555px;
}

div#homepage div#newsArchive ul{
	width: 555px;
}

div#homepage div#newsArchive ul li{
	margin-top: 10px;
}
div#homepage div#newsArchive ul li:hover{
	background-color: #fafafa;
}
div#homepage div#newsArchive ul li#newsArchive:hover{
	background: none;
}
div#homepage div#newsArchive ul li#newsArchive a:hover{
	color: black;
	text-decoration: underline;
}
div#homepage div#newsArchive ul li:hover a{
	color: #333;
}

div#homepage div#newsArchive ul li a{
	color: #666;
}

div#homepage div#newsArchive ul li a span.date {
	clear: both;
	color: #999;
	padding-top: 5px;
	line-height: 2.0em;
}

div#homepage div#newsArchive ul li.first{
	margin-top: 0px;
}
/* @end */
/* @group WebshopItems */

div#homepage div#webshopItems{
	float: left;
	width: 575px;
	margin-left: 10px;
}
div#homepage div#webshopItems div#webshopItemsContent {
	width: 555px;
	height: 155px;
}

div#homepage div#webshopItems div#productSliderWrap{
	width: 500px;
	overflow: hidden;
	position: absolute;
	margin-left: 30px;
}

#webshopItems ul{
	float: left;
	height: 155px;
	width: 5000px;
}
#webshopItems ul li{
	float: left;
	width: 150px;
	margin-right: 8px;
	padding: 5px;
	height: 155px;
	background: #fff no-repeat center center;
}

#webshopItems ul li a {
	float: left;
	height: 150px;	
	width: 155px;
}

#webshopItems ul li a span.title{
	color: #49a636;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 5px;
	background-color: #fff;
	padding: 2px 5px 2px 3px;
	position: absolute;
	z-index: 1;
}

#webshopItems ul li a span.price{
	color: #49a636;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 120px;
	background-color: #fff;
	padding: 2px 5px 2px 3px;
	position: absolute;
	z-index: 1;
}

div#webshopItems a.previous, div#webshopItems a.next{
	position: absolute;
	width: 22px;
	background-color: #fff;
	height: 155px;
}

div#webshopItems a.previous{
}

div#webshopItems a.next{
	margin-left: 535px;
}

/* @end */

div#homepage div#about h2{
	background-color: #0092d2;
	border-color: #007ab0;
}
div#homepage div#webshopItems h2{
	background-color: #49a636;
	border-color: #458633;
}

div#homepage div#courseList h2{
	background-color: #ecbf33;	
	border-color: #ba9e2a;	
}

div#homepage div#newsArchive h2{
	background-color: #666666;
	border-color: #333333;
}
div#homepage div#latestNews h2{
	background-color: #666666;
	border-color: #333333;
}

div#homepage h2 {
	display: block;
	float: left;
	clear: both;
	padding: 8px 16px;
	font-weight: bold;
	text-transform: uppercase;
	border-top-style: solid;
	border-top-width: 3px;
	color: #ebebeb;
}

div#homepage div#topContent{
	float: left;
	width: 100%;
}

div#homepage div#about{
	width: 365px;
	float: left;
}

div#homepage div#aboutContent {
	width: 345px;
	clear: both;
}

div#homepage div#bottomContent{
	margin-top: 10px;
	width: 100%;
	float: left;
}
div#homepage div#latestNews{
	width: 575px;
	margin-left: 10px;
}

div#homepage div#latestNews div#newsContainer{
	clear: both;
	width: 555px;
}

div#homepage div#latestNews div#newsContainer a{
	color: #333;
	font-weight: bold;
}
div#homepage div#latestNews div#newsContainer a:hover{
	text-decoration: underline;
}

div#homepage div#latestNews h1{
	font: 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 5px;
}
div#homepage div#latestNews p.date{
	margin-top: 0px;
	font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	
}
div#homepage div#latestNews p{
	margin-top: 10px;
}

/* @end */

/* @group News */

div#newsContainer div.inline-image-wrap{
	width: 100%;
	float: left;
	margin: 10px 0;
}

div#newsPage div#newsArchive h2{
	background-color: #666666;
	border-color: #333333;
}
div#newsPage div#latestNews h2{
	background-color: #666666;
	border-color: #333333;
}

div#newsPage h2 {
	display: block;
	float: left;
	clear: both;
	padding: 8px 16px;
	font-weight: bold;
	text-transform: uppercase;
	border-top-style: solid;
	border-top-width: 3px;
	color: #ebebeb;
}

div#newsPage div#newsArchive{
	width: 365px;
	margin-left: 10px;
}

div#newsPage div#newsArchive ul{
	width: 345px;
}

div#newsPage div#newsArchive ul li{
	margin-top: 10px;
}
div#newsPage div#newsArchive ul li:hover{
	background-color: #fafafa;
}
div#newsPage div#newsArchive ul li:hover a{
	color: #333;
}

div#newsPage div#newsArchive ul li a{
	color: #666;
}

div#newsPage div#newsArchive ul li a span.date {
	clear: both;
	color: #999;
	padding-top: 5px;
	line-height: 2.0em;
}

div#newsPage div#newsArchive ul li.first{
	margin-top: 0px;
}
div#newsPage div#latestNews{
	width: 575px;
}

div#newsPage div#latestNews div#newsContainer{
	clear: both;
	width: 555px;
}

div#newsPage div#latestNews div#newsContainer a{
	color: #333;
	font-weight: bold;
}
div#newsPage div#latestNews div#newsContainer a:hover{
	text-decoration: underline;
}
div#newsPage div#latestNews h1{
	font: 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 5px;
}
div#newsPage div#latestNews p.date{
	margin-top: 0px;
	font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;	
}
div#newsPage div#latestNews p{
	margin-top: 10px;
}



/* @end */

/* @group Sitemap */

ul#sitemap li{
	font-size: 12px;
	margin-bottom: 10px;
}
ul#sitemap li ul li {
	font-size: 0.9em;
	margin-bottom: 0px;
}
ul#sitemap li ul{
	padding-left: 25px;
	margin: 3px 0px;
}

ul#sitemap li ul li ul{
	margin-bottom: 10px;
}
/* @end */

/* @group Newsletter */

div#newsletterPage form p{
	padding: 0px;
}
div#newsletterPage form p label{
	padding: 0px;
	margin: 0px;
}
div#newsletterPage form p input{
	padding: 0px;
	margin: 0px;
}
/* @end */

/* @group Course */

div.courseBox {
	padding: 20px 45px;
	border-top: 10px solid white;
	}

div.courseBox h2{
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 20px;
}

div.courseBox h3{
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.page-blue div.courseBox h3{ color: #388fd0;}
div.page-yellow div.courseBox h3{ color: #ecbf33;}
div.page-orange div.courseBox h3{ color: #f5651f;}
div.page-red div.courseBox h3{ color: #991f28;}


div.courseBox table tr td {
	padding-bottom: 8px;

}
	
div.courseBox table tr td.firstCol {
	padding-right: 10px;
	white-space: nowrap;
	font-weight: bold;
}

div.courseBox .textarea, div.courseBox .text{
	border: 1px solid #666;
	color: #666;
	width: 200px;
}

div.courseBox .textarea{
	padding: 5px;
}

div.courseBox input.submit{
	color: #fff;
	font-weight: bold;
	width: auto;
	border: none;
}

div.page-blue div.courseBox input.submit{ background-color: #388fd0;}
div.page-yellow div.courseBox input.submit{ background-color: #ecbf33;}
div.page-orange div.courseBox input.submit{ background-color: #f5651f;}
div.page-red div.courseBox input.submit{ background-color: #991f28;}

div.courseBox input.submit:hover{
	cursor: pointer;
	background-color: #666 !important;
}

/* @end */

/* @group Point */

div.point_sym_tooltip {
	position: absolute; 
	border: 2px solid #cccccc; 
	background-color: #eeeeee; 
	color: #000;
	text-align: center; 
	padding: 5px; 
}

div.point_sym_tooltip * {
	font-size: 14px; 
	font-family: verdana;
}

div.page-blue span.point_sym_hover_span:hover,div.page-blue span.point_sym_hover_span_hl { background-color: #388fd0;}
div.page-yellow span.point_sym_hover_span:hover, div.page-yellow span.point_sym_hover_span_hl { background-color: #ecbf33;}
div.page-orange span.point_sym_hover_span:hover,div.page-orange span.point_sym_hover_span_hl { background-color: #f5651f;}
div.page-red span.point_sym_hover_span:hover,div.page-red  span.point_sym_hover_span_hl { background-color: #991f28;}
#homepage span.point_sym_hover_span:hover,#homepage span.point_sym_hover_span_hl { background-color: #666;}

span.point_sym_hover_span:hover, span.point_sym_hover_span_hl { 
	color: #fff !important;
}

span.point_sym_hover_span_nosymbol:hover, span.point_sym_hover_span_nosymbol_hl { 
	background-color: #eee; 
}

div.point_waiticon {
	position: absolute; 
	padding: 0px; 
	width: 16px; 
	height: 16px; 
	background-image: url('/scripts/point/point_waiticon.gif'); 
	left: 100px; 
	top: 100px; 
}

#point_togglebutton {
	cursor: hand;
	cursor: pointer;
}

.form_error{
	display: block;
	color: red;
	padding : 0 0 0 10px;
}

/* @end */