/*
-----------------------------------------------
WyBo stylesheet
Author:   Fujin Design
Version:  2005.07

www.fujindesign.com

----------------------------------------------- */

html, body, div, p {font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; color: #333;}
body {margin: 0; padding: 0; background: #fff;}

/* 
LINKS --------------------- */

a:link, a:active, a:visited {font-weight: bold; color: #FF8200; text-decoration: none; padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:2px}
a:hover {color: #333;}
a img {border-width: 0; border-style: none;}
a:link.glosslink, a:active.glosslink, a:visited.glosslink {border-bottom: 1px dotted #333; font-weight: normal; color: #000000; padding: 1px; text-decoration: none; background: url('../none');}


/* 
COMMON --------------------- */

h2 span, h3 span, h4 span {display: none;}
p {margin: 0; padding: 1em 0 0; line-height: 140%;}
hr {display: none;}
form {margin: 1em 0 0;}
input, textarea, select {background: #fff;}
table {margin-top: 1em; width: 100%; border: none;}
th {padding: .75em; text-transform: uppercase; font-size: 12px; text-align: left; background: url('../img/bg_diag.gif');}
td {width: 45%; padding: .75em; vertical-align: top; border-bottom: 1px solid #E4E4E4;}


/* 
MASTHEAD + NAV --------------------- */

#bar {position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: #FF8200;}
#logo {position: absolute; top: 15px; left: 0; width: 150px;}
	#logo a {display: block; height: 96px; padding: 0 !important; background: url('../img/logo3.gif') no-repeat;}
	#logo h1 {margin: 0;}
	#logo h1 strong {display: none;}
#masthead {position: relative; margin-left: 9px; height: 103px;}
#navholder {position: absolute; top: 59px; right: 0px !important; left: 100%px;}
#nav {margin: 0; padding: 0; list-style: none;}
	#nav li {display: block; float: left; margin-left: 21px;}
	#nav li a {display: block; height: 22px; padding: 0 !important;}
	#nav li a:hover {border-bottom: 2px solid #3366cc;}
	#nav li a strong {display: none;}
	#nav li#hm {display: none;}
	#nav li#nav-home {width: 56px;}
	#nav li#nav-wybo {width: 71px;}
	#nav li#nav-producten {width: 71px;}
	#nav li#nav-projecten {width: 71px;}	
	#nav li#nav-contact {width: 56px;}
		li#nav-home a {background: url('../img/bHome.gif') no-repeat;}
		li#nav-wybo a {background: url('../img/bWybo.gif') no-repeat;}
		li#nav-producten a {background: url(../img/bProducten.gif) no-repeat;}
		li#nav-projecten a {background: url('../img/bProjecten.gif') no-repeat;}
		li#nav-contact a {background: url('../img/bContact.gif') no-repeat;}

#skip {display: none;}

		
/* 
CONTENT --------------------- */	

#content {float: left; width: 485px !important; width: 475px !important; background: url('../img/bg_linedark.gif') repeat-x top left;; margin-left:9px; margin-right:0; margin-top:39px; margin-bottom:0}
	#content h2 {margin: 1.2em 0 0; font: 24px Avenir,Helvetica,Arial,sans-serif; color: #FF8200;}
	#content h2 a:link, #content h2 a:active, #content h2 a:visited  {font-weight: normal; background: none; padding: 0;}
	#content h2 a:hover {color: #FF8200; text-decoration: underline;}
	#content h3 {margin: 0 0 1em; height: 22px; border-bottom: 2px solid #3366cc;}
	#content h3#faqhome {margin: 1px 0 1em; height: 22px; border-bottom: 2px solid #FF8200;}
	#content h4 {padding-top: 1.2em; text-transform: uppercase; font-size: 12px; background: url('../img/bg_linelight.gif') repeat-x top left;; margin-left:0; margin-right:0; margin-top:1.2em; margin-bottom:0}
	#content h4.nobg {background: none;}
	#content h4 strong {color: #00BFF3;}
	#content ul, #content ol {margin-top: 1em; margin-bottom: 0;}
	#content ul li, #content ol li  {margin-top: .5em; line-height: 140%;}
	#content ul li p, #content ol li p {padding-top: 0;}
	#content ul li span, #content ol li span {font-size: 10px; text-transform: uppercase; letter-spacing: 1px;}
	#home #content {margin-left: 41px !important;}
	#home #content p {padding: .5em 0; color: #6B6B6B;}
	#home #content h3 {width: 173px; background: url('../img/hFAQ.gif') no-repeat;}

#home #content h3 {width: 56px; background: url('../img/bHome.gif') no-repeat;}
#wybo #content h3 {width: 71px; background: url('../img/bWybo.gif') no-repeat;}
#projecten #content h3 {width: 71px; background: url('../img/bProjecten.gif') no-repeat;}
#contact #content h3 {width: 56px; background: url('../img/bContact.gif') no-repeat;}

.comtop {margin-top: 1em;}
.comlink a {font-weight: bold !important; color: #3366cc !important; background: url('../img/bg_diag.gif') !important;; padding-left:2px !important; padding-right:2px !important; padding-top:1px !important; padding-bottom:2px !important}
.def p {padding: 1em 0; border-bottom: 1px solid #E4E4E4;}
.def p.nobd {border: none; padding-bottom: 0;}
.def ul {padding-bottom: 1em; border-bottom: 1px solid #E4E4E4;}
.faqhead {padding: 1em 0 0 !important; color: #333 !important;}
.note {margin: 1em 0; padding: 1em 0; font-size: 10px; color: #6B6B6B; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;}
.step {background: url('../img/bg_diag.gif');; margin-left:0; margin-right:0; margin-top:2em; margin-bottom:0; padding-left:2em; padding-right:2em; padding-top:.5em; padding-bottom:2em}
	.step h2 {margin-top: .5em !important;}
	

/* 
SIDEBAR --------------------- */	

#callout {margin: 2em 0; background: #FF8200;}
	#callout p {padding: .5em 1em; }
	#callout a {font-weight: normal; padding: 0; background: none; color: #fff;}
#home #sidebar {float: left !important; margin-left: 9px;}
	#home #sidebar p {padding: 0;}
	#home #sidebar h3 {width: 111px; background: url(../img/hInformatie.gif) no-repeat;}
	#home #sidebar h4 {width: 111px; background: url(../img/hLangauge.gif) no-repeat;}
#sidebar {float: right; margin-top: 39px; width: 222px; background: url(../img/bg_linedark.gif) top left repeat-x;}
	#sidebar h3 {margin: 1px 0 0; width: 112px; height: 22px; background: url(../img/hInformatie.gif) no-repeat; border-bottom: 2px solid #3366cc;}
	#sidebar h4 {margin: 1px 0 0; width: 112px; height: 22px; background: url(../img/hLangauge.gif) no-repeat; border-bottom: 2px solid #3366cc;}
	#sidebar ul {margin: 2em 0 1em; padding: 0;}
	#sidebar ul li {list-style: none; margin-top: 1em;}

.al1 {text-align: right; padding-bottom: 0;}
.al2 {text-align: center;}
.bloghead {margin-left: -2px; padding: 2em 0 .25em !important;}
.highlight {margin: 2em 0; padding: 1em; background: url(../img/bg_diag.gif);}
	.highlight a {background: none;}
	.highlight h4 {margin: 0 0 1em; width: 75px; height: 16px; background: url(../img/nieuwsbrief.gif) no-repeat;}
	.highlight p {padding: 0;}
	.highlight input#email {float: left; margin-right: 5px; width: 125px; font-size: 10px; border-top: 1px solid #B8B8B8; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; border-left: 1px solid #B8B8B8;}
.i {padding: 3px; background: #fff;}
.posted {margin-top: .5em; padding-top: .25em !important; background: url(../img/bg_linelight.gif) top left repeat-x; color: #6B6B6B;}
	.posted a:link, .posted a:active, .posted a:visited {font-weight: normal; background: none; padding: 0; color: #6B6B6B;}
	.posted a:hover {color: #333;}
	.posted img {margin-right: 2px; vertical-align: text-top;}



/* 
FOOTER --------------------- */	

#footer {background: url('../img/bg_linelight.gif') repeat-x top left;; margin-left:9px; margin-right:0; margin-top:39px; margin-bottom:39px}
	#footer a {padding: 0; background: none; color: #6B6B6B; font-weight: normal; text-decoration: underline;}
	a:hover {color: #6B6B6B; text-decoration: none;  }
	#footer p {font-size: 10px; color: #6B6B6B;}
#home footer {margin-left: 0 !important;}
#switch, #top {display: none;}




/* --- MISC --------------------- */

#container {margin: 0 auto; width: 757px;}


/* Nifty Corners */
.rtop,.rbottom {display: block;}
.rtop *,.rbottom * {display: block; height: 1px; overflow: hidden;}
.r1 {margin: 0 5px;}
.r2 {margin: 0 3px;}
.r3 {margin: 0 2px;}
.r4 {margin: 0 1px; height: 2px;}
.rs1 {margin: 0 2px;}
.rs2 {margin: 0 1px;}

/* 
ONTWIKKELING --------------------- */	

#ontwikkeling {float: center; width: 485px !important; width: 475px !important; background: url('../img/bg_linedark.gif') repeat-x top left;; margin-left:9px; margin-right:0; margin-top:39px; margin-bottom:0}