HTML {
	/*background: url('../gfx/bg/container.png') no-repeat top center;*/
	
}

BODY{
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #555;
	background: url('../gfx/bg/rep.png') repeat-x;
	text-align: left;
	line-height: 18px;
	}
	
p,h1,h2,h3,h4,h5,h6, a {
	padding: 0px;
	margin: 0px;
	}

h1 {	
	font-size	: 26px;
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
	text-align: center;
	/*display: inline;*/
	}	
	
#klantdetail h1{
	color: #fff;
}
	
h2 { 
	margin-top: 20px;
	}
h3 { 
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	font-weight: normal; 
	}
	
h4,h5,h6{
	line-height: 100%;
}

p{
	line-height: 18px;
	font-size: 12px;
	margin-bottom: 10px;
}


p.elf{
	font-size: 11px;
	line-height: 16px;
	}
p.viertien{
	font-size: 14px;
	line-height: 18px;
	}

HR{
	margin-top: 5px;
	border: 0px;
	height: 1px;
	color: #eeeeee;
	border-top: 1px solid #eeeeee;
	}

img{
	border: 0px;
	}
	
IMG.imgleft{
	float: left;
	margin: 0px 10px 5px 0px;
	}

IMG.imgright{
	float: right;
	margin: 0px 0px 5px 10px;
	}	

a{
	text-decoration: none;
	color: #555;
	}

a:hover{
	text-decoration: none;
	color: #ed0000;
	}
	
.breadsep {
	padding-left:6px;
	padding-right:6px;
}

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;

}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}	
	
#container{
	width: 990px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 5%;
	}
#subcontainer{
	
	}
	
#subcontainer_home{
	width: 924px;
	margin-left: auto;
	margin-right: auto;
	/*margin-left:32px;*/
	}

#header{
	background: url('../gfx/bg/container.png') no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 924px;
	height: 60px;
	padding-top: 20px;
	/*padding-top: 175px;*/
}
	#header IMG{
	float: left;
	}

#navigatie{
	float: right;
	height: 45px;
	margin-top: 15px;
	margin-right: 0px;
}

#flashboard{
		width: 924px;/*990px;*/
		height: 333px;
		margin-left:auto;
		margin-right: auto;
	/*	background: url('../gfx/schoolboard.png') no-repeat top center;*/
}

#redbottom{
	width: 904px;
	height: 32px;
	background: url('../gfx/redbottom924.png') no-repeat;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	text-align: center;
	float: left;
	}
	#redbottom IMG{
		margin-right: 30px;
		float: right;
		}
	#redbottom a{
		color: #fff;
		}
	#redbottom a:hover{
		text-decoration: underline;
		}
	#redbottom p{
		float:left;
		margin-top: 5px;
		margin-left: 200px;
		font-size: 12px;
		}

#redbullets{
	width: 30px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	
}
#redbullets IMG{
	margin: 10px 1px;
}

#center{
	margin-bottom: 20px;
	height: 169px;
	width: 862px;
	margin-left: auto;
	margin-right: auto;
}

#leftsquare, #rightsquare, #centersquare{
	background: url('../gfx/square.png') no-repeat;
	width: 243px;
	height: 129px;
	float: left;
	margin-right: 6px;
	padding: 20px;
	}
	
	#centersquare a {
		font-size: 12px;
		font-weight: bold;
	}
	#sbbutton{
		float: right;
		margin-top: 55px;
		}
	#rightsquare P{
		margin: 0px;
		}

	
	IMG.imgtitle {
		float: left;
	}

	#header IMG.logo{
		margin-left: 10px;
	}
	#leftsquare IMG.button{
		margin-top: 30px;
		}
	#rightsquare{
		margin: 0px;
	}

#footer{
	text-align: center;
	margin-bottom: 40px;
	}
	#footer IMG, #footer P{
		text-align: center;
	}
	
	
#submenu{
	background: url('../gfx/subpages/menubg.png') no-repeat;
	height: 59px;
	width: 938px;
	/*padding-top: 2px;*/
	margin-left: auto;
	margin-right: auto;
}

#detailpages{
	width: 913px;
	margin: 10px auto;

}

#breads{
	float:left;
	padding-top:5px;
	width: 100%;
}
	#breads p a{
		color: #7f7f7f;
	}
	#breads p a.active{
		color: #000;
	}
	#breads p a:hover, #breads p a.active:hover{
		
	}
	#breads p {
		margin-bottom: 5px;
	}
	
#subtop{
	background: url('../gfx/subpages/top.png') no-repeat;
	height: 7px;
	width: 913px;
	}
	
#subrep{
	background: url('../gfx/subpages/rep.png') repeat-y;
	width: 913px;
	/*padding-bottom: 30px;*/
	}

#subbottom{
	background: url('../gfx/subpages/bottom.png') no-repeat;
	height: 17px;
	width: 913px;
	}

#contenttext{
	padding: 20px 42px 30px 30px;
	}
	#contenttext h1{
		float: left;
		}
		
#breadcontainer{
	padding: 0px 42px 0px 30px;
}
	
/* ========== KLANT =========== */
	
#klant{
	padding: 30px 12px 0px 30px;
	}
		
#klantdetail{
	width: 255px;
	float: left;
	height: 400px;
	padding-top:20px;
	}

#productflash{
	width: 600px;
	height: 380px;
	float: right;
	}

#prevext{
	width: 470px;
	margin: 0px auto;
	
	}
	#prevext IMG{
		margin-top: 32px;
	}
	#prevext IMG.logo{
		float: left;
		margin: 0px;
		margin-left: 31px;
	}
	
.wwwlink{
	background: url('../gfx/btns/www2.gif') repeat-x;
	color: #fff;
	display: block;
	float: left;
	margin: 10px 0px;
	}
	.wwwlink IMG {
		vertical-align: middle;				
		}
	.wwwlink:hover{
		text-decoration: underline;
		color: #fff;
	}
	
#klantenoverzicht {
	width: 735px;
	margin: 0 auto;
	}

/* ============ END KLANT ============ */	

/* ============ NIEUWSBERICHT ============ */	

#nieuwsberichten #afbeelding {
	float: left;
	}
	
#berichtcontainer HR{
	margin: 15px 0;
	border: 0px;
	height: 1px;
	color: #c6c6c6;
	border-top: 1px dashed #c6c6c6;
	}	
	
#berichtcontainer { 
	margin-top: 27px;
	width: 621px;
	float: right;
	background: url('../gfx/nieuwsbericht/rep.gif') repeat-y;
	}
	
#berichtcontainer .top{
	width: 621px;
	height:9px;
	background: url('../gfx/nieuwsbericht/top.gif') no-repeat;

	}

#berichtcontainer .rep{
	padding: 15px 35px 50px 21px;
	}
	#berichtcontainer .rep ul{
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#berichtcontainer .rep li{
		margin: 0px;
		padding: 0px;
		background: url('../gfx/bullet/nieuwsbericht.gif') no-repeat 0 5px;
		padding-left: 19px;
		
	}

#berichtcontainer .bottom{
	width: 621px;
	height:8px;
	background: url('../gfx/nieuwsbericht/bottom.gif') no-repeat;
	}


/* ============ END NIEUWSBERICHT ============ */	

/* ============ VACATURES ============ */	

#vacatures{
	width: 840px;
	height: 410px;
	background: url('../gfx/vacatures/bg.jpg') no-repeat;
	}

#vacatures .blok{
	background: url('../gfx/vacatures/vacature.png') no-repeat;
	height: 54px;
	width: 245px;
	float: left;
	margin-top: 163px;
	}

#vacatures .blok H5{
	margin: 27px 0px 0px 20px;
	}

/* ============ END VACATURES ============ */	
	
/* ============ FORMS ============ */

TD{
	vertical-align: top;
	}
	
TD.top{
	padding-right: 10px;
}

FORM {
	margin: 0px;
	padding: 0px;
	}
FORM.login{
	margin-top: 10px;
	}
	
INPUT.text{
	width: 140px;
	
	/*border: 1px solid #afafaf;
	padding: 0px 2px;*/
	margin-bottom: 2px;
	}
	
INPUT.checker{
	margin: 0px;
	}
	
INPUT.imgbutton{
	margin-left: 110px;
	}

	
#loginform .sbbutton{
	vertical-align: bottom;
	margin-left: 10px;
}
/* ============ END FORMS  ============ */

/* ============ SLIDER ============ */
#stage{
	
	float: left;
	height:102px; 
	width:150px; 
	overflow: auto;
	overflow-x:hidden; 
	overflow-y:hidden; 
	margin:0px 19px;
	margin-top: 10px;
	border: 0px;
	}

	#myList{
		width:10000px; 
		border:0; 
		margin:0; 
		padding:0; 
		}
	#myList li{
		list-style:none; 
		margin:0; 
		padding:0; 
		margin-right:24px;
		padding:0px; 
		float:left;
		height:100px; 
		width:147px; 
		vertical-align: middle;
		text-align: center;
		background: #fff;
		}
	#myList li IMG{
		border: 1px solid #cccccc;
		vertical-align: middle;
		text-align: center;
	}
/* ============ END SLIDER ============ */

/* ============ NIEUWSBRIEF ============ */

#nieuwsbriefbg, #nieuwsbriefbg_bedankt {
	width: 553px;
	background: url('../gfx/nieuwsbrief/bg.jpg') no-repeat top center;
	height: 388px;
	margin: 0px auto;
	}

#nieuwsbriefbg_bedankt {
	margin: 0px auto;
	width: 840px;
	background: url('../gfx/nieuwsbrief/bgbedankt.jpg') no-repeat top center;
}	
	
#nieuwsbrief{
	position: absolute;
	width: 390px;
	background: url('../gfx/nieuwsbrief/inputfield.png') no-repeat;
	margin-top: 140px;
	z-index: 3;
	margin-left: 133px;
	padding-left: 10px;
	height: 36px;
	}


#nieuwsbrief INPUT.nieuwsbrief{
	border: 0px;
	width: 220px;
	margin-right: 20px;
	background: #f8f8f8;
	}
	

/* ============ END NIEUWSBRIEF ============ */

/* ============ DIENSTEN ============ */

#diensten{
	width: 760px;
	height: 387px;
	background: url('../gfx/diensten/bg.jpg') no-repeat top left;
	margin-left: auto;
	margin-right: auto;
	}
	
#people{
	width: 180px;
	height: 390px;
	position: absolute;
	z-index: 3;
	}
	
	#people .afbeelding1{
		margin-left: 110px;
	}
	#people .afbeelding2{
		margin-left: 126px;
		margin-top: 19px;
	}
	
	#people .buttons{
		margin-top: 53px;
		margin-left: 50px;
	}

	
#detaildienst TABLE{
	margin-top: -50px;
	width: 630px;
	float: right;
	}
	
#detaildienst .tekst1{
	width: 580px;
	padding-left: 50px;
	}
#detaildienst .tekst2{
	/*float: right;*/
	width: 580px;
	padding-right: 50px;
	}


#detaildienst .smalltop{
	margin-left: 520px;
	position: absolute;
	z-index: 15;
	/*margin-top: -40px;*/
}

/* ============ END DIENSTEN ============ */