@charset "utf-8";
/* CSS Document voor Dong Tay - een Nowton productie - Q2Q4 2009, Q1-2010 */

/* 
GLOBAL
*/
html { overflow-x: hidden;}
body { font-size: 62.5%; line-height:1.4; }

/*
COLORS
*/
red { color: #EF4036 ;}
orange { color: #F7941E ;}
yellow { color: #FCB040 ;}
green { color: #39B54A ;}
black { color: black ;}

/*
LAYOUT
*/

#outerwrapper { margin: -120px auto 10px ; width: 960px;	}
#innerwrapper { /*background:#FED url(../images/bg-wrapper.jpg) center bottom no-repeat;*/ overflow: hidden;}
#masthead {
	margin: 0 auto;
	height: 162px;
	position: relative; z-index:-1;
	background: transparent url(images/bg-masthead.png) repeat-x;
}
#logomenu {
	width: 240px;
	float:left;
}
#logo {	width: 240px; margin-top: -10px;} 
#menu { width: 220px; float: left; background: white; padding: 10px;}
#action {
	color: white;
	right: -20px; 
	width: 201px;
	height: 201px;
	margin-top: -40px;
	position: absolute;
	z-index:10;
}
#mainContent { background: white; overflow: hidden	}
.col { width: 320px; margin-left: 20px; padding: 10px; float: left; background: white;}
.dcol {width: 640px; margin-left: 20px; padding: 10px; float: left; background: white; }
#slide { height: 480px; margin-top: 70px; }
#mediaspace { width: 640px; padding: 10px 0; }
#footer { background: #F7941E url(images/bg-footer.png) repeat-x; margin: 14px 0; width: 960px; color: white; overflow: hidden;} 
#naw { float: left; width: 620px; padding:0 10px;}
#credits { float: left; width: 300px;  padding: 0 10px; text-align: right;}
#credits a, #footer a { color: white; text-decoration: none; }
#footer a:hover  {text-decoration: underline;}
#credits a {font-family: "Times New Roman", Times, serif;}
.roundcorner {
	-moz-border-radius:10px;  /* Mozilla */
	-webkit-border-radius:10px; /* Chrome & Safari */
	-opera-border-radius:10px; /* Opera 10?*/
	-khtml-border-radius:10px; 
	border-radius:10px; /* CSS3*/
	}
mainContent { width: 720px; float: left; }

/* BACKGROUNDS */
body { background: white url(images/bg-body.jpg) center bottom fixed repeat-x;}
#plant-lft, #plant-rt, #plant-top, #plant-btm, #plant-fl {position: absolute; z-index: -20;}
#plant-lft { height: 592px ; width: 234px; background:url(images/plant-lft.png) no-repeat; bottom: -30px; left: 60px; }
#plant-rt { height: 417px; width: 205px; background:url(images/plant-rt.png) no-repeat; right: 0; top: 120px;}
#plant-top { height: 161px; width: 200px; background:url(images/plant-top.png) no-repeat; top: -10px; right: 200px;}
#plant-btm { height: 418px; width: 284px; background:url(images/plant-btm.png) no-repeat; right: 200px; bottom:-30px;}
#plant-fl { height: 165px; width: 203px; background:url(images/plant-fl.png) no-repeat;}

/*
TYPE
*/
h1, h2, h3 {font-family: Tahoma, Arial, sans-serif; color: #F7941E;}
h1 {font-size: 4em;  text-transform: uppercase; display: none;}
h2, h3 { color: #39B54A;}
.alt { display: none;}
h2 {font-size: 2.2em; }
h3 {font-size:  1.4em;}
p { padding: .5em 0; letter-spacing:.05em; }
p, li {	font-size: 1.4em; font-family:"Arial Narrow", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; color:#333; letter-spacing:1px; }
.col ul { margin: .5em; }
.col li { padding-left: 14px; background: url(images/bg-bullet.png) no-repeat;}

/*
NAVIGATION
*/
a {color: #F7941E; text-decoration: none;}
a:hover { text-decoration: underline; }
#menu li {/*display: inline;*/ font-size: 1.6em; text-align: center; border-bottom: 1px solid #FCB040;}
#menu li a {padding:0 .3em; display: block;  text-decoration: none}
#menu li:last-child {border-bottom: none;}
/* Highlighting */
#menu a:hover { background: #FCB040 url(images/bg-menu.png); color: white; }
#home a.home, #product a.product, #abproduct a.abproduct, #about a.about, #contact a.contact, #waar a.waar {background: #F7941E url(images/bg-footer.png); color: white; text-decoration: none;}

/* DEVELOPMENT */
#homenew #menu, #video #action  {display: none;}


/* FORMS */
form {
	font-size: 1em; /*margin-top: 1em;*/
	/*background-color: #EAF8FF;*/
	padding: 1em 0;
}
form ol {
	margin:0;
	padding:0;
	list-style:none;
}
.col form li {
	border-bottom:1px solid white;
	list-style:none;
	padding:0; background: none;
}
fieldset {
	border:1px solid white;
	width:80%;
	padding:8px;
}
label {
	text-align: right;
	width: 80px;
	display: inline-block;
	/*hide from IE display:-moz-inline-box;*/
	vertical-align: top;
	padding-top: 4px;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-left: 24px;
	margin: 2px 4px;
	padding:2px;
	width:200px;
	background-color: #FFF;
	border: 1px solid silver;
}
input:focus, select:focus, textarea:focus {
	border: 1px solid;
}
input[type="submit"] {
	width:auto;
	margin-right: 24px;
	background: #FCB040 url(images/bg-footer.png) no-repeat;
	border: 1px solid #F7941E;
	float: right;
	padding: 6px;
}
input[type="hidden"] {
	display: none;
}
br {
	clear: both;
}

/*Tools*/
.error {
	font-weight:bold;
	color:red;
}
.comment {
	background-color: yellow;
	color: red;
	font-weight: bold;
}
a[href$=".pdf"] {
	padding-right: 18px;
	background: transparent url(images/pdf-icon.gif) no-repeat center right;
}