/**
 * PHOENIX release
 *
 * @branch          stonehenge
 * @version         0.1 alpha
 *
 * @author:         alexander stroick
 * @author:         marvin biebrach
 * @author:         monika grünberg
 */
@media screen, projection
{
	body.location .premiumMapBorder {
		border-width: 1px;
		border-style: solid;
		border-color: rgb(163,163,163);
	}
	body.location #premiumMap {
		height: 388px;
		width: 632px;
	}
	
/**
* breadcrumb navigation
* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
	body.location #breadcrum {
		display: block;
		height: 24px;
		line-height: 2.1em;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	
	body.location #breadcrum a {
		text-decoration: underline;
	}
	
	body#klicktel.location #breadcrum {
		color: #FFFFFF;
		background-color: #4369AA;
	}	
	body#telegate.location #breadcrum {
		color: #19457B;
		background-color: #C9D50A;
	}
	
	body#klicktel.location #breadcrum a {
		color: #FFFFFF;
	}

	body#telegate.location #breadcrum a {
		color: #19457B;
	}

/**
* districtlists
* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
	body.location #main ul {
		list-style-type: none;
		list-style-position: outside;
	}
	
	body.location #main ul li {
		margin: 0 0 5px 0;
		padding: 0 0 0 10px;
		background-image: url("/global/img/listdot_location.gif");
		background-repeat: no-repeat;
		background-position: 0 7px;
		display:block;
	}
	body.location #main .districtlist {
		height: auto !important;
		padding-bottom: 5px;
	}
	body.location #main .districtlist ul li {
		padding: 0;
		background-image: none;
		line-height: 15px;
	}
	body.location #main .districtlist ul li h3 {
		padding: 0;
		background-image: none;
		line-height: 1.5em;
	}
	body.location #main .districtlist ul.left {
		width: 200px;
	}
	body.location #main .districtlist ul.middle {
		width: 200px;
	}
	body.location #main .districtlist ul.right {
		width: 200px;
	}
	body.location #main .districtlist ul.cat2list,
	body.location #main .districtlist ul.cat3list {
		width: 100%;
	}
	body.location .infobox {
		font-weight: normal;
		width: 99%;
		border-width: 1px;
		border-style: solid;
		background: rgb(244,246,247);
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	body.location .infobox h4 {
		font-size: 100%;
		font-weight: bold;
		margin: 0 3px 2px;
		padding: 11px 4px 9px 4px;
		border-width: 0 0 1px 0;
		border-style: solid;
	}
	
	body.location .generalinfoBox {
		margin: 10px 3px 10px;
	}
	
	body.location .generalinfoBox.blockfollows { /* append division-line, if another block (f.e. citylist) follows*/
		border-width: 0 0 1px 0;
		border-style: solid;
	}
	
	body.location .locationlistBox {
		margin: 10px 3px 9px;
	}
	
	body.location span.infoset, body.location span.listbox {
		display: block;
		margin: 0 0 10px 0;
		padding: 0 4px 0 4px;
	}
	
	body.location span.infotitle {
		font-size: 100%;
		font-weight: bold;
		display: block;
	}	

	body.location span.listbox ul.cityList {
		margin: 4px 0 10px 2px;
	}

/*districts (listbox at the bottom of citymap)*/

	body.location .districtsBox {
		margin: 20px 0 9px 0;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: #A3A3A3;
		padding: 10px 0 2px 0;
	}
	
	body.location span.districtTitle {
		font-size: 100%;
		font-weight: bold;
		line-height: 2.1em;
		margin: 0 3px;
		padding-left: 10px;
		display: block;
	}

	body#klicktel.location span.districtTitle {
		color: #FFFFFF;
		background-color: #6B81A5;
	}
	body#telegate.location span.districtTitle {
		color: #7A8015;
		background-color: #E9EE9D;
	}

	body.location span.listbox ul.districtList {
		border-width: 0 1px 0 0;
		border-style: solid;
		border-color: #A3A3A3;
		margin: 10px 0 0 0;
		padding: 0 22px 0 13px;
		width: 282px;
		float: left;
	}
	
	body.location span.listbox ul.districtList.last {
		border-style: none;
		margin: 10px 0 0 0;
		padding: 0 0 0 23px;
		
	}
	
/**
* cityLetterList
* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
	body.location h1 {
		margin: 5px 0 15px 5px;
		font-size: 120%;
	}

	body.location .searchbox, body.location .searchbox a {
		color: #FFFFFF;		
	}

	body.location span.cityLettersBox {
		line-height: 1.5em;
		display: block;
		margin: 14px 0 14px 0;
	}

	body.location .cityLettersBox span.cityLetters {
		letter-spacing: 0.3em;
		color: #cccccc;
	}

	body.location span.searchAppeal {
		font-weight: bold;
		margin: 6px 0 6px 0;
	}

	body.location span.resultBox {
		display: block;
		margin: 20px 0 9px 0;
	}
	
	body.location span.resultBox .resultTitle {
		font-size: 100%;
		font-weight: bold;
		display: block;
		margin: 0 0 12px 9px;
	}
	
	body.location span.resultBox ul.locationResultList {
		float:left; 
		padding-right: 10px;
	}
	
/**
* cityAddresses / cityEntries
* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
	body.location .subcolumns {
		padding: 0 20px 0 38px;
		width: 829px; 	
	}

	body.location .subcolumns .notFound { 
		padding: 20px 0;	
	}

	body.location .subcolumns span.cityLettersBox { 
		line-height: 1.8em;
		margin: 10px -13px 0;
		padding: 0 0 0 13px;
		height: 20px;
	}
	
	body#klicktel.location .subcolumns span.cityLettersBox { 
		margin: 10px -10px 0 -13px;
	}

	body.location .subcolumns span.cityLettersIntro { 
		margin-right: 10px;
	}
	
	body.location .subcolumns span.cityLetters { 
		letter-spacing: 0.3em;
		color: #000000;
	}
	
	body.location .subcolumns ul.c33l {
		margin: 0;
	}
	
	body.location .subcolumns ul.c33l li {
		padding-right: 10px !important;
	}
	
	body.location .subcolumns span.resultBox {
		margin: 20px 0 9px 0;
	}
	
	body.location .subcolumns span.resultBox .resultTitle{
		font-size: 120%;
		margin: 0 0 12px 0;
	}	
	
	body.location .subcolumns span.resultBox ul.locationResultList {
		float:left; 
		padding-right: 10px;
	}

	/* OPO */
	.opoLinksDisabledAndSize10 {
		color: #707f92;
		font-size: 10px;
	}
	
}