body {
	margin: 20px;
/*	color: #003399; */
	color:  #000000; /* #555555; 6699cc 003399*/

	font-size: 16px;
	
	/* cc0000 -> ff3333 -> ee1b25 */
}

h1, h2{
	margin: 0;
	padding:0;
}

a {
	color: #009900; /* cc0000 6699cc 003399*/
}

.tarieven {
	border: 1px solid black;
/*	box-shadow: 10px 10px 5px #888888;*/
	box-shadow: 10px 10px 26px #636363;
	margin-left: 25px;
}


/*
margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;

  /*	border: 1px solid black;
	box-shadow: 10px 10px 5px #888888;
	box-shadow: 10px 10px 26px #636363;
	margin-left: 25px;
*/


#banners {
	width: 630px;
	margin: auto;
	padding: 10px;
	border: 1px  #dddddd ;
	box-shadow: 10px 10px 5px #dddddd;
	box-shadow: 10px 10px 26px #dddddd;
}

.news {
	left: 70px;
	padding: 20px 20px 20px 20px;
	margin: -15px 0px 20px 40px;
	width: 600px;
	border: 1px solid black;
/*	box-shadow: 10px 10px 5px #888888;*/
	box-shadow: 10px 10px 26px #636363;

}
.tarieven .price{
	/*
	color: #ff00ff;
	*/
	text-align: right;
}

.tarieven td{
	padding: 4px 4px 4px 4px;
}

.tarieven .caption{
	/*
	color: #ff00ff;
	*/
	text-align: center;
	font-weight: bolder;
}


#content {
   margin: 0px 0px 0px 0px;
/* 
	font-weight: bold;
*/
}

div #contentTitle {
	font-size: 24pt;
	font-weight: bold;
	color: #009900; /*cc0000 6699cc 003399*/
	text-shadow: 4px 4px #aaaaaa;
}

#left, #right {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0 0;
    vertical-align: bottom;
}

#topmenu {
   float: left;
   margin: 20px 0px 20px 0px;
/*   box-shadow: 10px 10px 26px #636363;*/
}

#header {
/*	height: 250px; 
	float:middle;
*/
	vertical-align: bottom;
}

#captiontext {
/*	top: 70px; */
	padding: 68px 0px 0px 0px;
	font-weight: bold;
/*	color: #003399; 6699cc 003399*/
	color: #009900; /*cc0000 6699cc 003399 */

	min-width: 470px;
	
		
/*	text-shadow: 2px 2px #888888;*/
	 
/*	width: 500px;*/
}

.bodysubcaptionplain {
	font-size: 20px;
	
}





/*float:right;	*/


#captionimgright img{
	
	
	margin: -63px 0 0 470px;
	
	height: auto;
}


#captionimg {
	margin: 00px 40px 0px 0px;
	float:left;
	max-width: 100%;
	min-width: 200px;
	height: auto;

}

#captionimg img {
/*	width: 200px; */
	height: auto;
	vertical-align: middle;	
}



#caption {
	/* color: #003399; 6699cc 003399 */
	font-size:xx-large;
	text-shadow: 2px 2px #cccccc;
		vertical-align: middle;
}	

#subcaption {
	/* color: #6699cc; 6699cc 003399*/
	font-size:large;
	margin: 5px 10px 20px 10px;
	font-weight: bold;
}

.subcaption {
	/* color: #6699cc; 6699cc 003399*/
	font-size:large;
	color: #555555; /*6699cc 003399*/
	text-shadow: 2px 2px #cccccc;
}

.bodysubcaption {
	/* color: #6699cc; 6699cc 003399*/
	font-size:large;
	color: #555555; /*6699cc 003399*/
	text-shadow: 2px 2px #cccccc;
}

#floatleft {
	width:350px;
	float: left;
	margin: 5px 10px 20px 10px;
	
}

#floatright {
	width:350px;
	float: right;
	margin: 5px 10px 20px 10px;
}

.floatleft {
	width:350px;
	float: left;
	margin: 5px 10px 20px 10px;
}

.floatright {
	width:350px;
	float: right;
	margin: 5px 10px 20px 10px;
}

/*

text-align: center;

	border: 1px solid black;
	
*/
.divleft {
	float: left;
	margin: 0.5em 2em 0px 0px;
}

.divright {
	float: right;	
}

.jacotlogo {
	background-color: #6699cc;
	
	background: none repeat scroll 0 0 #6699cc;
    box-shadow: 10px 10px 26px #636363;
    transition: background 0.2s ease 0s;
    white-space: normal;
    
    margin:  0 0 40px 40px;
    padding: 4px; 
}

/*
	#languagepicker a{	
	}

	#languagepicker a #it_vlag{
	}
	
	#languagepicker a #it_vlag{
	}

#languagepicker a #it_vlag, #languagepicker a #nl_vlag{
	width:40px;
	height: auto;
}
	
	
*/

#languagepicker {
	float:left;
	margin : 0 0 0 20px;
}

#languagepicker a #it_vlag, #languagepicker a #nl_vlag{
	width:35px; /* you can use % */
	height: auto;
}
	
	
#footer {
	margin: 20px 0px 30px 0px;
 	display: table;
    font-size: 14px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 800px) {
	
	#captionimgright img{
		margin: -70px 0 0 270px;
		height: auto;
		width: 50px;
		display:none;
	}

}

@media screen and (max-width: 480px) {
 
	body {
		
	}
		
	/*
		#captionimg {
			max-width: 100%;
			min-width: 300px;
			height: auto;
		}

	*/	


	#captiontext {
		min-width: 250px;
		max-width: 250px;
	/*	width: 500px;*/
	}

	#captionimg img {
		width: 140px;
		height: auto;
	
	}




	div #contentTitle {
		font-size: 18pt;
		font-weight: bold;
	}


	#captionimgright img{
		margin: -70px 0 0 270px;
		height: auto;
	}
	
}



@media screen and (min-width: 480px) {
 	
 	


	body {
		
	}
	
	
}






 /*   
 
 #juridische_vert {
	display: block; 
	margin: 10px;
	padding: 10px;
	width: 132px;
	height: 79px;
	display:block;
	background:transparent url("../images/juridische_vert.jpg") center no-repeat;
	float:left;
}

#technische_vert {
	display: block; 
	margin: 10px;
	padding: 10px;
	width: 132px;
	height: 79px;
	display:block;
	background:transparent url("../images/technische_vert.png") center  no-repeat;
	float:left;
}

#offerte {
	display: block; 
	margin: 10px;
	padding: 10px;
	width: 204px;
	height: 145px;
	display:block;
	background:transparent url("../images/offerte.png") center  no-repeat;
	float:left;
}

 
 background-image: url("../images/technische_vert.png");
 
 
 sftp://guido:@fiber.mopur.nl/%2Fvar/www/html/vertaalburo/images/juridische_vert_hover.png
sftp://guido:@fiber.mopur.nl/%2Fvar/www/html/vertaalburo/images/juridische_vert.jpg
sftp://guido:@fiber.mopur.nl/%2Fvar/www/html/vertaalburo/images/technische_vert.png
sftp://guido:@fiber.mopur.nl/%2Fvar/www/html/vertaalburo/images/technische_vert_hover.png

 
 */