/*
 * Home template stylesheet
 *
 */
 
div#home-box-wrapper{
	overflow: hidden;
	width: 100%;
}

dev.home-box {
	position: relative;
}

div.home-box div.home-box-top{
	background: url('../../images/general/box_top_small.jpg') no-repeat;
	height: 14px;
	overflow: hidden;
}

div.home-box div.home-box-content{
	background-image: url('../../images/general/box_float_small.jpg');
	background-repeat: repeat-y;
	padding: 0 20px 0 18px; 
	overflow: hidden;
	min-height: 250px;
	width: 270px;
}

	div.home-box div.home-box-content h1{
		font-size: 1.6em;	
		margin: 3px 0 0 1px;
		overflow: hidden;
	}
	
	div.home-box div.home-box-content span{
		display: block;
		float: left;
		overflow: hidden;
		margin-top: 10px;
		font-size: 0.9em;
		line-height: 1.50em;
	}
	
		div.home-box div.home-box-content span.width-small{
			width: 120px;	
		}
		
		div.home-box div.home-box-content span.width-large{
			width: 270px;	
		}
		
		div.home-box div.home-box-content span.height-small{
			height: 100px;
		}
		
		div.home-box div.home-box-content span.height-large{
			height: 175px;
		}		

div.home-box div.home-box-bottom{
	background: url('../../images/general/box_bottom_small.jpg') no-repeat;
	height: 14px;
}

div.zoek-zorgverleners,
div.waardeer-zorgverlener,
div.over-longzorg{
	float: left;
	width: 310px;
	margin-top: 14px;
}

	div.zoek-zorgverleners,
	div.waardeer-zorgverlener{
		margin-right: 4px;
	}

		div.waardeer-zorgverlener div img{
			float: right;
			margin: 10px 5px 0px 5px;
		}

	div.zoek-zorgverleners div.home-box-content fieldset{
		border: 0px;
		padding: 0;
		margin: 1px 0 0 0;
	}

		div.zoek-zorgverleners div.home-box-content fieldset legend{
			display: none;
		}

	div.zoek-zorgverleners div.home-box-content ol{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}

		div.zoek-zorgverleners div.home-box-content ol li label{
			display: block;
			margin: 5px 0;	
		}

		div.zoek-zorgverleners div.home-box-content ol li input.text{
			border: 1px solid #B2E6F9;	
			padding: 0 0 2px 10px;
			font-size: 1em;
			height: 16px;
			width: 245px;	
		}

		div.zoek-zorgverleners div.home-box-content ol li select{
			width: 259px;
			font-size: 1em;
			border: 1px solid #B2E6F9;	
			padding: 1px 2px 2px 5px;
			height: 22px;
		}

		div.zoek-zorgverleners div.home-box-content ol li input.image,
		div.home-box a.button {
			position: absolute;
			bottom: 30px;
		}
		
		div.zoek-zorgverleners div.home-box-content ol li a.advanced-search-link{
			display: block;
			position: absolute;
			bottom: 30px;
			left: 120px;
			font-size: 0.85em;
			width: 110px;
		}
		
		li.search-type{
			overflow: hidden;
			padding: 5px 0;
			margin: 0;
		}
		
		li.search-type input{
			float: left;
		}
		
		li.search-type label{
			float: left;
			padding: 0 5px 0 5px;
			color: #E1127A;
			margin: 0 !important;
		}
		
			li.search-type label.active{
				font-weight: bold;
			}
		
	div.over-longzorg div.home-box-content ul{
		list-style-type: none;
		padding: 0;
		margin: 0 0 25px -10px;
		width: 300px;
		clear: both;
		height: 50px;
	}

		div.over-longzorg div.home-box-content ul li{
			float: left;
			padding: 0px 10px 0 10px;
			border-right: 1px dotted #000;	
			height: 50px;
		}
	
			div.over-longzorg div.home-box-content ul li.last{
				border: none;	
			}

form.searchApotheek,
form.searchZorgverlener {
	float: left;
}

