/* LOLKEMA TRANSPORT*/
/*************************************************/
/* HTML tag styles                               */
/*************************************************/

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
}

body {
	font-family:"Trebuchet MS", "Trebuchet MS Bold";
	height: 100%;
	background: #FFF url(../img/img_body/body_bg_tile.jpg);
}

/*************************************************/
/* Site layout styles                            */
/*************************************************/


/* Main blocks
**************************************************/

#outer_table {
	height: 100%;
	width: 100%;
}

#left_bg_container {
	height: 100%;
	width: 50%;
	background-image: url(../img/img_site/left_bg_repeat.jpg);
	background-repeat: repeat;
	background-position: right top;
}

#left_bg_table {
	height: 652px;
	width: 100%;
	background-image: url(../img/img_site/left_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#left_container {
	width:229px;
	vertical-align:top;
}

#right_bg_container {
	height: 100%;
	width: 50%;
	background-image: url(../img/img_site/right_bg_repeat.jpg);
	background-repeat: repeat;
	background-position: left top;
}

#right_bg_table {
	height: 652px;
	width: 100%;
	background-image: url(../img/img_site/right_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#wrap_container {
	width: 802px;
}

#wrap_table {
	margin: 0;   /* align for good browsers */
	padding: 0;
	width: 802px;
	height: 100%;
	background-image: url(../img/img_site/center_back.jpg);
	background-repeat: repeat-y;
	background-position: top;
}

div.refbox { /* referentiebox voor dichtstbijzijnde gepositioneerde descendent elementen */
	position: relative;
}

#header_container {
	height: 312px;
	background-image: url(../img/img_site/header.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#header_info {
	font:"Trebuchet MS", "Trebuchet MS Bold";
	font-size:11px;
	position:absolute;
	top:162px;
	left:425px;
	color:#FFF;
	text-align:right;
	text-transform:uppercase;
}

#transport_switch {
	position:absolute;
	top:84px;
}

#aannemer_switch {
	position:absolute;
	top:111px;
}

#content_bg_container {
}

#content_bg_table {
	height: 100%;
	width: 100%;
	background: url(../img/img_site/bg_foot.jpg) no-repeat left bottom;
}

#center_table {
	height: 100%;
	width: 100%;
 *margin-bottom: 50px; /*IE6 en IE7 */
	background-image: url(../img/img_site/bandenspoor.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.content_container {
	padding: 0px 19px 19px 19px;
}

#footer_container {
	height: 53px;
	vertical-align: top;
	background: url(../img/img_site/footer.jpg);
	background-position: left top;
}

#footer {
	color: #484848;
	position: absolute;
	height: 15px;
	width: 600px;
	left: 18px;
	font-size: 10px;
	line-height: 15px;
	top: 37px;
}

#footer a {
	color: #484848;
	text-decoration: underline;
}

#footer a:hover {
	color: #f3961f;
}

#realisatie {
	font-size: 10px;
	color: #484848;
	position: absolute;
	height: 15px;
	width: 250px;
	left: 533px;
	text-align: right;
	line-height: 15px;
	top: 37px;
}

#realisatie a {
	color: #484848;
	text-decoration: underline;
}

#realisatie a:hover {
	color: #f3961f;
}

#m3div {
  font-size: 20px;
  font-weight: bold;
}

/* Content CMS
**************************************************/

.content {
	font-size: 11px;
	line-height: 18px;
	color: #000;
}

.content hr {
	height: 3px;
	border:none;
	background-image: url(../img/img_site/content_hr.jpg);
	background-repeat: no-repeat;
	background-position:center;
	filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=100, StartY=100, FinishX=0, FinishY=0);
	margin-top:15px;
	*margin-top:0px;
	margin-bottom:10px;
	*margin-bottom:0px;
}

.content ul {
	margin-bottom: 11px;
}

.content li {
	list-style: url(none) none;
	background: url(../img/img_site/content_bullet.jpg) no-repeat 0.4em 0.6em;
	padding-left: 15px;
}

.content ul li ul {
	margin-bottom: 0px;
}

.content ul li ul li {
	list-style: url(none) none;
	background: url(../img/img_site/content_bullet.jpg) no-repeat 0.4em 0.6em;
	padding-left: 15px;
}

.content a {
	text-decoration: underline;
	color: #f3961f;
}

.content a:hover {
	text-decoration: underline;
	color: #000;
}

.content .imglinks {
	float: left;
	margin: 6px;
}

.content .imgrechts {
	float: right;
	margin: 6px;
}

.content p,
.content table td {
	font-size: 11px;
	line-height: 18px;
	color: #000;
	margin-bottom: 11px;
}

.content h1,
.content h1 a,
.content h1 a:hover,
.content h1 a:visited,
.content h1 a:active {
	font-size: 20px;
	margin-bottom: 6px;
	color: #f3961f;
	line-height: 24px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
}

.content h2 {
	font-weight: bold;
  line-height:18px;
	font-size: 13px;
	color: #000;
}
.content h3 {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	color: #f3961f;
}

.content h4 {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	color: #000;
}

.content h5 {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	color: #000;
}

.content h6 {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	color: #000;
}

#naarboven {
	float:left;
	color: #000;
	font-size: 11px;
	cursor: pointer;
}

#toonpdf {
	float:right;
}



/* verkoop table
**************************************************/

.verkoop_table {
	width:100%;
}

.verkoop_table a:hover{
	color: #d8d8d8;
}

.verkoop_img img {
  border: 1px solid #F3961F;
}

/*EVEN-------*/

.even_row {
	width:100%;
	height:140px;
}

.even_row .verkoop_img {
	width:172px;
	padding:16px 0px 16px 10px;
}

.even_row .verkoop_content {
	vertical-align:top;
	padding-top:13px;
	padding-right:15px;
}

/*ONEVEN-----*/

.oneven_row {
	width:100%;
	height:140px;
	background-color:#f2f2f2;
}

.oneven_row .verkoop_img {
	width:172px;
	padding:16px 0px 16px 10px;
	border: 1px solid #d8d8d8;
	border-right:0px;
}

.oneven_row .verkoop_content {
	vertical-align:top;
	padding-top:13px;
	padding-right:15px;
	border: 1px solid #d8d8d8;
	border-left:0px;
}

/* weblog table
**************************************************/

.weblog_table {
	width:100%;
}

.weblog_table a:hover{
	color: #d8d8d8;
}

.even_row {
	width:100%;
	height:140px;
}


.even_row .weblog_content {
	vertical-align:top;
	padding-top:13px;
	padding-right:15px;
	padding-left:5px;
}

.even_row_first .weblog_content {
	vertical-align:top;
	padding-right:15px;
	padding-left:5px;
}


.weblog_content h2,
.weblog_content h2 a,
.weblog_content h2 a:hover,
.weblog_content h2 a:visited,
.weblog_content h2 a:active {
	font-size: 16px;
	margin-bottom: 6px;
	color: #f3961f;
	line-height: 24px;
	font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
}

.oneven_row {
	width:100%;
	height:140px;
	background-color:#f2f2f2;
}

.oneven_row .weblog_content {
	vertical-align:top;
	padding-top:13px;
	padding-right:15px;
	border: 1px solid #d8d8d8;
  padding-left:5px;
}

.weblog_single h3 {
  font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #f3961f;
	margin-bottom: 10px;
}

.comment_user {
margin-bottom: 10px;
}

/*************************************************/

/* HOMEPAGE MET INGANGEN
**************************************************/

#header_container_home {
	height:495px;
	background-image: url(../img/img_site/header_home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#left_bg_table_home {
	height: 652px;
	width: 100%;
	background-image: url(../img/img_site/left_bg_home.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#wrap_table_home {
	margin: 0;   /* align for good browsers */
	padding: 0;
	width: 802px;
	height: 100%;
	background-image: url(../img/img_site/center_back_home.jpg);
	background-repeat: repeat-y;
	background-position: top;
}

.content_home h1{
	color:#000;
}

#header_info_home {
	font:"Trebuchet MS", "Trebuchet MS Bold";
	font-size:10px;
	position:absolute;
	top:24px;
	left:465px;
	color:#FFF;
	text-align:right;
	text-transform:uppercase;
}

#ingang_transport {
	width:178px;
	height:356px;
	position:absolute;
	top:60px;
	left:405px;
	background-image: url(../img/img_site/ingang_transport.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#ingang_aannemer {
	width:178px;
	height:356px;
	position:absolute;
	top:60px;
	left:220px;
	background-image: url(../img/img_site/ingang_aannemer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.content_ingang {
	padding-left:14px;
	pading-right:14px;
	color:#fff;
}

.content_ingang a {
	color:#FFF;
	text-decoration:underline;
}

.content_ingang a:hover {
	color:#f3961f;
	text-decoration:underline;
}

.content_ingang .ingang_kop {
	font-size:25px;
	text-transform:uppercase;
}


/* Formulieren CMS
**************************************************/

.letsFormContainer fieldset {
	border: 0px solid #C4C4C4;
	padding: 0px;
}

.letsFormContainer legend {
  color:#000000;
  font-size:11px;
  font-weight:bold;
  line-height:18px;
	font-size: 13px;
	color: #000;
}

input, select, textarea, file {
	width:180px;
	background: #FFFFFF;
	padding: 2px;
	border: 1px solid #c4c4c4;
	margin-left: 2px;
  color:#000000;
  font-size:11px;
}

select {
  margin: 3px 2px 3px 2px;
}

.calendarDateInput {
	width:70px;
}

textarea {
	height: 80px;
	width: 180;
	font: 12px Arial, Helvetica, sans-serif;
	margin-top:7px;
}

.letsFormTable {
	padding: 2px;
	display:block;
	font-size: 11px;
	line-height: 18px;
}

.letsFormInput_error {
	border: 1px solid red;
}

.letsFormTD {
	width: 125px;
	padding-bottom:10px;
	vertical-align: top;
}

.letsErrorList {
	color:red;
}

.letsFormButton {
	width:111px;
	height:27px;
	color: #fff;
	padding: 2px;
	cursor: pointer;
	margin-top: 8px;
	font: bold 11px Verdana, Geneva, sans-serif;
	border-style: none;
	background-image: url(../img/img_site/btn_contact_transport.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.letsFormCheckbox {
	border: 0px solid #B4CDE1;
	background: #E5ECF4;
	margin:3px 3px 3px 3px;
}

.letsFormCheckbox_error {
	border: 0px solid red;
	background: red;
	margin:3px 3px 3px 3px;
}

.letsFormRadio {
	border: 0px solid #6e7176;
	background: #FFFFFF;
	margin:3px 3px 3px 0px;
}

.letsFormRadio_error {
	border: 0px solid red;
	background: red;
	margin:3px 3px 3px 0px;
}

.letsFormTijdSelect {
	width: 50px;
 *width: 40px;
	font-size: 11px;
}

#toolTip { /* Styling van het infoplaatje */
	position:relative;
	top:3px;
	cursor: pointer;
}

.formInfo {
	background: #F4951D;
	border: 1px solid #000;
	width: 150px;
	margin: 0px;
	padding: 5px;
}

#letsFormCaptcha { /* Styling van het captchaplaatje */
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
}

.w20 {
	width: 20px
}

.w50 {
	width: 50px
}

.w100 {
	width: 100px
}

.w120 {
	width: 120px
}

.w150 {
	width: 150px
}

.w180 {
	width: 180px
}

.w200 {
	width: 200px
}

.w100percent {
	width: 100%
}

/* Photobox
**************************************************/

#photobox {
	border: 0px solid #D8D8D8;
	margin-bottom: 4px;
	background: #D8D8D8;
}

#photobox td {
	background: #F2F2F2;
	border: 1px solid #F2F2F2;
	text-align: -moz-center;
	padding: 1px;
}

.photo {
	height: 335px;
	width: 380px;
}

.photo2 {
	height: 322px;
	width: 445px;
}

#photobox .scrolldiv table .thumb {
	background: #DDDDDD;
}

.scrolldiv {
	overflow-x: none;
	overflow-y: auto;
	padding: 0px;
	height: 325px;
	width: 120px;
}

.scrolldiv2 {
	overflow-x: auto;
	overflow-y: none;
	padding: 0px;
	width: 445px;
	height: 70px;
}

#photobox .description {
	margin: 0px;
	padding: 0px;
	height: 30px;
}

#photobox .description p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 4;
	text-align: left;
}






/*************************************************/
/* Browser compatibility                         */
/*************************************************/

/* fixes float problems
**************************************************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/*************************************************/
/* Contact gegevens			                     */
/*************************************************/
.letsform_contactinfo{
/*	padding: 6px;
	padding-left:15px;*/
	width:175px;
}

#homeLink{
	height:105px;
	left:227px;
	position:relative;
	top:40px;
	width:220px;
}

/*************************************************/
/* Google maps Projecten		                     */
/*************************************************/
#route{
	position:relative;

}
#map{
	position:relative;
	height:400px;
	width:533px;
}


/************ INTRANET ****************/

#header_info_intranet {
	font:"Trebuchet MS", "Trebuchet MS Bold";
	font-size:11px;
	position:absolute;
	top:262px;
	left:425px;
	color:#FFF;
	text-align:right;
	text-transform:uppercase;
}

#homeLink_intranet_transport {
	height:145px;
	left:2px;
	position:relative;
	top:100px;
	width:157px;
}

#homeLink_intranet_aannemer {
	height:145px;
	left:163px;
	position:relative;
	top:-35px;
	width:157px;
}

#header_container_intranet {
	height: 312px;
	background-image: url(../img/img_intranet/header_intranet.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#left_bg_table_intranet {
	height: 652px;
	width: 100%;
	background-image: url(../img/img_intranet/left_bg_intranet.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}