/*
	Colours
	Green	#0d8335
	Gray	#4d4d4d
*/

*[contenteditable]:hover { outline:solid 1px #ddd; }
*[contenteditable]:focus { background-color:#fafafa; outline:solid 2px #ccc; }

/* Globals */
html {overflow: -moz-scrollbars-vertical;}
body,table { font-family:verdana; color:#4d4d4d; font-size:12px;margin:0; padding:0;}
form {display:inline;}
img {border:0; display:block;}
td {vertical-align:top;}
a {text-decoration:underline;}
a:focus {outline:0;}
p {line-height:18px; margin: 0 0 15px 0; }
p a, li a {color:#007e3b;}
p a:hover, li a:hover {color:#4d4d4d;}
ul, ol {margin:10px 0; padding:0 0 0 15px; list-style-position:outside;}
ul li, ol li { line-height:18px;}
h2 { font-size:24px; font-family:'font-family-667-1', serif; }
input, textarea { width:350px; }
input.checkbox, input.radio { width:16px; }
input.text { border:solid 1px #0D8335; }
input.textbox-small { border:0; font-size:11px; padding:4px; width:31px; /*height:13px;*/ background:transparent url('/images/layout/textbox-small.gif') no-repeat; }
input.textbox-medium { border:0; font-size:11px; padding:4px; width:98px; /*height:13px;*/ background:transparent url('/images/layout/textbox-medium.gif') no-repeat; }
input.textbox-large { border:0; font-size:11px; padding:4px; width:193px; /*height:13px;*/ background:transparent url('/images/layout/textbox-large.gif') no-repeat; }

div.tutorial { z-index:8; width:32px; height:32px; }
div.tutorial a { text-indent:-9999px; display:block; width:32px; height:32px; background:transparent url('/images/layout/btn-film.jpg') center center no-repeat; }
#content div.tutorial { position:absolute; top:15px; right:10px; }
#carousel div.tutorial { position:absolute; right:84px; top:0; }

/* Divs */
#wrapper {width:1000px; margin:0 auto; text-align:left;}
#header {height:141px; position:relative; background:url('images/layout/top2-2.png') no-repeat;}
body#p-index #header {height:399px; background-image:url('images/layout/top.png');}
#header h3 {position:absolute; left:86px; top:20px;}
#header h3 a {display:block; width:242px; height:79px; text-indent:-9999px;}
#login {position:absolute; left:331px;height:92px;}
#login a {display:block;  float:left; font-family:verdana; font-size:13px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:14px;}
#login a:hover {color:#4d4d4d;}
#login a.account {width:116px; margin:32px 0 0; text-align:center;}
#login a.login {width:70px; margin:46px 0 0;}
#demo {position:absolute; left:506px; top:30px; width:164px;}
#demo p {font-family:Trebuchet MS; font-size:15px; color:#4d4d4d; }
#demo p strong {color:#0d8335; font-weight:normal;}
#demo p a {color:#4d4d4d;}
#demo p a:hover {color:#0d8335}
#search {position:absolute; left:782px; top:61px;}
#search p { margin:0; padding:0; }
#search input.parameter { position:absolute; top:5px; left:2px; margin:0; padding:0; background:transparent; width:101px; color:#0d8335; border:none; }
#search input.submit { position:absolute; left:110px; margin:0; padding:0; width:24px; height:24px; border:0; background:transparent; cursor:pointer;}

#showcase { position:absolute; top:93px; left:80px;width:842px; height:262px; }
#showcase .mask {width:100%; height:100%; position:absolute; background:transparent url('images/layout/mask.gif') no-repeat; z-index:6; }
#showcase .control {position:absolute; top:230px; right:24px; z-index:7;}
#showcase .control a {display:block; float:left; background:url('images/layout/showcase_a.png') no-repeat; height:10px; width:15px; text-indent:-9999px;}
#showcase .control a.current {background:url('images/layout/showcase_a_current.png') no-repeat;}
#showcase-images { width:822px; height:242px; position:absolute; overflow:hidden; }
#showcase ul li, #showcase ul { padding:0; margin:0; list-style:none; }
#showcase-images ul li, #showcase-images img { width:822px; height:242px; }

#service {position:absolute; bottom:0; left:806px;}
#service a {display:block; background:url('images/layout/service.jpg') no-repeat; text-indent:-9999px; height:39px; float:left;}
#service a.twitter {width:40px;}
#service a.rss {width:58px; background-position: -40px 0;}
#menu { position:absolute; bottom:0; left:85px; right:193px; }
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {float:left; }
#menu ul li a {display:block; color:#35ab65; font-size:18px; line-height:150%; font-family:font-family-667-1, 'Trebuchet MS', Arial; padding:2px 10px; text-decoration:none; text-transform:uppercase;}
#menu ul li a:hover, #tutorialmenu li a:hover {color:#000000;}
#menu ul li.current a {background:#FFFFFF; color:#000000;}
#menu ul li.winkelmandje { float:right; }
#tutorialmenu { display:block; list-style:none; margin:0; padding:0; }
#tutorialmenu li { margin:8px 0; }
#tutorialmenu li a { color:#35ab65; font-size:18px; line-height:150%; font-family:Trebuchet MS, arial; padding:5px 0; text-decoration:none; text-transform:uppercase; }

#content { clear:both; position:relative; }

#overview { width:100%; clear:both; }
#overview .desccontent { margin:35px 36px 10px 94px; width:320px; }
#overview .desccontent-wide { margin:35px 0px 10px 94px; width:384px; }
#overview .desccontent-xwide { margin:35px 0px 10px 94px; width:700px; }
#overview h1 { font-size:32px; font-family:font-family-667-1; color:#0d8335; font-weight:normal; }
#overview h2 { font-size:25px; color:#000000; font-weight:normal; }

#description { float:left; width:450px; height:188px; }
#description p { margin:0; font-family:Trebuchet MS; font-size:25px; line-height:100%; }

#carousel { float:left; width:490px; height:148px; margin:10px 0 30px 60px; position:relative; }
body#p-nieuws #carousel { margin-top:25px; }
#carousel .control { position:absolute; height:40px; width:40px; top:64px; z-index:2; }
#carousel .control a { display:block; height:40px; width:40px; text-indent:-9999px; background:url('images/layout/arrows.png') no-repeat; }
#carousel .control.left { left:-45px; }
#carousel .control.left a:hover { background-position: -40px 0; }
#carousel .control.right { right:55px; }
#carousel .control.right a { background-position: 0 -40px; }
#carousel .control.right a:hover { background-position: -40px -40px; }
#carousel ul { margin:0; padding:0; list-style:none; height:148px; }
#carousel ul li { margin:0; padding:0; float:left; width:130px; text-align:center; font-family:'Trebuchet MS'; color:#4d4d4d; }
#carousel ul#carousel-images img { margin:0; width:130px; height:130px; }
#carousel ul li a {}
#carousel .gallerylink { position:absolute; right:55px; bottom:-25px; width:130px; overflow:hidden; }
#carousel .gallerylink a {display:block; color:#817d7d; font-family:verdana; font-size:11px; background:url('images/layout/arrow.png') 0 2px no-repeat; padding:0 0 0 26px; text-decoration:none;}
#carousel .gallerylink a:hover {color:#000000;}

#content { width:810px; margin:0 auto; clear:both; }
#wrapper div.content-pad { margin-left:95px; }

#news { margin:0; padding:0; clear:both; }
#news h2 {font-size:25px; margin:0 0 5px 0; color:#0d8335;}
#news div.newsitem { clear:both; background:url('images/layout/golf.png') repeat-x 0 8px; padding:30px 0 10px; position:relative; min-height:80px; width:810px; }
#news div.newsitem h2 { font-size:18px; text-transform:uppercase; }
#news div.newsitem h2 a {background:url('images/layout/arrow_h1.png') no-repeat right 10px; padding:0 20px 0 0;}
#news div.newsitem .image { float:left; width:384px; z-index:5; }
#news div.newsitem cite.date, #news div.newsitem span.date { z-index:7; position:absolute; width:51px; height:21px; background:url('images/layout/date.png') no-repeat; text-align:center; line-height:21px; color:#ffffff; font-family:verdana; font-size:10px; left:323px; top:31px; font-weight:bold; font-style:normal; }
#news div.newsitem div.text {float:left; width:424px;}
#news div.newsitem div.newslist {float:left;}
#news div.newsitem div.newslist cite { margin-left:-51px; width:51px; display:block; float:left; }
#news div.newsitem div.newslist a { text-transform:uppercase; text-decoration:none; float:left; }

/* gallery */
body div.beeldbankct { background:transparent url(images/layout/golf.png) repeat-x scroll 0 0; }
#fgallery { width:640px; height:480px; margin:0 auto; clear:both; position:relative; }
#fgallery ul { width:100%; margin:0; padding:0; list-style:none; }
#fgallery ul li { padding:15px; float:left; text-align:center; }
#fgallery ul li img { height:130px; width:130px; }
#fgallery .controls div.control { width:40px; height:40px; position:absolute; margin-top:230px; }
#fgallery .control-left { left:-50px; }
#fgallery .control-right { right:-50px; }
#fgallery .controls a { display:block; height:40px; width:40px; text-indent:-9999px; background:url('images/layout/arrows.png') no-repeat; }
#fgallery .controls .control-left a { background-position: 0 0; }
#fgallery .controls .control-left a:hover { background-position: -40px 0; }
#fgallery .controls .control-right a { background-position: 0 -40px; }
#fgallery .controls .control-right a:hover { background-position: -40px -40px; }
/* gallery lightbox */
body div#lightbox-container-image-data-box { background: #00973F url('/images/layout/footer.png') repeat-x scroll 0 0; padding-top:30px; }
body div#lightbox-container-image-data-box div span { color:white; }
body #lightbox-secNav-btnClose { width:22px; }
body #jquery-lightbox a img { display:inline; }

/* shop */
#products { width:760px; margin:0 auto; }
#products ul { margin:0; padding:0; list-style:none; }
#products ul li { position:relative; padding:15px 30px; float:left; text-align:center; }
#products ul li img { height:130px; width:130px; }
#products ul li span { bottom:33px; position:absolute; right:30px; padding:0 2px; background-color:white; color:#4d4d4d; font-weight:bold; font-size:11px; }
body#p-webwinkel #content, body#p-winkelmandje #content { background:transparent url(images/layout/golf.png) repeat-x scroll 0 0; padding:25px 0; }
div#cart { margin:0 105px; padding-bottom:20px; }
div#cart table { text-align:left; width:100%; }
div#cart table td, body#p-winkelmandje table td { text-align:left; padding:2px; }
div#cart table.cart td, body#p-winkelmandje table.cart td { vertical-align:middle; }
div#cart table td.img { width:65px; padding:0 3px; }
div#cart table td.img img { width:65px; height:65px; }
div#cart table td.quantity { text-align:center; }
div#cart table td.quantity a.recalculate { background: transparent url(images/layout/btn-herladen.jpg) no-repeat scroll left 15px; display: block; padding: 0 0 0 26px; height: 45px; line-height: 24px; width: 90px; text-align:left; margin:0 auto; }
div#cart input.quantity, #cart td.delete { width:39px; text-align:center; }
div#cart td.delete a { display: block; background: transparent url(images/layout/btn-wis2.jpg) no-repeat scroll 0 0; width: 24px; height: 24px; }
div#cart table td.price { text-align:right; }
div#cart table tr.header td, #cart table td.total, #cart table tr.total td { font-weight:bold; font-size:14px; color:#0d8335; }
div#cart table thead td, div#cart table tbody td, body#p-winkelmandje table tr.last-row td { border:solid 0px #0d8335; border-bottom-width:1px; }
div#cart table tbody tr td { border-color:#bbbbbb; }
div#cart table tr td.img, #cart table tr td.delete { border:0; }
div#cart div.shop-or-checkout { margin:20px 0; }
div#cart div.shop-or-checkout div.shop { float:left; }
div#cart div.shop-or-checkout div.checkout { float:right; }
div#cart div.shop-or-checkout div.checkout a { background: transparent url(images/layout/btn-verzenden.jpg) no-repeat scroll 0px 0px; display: block; padding: 0 0 0 26px; height: 24px; line-height: 24px; }
div#cart a {color:#007e3b;}
div#cart a:hover {color:#4d4d4d;}
div.message { float:right; margin-bottom:-20px; }
div.errors-occured { color:red; }
body#p-winkelmandje div.row, body#p-winkelmandje div.submit { padding-top:2px; clear:both; }
body#p-winkelmandje div.row > span { float:left; display:block; }
body#p-winkelmandje div.row span.input { float:none; display:inline; }
body#p-winkelmandje div#wrapper div#content div.delivery_method > span { float:none; }
body#p-winkelmandje div.row span.label { width:160px; }
body#p-winkelmandje div.labelfield span { font-size:21px; color:#0d8335; margin:10px 0; }
/*body#p-winkelmandje div.required span.label { font-weight:bold; }*/
body div#content div.error span.errormessage { color:red; font-weight:normal; display:none; }
body div.error span.label, body div.error span.ezcontent-mollom-advice { color:red; }
body div#wrapper div div.row.error input, body div#wrapper div div.row.error textarea { background-color:#ffaaaa; }
body#p-winkelmandje div.row select, body#p-winkelmandje div.row textarea { border:solid 1px #0D8335; }
body#p-winkelmandje div.submit input { text-transform:capitalize; margin-left:160px; height:24px; width:90px; background:transparent url(images/layout/btn-verzenden.jpg) no-repeat scroll 0px 0px; border:0; color:#0d8335;  padding:0 0 0 26px; cursor:pointer; text-align:left; }
body#p-winkelmandje div.submit #address-confirm { width: 100px; margin-left: 0px; }
table.pers-details td.hd { width:160px; }
input.ezcontent-form-submit-button { margin-left:100px; height: 24px; background: transparent url(images/layout/btn-verzenden.jpg) no-repeat scroll 0px 0px; border: 0px; color: #0d8335;  padding: 0 0 0 26px; width: 90px; }
input.ezcontent-form-submit-button-over { margin-left:100px; height: 24px; background: transparent url(images/layout/btn-verzenden.jpg) no-repeat scroll 0px 0px; border: 0px; color: #0d8335;  padding: 0 0 0 26px; width: 90px; }

div.gbook-form, #formulier div#text { clear:both; margin-top:30px; background:transparent url(images/layout/golf.png) repeat-x scroll 0 8px; padding-top:20px; }
div.gbook-form .input input, #formulier .input input { border:0; font-size:11px; padding:4px; width:193px; /*height:13px;*/ background:transparent url('/images/layout/textbox-large.gif') no-repeat; margin:3px 0 0;}
div.gbook-form .input textarea, #formulier .input textarea {margin:3px 0 0; border:solid 1px #0d8335; width:300px; }
div.gbook-form label, span.label { display:block; float:left; width:95px; line-height:24px; }
div.gbook-form div.submit input, #formulier div.submit input { text-transform:capitalize; margin-left:90px; height:24px; background:transparent url(images/layout/btn-verzenden.jpg) no-repeat scroll 0px 0px; border:0; text-align:left; color:#0d8335; padding:0 0 0 26px; cursor:pointer; width:90px; }
div.gbook-form div.error span.errormessage { display:none; }
div.gbook-form div.error span.label { color:red; }

div.row { clear:both; overflow:auto; }
span.label, span.input { float:left; }
div.submit { clear:both; padding:3px 0 0; }

span.ezcontent-mollom-image img { display:inline; }
span.ezcontent-mollom-advice { font-size:11px; display:block; clear:both; }
/*div.ezcontentmailformmultiplecheckboxfield span.input input, div.ezcontentmailformradiofield span.input input { float:left; }*/
#wrapper div.ezcontentmailformfilefield span.input input, #wrapper div.ezcontentmailformmultiplecheckboxfield span.input input, #wrapper div.ezcontentmailformradiofield span.input input { background:none; }

#tweet-comment { clear:both; width:100%; }

#tweets { float:left; width:384px; background:url('images/layout/golf.png') repeat-x; margin-top:20px; padding:20px 0 0; }
body#p-nieuws #tweets { width:334px; }
body#p-nieuws #tweets ul { margin:0 20px 0 0; }
#tweets h2 { background:url('images/layout/twitter.png') no-repeat -5px 0; padding:0 0 0 32px; line-height:36px; }
#tweets ul { margin:0 40px 0 0; padding:0; list-style:none; }
#tweets ul li { font-size:11px; margin:0; background:url('images/layout/quotes.png') 4px 6px no-repeat; padding:0 0 15px 32px; }
#tweets ul li a {color:#009f3d; font-weight:bold; text-decoration:none;}
#comment { position:relative; float:left; width:424px; background:url('images/layout/golf.png') repeat-x; margin-top:20px; padding:20px 0 0;}
#comment h2 { margin:10px 0 3px; }
#comment p a {color:#007e3b;}
#comment p.links {position:relative; margin:0; height:40px;}
#comment p.links a.reageer, p.links a.reageer { display:block; float:left; background:url('images/layout/comment.png') no-repeat; padding:0 0 6px 25px; font-size:11px; line-height:14px; }
#comment p.links cite.date {position:absolute; top:-5px; left:130px; background:url('images/layout/user.png') no-repeat; padding:3px 0 5px 25px; font-size:11px; display:block; float:left; font-style:normal; line-height:20px;}
#comment p.links a.guestbook {position:absolute; right:0; color:#817d7d;display:block; color:#817d7d; font-family:verdana; font-size:11px; background:url('images/layout/arrow.png') 0 2px no-repeat; padding:0 0 0 26px; text-decoration:none;}

/* footer */
#footer { text-align:center; width:1000px; margin:0 auto; clear:both; background:#00973f url('images/layout/footer.png') repeat-x; padding:20px 0 0; }
#footer h3 {font-family:verdana; font-size:25px; line-height:30px; padding:20px 0 17px; color:#FFFFFF; font-weight:normal;}
#footer ul {width:750px; margin:0 auto 20px; padding:0; list-style:none;}
#footer ul li {display:inline; margin:0;}
#footer ul.links li a, #footer ul.links li a:hover { background:transparent url(images/layout/middot.png) no-repeat scroll right 6px; padding-right:10px; color:#ffffff; }
#footer ul.links li a { text-decoration:none; }
#footer ul.links li a:hover { text-decoration:underline; }
#footer ul.disclaimer {margin:0 auto; padding:0 0 40px;}
#footer ul.disclaimer li a {text-decoration:none; font-family:arial; font-size:11px; color:#044a2b; background:url('images/layout/disclaimer.png') right no-repeat; padding:0 12px;}
#footer ul.disclaimer li a:hover { text-decoration:underline; }
#footer ul.disclaimer li a.last {background:none;}
#footer p {color:#FFFFFF; font-size:11px; margin:0;}
.clear {clear:both;}


/* Content */
h1 {margin:0; font-family:Verdana; font-size:26px; line-height:120%; color:#0d8335;}
h1 a {color:#0d8335; text-decoration:none; font-weight:normal;}
h1 a:hover {color:#000000;}
h2 { margin:0; color:#0d8335; font-size:22px; line-height:100%; font-weight:normal;}
h2 a {color:#0d8335; text-decoration:none;}
h3 {margin:0;}
input.submit { width:120px; }
tr.topped td { vertical-align:top; }

/* Inputs */


body div.pp_pic_holder .pp_bottom { background-color:#00973F; height:40px; }
body div.pp_pic_holder .pp_bottom div, body .pp_description { visibility:hidden; display:none; }
body div.pp_pic_holder .pp_content { background:#ffffff url('images/layout/footer.png') repeat-x bottom; }
body div.light_square .pp_content a.pp_close { position:absolute; bottom:-30px; right:0px; z-index:9; width:40px; background-image:url('/images/layout/btn-close.jpg'); }
body div.pp_pic_holder .pp_content .pp_details .pp_nav { display:none; }

body div#wrapper div span.input input.radio, body div#wrapper div span.input input.checkbox { width:auto; }
