/**
 * @media       screen
 * @author		Markus Brunner, markus [dot] brunner [at] netformic [dot] de
 * @path        /nfcstoresearch/res/css/style.css
 */

/**********************************************************************
 *	General
 **/
.nfcstoresearch .clearfix:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.nfcstoresearch br {
	display: block;
	clear: both;
	height: 0;
}
.nfcstoresearch .error {
	color: red;
	font-size: 1.2em;
	line-height: 1.2em;
	border: 1px dashed red;
	padding: 10px;
	margin: 10px 0px;
}


/**********************************************************************
 *	Search
 **/
.nfcstoresearch form {
	padding: 10px 10px 10px 10px;
}
	.nfcstoresearch form label {
		float: left;
		width: 150px;
		margin-bottom: 5px;
	}
	.nfcstoresearch form input,
	.nfcstoresearch form select {
		float: left;
		width: 200px;
		margin-bottom: 5px;
	}
	.nfcstoresearch form select {
		width: 100px;
	}
	.nfcstoresearch form input#search {
		float: left;
		width: 100px;
		margin-left: 150px;
	}
/**********************************************************************
 *	Searchboxes
 **/
.searchbox_small {
	
}
	.searchbox_small .searchbox-top {
		background: transparent url(../img/white-box_top.gif) left top no-repeat;
		width: 230px;
		height: 3px;
	}
	.searchbox_small .searchbox-bottom {
		background: transparent url(../img/white-box_bottom.gif) left top no-repeat;
		width: 230px;
		height: 3px;
	}
	.searchbox_small .searchbox-middle {
		background: transparent url(../img/white-box_middle.gif) left top repeat-y;
		width: 230px;
	}
		.searchbox_small .searchbox-middle .searchbox-heading {
			color: #7f98bd;
			font-size: 2.1em;
			line-height: 1em;
			font-weight: bold;
			padding: 17px 10px 0px 15px;
		}
		.searchbox_small .searchbox-middle form {
			font-size: 1.2em;
			line-height: 1em;
			font-weight: normal;
			padding: 21px 10px 10px 15px;
		}
		.searchbox_small .searchbox-middle form .search_form_element {
			margin-bottom: 10px;
		}
		.searchbox_small .searchbox-middle form label {
			width: 79px;
			padding-top: 3px;
		}
		.searchbox_small .searchbox-middle form input {
			width: 122px;
			font-size: 11px;
			line-height: 11px;
		}
		.searchbox_small .searchbox-middle form input#search {
			width: 126px;
			height: 28px;
			background: transparent url(../img/button_haendlersuche.jpg) left top no-repeat;
			border: 0px solid white;
			margin: 0px;
			float: right;
			color: #fff;
			font-size: 9px;
			line-height: 1em;
			font-weight: bold;
			padding: 0px 0px 0px 0px;
			margin-bottom: 9px;
		}
		@media screen {
			.searchbox_small .searchbox-middle form input#search {
				cursor: pointer;
			}
		}
.searchbox_big {
	
}
	.searchbox_big .searchbox-top {
		background: transparent url(../img/lightblue-box_top.gif) left top no-repeat;
		width: 262px;
		height: 2px;
		margin: 0px;
		padding: 0px;
	}
	.searchbox_big .searchbox-bottom {
		background: transparent url(../img/lightblue-box_bottom.gif) left top no-repeat;
		width: 262px;
		height: 2px;
		margin: 0px;
		padding: 0px;
	}
	.searchbox_big .searchbox-middle {
		background-color: #e8ecf3;
		padding: 0px 19px 0px 19px;
		height: 386px;
	}
		.searchbox_big .searchbox-middle h2.searchbox-heading {
			margin-top: 0px;
			padding: 17px 0px 10px 0px;	
		}
		.searchbox_big .searchbox-middle form {
			padding: 0px;	
		}
		.searchbox_big .searchbox-middle form .search_form_element {
			margin-bottom: 5px;
		}
		.searchbox_big .searchbox-middle form label {
			width: 72px;
			padding-top: 3px;
			font-size: 1.2em;
			line-height: 1em;
		}
		.searchbox_big .searchbox-middle form label span.small-info {
			font-size: 0.8em;
			line-height: 1em;
		}
		.searchbox_big .searchbox-middle form label#assortment_label,
		.searchbox_big .searchbox-middle form label#service_label {
			width: 150px;
			display: block;
			float: none;
		}
		.searchbox_big .searchbox-middle form input {
			width: 148px;
		}
		.searchbox_big .searchbox-middle form select {
			width: 152px;
			padding: 0px;
		}
		.searchbox_big .searchbox-middle form select#radius {
			height: 19px;
		}
		.searchbox_big .searchbox-middle form select#assortment,
		.searchbox_big .searchbox-middle form select#service {
			border: 1px solid #818890;
			width: 224px;
			height: 36px;
			margin-top: 3px;
		}
		.searchbox_big .searchbox-middle form select#service {
			height: 50px;
		}
		.searchbox_big .searchbox-middle form input#search {
			background:transparent url(../img/button_haendlersuche.jpg) no-repeat scroll left top;
			border:0 solid white;
			color:#FFFFFF;
			float:right;
			font-size: 9px;
			font-weight:bold;
			height:28px;
			line-height:1em;
			margin:0 0 9px;
			padding:0;
			width:126px;
		}
		@media screen {
			.searchbox_big .searchbox-middle form input#search {
				cursor: pointer;
			}
		}


/**********************************************************************
 *	ListView
 **/
.nfcstoresearch .store-list {
	border: 1px solid black;
	padding: 10px 10px 10px 10px;
}
	.nfcstoresearch .store-entry {
		border-bottom: 1px solid black;
		padding: 0px 0px 5px 0px;
		margin: 0px 0px 5px 0px;
	}


	.nfcstoresearch table.listview-list-stores {
		border-collapse: collapse;
		border: 0px;
	}
		.nfcstoresearch .listview-bg-color {
			background-color: #e8edf3;
			border: 0px;
		}
			.nfcstoresearch .listview-bg-color td {
				border: 0px;
			}
		.nfcstoresearch .listview-bg-white {
			background-color: transparent;
			border: 0px;
		}
			.nfcstoresearch .listview-bg-white td {
				border: 0px;
			}
.nfcstoresearch .listview-map {
	border:1px solid #B9D1EA;
	float:left;
	height:388px;
	width:381px;
}
.nfcstoresearch .listview-search {
	float:left;
	height:390px;
	margin-left:19px;
	width:262px;
}
.nfcstoresearch .listview-list {
	clear: both;
	background: transparent url(../img/header_line_bg.jpg) left top no-repeat;
	margin-top: 19px;
	padding: 8px 0px 0px 0px;
	font-size: 1em;
}
	.nfcstoresearch .listview-list-header {
		font-size: 2.1em;
		line-height: 1em;
		font-weight: bold;
		margin-bottom: 14px;
	}
	.listview-list-stores {
		width: 666px;
	}
	.store-entry-routing a,
	.store-entry-detail a,
	.store-entry-homepage a {
		background: transparent url(../img/check.gif) 0px 0px no-repeat;
		padding-left: 16px;
		display: block;
		height: 13px;
	}
	tr.store-entry-content a,
	tr.store-entry-content a:link,
	tr.store-entry-content a:active,
	tr.store-entry-content a:visited,
	tr.store-entry-content a:hover,
	tr.store-entry-content a:focus {
		color: #000;
		font-size: 1.2em;
		line-height: 1em;
	}
	.store-entry-name {
		position: relative;
		top: 2px;
	}
		.store-entry-name a,
		.store-entry-name a:link,
		.store-entry-name a:active,
		.store-entry-name a:visited,
		.store-entry-name a:hover,
		.store-entry-name a:focus {
			color: #00317b;
			font-size: 1.5em;
			line-height: 1em;
			font-weight: bold;
		}
	.store-entry-street,
	.store-entry-zip,
	.store-entry-city,
	.store-entry-distance {
		font-size: 1.2em;
		line-height: 1em;
		font-weight: bold;
	}
	table thead tr th, 
	table tfoot tr td, 
	table tbody tr td {
		padding: 10px 9px 10px 9px;
	}
	tr.store-entry-content td.col1 {
		width: 136px;
		padding-left: 10px;
		padding-right: 10px;
	}
	tr.store-entry-content td.col2 {
		width: 145px;
		padding-left: 0px;
		padding-right: 10px;
	}
	tr.store-entry-content td.col3 {
		width: 120px;
		padding-left: 0px;
		padding-right: 10px;
	}
	tr.store-entry-content td.col4 {
		width: 50px;
		padding-left: 0px;
		padding-right: 10px;
	}
	tr.store-entry-content td.col5 {
		width: 73px;
		padding-left: 0px;
		padding-right: 10px;
	}
	tr.store-entry-content td.col6 {
		width: 72px;
		padding-left: 0px;
		padding-right: 10px;
	}
	
/**********************************************************************
 *	ListView - BrowseBox
 **/	
.browseBoxWrap {
	padding: 10px;
	margin-top: 19px;
	background: transparent url(../img/header_line_bg.jpg) left top no-repeat;
	border-top: 1px solid #E8ECF3;
}
	.browseBoxWrap .activeLinkWrap a,
	.browseBoxWrap .activeLinkWrap a:link,
	.browseBoxWrap .activeLinkWrap a:active,
	.browseBoxWrap .activeLinkWrap a:visited,
	.browseBoxWrap .activeLinkWrap a:hover,
	.browseBoxWrap .activeLinkWrap a:focus {
		color: #00317B;
		text-decoration: underline;
		padding-right: 6px;
		font-size: 1.2em;
		line-height: 1.2em;
	}
	.browseBoxWrap .inactiveLinkWrap a,
	.browseBoxWrap .inactiveLinkWrap a:link,
	.browseBoxWrap .inactiveLinkWrap a:active,
	.browseBoxWrap .inactiveLinkWrap a:visited,
	.browseBoxWrap .inactiveLinkWrap a:hover,
	.browseBoxWrap .inactiveLinkWrap a:focus {
		padding-right: 6px;
		font-size: 1.2em;
		line-height: 1.2em;
	}
		
			
/**********************************************************************
 *	ListView - Google-Map
 **/
.nfcstoresearch .google-info {
	width: 100%;
	font-size: 1em;
	line-height: 1.4em;
}
	.nfcstoresearch .google-info span {
		font-size: 1.2em;
		line-height: 1.7em;
		font-weight: bold;
	}

	
/**********************************************************************
 *	DetailView
 **/
.detailview-header {
	margin-bottom: 10px;
}
	.detailview-map {
		border: 1px solid #b9d1ea;
		float: left;
		width: 381px;
		height: 388px;
	}
	.detailview-storedatablock {
		float: left;
		margin-left: 19px;
		width: 262px;
		height: 390px;
	}
		.detailview-storedatablock .store-data_top {
			background: transparent url(../img/lightblue-box_top.gif) left top no-repeat;
			width: 262px;
			height: 2px;
			margin: 0px;
			padding: 0px;
		}
		.detailview-storedatablock .store-data_bottom {
			background: transparent url(../img/lightblue-box_bottom.gif) left top no-repeat;
			width: 262px;
			height: 2px;
			margin: 0px;
			padding: 0px;
		}
		.detailview-storedatablock .store-data_middle {
			background-color: #e8ecf3;
			padding-left: 19px;
			height: 386px;
		}
			.store-data-block2,
			.store-data-block3 {
				background: transparent url(../img/lightblue-box_line-divider.jpg) left top no-repeat;
				margin-top: 20px;
				padding-top: 8px;
			}
			.store-data-block1 h2 {
				margin-top: 0px;
			}
			.store-data-block1 span,
			.store-data-block2 span,
			.store-data-block3 span {
				font-size: 1.2em;
				line-height: 1.2em;
			}
				.store-data-name {
					padding-top: 15px;
				}
				.store-data-owner {
					margin-top: 7px;
					margin-bottom: 2px;
					font-size: 1.2em;
					line-height: 1.2em;
					color: #00317b;
					font-weight: bold;
				}
				.store-data-street,
				.store-data-zip,
				.store-data-city,
				.store-data-fon,
				.store-data-fax,
				.store-data-mail,
				.store-data-web,
				.store-data-opening,
				.store-data-store-for {
					font-size: 1.2em;
					line-height: 1.2em;
				}
				.store-data-fon,
				.store-data-mail {
					display: block;
					margin-top: 5px;
					margin-bottom: 0px;
				}
				.store-data-fax,
				.store-data-web {
					margin-top: 0px;
					margin-bottom: 0px;
				}
				.store-data-mail,
				.store-data-web {
					font-weight: bold;
				}
.detailview-storedesc,
.detailview-additional {
	background: transparent url(../img/header_line_bg.jpg) left top no-repeat;
	margin-top: 10px;
	padding: 10px 0px 0px 0px;
}
.detailview-storedesc {
	padding-top: 19px;
	margin-top: 19px;
}
	
	
.detailview-additional-service img {
	margin: 0px 8px 8px 0px;
}
.detailview-storedesc-img {
	width: 192px;
	float: left;
}
	.detailview-storedesc-img img {
		width: 190px;
		border: 1px solid #e8edf3;
	}
.detailview-storedesc-text {
	float: left;
	margin-left: 20px;
	width: 454px;
}
	.detailview-storedesc-text h2 {
		margin-top: 0px;
		margin-bottom: 9px;
	}
	.detailview-storedesc-text p {
		line-height: 1.4em;	
	}
	.detailview-additional-left {
		float: left;
		width: 406px;
		background: transparent url(../img/detailview_bottom_vertical-divider.jpg) right bottom no-repeat;
		padding-bottom: 19px;
	}
		.sortiment-obj-element {
			margin-right: 40px;
			font-size: 1.2em;
			line-height: 1.8em;
			font-weight: bold;
			color: #00317b;
		}
			.sortiment-obj-element img {
				margin-right: 6px;
				position: relative;
				top: 1px;
			}
	.background-maker {
		padding-bottom: 0px !important;
	}
	.detailview-additional-right {
		float: left;
		width: 237px;
		margin: 0px 0px 0px 23px;
		padding-bottom: 19px;
	}

		.nfcstoresearch .route-box form {
			border: 0px solid black;
			padding: 0px 0px 0px 0px;
		}
			.nfcstoresearch .route-box form label {
				float: left;
				width: 77px;
				margin-bottom: 5px;
				font-size: 1.2em;
				line-height: 1em;
				padding-top: 7px;
			}
			.nfcstoresearch .route-box form input,
			.nfcstoresearch form select {
				float: left;
				width: 156px;
				height: 18px;
				margin-bottom: 5px;
				font-size: 1.2em;
				line-height: 1.2em;
			}
			.nfcstoresearch .route-box form input#search {
				float: right;
				width: 160px;
				height: 26px;
				margin-left: 0px;
				margin-top: 9px;
				background: transparent url(../img/button_anfahrtsberechnung.jpg) left top no-repeat;
				border: 0px solid white;
				color: #fff;
				padding: 0px 0px 0px 0px !important;
			}
			@media screen {
				.nfcstoresearch .route-box form input#search {
					cursor: pointer;				}
			}
			.nfcstoresearch .route-box #street_wrapper,
			.nfcstoresearch .route-box #zip_wrapper,
			.nfcstoresearch .route-box #city_wrapper {
				margin-top: 7px;
			}
			.nfcstoresearch .route-box #street_wrapper {
				margin-top: 26px;
			}
			.nfcstoresearch .detailview-backlink {
				background:transparent url(../img/header_line_bg.jpg) no-repeat scroll left top;
				margin: 0px 0px 10px 0px;
				padding: 10px 0px 0px 0px;
				font-size: 1.2em;
				line-height: 1.2em;
			}
				.nfcstoresearch .detailview-backlink a {
					background:transparent url(../img/news_list_link_button.gif) no-repeat scroll 0 1px;
					padding-left: 18px;
				}
			
	
	
/**********************************************************************
 *	RouteView
 **/
.nfcstoresearch #directions {
	padding: 10px 0px 10px 0px !important;
	font-size: 1.4em;
	line-height: 1.4em;
}
	.nfcstoresearch .route-box-footer {
		background:transparent url(../img/header_line_bg.jpg) no-repeat scroll left top;
		margin: 0px 0px 10px 0px;
		padding: 10px 0px 0px 0px;
	}
		.nfcstoresearch .route-box .back-link {
			display: block;
			margin: 0px 0px 10px 0px;
			background:transparent url(../img/news_list_link_button.gif) no-repeat scroll 0 1px;
			padding: 0px 0px 0px 18px;
			font-size: 1.2em;
			line-height: 1.2em;
			float: left;
			margin-left: 15px;
		}
		.nfcstoresearch .route-box #print {
			display: block;
			margin: 0px 0px 5px 0px;
			background:transparent url(../img/news_list_link_button.gif) no-repeat scroll 0 1px;
			padding: 0px 0px 0px 18px;
			font-size: 1.2em;
			line-height: 1.2em;
			float: left;
		}


