/* CSS Document */
body {
	margin: 0px 0px 0px 0px;
	color: #212434;
	letter-spacing:normal;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
}

a {	
	font-size:11px;	
	letter-spacing:normal; 
	text-decoration:none;
	color:#0064FB;
}
a:hover { 
	text-decoration:none;
	color:#212434;
}

/* --------------------------- container --------------------------- */
#container { 
	position:relative; 
	z-index:1;
	width:auto; 
	height:auto;
}
/* --------------------------- header --------------------------- */
#header { 
	position:relative;
	z-index:2;
	margin:52px 0px 0px 0px;
	vertical-align: text-bottom;
	width:850px; 
	height:60px;
	
}
#headerlogoblok {
	position:relative;  
	z-index:2;
	width:260px;
	float:left;
	display:inline;
}
#headermenublok {
	position:relative;
	z-index:2;
	width:588px;
	height:50px; 
	text-align:right;
	float:right;
	display:inline;
}
/* --------------------------- main --------------------------- */
#main {
	position:relative;
	z-index:1;
	margin: 23px 0px 23px 0px;
	width:850px;
	text-align:left;
	height:420px;
	/*
	background-color:#FFCCFF;
	border: medium solid #FF0000;	
	*/
}
.mainimg {
	position:relative;
	z-index:1;
	margin: 0px 0px 0px 0px;
}
/* ------------------------------------------------------------- */
#mainleft {
	position:relative;
	z-index:1;
	width:283px;
	float:left;
	display:inline;
}
#mainright {
	position:relative;
	z-index:1;
	width:567px;
	float:left;
	display:inline;
}
#kop {
	font-size:14px;
	font-weight:bold;
	color: #212434;
	margin:20px 0px 20px 0px;
	letter-spacing: 1px;
}
#navvakje {
	position:relative;
	z-index:2;
	height:78px; 
	width:75px;
	text-align:center;
	background-image: url("img/algemeen/leeg_vlak.gif");
	float:right;
	display:inline;
}

/* ----------------------- links --------------------------------- */
.imgspacer {
	position:relative;
	z-index:1;
	margin: 0px 7px 7px 0px;
	float:left;
	display:inline;
}
.imgspacerright {
	position:relative;
	z-index:1;
	margin-bottom: 7px;
	float:left;
	display:inline;
}
/* ----------------------- login ------------------------------- */
#clientloginfield {
	position:relative;
	z-index:1;
	margin: 8px 0px 0px 0px;
	float:right; 
	display:inline;
}
.grijs {
	position:relative;
	width:150px;
	color:#96979E;
}
.blauw {
	color:#0064FB;
	font-weight:bold;
	font-size:14px;
	letter-spacing: 1px;
}
.displayinfo {
	position:relative;
	z-index:1;
	margin: 8px 0px 8px 0px;
}
.floattekst {
	position:relative;
	z-index:1;
	float:right;
	display:inline;
	width:230px;
}
/* ------------------------------------------------------------- */

#mainpremium { 
	position:relative;
	z-index:2;
	width:850px; 
	height:450px;
}
#mainlinks { 
	position:relative;
	z-index:2;
	width:256px; 
	height:auto;
	float:left;
	display:inline;
	margin:70px 0px 0px 0px;
	text-align:left;
	font-size:9px;
	
}
#maincenter { 
	position:relative;
	z-index:2;
	margin:-2px 0px 0px 30px;
	width:562px;
	height:350px;
	text-align:left;
	float:left;
	display:inline;
}
#producttekst { 	
	position:relative;
	z-index:100;
	left: -5px;
	top:270px;
	margin:0px 0px 0px 5px;
	font-size:11px;
	text-align:left;
	width:auto; 

}
#maincenternav { 
	position:absolute;
	z-index:4;
	right: 0px;
	margin: 0px 0px 0px 0px;
	width:44px; 
	text-align:right;
	
}
#maincenternav2 { 
	position:absolute;
	z-index:4;
	right: 10px;
	top: 380px;
	margin: 0px 0px 0px 0px;
	width:44px; 
	text-align:right;
	
}
#maincenternav3 { 
	position:absolute;
	z-index:4;
	right: 54px;
	top: 380px;
	margin: 0px 0px 0px 0px;
	width:auto; 
	text-align:right;
}
#maincenternav4 { 
	position:absolute;
	z-index:4;
	left: 30px;
	top: 380px;
	margin: 0px 0px 0px 0px;
	width:auto; 
	text-align:left;
}
#mainachtergrond { 
	position:relative;
	z-index:1;
	top:-266px; 
	width:auto; 
	height:136px;
	background-image: url("img/algemeen/main_img_bg.gif");
	
}
#mainklantenoverzicht { 
	position:relative;
	top:-445px; 
	width:700px; 
	height:auto;
	z-index:1;
}
#mainvoorwaarden{
	position:relative;
	z-index:1;
	width:850px;
}

/* --------------------------- footer --------------------------- */
#footer {
	position:relative;
	z-index:1; 
	width:850px; 
	height:auto;
	margin: 0px 0px 5px 0px;
	text-align:left;
	clear:both;
}
#footerpremium {
   position:relative; 
	width:850px; 
	height:auto; 
	margin: -74px 0px 5px 0px; 
	text-align:left; 
	z-index:2; 
	font-size:11px
}

/* CONTACT ----------------------------------------------------- */
#contactadres {
	position:relative;
	z-index:1;
	top:0px;
	left:0px;
	width: 260px;
	float:left;
	display:inline;
	text-align:left;
}
.error {
	color:#3a87FC;
}
#keephightcontact {
	position:relative;
	z-index:1;
	height:250px;
	width:1px;
}
.formtekst {
	position:relative;
	color: #212434;
	letter-spacing:0px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px;
}

/* VACATURES ---------------------------------------------------- */
#mainimg {
	z-index:1;
	position:relative;
	width:850px;
	margin:0px 0px 0px 0px;
	background-image:  url("img/algemeen/BG.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	text-align:left;
}

#mainimgtext {
	z-index:1;
	position:relative;
	width:300px;
	left:285px;
	margin:35px 0px 0px 0px;
}
#mainimgklanten {
	z-index:1;
	position:relative;
	width:300px;
	left:285px;
	margin:35px 0px 0px 0px;
	font-size:10px;
	line-height:normal;
}
#mainimgklanten a {	
	font-size:10px;	
	text-decoration:none;
	color:#212434;
}
#mainimgklanten a:hover { 
	text-decoration:none;
	color:#0064FB;
}
#keephight { /* zorg voor minimale hoogte */
	z-index:2;
	position:relative;
	float:right;
	display:inline;
	top:0px;
	width:1px;
	height:417px;
}

/* ROUTEBESCHRIJVING --------------------------------------------- */
#routeimg {
	z-index:1;
	position:relative;
	left:285px;
	margin: 10px 0px 20px 0px;
	text-align: left;
	vertical-align: top;
}
/* RETAIL MUSICBOX --------------------------------------------- */
#music {
	z-index:1;
	position:relative;
	text-align: left;
	color:#212434; 
}
#music a {
    font-size:10px; 
	line-height:16px;
    color:#212434; 
	text-decoration:none;
}
#music a:hover {
	color:#0064FB;
}