/* Open tuin global styles. for the use of repetetive elements */


/* global layout */
html { min-height:100%; height:auto !important; height:100%; }
body { width:100%;  margin:0; padding:0; background-color:#53c7fc; font-family:Verdana; font-size: 100%; color:#4d6437; line-height:15px; }
body.home { background:url(../img/gbl-body-background.jpg) repeat-x bottom center; background-color:#53c7fc; }
body.search, body.tuinroutes, body.tuintripplanner { background:url(../img/gbl-body-background-2.jpg) repeat-x bottom center; background-color:#53c7fc; }
body.profiel, body.tuinroute { background:url(../img/gbl-body-background-3.jpg) repeat bottom center; background-color:#53c7fc; }
body.admin { background:url(../img/gbl-body-background-admin.jpg) repeat-x bottom center; background-color:#53c7fc; }
body.splash { background:url(../img/gbl-body-background-splash.jpg) repeat-x bottom center; background-color:#53c7fc; }

#shovel { width:44px; height:148px; background:transparent url(../img/gbl-img-schep.png) no-repeat top left; position:absolute; bottom:0px; }
#sign { width:209px; height:195px; background:transparent url(../img/gbl-bg-btn-schrijf-in.gif) no-repeat top left; position:absolute; bottom:0px;}

/* wrappers */
#gbl-wrapper { width:100%; height:100%; min-height:900px; }
#gbl-wrapper .gbl-content-wrapper { width:960px; height:100%; margin:0px auto; background-color:transparent; position:relative; }

/* decorative items */
.gbl-decorative-shovel { width:44px; height:148px; background:transparent url(../img/gbl-img-schep.png) no-repeat top left; position:absolute; bottom:19px; left:5px; }
.gbl-decorative-schrijf-in { width:209px; height:195px; background:transparent url(../img/gbl-bg-btn-schrijf-in.gif) no-repeat top left; position:absolute; bottom:0; right:10px; }
.gbl-decorative-schrijf-in a { display:block; width:206px; height:70px; margin:4px 0 0 0; }

/* global layout, header, navigation, content areas, footer. */
.gbl-main-header { width:960px; height:70px; background-color:transparent; position:relative; }
.gbl-main-header img { }
.gbl-main-header span { position:absolute; width:300px; top:32px; right:0; font:14px Georgia; color:#fff; font-style:italic; font-weight:bold; text-align:right; }

.gbl-left-coll { float:left; width:710px; background-color:transparent; margin:0 10px 0 0; /* min-height:600px; height:auto !important; height:618px; */ }

	/* navigation */
	.gbl-navigation { width:710px; height:30px; }
	.gbl-navigation ul { width:710px; height:30px; }
	.gbl-navigation ul li { float:left; background: url(../img/gbl-nav-li-bg.gif) no-repeat top left; }
	.gbl-navigation ul li.admin { float:left; background: url(../img/gbl-nav-li-bg-admin.gif) no-repeat top left; }
	.gbl-navigation ul li.active { float:left; background: url(../img/gbl-nav-li-bg-active.gif) no-repeat top left; }
	.gbl-navigation ul li a { font:13px Arial; text-transform:uppercase; line-height:30px; text-align:center; display:block; height:30px; width:142px; /* font:12px Verdana; color:#366366; line-height:21px; text-align:center; */  }
		li a.home { display:block; width:142px; height:32px; background:url(../img/main-nav-li-home.gif) no-repeat top left; }
		li a.vind-tuin { display:block; width:142px; height:32px; background:url(../img/main-nav-li-vind-tuin.gif) no-repeat top left; }
		li a.plan-tuintrip { display:block; width:142px; height:32px; background:url(../img/main-nav-li-plan-trip.gif) no-repeat top left; position:relative; }
		li a.plan-tuintrip #ttp-count { position:absolute; top:1px; left:119px; font-weight:bold; font-size:.8em; }
		li a.tuinroutes { display:block; width:142px; height:32px; background:url(../img/main-nav-li-tuinroutes.gif) no-repeat top left; }
		li a.over-ons { display:block; width:142px; height:32px; background:url(../img/main-nav-li-over-ons.gif) no-repeat top left; }

	.gbl-navigation ul li a:hover { text-decoration:none; }
	.gbl-navigation ul li a:active { text-decoration:none; }
	.gbl-navigation ul li a:visited { text-decoration:none; }
	/* content */
	.gbl-lc-content { width:690px; padding:20px 0 20px 20px; background:#d4e78d url(../img/gbl-content-bg-img.gif) no-repeat top left;  position:relative; }

.gbl-right-coll { float:left; width:240px; background:#d4e78d url(../img/gbl-rc-bg-img.gif) no-repeat bottom right; }
 .gbl-right-coll-header { width:240px; height:30px; background:url(../img/gbl-rc-header-bg-img.gif) no-repeat top left; padding:0 0 10px 0; }


/* global button */
a.btn { font:12px Georgia; color:#fff; text-align:center; line-height:21px; padding:0 10px 0 10px; border:1px solid #c1de68; background:#366467 url(../img/gbl-admin-btn-bg.gif) repeat-x top left;  }
a.btn:hover { text-decoration:none; color:#e3e33e; }
a.btn:active { text-decoration:none; }
a.btn:visited { text-decoration:none; }
a.btn-aanmelden { display:block; height:22px; width:140px;}

/* footer */
.footer { clear:both; height:30px; margin:0 0 0 280px;; }
.footer ul { padding:8px 0 0 0; height:22px; }
.footer ul li { float:left; }
.footer ul li a { display:block; background:transparent url(../img/gbl-footer-li-bg.gif) no-repeat bottom right;  padding:0 7px 0 7px; }
.footer ul li a.last { background-image:none; }

/* Overlay box */
.overbox-main-wrapper { display:none; position:absolute; top:0; left:0; background:transparent url(../img/overlay-bg.png) repeat top left; }
	.overbox-content { position:relative; width:668px; border:1px solid #9bc63f; background-color:#e4f39e; padding:20px; margin:50px auto; }
	.overbox-content a.close-overbox-btn { position:absolute; top:10px; right:10px; display:block; width:17px; height:17px; background:url(../img/gbl-close-overbox-img.gif) no-repeat top left; }
	.overbox-content h2 { margin:0 0 10px 0; }
	.overbox-content td.overbox-admin-form { padding:20px 0 0 0; }
	.overbox-content td.overbox-admin-form td { padding:0 0 6px 0; }
	.overbox-content td.overbox-admin-form td.input-titel { width:160px; }
	.overbox-content td.overbox-admin-form td label { font:10px Verdana; color:#4D6437; vertical-align:middle; }
	.overbox-content td.overbox-admin-form-submit { padding:0; margin:0; text-align:right; line-height:1px; font-size:1px; }
	.overbox-content td.overbox-admin-form-submit input { background:transparent; border:none; margin:0 10px 0 0; padding:10px 0 0 0; line-height:1px; font-size:1px; }
	

/* FI float fix */
.clear {  clear:both; }

/* form elements */
input { border:none; background-color:#fff; }
input.checkbox { border:none; background:transparent; width:13px !important; height:13px !important; }

/* typography */
h1 { font:22px Verdana; color:#ffffff; }
h2 { font:14px Verdana; color:#366366; text-transform:uppercase; }
h3 { font:12px Georgia; color:#4d6437; }
h4 { font:14px Verdana; color:#366366; text-transform:uppercase; }
h5 { font:12px Georgia; color:#4d6437; }
h6 { }

p { font:10px Verdana; color:#4d6437; line-height:15px; }
blockquote { }
cite { }

p.copywright { color:#fff; position:absolute; bottom:5px; right:0; }

a, .link { font:10px Verdana; color:#366366; text-decoration:none; }
.link { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
a:hover { text-decoration:underline; }
a:visited { }
a:active { text-decoration:underline; }
a.copywright { color:#fff; text-decoration:none; }
a.copywright:hover { color:#fff; text-decoration:underline; }
a.groei-link { display:block; width:240px; height:25px; }