/*	
	Autor: Maxomedia AG. Agentur f�r Crossmedia-Kommunikation
	Verwendung: Swisscom Partnerlocator
	Media: Screen
*/

/* ---------------------------------------------------------------------------------------------------- */
/* =screen */
/* ---------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------- */
/* =general */

* { margin : 0; padding : 0; }

body {
	font : 12px/16px "Trebuchet MS",helvetica,sans-serif; color : #727272;
	background-color : #fff;
}

img { vertical-align : bottom; line-height : 0; border : none; }
p, ul, ol, table, hr { margin-bottom : 14px; }

hr {
	height : 1px;
	color : #d2d2d2;
	background-color : #d2d2d2;
	border : none;
}


/* -------------------------------------------------- */
/* =headings */

h1, h2, h3, h4, h5, h6 { font : 12px/16px "Trebuchet MS",helvetica,sans-serif; }
h5 { font-weight : bold; }


/* -------------------------------------------------- */
/* =lists */

ul { margin-left : 16px; list-style-type : disc; }
ol { margin-left : 22px; }


/* -------------------------------------------------- */
/* =table */

th, td { vertical-align : top; }
th { text-align : left; }


/* -------------------------------------------------- */
/* =forms */

fieldset { border : none; vertical-align: middle;}
input, textarea, select {
	font : 12px/16px "Trebuchet MS",helvetica,sans-serif; color : #727272;
}
input.radiocheck { vertical-align : middle; margin-right : 5px; border :  none; }


/* -------------------------------------------------- */
/* =anchors */

a { color : #727272; }
a:hover { text-decoration : none; color : #015; }

/* ---------------------------------------------------------------------------------------------------- */
/* =modules */
/* ---------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------- */
/* =containers */

#main-container { width : 932px; background-color : #fff; }
#header-container { padding : 14px 0 21px 14px; }
#logo { width : 101px; height : 75px; }
#logo a {
	display : block; width : 100%; height : 18px; padding-top : 57px;
	overflow : hidden; text-indent : -1000px; text-decoration : none; font-weight : bold; font-size : 23px; color : #001464;
	background : url(../images/logo_swisscom.gif) no-repeat left top;
}
#body-container { padding-left : 60px; }
#content-container { float : left; width : 568px; margin-right : 18px; }
#sidebar-container { float : left; width : 286px; }

/* -------------------------------------------------- */
/* =map */

#map-container { width : 566px; height : 493px; margin-bottom : 20px; border : 1px solid #bacaff; }


/* -------------------------------------------------- */
/* =footer */

#footer-container { text-align : right; font-size : 10px; color : #1473cf; }
#footer-container span.powered { float : left; }
#footer-container a { text-decoration : none; color : #1473cf; }
#footer-container a:hover { text-decoration : underline; }

a.print { padding-left : 20px; color : #1473cf; background : url(../images/icon_print.gif) no-repeat left top; }

.printLink {
	padding-left: 20px;
	color : #1473cf;
	text-decoration : none;
	background : url(../images/icon_print.gif) no-repeat left top;
}

.printLink:hover {
	text-decoration: underline;
	color : #1473cf;
}

#bubblePrintContainer {
	font-size : 10px;
	width: 255px;
	text-align: right;
}

/* -------------------------------------------------- */
/* =language */

#language-container { margin-bottom : 24px; text-align : right; color : #c8c8c8; }
#language-container a { text-decoration : none; }
#language-container .active { color : #015; }


/* -------------------------------------------------- */
/* =poi-selector */

#poi-selector { list-style : none; margin : 0; margin-top: 36px; }
.poi-selector-handler {
	display : block; padding : 9px 10px 8px;
	font-weight : bold; font-size : 13px; color : #4a4a4a;
	background : url(../images/bg_poi-selector-handler.gif) repeat-x left bottom;
	border-bottom : 1px solid #c1c1c1;
	cursor : pointer;
}
.poi-selector-handler span { display : block; background : url(../images/icon_poi-selector-expand.gif) no-repeat right center; }
#poi-selector .isExpanded { color : #015; }
#poi-selector .isExpanded span { background-image : url(../images/icon_poi-selector-contract.gif); }
.poi-selector-viewport { overflow : hidden; height : 0; }
.poi-selector-content { padding : 10px 10px 0; }

.poi-selector-options { list-style : none; margin : 0 0 14px 0; }
.poi-selector-options li { height : 24px; margin-bottom : 5px; padding-left : 12px; line-height : 24px; }
.poi-selector-options img { margin-right : 3px; }
.poi-selector-options .main { margin-bottom : 10px; padding-bottom : 10px; padding-left : 0; font-weight : bold; border-bottom : 1px solid #d2d2d2; }

.gwt-CheckBox input { vertical-align: middle; }
.gwt-CheckBox label { margin-left : 10px; }
.gwt-CheckBox img { margin-right : 3px; }

.gwt-RadioButton { vertical-align: middle; }
.gwt-RadioButton label {margin-left: 10px; }

#search-container { margin-bottom : 20px;}
#bgs-map-searchform-street .gwt-TextBox, #bgs-map-searchform-city .gwt-TextBox {vertical-align: top; width : 147px; border-color:transparent; background-color: transparent; height: 19px; }
#bgs-map-searchform-zip .gwt-TextBox { width : 38px; border-color: transparent; background-color: transparent; }
#bgs-map-searchform .text { margin-left: 5px; vertical-align: middle;  background-color: transparent;}
#bgs-map-searchform {}

#search-container .btn { margin-left : 5px; }
#search-container .text { height : 18px; margin-left : 5px; padding : 1px 5px 0; border: none;}
#bgs-map-searchform-street { width : 147px; background : url(../images/bg_search-address.gif) no-repeat left top ; height: 19px; }
#bgs-map-searchform-zip { width : 38px; background : url(../images/bg_search-zip.gif) no-repeat left top; height: 19px; }
#bgs-map-searchform-city { width : 147px; background: url(../images/bg_search-city.gif) no-repeat left top; height: 19px; }

.gwt-TextBox {
	border-color: transparent;
	border-width: 0;
	padding: 1px;
}

#bgs-map-searchform-searchbutton .gwt-Button {
	background: transparent;
	background-color: transparent;
	border-color: transparent; border: none;
	font : 12px/16px "Trebuchet MS",helvetica,sans-serif; color : #3072b0;
	font-weight:bold;
	padding : 0px 15px 1px 0;
	background : url(../images/bg_btn.gif) no-repeat right top;
	vertical-align: top;
	height: 21px;	
}
#bgs-map-searchform-searchbutton .gwt-Button:hover {
	font-weight : bold; color : #3e97de;
}
span.btn {
	padding : 0 0 10px 8px;
	background : transparent url(../images/bg_btn-start.gif) no-repeat left top;
}

.largeBubble {
	margin: 0 10px 0 0;
	padding: 0;
	height: 258px;
	width: 285px;
	overflow: auto;
}

/* ---------------------------------------------------------------------------------------------------- */
/* =patches */
/* ---------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------- */
/* =clearfix */

.clearfix:after {
    content : "."; 
    display : block; 
    height : 0; 
    clear : both; 
    visibility : hidden;
}

.clearfix {
	display : inline-block;
}

/* hides from IE-Mac \*/
* html .clearfix {
	height : 1%;
}
.clearfix {
	display : block;
}
/* end hide from IE-Mac */