/* ---------------------------------------------------------------------------------------------------- */
/* =st */
/* ---------------------------------------------------------------------------------------------------- */

/*

	Hinweis: Bei der Implementierung der Navigation und oder Fusszeile von myswitzerland.com auf einer
	externen Plattform kann dieses Stylesheet für die Darstellung verwendet werden. Damit die eingesetzten
	Styles nicht mit denjenigen Ihrer eigenen Plattform konkurieren, legen Sie einfach einen «Wrapper» um
	die beiden entsprechenden Bereiche mit den IDs #st-header-container und #st-footer-container.
	Selbstverständlich können Sie diese «Wrapper-IDs» an die Gegebenheiten Ihrer eigenen Seite anpassen.
	
	Die entsprechenden «Code-Snippets» der Navigation und Fusszeile binden Sie am einfachsten über einen
	XMLHttpRequest in Ihr Dokument ein. Die dafür benötigte Service-URL erhalten auf Anfrage von #KONTAKT#.
	
*/

/* -------------------------------------------------- */
/* =header */

#st-header-container { margin-bottom : 2px; background-color : #fff; }
#st-header-container .head { width : 772px; height : 42px; margin : 0 auto; }
#st-header-container .clear { clear : both; }

/* lang */
#st-header-container .chooseLang { display : none; }

/* main */
#st-header-container .main { padding-top : 16px; }

#st-header-container div.menuLeft,
#st-header-container div.menuMiddle,
#st-header-container div.menuRight {
	float : left; height : 26px;
	background : url(https://www.myswitzerland.com/img/menu_bg0.gif) left top repeat-x;
}
#st-header-container div.menuLeftActive,
#st-header-container div.menuMiddleActive,
#st-header-container div.menuRightActive {
	float : left; height : 26px;
	background : url(https://www.myswitzerland.com/img/menu_bg1.gif) left top repeat-x;
}
#st-header-container div.menuLeft div {
	background : url(https://www.myswitzerland.com/img/menu_left0.gif) left top no-repeat;
}
#st-header-container div.menuMiddle div,
#st-header-container div.menuRight div {
	background : url(https://www.myswitzerland.com/img/menu_midleft0.gif) left top no-repeat;
}
#st-header-container div.menuLeftActive div {
	background : url(https://www.myswitzerland.com/img/menu_left1.gif) left top no-repeat;
}
#st-header-container div.menuMiddleActive div,
#st-header-container div.menuRightActive div {
	background : url(https://www.myswitzerland.com/img/menu_midleft1.gif) left top no-repeat;
}
#st-header-container div.menuLeft a,
#st-header-container div.menuMiddle a,
#st-header-container div.menuRight a,
#st-header-container div.menuLeftActive a,
#st-header-container div.menuMiddleActive a,
#st-header-container div.menuRightActive a {
	display : block; padding : 8px 13px 3px 10px;
	text-decoration : none;text-transform : uppercase; font : bold 12px/15px arial,Helvetica,sans-serif; color : #000;
	background : url(https://www.myswitzerland.com/img/menu_midright0.gif) right top no-repeat;
}
#st-header-container div.menuRight a {
	background : url(https://www.myswitzerland.com/img/menu_right0.gif) right top no-repeat;
}
#st-header-container div.menuLeft a:hover,
#st-header-container div.menuMiddle a:hover,
#st-header-container div.menuRight a:hover {
	text-decoration : underline; color : #434e5d;
}
#st-header-container div.menuLeftActive a:hover,
#st-header-container div.menuMiddleActive a:hover,
#st-header-container div.menuRightActive a:hover {
	text-decoration : underline; color : #ccc;
}

#st-header-container div.menuLeftActive a,
#st-header-container div.menuMiddleActive a,
#st-header-container div.menuRightActive a {
	color : #fff;
	background : url(https://www.myswitzerland.com/img/menu_midright1.gif) right top no-repeat;
}
#st-header-container div.menuRightActive a {
	background : url(https://www.myswitzerland.com/img/menu_right1.gif) right top no-repeat;
}

/* sub */
#st-header-container .sub { height : 20px; text-align : center; background-color : #434e5d; }
#st-header-container img { vertical-align : middle; }

#st-header-container span.submenu {	padding : 0 10px 0 10px; }
#st-header-container span.submenu a {
	text-decoration : none; font : normal 13px/20px arial,Helvetica,sans-serif; color : #fff;
}
#st-header-container span.submenu a:hover{ 
	text-decoration : underline; color : #fff;
}
#st-header-container span.submenuActive a {
	text-decoration : none; font : bold 13px/20px arial,Helvetica,sans-serif; color : #fff;
}
#st-header-container span.submenuActive a:hover{
	text-decoration : underline; color : #fff;
}


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

#st-footer-container .clear { clear : both; }

#st-footer-container .footerBox { width : 770px; background-color : #366; }
#st-footer-container .footer {
	float : left; width : 190px;
	text-align : center; font : 12px/17px arial,Helvetica,sans-serif; letter-spacing : 0; color : #fff;
	border-right : 1px solid #fff;
}
#st-footer-container .footer a {
	text-decoration : none; font-family : arial,Helvetica,sans-serif; color : #fff;
}
#st-footer-container .footer a:hover { text-decoration : underline; }