/* 
   plena forma screen styles // based on boilerplate
   version 0.1 (08/08/2008)
   ruud montoya // www.plenaforma.nl
*/
@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/plugins.css";
/* page */
body {
	background: #E3EDF0 url(../img/white-gradient.png) repeat-x bottom left;
}



input, form {
	margin: 0px;
  	padding: 0px;
}
input {
	font-family: verdana, arial;
	font-size: 11px;
	color: #000;
}


#colorbackground {
	height:22em;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	background:#fff url(../img/blue2-gradient.png) repeat-x top left;;
	border-bottom:#CDE4E9 solid 2em;
	border-top:#54301A solid 1em;
}
#page {
	margin: 0 auto;
	width: 76em;
	padding: 0 1em 0 1em;
	z-index:100;
	position:relative;

}
/* top navigation postion*/
#topnav {
	margin: 1em 0 0 0;
	}
#topnav ul {
	float:left;
	margin:0;
}
/* top navigation styling */
#topnav .tabs {
}
#topnav .tabs li {
	margin:0;
	border-width: 0  0 0 1px;
	border-style:solid;
	border-color:#d9f3fa;
}
#topnav .tabs a {
	padding: 0.5em 1em;
	color: #00AFDB;
	text-decoration: none;
}
#topnav .tabs a:hover, #topnav .tabs a.active {
	color: #54301A;
}
/* header // logo position */
#header {
	padding:0 1em 1em 1em;
	margin-bottom:1em;
}

#header .block {
	float:left;
	margin:4.25em 0 0 0;
}
#header h2 {
	margin:0;
}
#header p {
	margin:0.25em 0 0 0;

}
#header .logo {
	margin:-1em -0.5em 0 0;
	float:right;
}
#header .logo img{
	width:17.5em
	height:10em;
	}

/* body */
#body {
	margin:0;
	padding:0.9em;
	background:#fff;
	border-width: 1px;
	border-style:solid;
	border-color:#BEDCE6;
	height:auto;
}
#mainleft, #main{
	float: left;
	margin:0;
	padding:2em 1em;
	height:33.3em;
	width:15.5em;
}

#mainright {
	float:left;
	margin:0;
	background:#fff;
	width: 37em;
	}

#main{
	background: #00AFDB url(../img/white-gradient.png) repeat-x bottom left;
	color:#004760;
	}
#main h2{
	color:#fff;
	margin:0;
	}
#main a{
	color:#fff;
}
#main h2 strong{
	margin:0;
}

#mainleft h2{
	color:#00AFDB;
	margin:0;
	}

#mainleft {
	background: #54301A url(../img/white-gradient.png) repeat-x bottom left;
	color:#fff;
}

#mainleft ul {
	margin:0 0 1.25em 0;
}
#mainleft .list li {
	font-size:1.05em;
	font-weight:400;
}
#mainleft .list li a{
	color:#B29A85;
}
#mainleft .list li a:hover {
	color:#A8DBED;
}
 #mainleft-home a:hover {
	color:#fff;
}

#main{
	width:15.5em;
	border-width: 0 1em 0 1em;
	border-style:solid;
	border-color:#fff;
	
}
.note {
	display:none;
	width:36em;
	height:2.5em;
	background:#00AFDB;
	position:absolute;
	top:32em;
	left:2em;
	padding:0.5em;
}
.note p{
	margin:0;
	line-height:1.25em;
	color:#fff;
	}
#prod00 {
	width:37em;
	height:auto;
	background:#fff;
}
#prod00 img {
	width:39em;
	height:24em;
}

#mainright .prod {
	background:#f0f9fc;
	width:18em;
	height:12.25em;
	margin-top:1em;
}
#mainright .prod01 {
	margin-left:1em;
}
#mainright .prod img {
	width:18em;
	height:8em;
	margin:0 0 0.5em 0;
}
#mainright .prod p {
	margin:0 0 1em 1em;
	line-height:1.25em;
}
#mainright h2 {
	font-size:1em;
	margin:0 0 0.25em 1em;
}
#mainright .thumb {
	background:#f0f9fc;
	width:7.55em;
	height:12.25em;
	margin:1em 0.25em;
}
#mainright .less {
	width:2.1em;
	height:12.25em;
	margin:1em 0.25em 0 0;
	background: #f0f9fc url(../img/less.png) no-repeat center top;
}
#mainright .more {
	background: #f0f9fc url(../img/more.png) no-repeat center top;
	width:2.1em;
	height:12.25em;
	margin:1em 0 0 0.25em;
}
#mainright .thumb img {
	width:7.55em;
	height:7.55em;
	margin:0 0 0.5em 0;
}

/* img */
.left {
	float:left;
	margin:0 20px 0 0;
	padding: 0;
	width:8.33em;
	height:8.33em;
}
.right {
	float:right;
	margin:0 0 0 20px;
	padding: 0;
	width:8.33em;
	height:8.33em;
}

.actie{
	padding:0.25em;
	background:#fff;
	width:15em;
	height:4em;
	}
/* footer postion*/
#footer {
	background:#fff;
	margin:0;
	clear:both;
}
/* footer styling */
#footer .tabs {
	display:none;
}
p.quiet {
margin-left:1em;
}

p.quiet a, p.quiet{
	color:#92C2D3;
	}
p.quiet a:hover{
	color:#fff;
	}