/* C
   (c) K.S.R. van Poelgeest
   (u) www.hansnel.nl
   (c) Tuinweb
   (u) www.tuinweb.nl
	 V1.0 Originally created: 080604
	 Based on Original FW 071213
	 Version history: n/a
---------------------------------------------- */
@import url('typography.css');
@import url('nav.css'); /* all navigation */

@import url('modular.css'); /* variables */

@import url('extension.css'); /* reserved for post-production */

@import url('invliegers.css'); /* for flash content */


/* DEFAULT COLORS
NOTE TO DEV: HTML CSS COLORS ?
---------------------------------------------- */ 
body {background:#555d4d;}
#thema h3 {color:#474139;}
.sidecolor h5,
a,
#login thead th {color:#3ac9ff;}
h1 {color:#90da02;}

/* General reset
---------------------------------------------- */
* {
	font-family:Arial,Verdana,Helvetica,Sans-serif;
	}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, a img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	text-align:left;
  }
	sub,sup {
		margin:0;
		padding:0;
		outline:0;
		border:0;
		}
ul {
	list-style:none;
	}
	li {
		text-indent:0;	
		}

/* CSS classes
---------------------------------------------- */
.w-auto   { width: auto; }
.w-100    { width: 100%; }
.w-75     { width: 75%; }
.fly_x    { float: left; }
.fly_y    { float: right; }
.txt_x    { text-align: left; }
.txt_y    { text-align: right; }


/* Define some silly stuff to make IE support 
both transparent bg PNG and inline anchors
---------------------------------------------- */
#logo a,
#katern-wrap a,
#toolbar a,
#metafoot a {
	position:relative;
	}

/* Base
---------------------------------------------- */
body {
	color:#fff;
	padding:0 10px;
	text-align:center;
	line-height:120%;
	font-size:100%;
	}
#contain {
	text-align:left;
	margin:0 auto;
	width:972px;
	position:relative;
	}
	#skip {
		display:none;
		visibility:hidden;
		}
#identity {
	width:auto;
	float:left;
	width:260px;
	}
  #logo {
		width:260px;
		height:120px;	
  	}
	#logo[id] {
		background:url('http://tuinwebv1.ilink2.nl/bg-20-trans.png') repeat;
		}
	#logo a {
	  	display:block;
			height:120px;
			}
	#login {
		padding:0;
		width:260px;
		}
		#login table {
			margin:0 20px;
			}
#bushes {
	position:absolute;
	top:0;
	left:50%;
	width:300px;
	margin-left:310px;
	background:url('../files/flashimages/bush.png');
	height:300px;
	z-index:999;
	}

* html #bushes {
  	}

#visual {
	background:url('../files/flashimages/visual-6.jpg') bottom no-repeat;
	float:left;
	width:706px;
	margin-top:120px;
	border:3px solid #fff;
	z-index:1;
	}
.page #visual {
	background:url('../files/flashimages/visual-2.jpg') bottom no-repeat;
	}
* html #visual {
	margin-top:121px;
	}
#nav {
	clear:left;
	width:auto;
	overflow:auto;
	background:#472309 url('../g/bg-nav.jpg') bottom;
	border-bottom:2px solid #62a000;
	}
* html #nav {
	height:100%;
	}
#main {
	overflow:auto;
	padding-left:2px; /* visual offset for typography to align horizontally */
	}
	#toolbar {
		display:block;
		clear:both;
		overflow:auto;
		width:970px;
		height:40px;
		background-position:top center;
		background-repeat:no-repeat;
		}
	#toolbar[id] {
		background-image:url('http://tuinwebv1.ilink2.nl/bg-toolbar-trans.png');
		}
	#sidecol {/*LHS*/
		float:left;
		clear:left;
		width:225px;
		padding-bottom:10px;
		padding-right:20px;
		margin:0;
		}
	#content {
		padding-bottom:1em;
		}
.home #content {
		float:left;
		margin-left:20px;
		width:450px;
		}
.page #content {
		position:relative;
		margin-right:260px;
		}
	#katern {/*RHS*/
		float:right;
		clear:right;
		width:220px;
		}
		#katern-wrap {
			padding:15px 10px 10px;
			font-size:0.76em;
			height:100%;
			overflow:auto;
			}
		#katern-wrap[id] {
			background:url('http://tuinwebv1.ilink2.nl/bg-10-trans.png');
			}

/* Homepage
---------------------------------------------- */
#thema {/*changing themes*/}
.themavisual,
.smallvisual {
	display:block;
	height:150px;
	}
.themavisual {
	padding-right:20px;
	border:3px solid #fff;
	background-position:right;
	}
	.smallvisual {
		width:150px;
		border-right:3px solid #fff;
		background-position:left;
		text-indent:-999em;
		}
	.themavisual:hover,
	.themavisual:hover .smallvisual {
		border-color:#ccc;
		}
	.button-viewtheme {
		display:block;
		background:url('../g/button-bekijken.gif') right top no-repeat;
		}
	.themavisual:hover .button-viewtheme {
		background-position:right 120%;
		}
		/* default theme images */
		.themavisual {background-image:url('../files/trend/default-wide.jpg');}
		.smallvisual {background-image:url('../files/trend/default-small.jpg');}

.thema h2 {
	text-align:center;
	padding-top:30px;
	font-size:18px;
	font-weight:normal;
	}
.thema h3 {
	font-size:30px;
	padding:10px 0 15px;
	text-transform:uppercase;
	font-weight:bold;
	}

/* Meta footer
---------------------------------------------- */
#metafoot {
	display:block;
	clear:both;
	height:9em;
	overflow:auto;
	margin:1.5em 0 0.5em;
	padding:0.5em 0 0 2px;
	color:#303030;
	background-position:top center;
	background-repeat:no-repeat;
	}
	#metafoot[id] {
		background-image:url('http://tuinwebv1.ilink2.nl/bg-metafoot-trans.png');
		}
	#metafoot p {
		text-align:center;
		width:auto;
		font-size:0.76em;
		}
	#logos {
		margin:10px auto;
		text-align:center;
		background-color:white;
		padding:10px 5px 10px 5px;
		width:800px;
		}
		#logos a {
			margin-left:15px;
			}
	#metafoot a {
		text-decoration:none;
		color:#333;
		}
	#metafoot a:hover {
		text-decoration:underline;
		}


/* Hide printables
---------------------------------------------- */
#printlogo,
#printfoot {
	display:none;
	visibility:hidden;
	clear:both;
	}