body {
	margin: 0px;
	text-align: center;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #fff url(/images/back.gif) repeat-y center;		
}
body.home {
	background: #fff url(/images/homeback.gif) repeat-y center;		
}

a
{
  outline: none;
}


#wrapper {
	width: 774px;
	margin: 0 auto;
	text-align: left;
	position:relative;	
}

#hometext {
	position: absolute;
	width: 384px;
	left: 188px;
	top: 200px;
	padding-bottom: 10px;
}

#text {
	position: absolute;
	width: 560px;
	left: 188px;
	top: 200px;
	padding-bottom: 10px;
}

#text p, #hometext p {
	padding: 0 0 16px 10px;
	margin: 0;
}

#text h1, #hometext h1 {
	color: #596069;
	font: normal 24px Arial, Helvetica, sans-serif;
}

#text h2, #hometext h2 {
	color: #cc9933;
	font: 18px Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0 0 16px;
}


#text h2.search {
        margin: 4px 0 0 0;
	color: #596069;
	font: bold 12px Arial, Helvetica, sans-serif;
}


#text a, #hometext a {
	color: #333;
}

#text a:hover, #hometext a:hover {
/*	color: #909eb2;*/
	text-decoration: none;
}

#hometext .recent_project h1 {
	font-weight: bold;
	font-size: 26px;
	line-height: 33px;
	width: 384px;
	color: #868B92;
        margin: 0;
	padding: 0 0 6px 5px;
	background: url(/images/vlak_top.gif) no-repeat left bottom;
}

#hometext .recent_project h2 {
	color: #666;
	border-right: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	padding: 0 10px 0 10px;
	margin: 0;
	background: #FCFCFC;
	font-size: 10px;
	font-weight: bold;
}

#hometext .recent_project p {
	border-right: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	padding: 0 10px 10px 10px;
	margin: 0;
	background: #FCFCFC;
}

#hometext .grote_foto h1 {
	
	font-weight: bold;
	font-size: 26px;
	line-height: 22px;
	width: 384px;
	color: #868B92;
	margin: 0;
	padding: 0 0 6px 5px;
	background: url(/images/vlak_top.gif) no-repeat left bottom;
}

#hometext .grote_foto h2 {
	color: #666;
	border-right: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	padding: 0 10px 0 105px;
	margin: 0;
	background: #EFF0ED;
	font-size: 10px;
	font-weight: bold;
}

#hometext .grote_foto p {
	border-right: 1px solid #D3D3D3;
	border-left: 1px solid #D3D3D3;
	padding: 0 10px 10px 10px;
	margin: 0;
	background: #EFF0ED;
}


#text .frame h1 {
	font-weight: bold;
	font-size: 26px;
	line-height: 33px;
	width: 560px;
	color: #868B92;
        margin: 0;
	padding: 0 0 6px 5px;
	background: url(/images/vlak_top2.gif) no-repeat left bottom;
}

#text .frame h2 {
	color: #666;
	border-right: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	padding: 0 10px 0 10px;
	margin: 0;
	background: #FCFCFC;
	font-size: 10px;
	font-weight: bold;
}

#text .frame p {
	border-right: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
	padding: 0 10px 10px 10px;
	margin: 0;
	background: #FCFCFC;
}

#text #frame_footer {
	background: url(/images/vlak_bottom2.gif) no-repeat center bottom;
	height: 20px;
	margin-top: -10px;
}

#project_footer {
	background: url(/images/vlak_bottom.gif) no-repeat center bottom;
	height: 20px;
	margin-top: -10px;
}

#recent_portret {
	float: left;
	margin-left: 10px;
	border: 1px solid #666666;
}

hr {
	border: 0;
	color: #D3D3D3;
	background-color: #D3D3D3;
	height: 1px;
	margin: 10px 10px 10px 0;
}
#spreker {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #333;
}

#pad {
	position: absolute;
	top: 155px;
	left: 183px;
	font-size: 10px;
	color: #666;
}

#pad a {
	color: #666;
	text-decoration: none;
}

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

form {
	margin-bottom: 20px;
}

.foto_rechts {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #666666;
}

.foto_links {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #666666;
}

#portret {
	float: right;
	margin-left: 10px;
	border: 1px solid #666666;
}

#portret_nb {
	float: right;
	margin-left: 10px;
}

#logo {
	position: absolute;
	left: 0px;
	top: 30px;
        border: 0;
}

#back_afdek, #back_afdek_home {
	position: absolute;
	left: 160px;
	height: 200px;
	width: 510px;
        background: #FFF url(/images/banner.jpg) 100% 25px no-repeat;
}


#usernav {
    position: absolute;
    right: 0;
    top: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#usernav li {
    width: 96px;
    height: 22px;
    margin: 0;
    padding: 2px 0;
}
#usernav li#login a {
    display: block;
    width: 110px;
    height: 22px;
    background: #FFF url(/images/but_login.gif) left top no-repeat;
}
#usernav li#login a:hover {
    background: #FFF url(/images/but_login.gif) left bottom no-repeat;
}
#usernav li#order a {
    display: block;
    width: 110px;
    height: 22px;
    background: #FFF url(/images/but_order.gif) left top no-repeat;
}
#usernav li#order a:hover {
    background: #FFF url(/images/but_order.gif) left bottom no-repeat;
}

#zoek {
	width: 139px;
	font-size: 10px;
	padding: 1px 3px;
 	background-color: #fff;
 	border: 1px solid #BDBDBD; 
}

#go {
  width: 27px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/images/go.gif) no-repeat center;
  text-indent: -999em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#text .indexlink {
	background: url(images/indexlink_back.gif) no-repeat left top;
	padding-left: 26px;
	margin-left: 5px;
}

#text .indexlink a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	font-style: italic;
}

#text .indexlink a:hover {
	text-decoration: underline;
}

#wrapper #text .downloadlink a {
	font-weight: normal;
	color: #333;
}

#wrapper #text .downloadlink a {
	color: #000;
}

#wrapper #text .downloadlink {
	font-style: italic;
}


#text .indexlink strong {
	font-weight: bold;
}


#copy {
	font-size: 9px;
	margin: 20px 0 0 0;
	border-top: 1px solid #D3D3D3;
        text-align: center;
}

#hometext .pager {
	padding: 0 0 16px 10px;
	margin: 0;
}
#hometext .pager a {
	color: #AF2561;
}





table.search td {
    padding-right: 5px;
}







/* ======================================================================== */
/* linker kolom */


#left_column {
	position: absolute;
	left: 0px;
	top: 155px;
	width: 170px;
}
#left_column h1 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #596069;
	margin: 0;
}
#left_column p {
        margin: 2px 0 4px 0;
}

#left_column em {
        color: #AF2561;;
}
#left_column a {
	color: #000;
        font-weight: normal;
}
#left_column a:hover {
        text-decoration: underline;
}

#left_column ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	width: 160px;
}	

#left_column ul li {
	margin: 0;
	padding: 1px 0 0 17px;
	background: url(/images/left_butback.gif) no-repeat left top;	
}

#left_column ul li a {
	text-decoration: underline;
	font-size: 10px;
	color: #333;
}

#left_column .agents h1 {
	color: #000;
}
#left_column .agents a {
	color: #000;
        font-weight: normal;
        text-decoration: underline;
}

#left_column ul li a:hover, #left_column .active a {
	color: #000;
        text-decoration: none;
}


/* ======================================================================== */
/* rechter kolom */


#right_column {
	position: absolute;
	left: 604px;
	top: 155px;
        padding-top: 40px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#right_column a {
        text-decoration: underline;
}
#right_column a:hover {
        text-decoration: underline;
}
#right_column p {
        margin: 2px 0 4px 0;
}
#right_column p.customer {
	font-size: 10px;
	font-style:italic;
	line-height: 13px;
	color: #333;
}
#right_column p.customer a {
        color: #000;
        font-weight: bold;
        font-style: normal;
}

#right_column h1 {
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #9aa5b5;
	margin: 10px 0 5px;
        letter-spacing: 0.05em;
}

#right_column h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #CC9933;
	margin: 1px 0 2px;
        letter-spacing: 0.05em;
}


#right_column ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	width: 160px;
}	

#right_column ul li {
	margin: 0;
	padding: 3px 0 0 12px;
        line-height: 12px;
	background: url(/images/right_butback.gif) no-repeat left top;
}

#right_column ul li a {
	text-decoration: none;
}
#right_column ul li a:hover {
	text-decoration: underline;
}


#right_column a {
	font-size: 10px;
	color: #333;
}



#nieuws {

	float: left;
}




/* =======================================================================*/
/* top nav */

#divmainnav {
	position: absolute;
	top: 120px;
/*	left: 182px;*/
	width: 600px;
	height: 21px;
        padding-left: 172px;
        border: 1px solid #BABABA;
        background-color: #F4F4F4;
}

#mainnav {
	margin: 0;
	padding:0 0 2px 0;
	height: 21px;
        border-bottom: 1px dotted #000;
}

#mainnav li {
	margin: 0 0 0 -2px;
	padding:3px 6px 2px 0;
	float:left;
	height: 18px;
/*	border-bottom: 5px solid #929BA0;*/
	list-style-type: none;
 }


#mainnav li a {
	text-decoration: none;
	display:block;
	text-indent: -999em;
}

#mainnav li#login {padding: 0 0 0 4px;}

#about a { width:76px; background:url("/images/but_about.gif") 0 0 no-repeat transparent;}
#testimonials a { width:74px; background:url("/images/but_testimonials.gif") 0 0 no-repeat transparent;}
#method a { width:107px; background:url("/images/but_method.gif") 0 0 no-repeat transparent;}
#answering a { width:132px; background:url("/images/but_answering.gif") 0 0 no-repeat transparent;}
#sharing a { width:124px; background:url("/images/but_sharing.gif") 0 0 no-repeat transparent;}
#contact a { width:52px; background:url("/images/but_contact.gif") 0 0 no-repeat transparent;}
#products a { width:58px; background:url("/images/but_products.gif") 0 0 no-repeat transparent;}

#mainnav a:hover, #mainnav .active a {
	background-position:0 -16px;
	text-decoration: none;
}


#mainnav li ul {
	position: absolute;
	padding: 0 6px;
	border: 1px solid #D9D9D9;
	margin: 2px 0 0 12px;
	top: 21px;
	display: none;
	width: 140px;
	background: #F5F5F5 none;
}

#mainnav li ul li {
	position: relative;
	margin: 0;
	padding: 0;
        width: 100%;
	height: auto;
	background: #F5F5F5 none;
	border-bottom: 1px dotted #333;
/*	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;*/
}



/* Sub Menu Styles */	

	
#mainnav li ul li a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px 0 5px 5px;
	margin: 0;
	width:100px;
	background: #F5F5F5 none;
	text-indent: 0;
line-height: 13px;
}

#mainnav li ul li a:hover, #mainnav #huidig a, #left_column #sub_active li a:hover, #left_column #sub_active #huidig a, #left_column #sub_active #huidig #huidig a, #wrapper #left_column #sub_active li ul li a:hover {
	color: #F00;
}


/* Fix IE. Hide from IE Mac \*/
* html#mainnav li { float: left; }
* html#mainnav li a { height: 1%; }

/* End */

#mainnav li:hover ul, #mainnav li.over ul { display: block; } /* The magic */

/* active_sub style */

#left_column #sub_active {
	margin: 0 0 40px 0;
	padding: 0;
	border-top: 1px solid #D9D9D9;
	background: #fff none;
}

#left_column #sub_active li {
	margin: 0;
	padding: 0;
	background: none;	
	border-right: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

#left_column #sub_active li ul li {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}



#left_column #sub_active li a {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px 0 5px 5px;
	margin: 0;
	width:153px;
	background: #F5F5F5 none;
	text-indent: 0;
	display: block;
}
#wrapper #left_column #sub_active li ul li a {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px 0 5px 15px;
	margin: 0;
	width:143px;
	background: #fff none;
	text-indent: 0;
	display: block;
	border-bottom: 1px solid #D9D9D9;

}


form#contactform {
    display: block;
    margin: 0;
    padding: 0;
}
form#contactform label.contact {
    display: block;
    clear: both;
    padding: 0 0 4px 10px;
    text-align: right;
    vertical-align: top;
}
form#contactform div {
    text-align: right;
}
form#contactform input.contacttext {
	width: 240px;
	font-size: 10px;
	padding: 1px 3px;
 	background-color: #fff;
 	border: 1px solid #BDBDBD; 
}
form#contactform textarea.contacttext {
	width: 360px;
        height: 120px;
	font-size: 10px;
	padding: 1px 3px;
 	background-color: #fff;
 	border: 1px solid #BDBDBD; 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
form#contactform input.contactbutton {
  width: 67px;

  height: 14px;
  margin: 0;
  padding: 4px 10px;
  border: 0;
  background: transparent url(/images/verzend.gif) no-repeat center;
  text-indent: -999em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#registererror, 
tr.incomplete {
    color: #900;
    font-weight: bold;
}