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, font, img, ins, kbd, q, samp,
small, strike, sub, sup, tt, var, em,
dl, dt, dd, ol, ul, li, menu,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	font-family:"Verdana", "Arial", Sans-serif;
	font-size:1em;
	text-align:left;
}

a {
	text-decoration:underline;
	cursor:pointer;
	color:blue;
}

body {
	font-size: 0.7em;
	height: 94%; /* needed for outer min-height */	
	background: #fff;	
	font-family: "Verdana", "Arial",sans-serif;
	color: #444;
}

abbr {
	text-decoration:underline;
	cursor:help;
	white-space:nowrap;
}


#header.styled {
	margin:0 0 166px 0;
}

#outer {
	position:relative;
	width:960px;
	margin:0 auto;
}

#menuTop {
	position:absolute;
	top:3px;
	right:0;
}

#menuTop li {
	list-style-type:none;
	display:block;
	float:left;
	margin-left:8px;
	padding-left:10px;
}

#menuTop li:first-child {
	background-image:none;
}

#menuTop a {
	text-decoration:none;
	color:#999;
	font-weight: bold;
	font-size: 0.9em;
	text-transform:lowercase;
	padding:3px 5px;
}

#menuTop a:hover {
	text-decoration:underline;
	color:#333;
}

#menuTop a.selected {
	background-color:#333;
	color:#fff;
}

#logo {
	position:relative;
	top:20px;
	margin: 0 0 20px;
	width:100%;
	background:transparent url("logo.gif") 0 50% no-repeat;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	text-indent:-9999px;
}

#logo a {
	display: block;
	height:60px;
	width:352px;
}

#menuMain {
	width:100%;
	font-size:1.1em;
	padding: 15px 0;
	height:16px;
	border-bottom:1px dashed #333;

}

#menuMain li {
	display:block;
	float:left;
	list-style:none;
	padding:0 6px 0 0;
}

#menuMain a {
	padding:3px;
	color:#f60;
	text-decoration:underline;
	font-weight: normal;
}

#menuMain a.selected {
	color:#fff;
	background-color:#f93;
}

#menuMain a.selected:hover {
	background-color:#f60;
	color:#fff;
}


#menuMain a:hover {
	color:#F8AB48;
}

#showcaseContainer {
	clear: both;
	padding: 10px 0;
	margin: 0;

}

#showcaseContainer.styled {
	/* Classname styled wordt toegevoegd wanneer javascript in is geschakeld */
	position:absolute;
	top:108px;
	left:28px;
}

#content {
	clear:left;
	float:left;
	width:600px;
	font-size:1.1em;
}


#content h1 {
	font-weight:normal;
	font-size:2.4em;
	color:#f93;
	margin-top:20px;
}

#content h2 {
	font-weight:normal;
	font-size:1.5em;
	margin:8px 0 5px 0;
	color:#f93;
}

#content h4, #content h3 {
	font-weight:bold;
	font-size:1.2em;
	margin:15px 0 5px 0;
	color:#222;
	padding-bottom:3px;
	border-bottom:1px solid #222;
}


#content ul {
	padding-left:15px;
}

#content p {
	margin:10px 0;
}

#content p.lead {
	font-weight:bold;
	margin-bottom:15px;
}

#content dt {
	font-weight:bold;
}

#content dd {
	margin:5px 0 15px 0;
	padding-left:7px;
}

#content a {
	color:#f63;
	text-decoration:underline;
}

#content a:hover {
	color:#f90;
}

#showcaseContainer .marquee0 img {
	border: 1px solid #ccc;
}

.infoContainer {
	clear: both;
	border-top:1px dashed #333;
	padding: 3em 0 0 0;
}

.companyDiscipline {
	float: left;
	width: 275px;
	letter-spacing: 0.1em;
	line-height: 16px;
	padding: 0 30px 0 15px;
	background: transparent url("bg_companyDiscipline.gif") repeat-y scroll 0 0;
	height: 240px;
	margin: 0 0 2em;
	position:relative;
}

.companyDiscipline h2 {
	padding: 0 0 8px;
}

.companyDiscipline h2 a {
	display: block;
	height: 43px;
	text-indent: -9999px;
}

.companyDiscipline h2 a.webdesign {
	background: transparent url("h2_companyDisciplines.png") no-repeat scroll 0 0;
}

.companyDiscipline h2 a.webontwikkeling {
	background: transparent url("h2_companyDisciplines.png") no-repeat scroll 0 -49px;
}

.companyDiscipline h2 a.grafischontwerp {
	background: transparent url("h2_companyDisciplines.png") no-repeat scroll 0 -96px;
}

.companyDiscipline h2 a.seo {
	background: transparent url("h2_companyDisciplines.png") no-repeat scroll 0 -145px;
}

.companyDiscipline .moreLink {
	color: #000;
	font-style: italic;
	font-weight: bold;
	display:block;
	float:right;
	padding: 2px 0 2px 17px;
	background: transparent url("black_colored_arrows.gif") no-repeat scroll -90px 1px;
	margin-top:8px;
	position:absolute;
	bottom:2px;
	right:20px;
}

#quoteContainer {
	background: transparent url("bg_quote.gif") no-repeat scroll 0 0;
	height: 152px;
	width: 598px;
	padding: 45px 15px 5px;
	color: #000;
	overflow: hidden;
	float: left
}

#quoteContainer blockquote {
	font-style: italic;
	line-height: 16px;
	width: 290px;
	float: left;
	padding: 0 20px 0 0; 
}

#quoteContainer address {
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 0 15px;
	width: 250px;
	float: left;
	font-style: normal;
}

#quoteContainer address span {
	font-weight: normal;
}

#contactContainer {
	background: none; /*url("route.png") no-repeat scroll center 0;*/
	float: left;
	width: 312px;
	padding: 0 0 0 0;
	margin: 0 0 0 15px;
}

#contactContainer h2 {
	background:transparent url("h2_companyDisciplines2.png") 5px -588px no-repeat;
	height:30px;
	text-indent:-9999px;
}

#greyContainer {
	background:#fff url("grey_gradient_wide.jpg") 0 0 no-repeat;
	clear: both;
	float:left;
	height:130px;
	width:960px;
	padding:10px 10px;
	margin:10px 0;
}

#greyContainer div {
	width:300px;
	height:100px;
	float:left;
	padding:0 5px 0 5px;
}

#greyContainer .nxt {
	background:transparent url("bg_companyDiscipline.gif") 0 0 repeat-y;
	padding-left:15px;
	width:290px;
}

#greyContainer .faq ul li {
	list-style: none;
	margin:0 0 3px 0;
}

#greyContainer .tags ul li {
	float:left;
	list-style:none;
	margin:0 10px 5px 0;
}

#greyContainer div h4 {
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:bold;
	color:#333;
	margin:6px 0 10px 0;
}

#greyContainer a {
	color:#444;
}

#greyContainer a:hover {
	color:#000;
}


#footer {
	width:960px;
	margin:10px auto 0 auto;
	clear:both;
	position:relative;
	border-top:1px dashed #333;
	padding:5px 0;
	font-size: 0.9em;
}

#footer a {
	color: #666;
}

form.findRoute {
	margin-top:10px;
}

form.findRoute #fromAddress {
	float:left;
	margin:0 10px 0 10px;
	height:19px;
	width:200px;
	
}

form.findRoute legend {
	padding-left:9px;
	font-size:1.1em;
	margin-bottom:10px;
}

form.findRoute input.textInput {
	border:1px solid #ccc;
	padding:2px 2px 1px 2px;
}

form.findRoute .submitButton {
	background:#777 url("bg_orange_button.gif") 0 0 repeat-x;
	border:0;
	color:#fff;
	height:22px;
	border:0;
	width:70px;
}

#freshNew {
	background:#fff url("bg_news_homepage.png") 0 0 no-repeat;
	height:330px;
	clear:both;
}

#freshNew h2 {
	background:transparent url("vers_en_nieuw.png") 0 0 no-repeat;
	height:80px;
	text-indent:-9999px;
	position:relative;
	top:10px;
	left:20px;
}

#freshNew p.intro {
	width:205px;
	float:left;
	clear:left;
	color:#b95336;
	margin-top:37px;
	font-weight:bold;
	padding-left:10px;

}

#freshNew p.intro .date {
	display:block;
	text-align:right;
	font-size:1.2em;
	margin:0 20px 20px 0;
	
}

#contactContainer .vcard {
	padding:5px 10px;
}

#contactContainer .vcard .adr {
	margin-bottom:10px;
}

#contactContainer .vcard .adr .region {
	display:none;
}

.scrollMarqueeRight {
	display:block;
	position:absolute;
	width:20px;
	height:140px;
	background: transparent url("black_colored_arrows.gif") no-repeat scroll -40px 81%;
	border-left:1px solid #ccc;
}

.scrollMarqueeLeft {
	display:block;
	position:absolute;
	width:20px;
	height:140px;
	background: transparent url("black_colored_arrows.gif") no-repeat scroll 0 81%;
	border-right:1px solid #ccc;
}

table#cases {
	width:100%;
	border-collapse:collapse;
}

table#cases a{
	color:#f60;
}

table#cases td {
	text-align:center;
}

table#cases td.name {
	text-align:left;
	padding:5px 5px;
}

table#cases tr.hilite td {
	background-color:#f93;
	color:#fff;
	cursor:pointer;
}

table#cases tr.hilite a {
	color:#fff;
}

ul#klanten {
	margin:20px 0;
	padding:0;
	height:300px;
	height:440px;
}

ul#klanten li {
	display:block;
	float:left;
	width:285px;
}

.clearer {
	clear:both;
}

#rightcolumn {
	width:350px;
	float:right;
	margin-top:30px;
	padding:0;
}

#rightcolumn .emailBlock {
	padding:40px 0 0 0;
	background:#fff url("bg_email_blok.png") 0 0 no-repeat;
	width:316px;
	float:right;
}

#rightcolumn .emailBlock h3 {
	font-weight:bold;
	color:#fff;
	font-size:1.2em;
	margin-bottom:7px;
	padding-left:15px;
}

#rightcolumn .emailBlock p {
	padding:0 15px;
	color:#fff;
}

#rightcolumn .emailBlock form {
	margin-top:10px;
	padding:10px;
	background:#fff url("bg_email_blok.png") 0 100% no-repeat;
}

#rightcolumn .emailBlock legend {
	font-weight:bold;
	font-size:1.1em;
}

#rightcolumn .emailBlock label {
	display:block;
	margin:10px 0 0 0;
}

#rightcolumn .emailBlock input {
	width:292px;
}

#rightcolumn .emailBlock input.submit {
	width:296px;
	margin:20px auto 0 auto;
}

#rightcolumn .emailBlock textarea {
	width:292px;
	height:150px;
}

#rightcolumn .emailBlock .error {
	color:#d00;
	font-weight:bold;
}

#rightcolumn .emailSuccess {
	background:#fff url("bg_email_blok.png") 0 100% no-repeat;
}

#rightcolumn .emailSuccess h3 {
	color:#333;
	margin-top:30px;
}

#rightcolumn .emailSuccess p{
	color:#333;
	padding-bottom:15px
}

#content h3.toggler {
	padding-right:20px;
	/*background:transparent url("bg_colored_arrows_updown.gif") 100% -33px no-repeat;*/
	cursor:pointer;
	font-weight:normal;
	border:none;
	margin:1px 0 1px 0;
}

.accordion {
	margin:2px 0 5px 0;
	background-color:#eee;
}

#content .accordion p {
	margin:0;
	padding:10px;
}

#content .accordion ul {
	padding:10px;
	margin-left:10px;
}

#content h3.opened {
	background:none;
	font-weight:bold;
}

#smallSearchForm {
	position:absolute;
	top:37px;
	right:1px;
}

#smallSearchForm legend {
	display:none;
}

#smallSearchForm fieldset {
	border:none;
}

#smallSearchForm input.submit {
	color:#fff;
	background-color:#f93;
	border:1px solid #f93;
	padding:1px 3px;
}

#smallSearchForm input {
	border:1px solid #f93;
	padding:2px 3px;
}

#ProductInfoForm table {
	margin-top:20px;
}

#ProductInfoForm td {
	vertical-align:top;
}

#ProductInfoForm input.text {
	width:400px;
}

#ProductInfoForm input.submit {
	margin-top:20px;
	float:right;
}

#ProductInfoForm textarea {
	width:400px;
	height:200px;
}

#ProductInfoForm .error {
	border:1px solid #900;
	background-color:#fdd;
	padding:6px;
	margin:5px 0;
	color:#900;
	font-weight:bold;
}


h2.headerDiensten {
	background:transparent url("bg_dienster_producten.gif") -33px 0 no-repeat;
	height:30px;
	text-indent:-9999px;
}

h2.headerProducten {
	background:transparent url("bg_dienster_producten.gif") -2px -37px no-repeat;
	height:30px;
	text-indent:-9999px;
}


.companyDiscipline p.odentity {
	padding-left:130px;
	background:transparent url("odentity_promo.jpg") 0 0 no-repeat;
	height:190px;
}

.companyDiscipline p.officialdesk {
	padding-left:130px;
	background:transparent url("officialdesk_promo.jpg") 0 0 no-repeat;
	height:190px;
}

.companyDiscipline p.ddclearearth {
	padding-left:130px;
	background:transparent url("3dclearearth_promo.jpg") 0 0 no-repeat;
	height:190px;
}

.companyDiscipline h2 a.odentity {
	background: transparent url("headers_ode.gif") 0 0 no-repeat;
}

.companyDiscipline h2 a.officialdesk {
	background: transparent url("headers_ode.gif") 0 -50px no-repeat;
}

.companyDiscipline h2 a.ddclearearth {
	background: transparent url("headers_ode.gif") 0 -95px no-repeat;
}