/* Stylesheet voor vormmartini.nl. (c) Vorm Martini. Alle rechten voorbehouden. */

/* ---------- Stijlen: Algemeen ---------- */

body {
	margin: 0;
	padding: 0;
	background: url(/interface/images/bg.gif) repeat-x;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	color: #14241c;
}

form {
  margin: 0px;
  padding: 0px;
}

a img {
  border: none;
}

.clearfix {
  clear: both;
  line-height: 0px;
  overflow: hidden;
  font-size: 0px;
}

#container {
	width: 992px;
	margin: 0 auto;
	position: relative;
	_height:549px;
}


/* ---------- Stijlen: Header en Hoofdmenu ---------- */

#header {
	width: 100%;
	clear: both;
	position: relative;
	height: 117px;
}

#taalmenu {
	position: absolute;
	left: 174px;
	top: 57px;
	width:150px;
	height:15px;
	overflow:hidden;
	display:block;
}
#taalmenu a img
{
  visibility:hidden;
}
#taalmenu a
{
  height:15px;
  display:block;
  float:left;
  background-repeat:no-repeat;
}
#taalmenu a.active,
#taalmenu a:hover
{
  background-position:0px -15px;
}

#homebutton {
	position: absolute;
	top: 100px;
	left: 125px;
}

#logorechts {
	position: absolute;
	top: 30px;
	right: 165px;
}

#menu {
	position: absolute;
	left: 285px;
	top: 97px;
	width: 270px;
	height: 14px;
	overflow: hidden;
}

#menu a {
  float: left;
  height: 14px;
  margin-right: 10px;
  overflow: hidden;
}

#menu a:hover {
  background-color: #ffffff; /* IE6 Bugfix */
}

#menu a:hover img,
#menu a.active img {
  margin-top: -14px;
}


/* ---------- Stijlen: Titelbalk ---------- */

#titelbalk {
	width: 814px;
	height: 25px;
	margin-left: 178px;
	position: relative;
}

.titelbalklinks {
	padding: 3px 0px 0px 0px;
	margin: 0px;
	_margin-left:10px;
	height: 22px;
	overflow: hidden;
}

.titelbalklinks img {
	float: left;
}

.titelbalkmidden {
	position: absolute;
	right: 350px;
	top: 0px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: #ffffff;
	text-align: right;
	font-size: 11px;
}

.titelbalkmidden a {
	color: #ffffff;
	text-decoration: none;
}

.titelbalkmidden a:hover,
.titelbalkrechts a:hover {
	font-weight:bold;
}

.titelbalkrechts {
	position: absolute;
	left: 482px;
	top: 0px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: #ffdd00;
	text-align: right;
	font-size: 11px;
}

.titelbalkrechts a {
	color: #ffdd00;
	text-decoration: none;
}


/* ---------- Stijlen: Submenu ---------- */

#submenu {
  float: left;
	width: 158px;
	margin: 15px 10px;
	padding: 0px;
	text-align: right;
}

#submenu ul {
	margin: 0px;
	padding: 0px;
	line-height: 17px;
}

#submenu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#submenu li a {
  color: #f47000;
	font-size: 12px;
	text-decoration: none;
}

#submenu li a:hover, 
#submenu li.active a {
	font-weight:bold;
}

#submenu li a.active {
  font-weight: bold;
}

#submenu li ul {
  margin-bottom: 4px;
}

#submenu li li a {
  color: #210f04;
	font-size: 10px;
}


/* ---------- Stijlen: Content Algemeen ---------- */

#content {
  float: left;
	width: 664px;
	line-height: 130%;
	background-image:url(/interface/images/contentbg.gif);
}
.home #content,.homehover #content
{
  background-image:none;
}

#content #content_inner {
  width: 480px;
  float: left;
  min-height: 407px;
}

#content_tekst {
  width: 330px;
  margin-top: 15px;
}

#content p {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

#content a {
  color: #fd7402;
}

#content ul {
  margin: 0px 0px 20px 0px;
  padding: 0px;
}

#content li {
  margin: 0px 0px 7px 0px;
  padding: 0px 0px 0px 16px;
  list-style: none;
  background: url(/interface/images/bullet.gif) no-repeat left 2px;
}

#content li ul {
  margin-top: 5px;
}

.fotorechts {
	width: 164px;
	height: 388px;
	float: left;
	padding: 10px;
}

#content .fotorechts a {
	color: #14241c;
	text-decoration: none;
}


/* ---------- Stijlen: Homepagina ---------- */

body.home {
	background: url(/interface/images/bg_home.gif) repeat-x;
}
body.homehover {
	background: url(/interface/images/bg_homehover.gif) repeat-x;
}

body.homehover #content_inner,body.home #content_inner {
	width: 664px;
}
#marqsliderdiv
{

}
#marqslider 
{
  position:absolute;
  height: 25px;
	width: 664px;
}

#marqslider img {

}

.marqsliderstopped img
{
  margin-top:-25px;
}


/* ---------- Stijlen: Module nieuws ---------- */

#content .nieuws_item {
  display: block;
  margin-bottom: 10px;
  color: #14241c;
  text-decoration: none;
}

.nieuws_item .nieuwstitel {
  display: block;
  color: #fd7402;
  text-transform: uppercase;
  font-weight: bold;
}

.nieuws_item .nieuwspreview {
  display: block;
}

.nieuws_item .leesmeer {
  font-weight: bold;
}

#content_tekst .nieuwstitel_vervolg {
  color: #fd7402;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}


/* ---------- Stijlen: Module medewerkers (Kennismaken) ---------- */

#teamleden {
  width: 480px;
  height: 408px;
  background-image: url(/interface/images/teamleden.gif);
  background-repeat: no-repeat;
}

.teamlid {
  float: left;
  display: block;
  height: 51px;
  width: 60px;
  text-decoration:none;
}
.teamlid:hover
{
  text-decoration:none;
}
.teamlid .pasfoto {
  height: 51px;
  width: 60px;
  display: block;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.teamlid .tekst {
  position: absolute;
  left: 670px;
  _left: 680px;
  top: 148px;
  width:163px;
  display: none;
  text-decoration:none;
  color:#14241c;
  height:394px;
  background-color:#DADADC;
  z-index:1;
}
#teamleden .teamlid *,.teamlid:hover *
{
  text-decoration:none;
}
.teamlid:hover .pasfoto
{
  opacity: 1;
  filter: ;
}
#teamleden .teamlid:hover .pasfoto,
#teamleden .teamlid:hover .tekst 
{
  display:block;

}

.teamlid .fotogroot {
  position: absolute;
  top: 142px;
  left: 178px;
  width: 666px;
  height: 411px;
  display: block;
  overflow: hidden;
  display: none;
  z-index:80;
}


/* ---------- Stijlen: Module Cases - Case types ---------- */

#content_casetypes {
  margin-top: 100px;
  width: 465px;
}

.casetype,
.casetype_active {
  height: 54px;
  overflow: hidden;
  margin-bottom:2px;
}

.casetype *,
.casetype_active * {
  float: left;
}

.casetype_active img {
  margin-top: -55px;
}

#content_casetypes .casetype a,
#content_casetypes .casetype_active a {
  float: left;
  padding: 0px 3px 0px 6px;
  line-height:13px;
  background: url(/interface/images/bullet_cases.gif) no-repeat left 7px;
  text-decoration: none;
  color: #87888a;
  display:block;
  white-space:nowrap;
  margin:0;
}

#content_casetypes .casetype_active a {
  color: #000000;
}

#content_casetypes .casetype .hoofditem1,
#content_casetypes .casetype .hoofditem2,
#content_casetypes .casetype .hoofditem3,
#content_casetypes .casetype_active .hoofditem1,
#content_casetypes .casetype_active .hoofditem2,
#content_casetypes .casetype_active .hoofditem3 {
  height: 55px;
  position: relative;
  padding: 0px;
  margin-right: -5px;
  background-position: left top;
  background-repeat: no-repeat;
}

#content_casetypes .casetype_active .hoofditem1,
#content_casetypes .casetype_active .hoofditem2,
#content_casetypes .casetype_active .hoofditem3 {
  background-position: left bottom;
}

#content_casetypes .casetype .hoofditem1,
#content_casetypes .casetype_active .hoofditem1 {
  width: 167px;
  background-image: url(/interface/images/casetype1.gif);
}

#content_casetypes .casetype .hoofditem2,
#content_casetypes .casetype_active .hoofditem2 {
  width: 206px;
  background-image: url(/interface/images/casetype2.gif);
}

#content_casetypes .casetype .hoofditem3,
#content_casetypes .casetype_active .hoofditem3 {
  width: 278px;
  background-image: url(/interface/images/casetype3.gif);
}


/* ---------- Stijlen: Module Cases - Overzicht ---------- */

#casesoverzicht a {
  width: 155px;
  height: 102px;
  overflow: hidden;
  float: left;
  display: block;
  opacity: 0.3;
  filter: alpha(opacity=30);
}


/* ---------- Stijlen: Module Cases - Detailpagina ---------- */

#casescarousel {
	clear: both;
	height: 100px;
	width: 464px;
	display: block;
	overflow: hidden;
	position: relative;
	background-color:#DADADC;
}

#carousel {
	width: 10000px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#carousel li {
	height: 100px;
	width: 155px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	background: none;
}

#casescarousel a {
  opacity: 0.3;
  filter: alpha(opacity=30);
  display: block;
  height: 100px;
  width: 155px;
  overflow: hidden;
  position:relative;
}

#casescarousel a:hover {
  opacity: 1;
  filter:;
}

#previous,
#next {
  position: absolute;
  top: 40px;
  display: block;
  height: 20px;
  width: 15px;
  text-indent: -4000em;
  cursor: pointer;
  z-index: 98;
}

#previous {
  left: 2px;
  background: url(/interface/images/cases_vorige.gif) no-repeat center center;
}

#next {
  right: 2px;
  background: url(/interface/images/cases_volgende.gif) no-repeat center center;
}


/* ---------- Stijlen: Contact ---------- */

#content_contactform {
  margin-top: 10px;
  line-height: 110%;
  width: 465px;
}

#content_contactform .veld label,
#content_contactform .textarea label {
  display: block;
  font-size: 9px;
  line-height: 12px;
  height: 12px;
  *line-height: 11px;
  *height: 11px;
}

#content_contactform .veld input,
#content_contactform textarea {
  border: 0px;
  background: #d5d6d7;
  font-family: Arial, Sans-Serif;
  font-size: 10px;
  margin-bottom: 1px;
}
#content_contactform .fingevuld label
{
  color:Red;
}

#content_contactform .veld input {
  width: 256px;
  padding: 0px 3px;
}

#content_contactform textarea {
  width: 161px;
  height: 190px;
  padding: 3px;
}

#content_contactform #fType,
#content_contactform #fInformatie_over {
  margin-bottom: 5px;
}

.contactform_titel {
  font-weight: bold;
}

.contactform_left {
  float: left;
  width: 262px;
  margin: 0px 10px 6px 0px;
}

.contactform_right {
  float: left;
  width: 160px;
  margin-bottom: 6px;
}

.contactform_bottom {
  clear: both;
}

#content_contactform .veld #Andersegment {
  width: 429px;
}

#content_contactform #btnLink {
  position: absolute;
  left: 663px;
  top: 123px;
  color: #fef505;
  text-decoration: none;
  float: left;
  white-space: nowrap;
}

#content_contactform .btnWissen {
  position: absolute;
  left: 618px;
  top: 123px;
  color: #ffffff;
  text-decoration: none;
  float: left;
  white-space: nowrap;
}

#content_contactform #btnLink:hover,
#content_contactform .btnWissen:hover {
  font-weight:bold;
}


/* ---------- Stijlen: Footer ---------- */

#footer {
	width: 100%;
	height: 2px;
	background: #000000;
	clear: both;
	overflow:hidden;
	line-height:2px;
}
#homevideo
{
  top:167px;
  width:684px;
  height:382px;
  position:absolute;
  left:176px;
  _left:180px;
  background-repeat:no-repeat;
  background-color:#FFF;
}
.lidbalk
{
  display:block;
  clear:both;
  width:168px;
  height:4px;
  background-image:url(/interface/images/teamlid.gif);
  margin-top:3px;
  margin-bottom:3px;
  margin-left:-3px;
  background-repeat:no-repeat;
  overflow:hidden;
  position:relative;
}
#namenlijst
{
  position:absolute;
  z-index:9;
  top:150px;
  left:670px;
  _left:675px;
  width:170px;
  overflow:hidden;
  height:394px;
  background-color:#DADADC;
}
#namenlijst a
{
  font-size:10px;
  color:Black;
  text-decoration:none;
}
#namenlijst a:hover
{
  
}
#formulier
{
  background-color:#EFEFEF;
  margin-bottom:10px;
  width:448px;
  padding:15px;
  padding-right:0px;
}
#casesoverzicht
{
  height:408px;
  width:466px;
  overflow:hidden;
  background-color:#DADADC;
}
#namenlijst a {
  line-height:13px;
  text-decoration: none;
  margin:0;
}

#namenlijst .team_separator 
{
  font-weight: bold;
}

#namenlijst #grijs
{
  position:absolute;
  top:0px;
  width:1px;
  background-color:#DADADC;
  height:400px;
  overflow:hidden;
  display:none;
}
#banner
{
  background-image:url(/interface/images/banner_vrij.png);
  _background-image:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/interface/images/banner_vrij.png',sizingMethod='crop');
  width:143px;
  height:99px;
  display:block;
  overflow:hidden;
  position:relative;
  z-index:50;
  left:529px;
  top:28px;
}

#banner_vakantie2009 {
  position: absolute;
  top: 184px;
  right: 288px;
  width: 132px;
  height: 79px;
  z-index:50;
  display: block;
  background-image:url(/interface/images/banner_vakantie2009.jpg);
}

/* --- Aanpassingen home-pagina mei 2010 (geert + sipke-jan) --- */

#homevideo .home-image {
  position: absolute;
  left: -154px;
  top: 0;
}

#homevideo .home-buttons {
  position: absolute;
  left: 0;
  top: 25px;
  font-family: Arial, Sans-Serif;
  font-size: 34px;
  line-height: 34px;
  text-transform: uppercase;
  letter-spacing: -2px;
}

#homevideo .home-buttons a {
  float: left;
  height: 34px;
  overflow: hidden;
  text-decoration: none;
  color: #1a171b;
}

#homevideo .home-buttons a:hover { color: #FD7402; }

#homevideo .home-buttons a.home-button-design {
  margin-right: 21px;
  padding-right: 21px;
  border-right: 3px solid #000;
}

#homevideo .home-nav {
  position: absolute;
  left: 0;
  top: 314px;
  margin: 0;
  padding: 0;
  width: 624px;
  font-size: 14px;
  line-height: 17px;
}

#homevideo .home-nav li {
  background: none;
  margin: 0;
  padding: 0;
  display: inline;
}

#homevideo .home-nav li a {
  color: #9c9e9f;
  text-decoration: none;
  white-space: nowrap;
}

#homevideo .home-nav li a:hover { color: #1a171b; }

#homevideo .home-nav li.main a {
  font-weight: bold;
  text-transform: uppercase;
}