/* CSS Document */

#main .index {
	margin-left: 220px; 
	padding-top: 68px;
	margin-bottom: 9px; 
	width:670px;
}
#main .index h1 {
	text-transform: uppercase;
	/*font-style: italic;*/
	font-weight:bold;
}
/*ROW 1111111*/
#main .index .row1 {
	background: url(../images/layout/index/bg_row1_left_LONG.jpg) no-repeat 0 0;
}
#main .index .row1 .row1_1 {
	width: 241px; 
	padding: 3px 10px 5px 10px;
	float:left;
}
#main .index .row1 .row1_2 {
	 width: 130px; 
	 padding: 10px 10px 5px 10px; 
	 float:left;
}
#main .index .row1 .aanbieding_image {
	 width: 130px; 
	 padding: 10px 10px 5px 10px; 
	 float:left;
}
#main .index .row1 .aanbieding_image img {
	margin: 0 auto; 
	border: solid 1px #555; 
	display: block;
	margin-bottom: 4px; 
}

#main .index .row1 .aanbieding {
	  width: 200px; 
	  padding: 10px 10px 5px 10px; 
	  float:left; 
	  
} 
#main .index .row1 .aanbieding h1 {
	color: #c2603b;
	padding: 0 0 0.5em 0;
}
#main .index .row1 .aanbieding p {font-size: 0.9em; padding: 0 0 0.5em 0;}

#main .index .row1 .aanbieding a {
	display: block;
	line-height: 1.6em;
	padding: 0;
	background: url(../images/layout/index/arrow_front.gif) 0 4px no-repeat;
	color: #c2603b;
    padding-left: 22px ;
	margin-bottom: 4px;
	text-decoration: none;
	border-top: solid 1px  #e29274;
	border-bottom: solid 1px  #e29274;}
#main .index .row1 .aanbieding a:hover {
background: #fff url(../images/layout/index/arrow_front_hover.gif) 0 4px no-repeat;
	color: #7c4531;
	border-top: solid 1px  #c2603b;
	border-bottom: solid 1px  #c2603b;
	
}
/*ROW 22222222*/
#main .index .row2 {
	 background: url(../images/layout/index/bg_row2_WIDE.jpg) no-repeat left bottom;
	 width:671px;
}
#main .index .row2 .olie {
	 float: left; 
	 width: 201px; 
	 height:120px; 
	 padding: 5px 5px 5px 8px;
}
#main .index .row2 .tankpas {
	float: left;
	width: 219px;
	padding: 5px 5px 5px 1px;
}
#main .index .row2 .nieuws {
	float: left;
	width: 231px;
	padding-top: 25px;
	background:url(../images/layout/index/nieuws.jpg) no-repeat 0 0;
}

#main .index .row2 .nieuws {
	 font-weight: bold;
	 line-height: 1.1em;
}
#main .index .row2 .nieuws p {
	 margin-bottom: 0.55em;
}

#main .index .row2 .nieuws h3 {
	margin-bottom: 0.7em;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: 0.3em;
}
#main .index .row2 .nieuws a {
	 font-weight: normal;
}
#main .index .row2 .nieuws a:hover {
	 font-weight: normal;
	 color: #000;
}
#main .index .row2 .nieuws .nieuws2 {
	padding: 2px 10px 10px 10px;
	background:url(../images/layout/index/bg_row3_vert_stripe.jpg) bottom center repeat-x;
}
#main .index .row2 .nieuws .vacatures {
	  background: url(../images/layout/index/vacatures.jpg) 0 0 no-repeat;
	  padding: 25px 10px 10px 10px;
}
/*ROW 333333333*/
#main .index .row3 {
	background: url(../images/layout/index/bg_row3_SHORT.jpg) no-repeat right bottom; 
	margin-left: 0px; width:671px;
	padding-bottom: 5px; 
	margin-bottom: 0;
	
	/*background: url(../images/layout/index/bg_row3_SHORT.jpg) no-repeat right bottom;
	padding-bottom: 0;
	margin-bottom: 0px;*/
}
#main .index .row3 a:hover .logo {
	border: none;
	
}
#main .index .row3 .row3_1 {
	width: 208px; 
	padding: 3px 6px 5px 10px; 
	float:left; 
	height: 180px;
	
}
#main .index .row3 .broodje {
	width: 250px;
	padding: 33px 10px 5px 10px;
	margin:0;
	float: left;
	background: url(../images/layout/index/broodje-van-de-maand.jpg) repeat-x 0 0;
}
#main .index .row3 .broodje h1 {
	 color:#770D00; 
	 padding-top: 3px;
}

#main .index .row3 .broodje .prijs {
	 text-align: right; 
	 color:#70073C; 
	 font-weight: bold; 
	 font-size:1.8em;
}
#main .index .row3 img {
	  border: solid 1px #555;
}
#main .index .row3 a img {
	  border: solid 1px #555;
}
#main .index .row3 a:hover img {
	  border: solid 1px #000;
}
#main .index .row3 .logo {
	  border: none;
}