html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	background: #000 url('/media/bg1.jpg') no-repeat center 80px;
	color: #fff;
	font: 0.7em/1.5em "Verdana", sans-serif;
}

/* fixed footer stuff */
div#container {
	min-height: 100%;
	margin: 0;
}

* html div#container {
	height: 100%;
}

a {
	color: #e5352c;
}

az:visited {
	color: #aa0000;
}

a.intext {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

a:hover.intext {
	text-decoration: underline;
}

div#top {
	height: 80px;
	margin-bottom: 1em;
	background: #fff;
	border-bottom: 1px solid #888;
}

div#top-in {
	width: 990px;
	height: 80px;
	margin: 0 auto;
}

div#top-in h1 {
	float: left;
	width: 250px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: url('http://www.infonto.nl/images/logo.gif') no-repeat left center;
}

div#top-in h1 a {
	display: block;
	overflow: hidden;
	float: left;
	width: 250px;
	height: 80px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

div#top-in h1 a span {
	visibility: hidden;
}

div#top-in ul {
	margin: 0;
	padding: 0;
	float: right;
}

div#top-in ul li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: -2em;
	list-style: none;
	background: url('/media/layout/menusplit.png') no-repeat 10px 33px;
}

div#top-in ul li.first {
	background: none;
}

div#top-in ul li a {
	display: block;
	float: left;
	height: 50px;
	padding: 30px 3em 0 3em;
	text-decoration: none;
	color: #000;
}

div#top-in ul li a:hover {
	color: #e5352c;
}

div#top-in ul li.active a {
	color: #e5352c;
/*	font-weight: bold;*/
}

div#content {
	position: relative;
	width: 990px;
	margin: 0 auto;
}

body.fullpage div#content {
	height: auto;
}

div#teaser {
	position: absolute;
	left: 0px;
	top: 30px;
	width: 500px;
	font-size: 3em;
	line-height: 1em;
}

body.fullpage div#teaser {
	display: none;
}

div.contentblock {
	position: absolute;
	right: 0px;
	width: 350px;
	top: 10px;
	color: #000;
}

div.contentblock.wide {
	width: 450px;
}

body.fullpage div.contentblock {
	position: static;
	width: auto;
	border: 0 none;
}

body div#content.subpage {
	padding-top: 10px;
}

body div#content.subpage div.contentblock {
	width: 75%;
	float: left;
}

body div#content.subpage div.submenu {
	width: 22%;
	float: right;
}

div.contentblock div.cbtop, div.contentblock div.cbbtm {
	height: 7px;
}

div.contentblock div.cbtop b, div.contentblock div.cbbtm b {
	display: block;
	height: 7px;
}

div.contentblock div.cbtop b.l, div.submenu div.cbtop b.l {
	float: left;
	width: 7px;
	background: url('/media/layout/cw.png') no-repeat 0 0;
}

div.contentblock div.cbtop b.c, div.submenu div.cbtop b.c {
	background: #fff;
	background: url('/media/layout/cntrw.png') repeat center;
	margin: 0 7px;
}

div.contentblock div.cbtop b.r, div.submenu div.cbtop b.r {
	float: right;
	width: 7px;
	background: url('/media/layout/cw.png') no-repeat -7px 0;
}

div.contentblock div.cbbtm b.l, div.submenu div.cbbtm b.l {
	float: left;
	width: 7px;
	background: url('/media/layout/cw.png') no-repeat 0 -7px;
}

div.contentblock div.cbbtm b.c, div.submenu div.cbbtm b.c {
	background: #fff;
	background: url('/media/layout/cntrw.png') repeat center;
	margin: 0 7px;
}

div.contentblock div.cbbtm b.r, div.submenu div.cbbtm b.r {
	float: right;
	width: 7px;
	background: url('/media/layout/cw.png') no-repeat -7px -7px;
}

div.contentblock div.cbcenter, div.submenu div.cbcenter {
	background: #fff;
	background: url('/media/layout/cntrw.png') repeat center;
	padding: 1px 20px 10px 20px;
/*	margin-top: -1px;*/
}

div.contentblock div.cbcenter h2 , div.submenu div.cbcenter h2 {
/*	margin-top: 0;*/
}

div.cbcenter ul {
	margin: 0;
	padding: 0;
}

div.cbcenter ul li {
	list-style: none;
	padding-left: 1.6em;
	background: url('/media/layout/bullet.gif') no-repeat left 0.4em;
}

div.spacer {
	width: 100%;
	height: 1px;
	overflow: hidden;
	clear: both;
}

/* kader start */
div.dark {
	color: #fff;
}

div.light div.cbtop, div.light div.cbbtm, div.dark div.cbtop, div.dark div.cbbtm {
	height: 7px;
}

div.light div.cbtop b, div.light div.cbbtm b, div.dark div.cbtop b, div.dark div.cbbtm b {
	display: block;
	height: 7px;
}

div.light div.cbtop b.l, div.dark div.cbtop b.l {
	float: left;
	width: 7px;
	background: url('/media/layout/cw.png') no-repeat 0 0;
}

div.dark div.cbtop b.l {
	background: url('/media/layout/cb.png') no-repeat 0 0;
}

div.light div.cbtop b.c, div.dark div.cbtop b.c {
	background: #fff;
	margin: 0 7px;
}

div.dark div.cbtop b.c {
	background: url('/media/layout/bb.png') repeat center;
}

div.light div.cbtop b.r, div.dark div.cbtop b.r {
	float: right;
	width: 7px;
	background: url('/media/layout/cw.png') no-repeat -7px 0;
}

div.dark div.cbtop b.r {
	background: url('/media/layout/cb.png') no-repeat -7px 0;
}

div.light div.cbbtm b.l, div.dark div.cbbtm b.l {
	float: left;
	width: 7px;
	background: url('/media/layout/cw.png') no-repeat 0 -7px;
}

div.dark div.cbbtm b.l {
	background: url('/media/layout/cb.png') no-repeat 0 -7px;
}

div.light div.cbbtm b.c, div.dark div.cbbtm b.c {
	background: #fff;
	margin: 0 7px;
}

div.dark div.cbbtm b.c {
	background: url('/media/layout/bb.png') repeat center;
}

div.light div.cbbtm b.r, div.dark div.cbbtm b.r {
	float: right;
	width: 7px;
	background: url('/media/layout/cw.png') no-repeat -7px -7px;
}

div.dark div.cbbtm b.r {
	background: url('/media/layout/cb.png') no-repeat -7px -7px;
}

div.light div.cbcenter, div.dark div.cbcenter {
	background: #fff;
	padding: 1px 20px;
	margin-top: -1px;
}

div.dark div.cbcenter {
	background: url('/media/layout/bb.png') repeat center;
}

/* kader stop */

div.contentblock h2 {
	padding-bottom: 0.5em;
	font-weight: normal;
	border-bottom: 1px dotted #e5352c
}

body div.submenu h2 {
	font-weight: normal;
	color: #e5352c;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #e5352c;
}

body div.submenu ul {
	margin: 1em 0;
	padding: 0;
}

body div.submenu ul li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	list-style: none;
	background: none;
	border-bottom: 1px dotted #aaa;
}

div#clearfooter {
	height: 50px;
	clear: both;
}

div#footer {
	display: none;
	height: 35px;
	width: 990px;
	margin: -35px auto 0 auto;
}

div#footer div.cbtop, div#footer div.cbbtm {
	height: 7px;
}

div#footer div.cbtop b, div#footer div.cbbtm b {
	display: block;
	height: 7px;
}

div#footer div.cbtop b.l {
	float: left;
	width: 7px;
	background: url('/media/layout/cb.png') no-repeat 0 0;
}

div#footer div.cbtop b.c {
	background: url('/media/layout/bb.png') repeat center;
	margin: 0 7px;
}

div#footer div.cbtop b.r {
	float: right;
	width: 7px;
	background: url('/media/layout/cb.png') no-repeat -7px 0;
}

div#footer div.cbbtm b.l {
	float: left;
	width: 7px;
	background: url('/media/layout/cb.png') no-repeat 0 -7px;
}

div#footer div.cbbtm b.c {
	background: #fff;
	margin: 0 7px;
}

div#footer div.cbbtm b.r {
	float: right;
	width: 7px;
	background: url('/media/layout/cb.png') no-repeat -7px -7px;
}

div#footer div#footer-in {
	background: url('/media/layout/bb.png') repeat center;
	padding: 1px 10px 10px;
	text-align: center;
}

div.tools {
	display: none;
}

/* portfolio */
div.item {
	padding-bottom: 1em;
	padding-left: 180px;
	margin-bottom: 1em;
	border-bottom: 1px dotted #aaa;

}

div.item div.image {
	float: left;
	width: 150px;
	margin-bottom: 1em;
	margin-left: -180px;
	border: 1px solid #333;
	background: #aaa;
}

div.item div.image img {
	display: block;
	border: 0 none;
}

/* forms */

form span.formwait {
	visibility: hidden;
}

form span.formwait.show {
	visibility: visible;
}

form span.formwait img {
	vertical-align: bottom;
	width: 26px;
	height: 26px;
}

p.error {
	border: 1px solid red;
}

form dl {
}

form dl dt {
	margin-top: 0.3em;
	margin-bottom: 0.1em;
}

form dl dd {
	margin-left: 0;
}

form dl dd input[type=text] {
	width: 75%;
	border: 1px solid #333;
}

form dl dd.error input[type=text] {
	background: #ffdddd;
}

form dl dd textarea {
	width: 75%;
	border: 1px solid #333;
	overflow: auto;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 9pt;
}

form dl dd span.fielderror {
	display: none;
}

form dl dd.error span.fielderror {
	display: inline;
	color: red;
}

span.verplicht {
	color: red;
}

div#ie6warning {
	display: none;
}
