/* CSS Document 

			www.autobedrijfjanssen.nl - 2007
			Ontwikkeld door 9meter - interactieve media


*/

HTML, body {
height:100%;
width:100%;
margin:0px;
padding:0px;
}
HTML {
background:url(images/html_backgradient.jpg) top left repeat-x;
background-color:#7785B1;
}

p, div, td, input, textarea{ 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #5a5a5a;
line-height:16px;
letter-spacing:1px;
}
p{
margin-left:10px;
margin-right:10px;
}

a img {
	border:0px;
}


/* OLD .txtBigTitle {
font-size:18px;
font-weight:bold;
}*/
.txtBigTitle {
font-size:18px;
font-weight:bold;
text-align:center;
}
.txtBlueItalic {
font-size:11px;
font-style:italic;
color:#021f74;
/*color:#576f95; */
}
.txtBlue {
font-size:10px;
letter-spacing:0px;
color:#021f74;
/*color:#576f95; */
}
.txtSmallTitle {
font-size:13px;
font-weight:bold;
}
.txtBigTitleRed {
font-size:18px;
font-weight:bold;
color:#d83d38;
}
P contact_error {
color:#d83d38;
font-size:18px;
font-weight:bold;
}
.error_mes {
color:#d83d38;
font-size:14px;
font-weight:bold;
}


a {
color: #5F5F5F;
text-decoration:underline;
}
a:hover {
color:#333333;
text-decoration:none;
}
a.footerTxt{
color:#333333;
text-decoration:none;
}


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

ul li {
margin:0px;
padding:0px;
}


/* alle hoofdlayout */
table.layoutTable {
height:100%;
text-align:center;
width:100%;
}
td.layoutLeft {
width:50%;
background-image:url(images/left_col_mid.jpg);
background-repeat:no-repeat;
background-position:top;
background-position:right 120px;
}
div.layoutLeftTop {
background:url(images/left_col_top.jpg) right top no-repeat;
/*width:43px; */
width:100%;
height:120px;
display:block;
float:right;
}
td.layoutMiddle {
width:900px;
vertical-align:top;
}
td.layoutRight { 
width:50%;
}

/*layout siteTable : 4 rows*/
table.siteTable{
	height:100%;
}
td.middleHeaderRow{
	height:120px;
	width:900px;
	background:#FFFFFF url(images/header_backGradient.png) left top repeat-x;
	vertical-align:middle;
	text-align:right;
}
td.middleBalkRow{
	height:28px;
	background:url(images/balkRood_backgr.png) left top repeat-x;
	background-color:#E35955;
	text-align:center;
	vertical-align:middle;
}
td.middleContentRow{
	background:#FFFFFF;
	vertical-align:top;
}
td.middleFooterRow{
	height:50px;
	border-top:#FFFFFF 1px solid;
	vertical-align:top;
}
div.middleFooterRow{
	background-color:#D0D0D0;
	height:30px;
	text-align:center;
	vertical-align:top;
	border-bottom:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
	border-left:#FFFFFF 1px solid;
	color:#FFFFFF;
}
div.middleFooterRow span {
	margin-top:20px;
	font:Arial, Helvetica, sans-serif 10px;
	color:#FFFFFF;
	line-height:30px;
}
div.middleFooterRow a {
	color:#FFFFFF;
}


/*invulling header*/
div.headerTopLeft{
	width:117px;
	height:120px;
	background:url(images/header_topleft.png) top left no-repeat;
	float:left;
	display:block;
}
table.headerTable{
	float:left;
	margin:0px;
}
td.headerTop{
	width:423px;
	height:37px;
	background:url(images/header_topbalk.png) top left no-repeat;
}
td.headerNaam{
	width:423px;
	height:83px;
	background:url(images/header_naam.png) left 5px no-repeat;
}
div.aanbodBanner{
 float:right;
 display:block;
 width:360px;
 text-align:right;
}

/*invulling contentRow met contentTable bestaande uit 3 cols*/
table.contentTable{
	width:900px;
	height:100%;
}
td.contentLeftCol{
	width:142px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	background:url(images/contentLeftCol_backShadow.gif) right repeat-y;
	background-color:#E1E1F0;
	/*background:url(images/rightCol_backgr.jpg) top repeat-x;
	background-color:#D7D6EB;*/
}	
td.contentMiddleCol{
	width:607px; 
	vertical-align:top;
	background:#FFFFFF url(images/content_mid_backBoog2.png) no-repeat;
	background-position:0px 435px;
	/*padding:20px 20px 15px 20px;*/
}
td.contentRightCol{
	background:url(images/rightCol_backgr.jpg) top repeat-x;
	background-color:#D7D6EB;
	vertical-align:top;
	border-left:#C9CACF 1px solid;
}


/*invulling linker content col */
table.contentLeftInside{
	width:142px;
	vertical-align:top;
	/*height:100%;background:url(images/content_left_rest.jpg) left top no-repeat;*/
	height:100%;
}
td.contentLeftTop {
	margin:0px;
	padding:0px;
	background:url(images/content_left_top2.png) left no-repeat;
	width:100%;
	height:13px;
	line-height:0px;
	font-size:5px;
}
td.contentLeftRestBot{
	background:url(images/content_left_rest2.jpg) left top no-repeat;
	width:142px;
	height:auto;
	/*height:100%;*/
}
td.contentLeftMenu{
	margin:0px;
	padding:0px;
	width:142px;
	height:161px;	
	font-size:5px;
}


/*invulling rechter col*/
table.contentRightInside{height:100%; width:150px; vertical-align:top; text-align:center;}
#logos{vertical-align:top;}
#logo1 {text-align:center;margin-top:42px;}
#logo2 {text-align:center;margin-top:19px;}
#logo3 {text-align:center;margin-top:22px;}



/*invulling content col*/
table.contentAll{
	width:535px;
	height:100%;
/*	background:#F7F7F7;*/
}
#contentBackground{
	vertical-align:top;
	padding-top:40px;
	padding-bottom:20px;
	text-align:left;
	background:url(images/cont_backImg_2.jpg) right bottom no-repeat;
}
td.contentVerkoop {
	vertical-align:top;
	padding-top:0px;
	text-align:center;
	background:url(images/cont_backImg_1.jpg) right bottom no-repeat;
}


table.contentAanbiedingen{
	width:100%;
}
td.contentAanbiedingenEmptyNorm{
	height:10px;
	color:#FF00FF;
/*	background-color:#E2E2E2;*/
	background:#FFFFFF url(images/content_aanbiedBarE.gif) top left repeat-x;
	display:inline-table;
	line-height:5px;
}
td.contentAanbiedingenEmptyL{
	height:10px;
	color:#FF00FF;
	background:#FFFFFF url(images/content_aanbiedBarELeft.gif) top Right repeat-x;
	display:inline-table;
	line-height:5px;
}
td.contentAanbiedingenEmptyR{
	height:10px;
	color:#FF00FF;
	background:#FFFFFF url(images/content_aanbiedBarERight.gif) top left repeat-x;
	display:inline-table;
	line-height:5px;
}
td.contentAanbiedingenL{
	background:url(images/content_aanbiedBarLeft.png) bottom right no-repeat;
	background-color:#FFFFFF;
	border-top:#f5f5fb 1px solid;
}
td.contentAanbiedingenR{
	background:url(images/content_aanbiedBarRight.png) bottom left no-repeat;
	background-color:#FFFFFF;
	border-top:#f5f5fb 1px solid;
}
td.contentAanbiedingen1 {
	width:140px;
	background:url(images/content_aanbiedBar.jpg) bottom left repeat-x;
	background-color:#FFFFFF;
	border-top:#F2F2F9 thin solid;
	/*border-bottom:#CCCCCC 1px solid;*/
	padding-bottom:25px;
}
td.contentAanbiedingen2 {
	background:url(images/content_aanbiedBar.jpg) bottom left repeat-x;
	background-color:#FFFFFF;
	border-top:#F2F2F9 thin solid;
	height:180px;
	padding-bottom:25px;
	padding-top:10px;
}
td.contentAanbiedingen3 {
	background:url(images/content_aanbiedBar.jpg) bottom left repeat-x;
	background-color:#FFFFFF;
	border-top:#F2F2F9 thin solid;
	font-size:9px;
}

	
div.picContentLeft{
	float:left;
	text-align:right;
	width:160px;
	margin-right:10px;
}
div.picContentLeftHor{
	float:left;
	text-align:right;
	width:200px;
	margin-right:10px;
}
div.picContentRight{
	float:right;
	width:160px;
	margin-left:10px;
}
div.picContentRightHor{
	float:right;
	text-align:right;
	width:200px;
	margin-left:10px;
}