/*
 * =============================
 * hype.media PLZ-FINDER styles
 * =============================
 * Contents:
 * 1. General
 * 2. PLZ FINDER Form Elements
 * 3. OUTPUT Elements
 * -----------------------------
 */


	/*
	 * General
	 * ----------------------------- */
	.left 	{ float: left; }
	.right 	{ float: right; }
	.clear 	{ clear: both; }
	.bold 	{ font-weight: bold; }
	
	/*
	 * PLZ FINDER Form
	 * ----------------------------- */
	#finderform {
		
	}
	
	/*
	 * OUTPUT Elements
	 * ----------------------------- */
    div.finderoutput {
        width: 610px;
        padding: 0;
        margin: 45px 0;
        border: 0;
        display: block;
    }
    
    div.result {
        width: 305px;
        padding: 0;
        margin: 5px 0;
        border: 0;
        float: left;
        display: inline;
    }
    
    .result img.portrait {
        display: inline;
        float: left;
        width: 93px;
        height: 123px;
        border: 1px solid #E2E2E2;
    }
	
	.result div.data {
		width: 200px;
		padding-left: 10px;
		margin: 0px;
		border: 0px;
		float: left;
	}
	
	.result .data h2 {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		color: #52A24D !important;
		font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif !important;
		font-size: 14px !important;
		font-weight: bold !important;
		height: 17px !important;
		line-height: 17px !important;
	}
	
	.result .data .element {
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
		color: #555;
		font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
		font-size: 11px;
		font-weight: normal;
		height: 13px;
		line-height: 13px;
	}
	
	.result .data .subtitle {
		margin-bottom: 15px;
	}