body
{
	margin:0;
	padding: 0;
	background-color: #fff;
	color: #000;
	text-align:center;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

img{
	border: 0px;
}

a{
	color: #00326d;
	text-decoration: underline;
}
a:hover {color: #00326d;}

.gloClear{
	clear:both;
	font-size:1px;
}	

.boxAll{
	position: relative;
	width: 978px;
	margin: 0 auto;
	text-align:left;
	padding-top: 0;
}

.boxMain{
	position:relative;
	padding: 0 8px;
	width:962px;
	background: url(/_layouts/Images/MobileVoucher/bg_main.gif) repeat-y;
}

.boxMainContent{
	position: relative;
	width: 960px;
	padding: 0 1px;
}

.boxMainContent ul{
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
}
.boxMainContent ul li{
	padding: 0 0 6px 10px;
	background-image: url(/_layouts/Images/MobileVoucher/con_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}

.olNormal{
    padding-left: 20px;
}
.olMoreThanTen{
    padding-left: 26px;
}

h1{
	padding: 15px 8px;
	margin:0;
	color: #54769c;
	font-size: 18px;
	font-weight:bold;
	background: url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x left top;
	background-color: #f9fafb;
}
h2{
	padding: 15px 0 12px 0;
	margin:0;
	color: #54769c;
	font-size: 14px;
	font-weight:normal;
}

h3{
	padding: 0;
	margin:0;
	color: #54769c;
	font-size: 14px;
	font-weight:bold;
}


th
{
	background:	#F3F5F7 url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x scroll 0pt 0pt;
	color:#00326D;
	font-size:12px;
	font-weight: bold;
	margin-bottom:5px;
	position:relative;
	padding:8px 5px 8px 5px
}

form {padding:0; margin:0;}

ul, ol, dl, li {position: relative;  }

.linkArrow{
	padding-left: 16px;
	display:inline-block;
	color: #00326b !important;
	text-decoration:none;
	background: url(/_layouts/Images/MobileVoucher/link_arrow.gif) no-repeat 0 5px;
}

.linkArrow:hover{
	text-decoration:underline;
}

.error{
    color:Red;
    font-weight:bold;
}

/* -- styles for button -- */
a.btnGo{
	display:-moz-box;
	display:inline-block;
	height: 17px;
	padding-right: 8px;
	font-size: 11px;
	font-weight:bold;
	color: #fff !important;
	text-decoration:none;
	background: url(/_layouts/Images/MobileVoucher/btn.gif) no-repeat right 0;
}
a.btnGo span{
	display:-moz-box;
	display:inline-block;
	cursor:pointer;
	padding: 2px 0 2px 8px;
	line-height: 13px;
	color: #fff;
	background: url(/_layouts/Images/MobileVoucher/btn.gif) no-repeat 0 0;
}

a.btnGo:hover{
	color: #00326d;
	background-position: right -30px;
	text-decoration:none;
}
a.btnGo:hover span{
	color: #00326d;
	background-position: 0 -30px;
}
/* -- end styles for button -- */

/* -- styles for header -- */
.boxHeader{
	position: relative;
	width: 962px;
	height: 80px;
	background-color: #f5f3f1;
}
.heaLogo{
	position:absolute;
	width: 246px; 
	left:31px;
	top: 0px;
}

.heaMeta{
	position:absolute;
	top: 8px;
	right:11px;
	width: 600px; 
	text-align:right;
	color: #878787;
	font-size: 11px;
}

.heaMeta a, .heaMeta a:visited{
	color: #878787;
	text-decoration: none;
	padding: 0 3px;
}
.heaMeta a:hover{
	color: #878787;
	text-decoration: underline;
}
.heaMeta a.active{
	color: #878787;
	font-weight:bold;
	text-decoration:none;
}
/* -- end styles for header -- */

/* -- styles for topnav -- */
.boxTopNav{
	position: relative;
	width: 960px;
	padding: 2px 1px 5px 1px;
	background: url(/_layouts/Images/MobileVoucher/topnav_bottom.gif) no-repeat bottom left;
}
.topNav{
	position: relative;
	width: 960px;
	font-weight:bold;
	font-size: 11px;
	height:32px;
	overflow:hidden;
	background-color: #00326d;
}
.navTopLinks{
	position: relative;
	float:left;
	padding: 0;
	height:32px;
	line-height:32px;
	text-transform: uppercase;	
}

.navTopLinks ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
.navTopLinks li{
	float:left;
	padding:0;
	margin:0;
}

.navTopLinks a{
	display:-moz-box;
	display:inline-block;
	line-height:32px;
	padding:0 12px;
	color: #fff !important;
	text-decoration:none;
	background-color: #00326d;	
}

.navTopLinks a.selected, .navTopLinks a:hover{
	color: #00326d !important;
	text-decoration:none;
	background-color: #f3f5f7;
}

.navTopRelLink{
	position: relative;
	float:right;
	width: 218px;
	padding: 0;
	height:32px;
	text-transform: uppercase;
	border-left: solid 1px #fff;
	background-color: #54769c;
	
}
.navTopRelLink a{
	display: block;
	width: 194px;
	padding-left:24px;
	line-height:32px;
	color: #fff !important;
	text-decoration:none;
	background: url(/_layouts/Images/MobileVoucher/navtop_arrow.gif) no-repeat 14px 13px;
}

.navTopRelLink a:hover{
	color: #00326d !important;
	text-decoration:none;
	background-position: 14px -27px;
}
/* -- end styles for topnav -- */

/* -- styles for breadcrumb --*/
.boxBreadcrumb{
	position:relative;
	padding: 0 0 0 180px;
	width: 782px;
	height:28px;
	line-height:28px;
	color: #939598;
}
.boxBreadcrumb a, .boxBreadcrumb a:visited{
	color: #939598;
	text-decoration: none;
}
.boxBreadcrumb a:hover{
	color: #939598;
	text-decoration: underline;
}
.boxBreadcrumb a.active, .boxBreadcrumb a.active:visited{
	color: #00326d;
	text-decoration: none;
}
/* -- end styles for breadcrumb -- */

/* -- styles for navigation left -- */
.boxNavigation{
	position:relative; 
	float:left; 
	width:159px;
	padding: 1px 0 0 0;
	margin-right:20px;
	font-size:11px;
	background: url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x left top !important;
}

.boxNavigation ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
.boxNavigation li{
	padding:0;
	margin:0;
	background: #f9fafb url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x left bottom;
}
.boxNavigation a{
	display: block;
	padding: 7px 0 7px 16px;
	width: 143px;
	color: #00326d !important;
	text-decoration:none;
	background: url(/_layouts/Images/MobileVoucher/nav_arrow.gif) no-repeat 7px 11px;	
}
.boxNavigation a:hover{
	color: #00326d !important;
	text-decoration:underline;
}
.boxNavigation a.active,  .boxNavigation a.active:hover{
	font-weight:bold;
	color: #00326d !important;
	text-decoration:none;
}
/* -- end styles for navigation left -- */

/* -- styles for home -- */
.boxHome{
	position: relative;
	width: 960px;
	background-color: #54769c;
}

.homText{
	position:relative; 
	float:left; 
	width:359px;
    margin-left:12px;
    margin-right:12px;
}
    .homText h2{
        color:#FFFFFF;
	    font-size: 16px;
    }
    .homText span{
        color:#FFFFFF;
	    font-size: 12px;
    }

.homMedia{
	position:relative; 
	float:left; 
	width:358px;
}

.homRelated{
	position:relative; 
	float:right; 
	width:219px;
	padding-top:28px;
}

.homTeaser{
	position:relative; 
	padding: 14px 0 0 13px;
}

.homTeaserBox{
	position:relative; 
	width: 224px;
	float:left;
	margin-right: 22px;
}
.homTeaser .last{
	margin-right:12px;
}
.homTeaserImg{
	padding: 0;
}
.homTeaserBox h2{
	margin:0;
	padding: 8px 0 6px 0;
	font-size: 14px;
	font-weight: bold;
	color: #00326b;
}
.homTeaserBox p{
	margin:0;
	padding: 0 0 10px 0;
}

.homTeaserBox .link a{
	padding-left: 16px;
	color: #00326b;
	text-decoration:none;
	background: url(/_layouts/Images/MobileVoucher/link_arrow.gif) no-repeat 0 5px;
}
.homTeaserBox .link a:hover{
	text-decoration:underline;
}

.homRelBox{
	position:relative; 
	width: 219px;
	float:left;
	
}
/* -- end styles for home --*/

/* -- styles for content -- */
.boxContent{
	position:relative; 
	float:left; 
	width:542px;
}

.boxContent p{
	margin:0;
	padding: 12px 0 0 0;
}

.conTeaser{
	width: 542px;
	height: 140px;
	background-color: #00326d;
}
.conTeaser p{
	margin: 0;
	padding: 10px 0 0 8px;
	width: 155px;
	font-size: 12px;
	color: #fff;
}

.conPrint{
	margin-top:25px;
	padding:4px 0;
	background: url(/_layouts/Images/MobileVoucher/dotted_footer.gif) repeat-x 0 0;
}
.conPrint a{
	padding-left: 20px;
	background: url(/_layouts/Images/MobileVoucher/icon_print.gif) no-repeat 0 2px;
	text-decoration:none;
}
.conPrint a:hover{
	text-decoration:underline;
}
.conPrintBottom{
	height:1px;
	padding:0;
	margin:0;
	background: url(/_layouts/Images/MobileVoucher/dotted_footer.gif) repeat-x 0 0;
}
.terminal{
	background:	#FFFFFF url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x scroll 0pt 0pt;
	font-size:12px;
	margin-bottom:5px;
	position:relative;
	padding:8px 5px 8px 5px;
	vertical-align:middle;
}

.form-fieldtext{
    padding:0 0 10px 0;
}
.form-fieldtext input{
    border:solid 1px #949494;
    width:181px;
    left:150px;
    position:absolute;
}
.form-fieldtext .zip{
    width:46px;
}
.form-fieldtext .city {
    left:201px;
    width:130px;
}
.form-fieldcheck{
    padding:15px 0 0 150px;
    width:auto;
}
.form-fieldcheck input{
    margin:auto;
}
.form-fieldcheck label{
    margin:auto;
    padding:0 0 0 5px;
}
.form-fieldsubmit{
    padding:20px 0 0 150px;
    width:auto;
}
/* -- end styles for content -- */

/* -- styles for related links -- */
.boxRelated{
	position:relative; 
	float:right; 
	width:219px;
}

.relTitle{
	background: url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x 0 0;
	background-color: #00326d;
}
.relTitle p{
	margin:0; 
	padding: 3px 15px;
	font-size:11px;
	font-weight:bold;
	color: #fff;
}

.relBtn{
	position: relative;
	width: 219px;
	height:44px;
	font-size:11px;
	background: #f3f5f7 url(/_layouts/Images/MobileVoucher/rel_btn.gif) no-repeat 0 0;
	margin-bottom:5px;
	
}
.relBtn a{
	display:block;
	padding: 10px 70px 5px 28px;
	width: 121px;
	font-weight:bold;
	color: #00326b !important;
	text-decoration:none;
	background: url(/_layouts/Images/MobileVoucher/link_arrow.gif) no-repeat 15px 15px;
	
}
.relBtn a:hover{
	text-decoration:underline;
}

.relText{
	position: relative;
	width: 189px;
	padding: 10px 15px;
	font-size:11px;
	background: #f3f5f7 url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x 0 0;
	
}

.relTextBottom{
	position: relative;
	width: 219px;
	padding: 0 0 10px 0;
	font-size:11px;
	background: url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x 0 0;
	
}
.relText td{
	padding:2px 0 10px 0;	
	
}

.relText p{
	margin:0;
	padding:0 0 10px 0;	
}

.relTextfield{
	width: 100px;
	border: solid 1px #e5e5e5;
	height: 15px;
}
/* -- end styles for related links -- */

/* -- styles for footer -- */
.boxFooter{
	position: relative;
	width: 942px;
	padding: 40px 18px 13px 18px;
	margin:0;
	color: #959595;	
	font-size: 10px;
	background-image: url(/_layouts/Images/MobileVoucher/footer.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.boxFooter a, .boxFooter a:visited{
	text-decoration: none;
	color: #959595;
}
.boxFooter a:hover{
	color: #959595;
	text-decoration: underline;
}
.boxFooter a:active{
	color: #959595;
}
.fooDisclaimer{
	width:942px;
	padding-top:6px;
	background: url(/_layouts/Images/MobileVoucher/dotted_footer.gif) repeat-x top left;
}
.fooDisclaimerLeft{
	width:550px;
	float:left;
}
.fooDisclaimerRight{
	width:350px;
	float:right;
	text-align:right;
}
.fooLogo{
	width:772px;
	padding: 0 0 8px 170px;
}

.fooLogo ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
.fooLogo ul.home{
	float:right;
}

.fooLogo li{
	padding:0;
	margin:0 20px 0 0;
	float:left;
}
.fooLogo .home li{
	margin:0 0 0 20px;
}
.fooLogo span{
	margin:0;
	padding:0;
	display:-moz-inline-box;
	display:block;
	height:22px;
	overflow:hidden;
	text-indent: -999px;	
	text-align:left;
	font:0/22px Arial;
	background-repeat: no-repeat;
	background-position:0 0;
}
.fooLogo span.provTele2{
	width:38px;
	background-image: url(/_layouts/Images/MobileVoucher/logo_tele2.gif);
}
.fooLogo span.provMbudget{
	width:35px;
	background-image: url(/_layouts/Images/MobileVoucher/logo_mbudget.gif);
}
.fooLogo span.provSunrise{
	width:48px;
	background-image: url(/_layouts/Images/MobileVoucher/logo_sunrise.gif);
}
.fooLogo span.provYallo{
	width:32px;
	background-image: url(/_layouts/Images/MobileVoucher/logo_yallo.gif);
}
.fooLogo span.provOrange{
	width:18px;
	background-image: url(/_layouts/Images/MobileVoucher/logo_orange.gif);
}
.fooLogo span.provSwisscom{
	width:77px;
	background-image: url(/_layouts/Images/MobileVoucher/logo_swisscom.gif);
}
.fooLogo span.provLogos{
	width:534px;
	height:54px;
	background-image: url(/_layouts/Images/MobileVoucher/logos.jpg);
}
/* -- end styles for footer -- */

/* -- styles for gmap -- */
.gis-layer-ctl-container
{
	width: 110px;
	font-family: Arial, Sans-Serif;
	font-size:12px;
	visibility:hidden;
}

.gis-layer-ctl-pnl 	
{
	display: none;
	width: 110px;
	padding: 6px 4px;
	border: 1px solid gray;
	border-top:1px solid #a5a5a5;
	text-align:left;		
	background-color: #fff;
	cursor:default;
}

.gis-layer-ctl-pnl input
{
	vertical-align:middle;
	width: 13px;
	height: 13px;
	overflow: hidden;
}

.gis-layer-ctl-more-btn
{
	width: 85px; 
	height:17px;
	border: 1px solid black; 
	background-color: white; 
	text-align: center;    
	cursor: pointer; 
}       

.gis-layer-ctl-hide-all-lnk
{
	color: #a5a5a5;
	text-decoration: none;
	cursor: pointer;
	font-size: 10px;
}

.gis-sidebar-ctl-container
{
	position: relative;   
	width: auto;   
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}

.gis-sidebar-ctl-pnl
{
	display: none;
	position: relative;
	overflow:auto; 
	width: 225px;
	height: 250px;
	padding: 6px;
	border: 1px solid black;  
	background-color: #ffffff;	     
}

.gis-sidebar-ctl-pnl input
{
	vertical-align:middle;
	width: 13px;
	height: 13px;
	overflow: hidden;
	padding:0;
	margin:0;
}

.gis-sidebar-ctl-pnl img
{
	display:inline;
	margin:2px 2px 0 2px;
}

.gis-sidebar-ctl-tgl-btn
{
	position: absolute;
	top: 0;
	right: -23px;
	width: 23px;
	height: 92px; 
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black; 
	background: transparent url(../images/toggle.jpg) no-repeat scroll right bottom;
	cursor: pointer;    
	text-align: center;   
}
/* -- end styles for gmap -- */

/* -- styles for zebra-table -- */
.conTable {
                padding-bottom:1px;
                background: url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x left bottom;           
}

.conTable th {
                background:#F3F5F7 url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x 0 0;
                color:#54769c;
                font-size:11px;
                font-weight:bold;
                padding:7px 6px;
                text-align:left;
}
.conTable td.odd {
                background: url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x 0 0;
                color:#000;
                padding:7px 6px;
                font-size:10px;
                text-align:left;
                vertical-align:top;
}
.conTable td.even {
                background: #f9fafb url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x 0 0;
                color:#000;
                padding:7px 6px;
                font-size:10px;
                text-align:left;
                vertical-align:top;
}
/* -- end styles for zebra-table -- */

/* -- styles for contact form -- */
.conForm td
{
	padding-bottom: 7px;
	font-weight: bold;
}
.conForm td.normal
{
	font-weight: normal;
}
.conForm td.rowseparator
{
	padding-top: 15px;
}

.conForm td.rowseparatorLeft
{
	padding-top: 15px;
}
.conForm td.rowseparatorNormal
{
	font-weight: normal;
	padding-top: 15px;
}
.conForm td.pflicht
{
	font-weight: normal;
	color: #939598;
}
.conForm td.error
{
	color: #ff9933;
}
.conForm .chkList td
{
	font-weight: normal;
}
.conTextfield
{
	width: 185px;
	font-size: 11px;
	border: solid 1px #a3a3c5;
}
.conTextfieldMedium
{
	width: 90px;
	font-size: 11px;
	border: solid 1px #a3a3c5;
}
.conTextfieldSmall
{
	font-size: 11px;
	border: solid 1px #a3a3c5;
	width: 20px;
}
.conTextfieldMultiLine
{
	width: 430px;
	height: 120px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	border: solid 1px #a3a3c5;
}	
.conTextfieldError
{
	width: 183px;
	font-size: 11px;
	border: solid 2px #ff9933;
}

.conErrorMessage
{
	margin-bottom: 22px;
	padding-top: 12px;
	color: #ff9933;
	background: url(/_layouts/Images/MobileVoucher/dotted_content.gif) repeat-x 0 0;
}
/* -- end styles for contact form -- */

/*Beginn ATM Locator*/

#locatorSearchBox, .locatorSearchBox
{
	display:none;	
}


.mapSearchResult .mapHeader
{
    margin-bottom:5px;
}
.mapSearchResult .map
{
    border:1px #000 solid;
    margin-bottom:20px;
}

.mapSearch .txtSearch
{
    width:250px;
}
#SCA_contentRight .mapSearch .txtSearch
{
    width:80px;
}

#SCA_contentRight .mapSearch
{
    margin:0.17em 1em 0.8em;
}

.mapSearchLocationDetail h2
{
	font-size: 1.67em;
	font-weight: normal;
	margin: -0.2em 0 0.1em 0;
}
div.mapSearchLocationDetail
{
    width: 300px;
    margin:10px;
}

div.mapSearchLocationDetail .map
{
    margin-bottom: 10px;
    margin-top: 10px;
}

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

.mapSearchResult tr.ms-alternating td 
{
	background: #ededed;
}
/*End ATM Locator*/