/**
 * Klubschule.ch
 *
 * @copyright	2008-2009
 * @author		Silvan Hagen, Ihsan B. Bikmaz
 * @version		1.2.7
 */

 /**
  * @section Basic Styling
  * Styling of the Basic Elements and a small reset
  */
* 	{margin:0; padding:0; list-style:none}
body {background: #fff; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#1e1e1e; text-align:center; margin:0 auto; padding: 0;}
img	{border:none}
abbr  {border:none; cursor:help}
table {font-size:10px}
h1     {font-size:18px; margin-bottom:10px; text-align:left}
h2,
h3    {font-size:15px}
form#aspnetForm {width: 980px; margin: 0 auto;}
iframe{border:0}

/**
 * @section Hacks
 * Hacks for some css failures
 */
/* Der Kern von Clearfix */
.clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden}
/* IE-Patches für Clearfix */
.clearfix {display:inline-block}
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height:1px; }
.clearfix {display:block}
/* Ende des Versteckspiels für den IE5/Mac */
.hidden {display:none}
/**
 * @section Layout Styles
 * Layout of all the containers that define the look and feel.
 */
#SiteMenu		{margin:0 auto; width:950px; text-align:right}
#SiteMenu table	{float:right;}
#EditingToolbar	{margin:0 auto; width:950px; clear:right}
#wrapper 		{clear:both; position:relative; width:950px; margin:0 auto; text-align:left;}
#header			{width:950px; height:100px; position:relative}
* html #content	{height:55px}
#content		{min-height:55px; width:100%; background:url(/_layouts/images/Migros.SP.MKS.Frontend/content-bg.png) left 55px repeat-x}
#WelcomeContent	{padding:61px 20px 10px 20px; position:relative; width:910px}
#ContentWrapper {background:#E2001A url(/PublishingImages/Visuals/visual-main.jpg) no-repeat scroll left top; min-height:320px; width:100%; position:relative}
* html #ContentWrapper {height:320px}
#ImageWrapper div.detailsView {height:100px; min-height:100px}
#ImageWrapper	{position:relative}
#ImageBar		{background-color:#E2001A; width:100%; height:26px; position:relative}
#ImageBar .business{background-color:#EDE0CF; width:100%; height:100%}
#ImageBarContent	{position:absolute; left:21px; top:7px}
#ImageBarContent .goback,
#ImageBarContent .gobackBusiness	{background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -18px; padding-left:15px; color:white; text-decoration:none}
.showBusinessDetail #ImageBarContent .goback,
#ImageBarContent .gobackBusiness	{background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -37px; color:#005DAC }
#ImageWrapper .langD,
#ImageWrapper .langF,
#ImageWrapper .langI		{position:absolute; width:133px; height:56px; bottom:0; right:0}
#ImageWrapper .langD		{background-image:url(/_layouts/images/Migros.SP.MKS.Frontend/businessLogoD.jpg)}
#ImageWrapper .langI		{background-image:url(/_layouts/images/Migros.SP.MKS.Frontend/businessLogoI.jpg)}
#ImageWrapper .langF		{background-image:url(/_layouts/images/Migros.SP.MKS.Frontend/businessLogoF.jpg)}
.business		{display:none}
#OutsideWrapper 	{}
input.submit		{background:#FF112C url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-searchForm.gif) no-repeat scroll right top; border:medium none; color:#FFFFFF; cursor:pointer; font-size:1.1em; font-weight:bold; height:25px; padding:6px; text-align:left; text-transform:uppercase; width:150px;}
input#btnEdit		{background:#FF112C url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-Edit.gif) no-repeat 7px 6px; text-align: right;}
.ajaxload 		{background:#FFF url(/_layouts/images/Migros.SP.MKS.Frontend/ajax-loader.gif) no-repeat scroll center center; height:50px}
.rightalign		{text-align:right}

#winConsole	{overflow:auto; position:absolute; padding:0 5px 5px 5px; top:10px; right:5px; height:500px; width:300px;background-color:#eee; border:1px solid black; text-align:left}
#winConsole p{margin-bottom:1px; font-size:12px}
#winConsole p.error{color:red}
#winConsole p.info{color:blue}

/**
 * @section Sharepoint UI
 * Styling Elements of Sharepoint
 */
.ms-MenuUILabel {text-align:left}
.ms-MenuUIPopupBody {z-index:50}


/**
 * @section Header
 * Styling for the MOSS based Header
 */
div#header h1 		{font-size:1%}
div#header h1 a 	{display:block; width:80px; height:80px; text-decoration:none}
div#header h1 span 	{display:block; text-indent:-9999px}
div#header .borderR	{background:url(/_layouts/images/Migros.SP.MKS.Frontend/serviceNavi-border.gif) right bottom repeat-y}
ul#serviceNavi 	{position:absolute; top:0; left:497px}
ul#langNavi		{position:absolute; top:0; left:868px; width:100px}
ul#serviceNavi li,
ul#langNavi li		{float:left}
ul#serviceNavi a,
ul#langNavi a		{color:#999; font-size:1.1em; text-decoration:none; display:block; padding:3px 5px 0px 7px}
ul#serviceNavi a:hover,
ul#langNavi a:hover,	
ul#serviceNavi a.active,
ul#langNavi a.active{color:#000}

div#searchForm 		{position:absolute; top:30px; right:0; width:446px; height:42px; padding:4px; background:#f1f1f1}
div#searchForm label 	{display:block; color:#999; padding:0 0 0 5px; font-size:1.1em; font-weight:bold; height:17px; overflow:hidden; width:100px; }
div#searchForm li		{float:left}
div#searchForm input,
div#searchForm select	{border:1px solid #c0c2b9; font-size:1.2em}
div#searchForm input	{padding:4px 6px; margin:0 4px 0 0; width:186px}
div#searchForm select	{padding:3px 0 3px 6px; width:134px}
div#searchForm .button input	{cursor:pointer; top:21px; overflow:hidden; height:25px; border:none; position:absolute; right:-12px; width:115px; background:#ff112c url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-searchForm.gif) right top no-repeat; color:#fff;  font:bold 12px arial; text-align:left; text-transform:uppercase}
div input#searchLocation_input	{cursor:pointer; width:103px; border:none;}
#searchInputWrapper {background:#fff url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat scroll 118px -370px; border:1px solid #C0C2B9; height:23px; cursor:pointer; overflow:hidden; width:132px;}
#searchLocation_container {border:1px solid #c0c2b9; width:200px; height:275px; overflow:auto; background-color:#fff; font-size:12px; z-index:100}
#searchLocation_container ul li {text-align:left; padding:1px 2px; cursor:pointer; font-size:12px;}
#searchLocation_container ul li.selected {background-color:#F1F1F1}
#searchLocation_container ul li.current {background-color:#F1F1F1}
#searchLocation_container ul li.lastTopCity {border-bottom:1px solid #aaa}
#searchLocation_container ul li.topCity {font-weight:bold;}

/**
 * @section Navigation
 */
ul#mainNavi 			{position:absolute; top:100px; z-index:10; height:55px; width:100%; overflow:hidden; background:url(/_layouts/images/Migros.SP.MKS.Frontend/mainNavi-bg.png) left top repeat-x}
ul#mainNavi li			{float:left; border:solid #fff; border-width:0 1px 0 0}
ul#mainNavi a			{display:block; font-size:1.4em; font-weight:bold;text-transform:uppercase; color:#fff; text-decoration:none; padding:12px 23px 8px 21px}
ul#mainNavi a.active	{background:#ba0f26}
ul#mainNavi a:hover,
ul#mainNavi a.active	{background:#ba0f26}

/**
 * @section Mandant
 */
div#mandantInfo 			{position:absolute; top:83px; left:50%; margin-left:-475px; width:950px}
div#mandantInfo a			{color:#e4182f; text-decoration:none; padding:1px 2px; font-size:1.1em; font-weight:bold}
div#mandantInfo a:hover	{color:#000}

/**
 * @section Search resetter
 * Styles the search resetter area.
 */
div#SearchResetter	 {width:640px; height: auto !important; height:auto; min-height: 0px; background:#f1f1f1; padding:1px 20px 3px 20px; position:relative;}
div#SearchResetter p {margin-top:8px; font-weight:bold; color:#005DA8;font-size:1.1em;}
div#SearchResetter a#searchReset {cursor:pointer; position:absolute; top:3px !important; right:-7px; height:9px; width:179px; border:none; background:#005DA8 url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-searchResetter.gif) right top no-repeat;color:#fff;font-weight:bold;font-size:1.1em;text-align:left;text-transform:uppercase;padding:4px 6px 7px;text-decoration:none;}

/**
 * @section Kurs Panel
 * Styles for the selection of the courses made by the user.
 */
div#kursSelector		{width:640px; height: auto !important; height:323px; min-height: 323px; background:#faf2f2; padding:1px 20px 30px 20px; position:relative;}
div#kursSelector li	{padding:0 15px 0 1px; position:relative; width:100%; min-height:16px; vertical-align:top}
div#kursSelector li.lastselected {color:#E4182F}

div#kursSelector label,
div#kursSelector a	{color:#e4182f; cursor:pointer; display:block; overflow:hidden}
div#kursSelector a.businesslink {margin-left: -20px; position: relative; width:251px;}
div#kursSelector label {font-size:1.1em; padding:0 0 0 20px}

div#kursSelector h2 a,
#ImageWrapper.showBusiness div#kursSelector h2 a  {color:#333; text-decoration:none}
div#kursSelector h2	{font-size:1.8em; font-weight:normal; text-transform:uppercase; color:#333; margin:15px 0 10px 0;}
div#kursSelector div#standortOuterPanel h2 {padding: 0 0 0 20px;}
div#kursSelector input {position:absolute}
div#kursSelector span  {color:#9a9a9a}


div#kursSelector ul 	{display:block; overflow:visible; position:relative}
div#kursSelector ul ul	{margin:15px 0; width:auto}
div#kursSelector ul a,
div#kursSelector ul span.unlink {text-decoration:none; font-size:1.1em; padding:0 0 0 17px; display:block; background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -246px}


div#kursSelector li label span,
div#kursSelector li span.unlink span,
div#kursSelector li a span  {position:absolute; right:0; top:0; font-weight:normal}

div#kursSelector .ui-checkbox-label,
div#kursSelector li.checkbox label 	{padding:0 0 0 3px}
div#kursSelector span.ui-checkbox	{padding:0}
div#kursSelector .checkbox 		{clear:none; float:none; width:auto;}
div#kursSelector ul li.checkbox a 	{margin-left:19px; background-position: 0 -246px}
div#kursSelector ul li.checkbox span.unlink {margin: 0 0 0 19px; padding: 0 0 0 17px}

div#kursSelector  li.disabled label,
div#kursSelector  li.disabled a {color:#999!important; cursor:default!important; min-height:16px; padding-left:18px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/icon_checkbox.gif) no-repeat 0 -160px}
div#kursSelector  li.disabled label.ui-checkbox-label{padding-left:3px}

/* FETT WENN SELEKTIERT */
label.ui-checkbox-state-checked, 
LI.enabled A {font-weight:bold}

/* NICHT FETT WENN CHECKBOX NICHT SELECTIERT */
div#kursSelector LI.unchecked A {font-weight:normal}

div#angeboteOuterPanel,
div#standortOuterPanel 	{float:left}
div#angebotePanel		{float:left; width:230px; height:auto !important; height:255px; min-height: 255px; position:relative; padding:0 20px 0 0; position:relative}
div#standortPanel		{float:left; border:solid #ac2622; border-width: 0 1px; width:188px; height: auto !important; height:255px; min-height: 255px; position:relative; padding:0 20px 7px 20px;}
div#zeitPanel			{float:left; width:135px; height:auto !important; height: 255px; min-height: 255px; padding:0 0 0 20px; position:relative;}

div#kursSelector div#angebotePanel li	{width:auto; padding:0 40px 0 1px;} 
div#kursSelector div#angebotePanel ul	{width:auto}
div#kursSelector div#angebotePanel ul ul	{width:auto}	
div#kursSelector div#angebotePanel img	{margin-top:5px; margin-bottom:5px; height: 22px; padding-left: 132px; background: #efe0cf;}
div#kursSelector div#angebotePanel ul li.lastselected a {background:none!important; padding-left:3px!important}
div#angebotePanel a.levelChild {margin-left:20px} 

div#kursSelector div#standortPanel li {padding:0 40px 0 1px}
div#kursSelector div#standortPanel li,
div#kursSelector div#standortPanel ul {width:auto}

div#kursSelector div#zeitPanel li	{width:auto; padding-right:0} 
div#kursSelector div#zeitPanel ul	{width:auto; margin:0 0 15px 0}
div#kursSelector div#zeitPanel ul ul	{width:auto; margin:6px 0 6px 20px; clear:left}
div#kursSelector div#zeitPanel input#kursSubmit	{cursor:pointer; position:absolute; top:311px !important; right:-32px; height:25px; width:179px; border:none; background:#ff112c url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-searchForm.gif) right top no-repeat;color:#fff;font-weight:bold;font-size:1.1em;text-align:left;text-transform:uppercase;padding:6px}
div#kursSelector div#zeitPanel a#kursSubmit		{cursor:pointer; position:absolute; top:311px !important;  right:-32px; height:20px; width:179px; border:none; background:#ff112c url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-searchForm.gif) right top no-repeat; color:#fff; font-weight:bold; font-size:11px; text-align:left; text-transform:uppercase; text-decoration:none; padding:6px 0 0 6px}

div#standortPanel li.level3	{margin-left:40px}
div#standortPanel li.level2 	{margin-left:20px}
div#standortPanel li.level1 	{margin-left:0}
div#standortPanel li.selected	{margin-left:0}

div#kursSelector div#angebotePanel li.selected 	{padding: 1px 40px 0 0; margin: 0 0 1px 0; border-bottom: 1px solid #fff}
div#kursSelector div#standortPanel li.selected 	{border-bottom: 1px solid #fff}
div#angebotePanel li.selected a,
div#standortPanel li.selected a		{font-weight:bold; background:none; padding:1px 0 1px 1px; width:auto; margin-left:0}
div#angebotePanel ul li.disabled span.unlink ,
div#angebotePanel  .checkbox 		{margin-left:20px}
div#angebotePanel  li.lastselected 	{margin-left:0}
div#angebotePanel ul li.disabled span.levelTop {margin-left:0px}
div#angebotePanel ul li.disabled span.unlink,
div#standortPanel ul li.disabled a,
div#angebotePanel ul li.disabled a 	{background:transparent url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-disabled.gif) no-repeat scroll 0 3px!important}

/* Business Variante */
#ImageWrapper.showBusiness #kursSelector label,
#ImageWrapper.showBusiness #kursSelector a	{color:#005da8; cursor:pointer}
#ImageWrapper.showBusiness #angebotePanel ul a,
#ImageWrapper.showBusiness #standortPanel ul a,
#angebotePanel ul.showBusiness a {color:#005da8; background-position:0 -446px}
#ImageWrapper.showBusiness #angebotePanel li.checkbox a,
#ImageWrapper.showBusiness #standortPanel li.checkbox a{color:#005da8; margin-left:19px; padding-left:17px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat-x left -446px}
#ImageWrapper.showBusiness div#standortPanel {border-color: #fff}
#ImageWrapper.showBusiness .business {display:block}
#ImageWrapper.showBusiness #ContentWrapper {background-color:#fff; background-repeat:no-repeat; background-position:left top; min-height:420px}
#ImageWrapper.showBusiness div#kursSelector {/*filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95*/}
#ImageWrapper.showBusiness div#angebotePanel li.selected a,
#ImageWrapper.showBusiness div#standortPanel li.selected a {background-position:left -506px}
#ImageWrapper.showBusiness span.ui-checkbox {background-image:url(/_layouts/images/Migros.SP.MKS.Frontend/icon_checkbox-business.gif)}
#ImageWrapper.showBusiness #contentSpartenHinweisTeaser a{color: #000;}
/*#ImageWrapper.showBusiness  #ImageBar{height:20px}*/
#ImageWrapper.showBusinessDetail a {color:#005da8;}
#ImageWrapper.showBusinessDetail .business{display:block}


/**
 * @section Checkboxes
 */
.ui-helper-hidden-accessible 			{position:absolute; left:-999em}
.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover 	{color:#999}
span.ui-checkbox,
span.ui-radio 							{display:block; float:left; clear:left; width:16px; height:16px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/icon_checkbox.gif) 0 0 no-repeat;}
.center span.ui-checkbox,
.center span.ui-radio 					{float:none; margin:0 auto}
span.ui-helper-hidden 					{display:none}
label 									{padding:2px}
span.ui-radio-state-hover,
span.ui-checkbox-state-hover 			{background-position: 0 -40px}
span.ui-checkbox-state-checked 			{background-position: 0 -80px}
span.ui-checkbox-state-checked-hover 	{background-position: 0 -120px}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked 				{background-position: 0 -161px}
span.ui-radio-state-checked-hover 		{background-position: 0 -200px}
div#angebotePanel ul span.ui-checkbox,
div#standortPanel ul span.ui-checkbox 		{padding-left:0}

/**
 * @section Teaser
 * Styling for the teasers
 */
#MenuInfoTeaser					{width:210px; position:absolute; top:61px; right:20px; color:#333; font-size:1.1em; line-height:1.4}
#MenuInfoTeaser div.teaser		{opacity:.95; filter: alpha(opacity=95); -moz-opacity: 0.95; background:#f9f2f2; padding:20px 20px 20px 10px; width:180px}
#MenuInfoTeaser div.teaser-small	{opacity:.95; filter: alpha(opacity=95); -moz-opacity: 0.95; width:180px; position:relative; background:#fff; padding:10px 20px 10px 10px}
#kursTeaser						{width:210px; position:absolute; top:58px; right:20px; color:#333; font-size:1.1em; line-height:1.4}
#kursTeaser div.teaser			{background:#f9f2f2; padding:20px 20px 20px 10px}
#kursTeaser div.teaser-small		{padding:10px 20px 10px 10px; background:#fff url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-right-grey.gif) no-repeat scroll 185px 7px;}
div.teaser-small img 				{float:left; padding:0 10px 10px 0}
div.teaser-small a,
div.teaser a.textlink				{text-decoration:none; color:#333}
div.teaser a						{text-decoration:underline; color:#333}
div.teaser-small a.arrowLink		{}
#contentSpartenTeaser			{width:950px; height:100px; clear:both; margin:20px 0;}
#contentSpartenTeaser h3			{color:#666; font-size:14px; font-weight:normal; margin:0 10px 10px 0; text-decoration:none}
#contentSpartenTeaser a:link,
#contentSpartenTeaser a:visited,
#contentSpartenTeaser a:hover,
#contentSpartenTeaser a:link p,
#contentSpartenTeaser a:visited p, 
#contentSpartenTeaser a:hover p	{color:#000; text-decoration:none; border:none; line-height:1.1}
#contentSpartenTeaser h3 a,
#contentSpartenTeaser a:link h3, 
#contentSpartenTeaser a:visited h3, 
#contentSpartenTeaser a:hover h3 	{color:#666; text-decoration:none}
#contentSpartenTeaser p			{bottom:15px; color:#000000; font-size:12px; left:175px; position:absolute; width:270px; text-decoration:none}
#contentSpartenTeaser p a		{color:#000; text-decoration:none}
#contentSpartenTeaser img		{float:left; margin:0 10px 0 0}
#contentSpartenTeaser div.teaserLeft div,
#contentSpartenTeaser div.teaserRight div {width:428px; background:#FFF url(/_layouts/images/Migros.SP.MKS.Frontend/teaser-bg-arrow.gif) right top no-repeat; height:70px; padding:15px; position:absolute; z-index:8}
div.teaserLeft ,
div.teaserRight 					{float:left; border:1px solid #c0c0c0; height:100px; padding:0; width:458px; overflow:hidden; position:relative}
div.teaserLeft 					{margin-right:30px}
div.teaserRight div.first,
div.teaserLeft div.first 			{display:block; opacity:1.0}
div.teaserLeft div.active,
div.teaserRight div.active   		{z-index:10; display:block}
div.teaserLeft div.last-active,
div.teaserRight div.last-active 	{z-index:9; display:none}
#contentSpartenHinweisTeaser	{position:absolute!important; font-size:1.1em; background:#FAF2F2 url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -570px; bottom:0px; left:20px; height:25px; padding:2px 30px 0 25px; width:365px}
#contentSpartenHinweisTeaser a	{color:#000; text-decoration:none; display:inline}
#contentCrossBrandTeaser		{width:950px; clear:both; height:25px}
a.crossBrandLogo img 				{height:25px}
div.teaserColorRed 				{border-color:#D6252B}
div.teaserColorTerra 				{border-color:#E4DBC9}
#TeaserBoxContent h1 			{font-size:16px; margin:10px 0}
#TeaserBoxContent p 				{font-size:12px; margin-bottom:3px}
img.imgEditTeaser				{z-index:15!important; margin-top:0px!important; margin-right:0px!important; position:absolute!important; right:0px!important; top:0px!important}

/**
 * @section KluSitemap
 * Styles for the sitemap
 */
DIV.sitemap H2		{margin-bottom:20px}
DIV.sitemap LI A		{padding-left:15px; font-weight:bold; background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -247px}
DIV.sitemap LI LI A	{font-weight:normal}
DIV.sitemap LI 		{margin-left:8px; padding-bottom:10px}
DIV.sitemap LI LI		{margin-left:16px; padding:0}

/**
  * @section Tabs
  * Tabs on the page
  */
#WideSmallLayout .grey	{background-color:#f1f1f1}
ul.tabs 				{border:solid #f1f1f1; border-width:0 0 3px 0; margin:0; height:26px; background-color:#fff}
ul.tabs li				{float:left; background:url(/_layouts/images/Migros.SP.MKS.Frontend/tabs-border.gif) right bottom no-repeat; padding-right:3px; background-color:#FFF}
ul.tabs li.last		{padding:0; background:transparent; float:right}
ul.tabs a				{display:block; font-size:1.1em; font-weight:bold; padding:6px 25px 6px 21px;color:#000;text-decoration:none;text-transform:uppercase}
ul.tabs li.isEmpty a	{color:#999}
ul.tabs .active a,
ul.tabs a:hover		{color:#000; background:#f1f1f1} 

/**
  * @section Additional Info
  * Additional info above and below the table
  */
div.addInfo 			{background:#f1f1f1; color:#666; height:22px}
div.addInfoBottom 	{background:#f1f1f1; color:#666; height:24px; border:solid #c0c0c0; border-width:1px 0 0 0}
div.addInfo ul.fLeft	{float:left; padding:3px 0 0 0}
div.addInfo ul.fLeft li	{float:left; margin:0 0 0 16px; display:inline}
div.addInfo ul.fLeft img{padding-right:4px}
div.addInfoBottom p	{float:left; margin:5px 0 0 20px}
div.addInfoBottom div.paging ul,
div.addInfoBottom div.paging p{padding:4px 0 0 0}

#GrantedHelpText {display:none; color:#E2001A}

div.paging p,
div.paging ul,
div.paging li	{float:left}
div.paging	{float:right; margin:0 16px 0 0}
div.paging ul	{padding:2px 0 0 0}
div.paging p	{margin:0 5px; padding:3px 0 0 0}
div.paging a	{display:block; background:#fff; color:#e2001a; text-decoration:none; margin:0 0 0 5px; padding:0 4px 1px}
div.paging li.selected,
div.paging li.selected a	{background: transparent; margin: 0; padding:0 4px 1px; color:#000}
div.paging li.more a		{padding:0}

/**
 * @section Details View Course Table
 * Styling of the tables
 */
DIV.ajaxDiv{position:absolute; background-color:#FFF; opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.50; width:100%; top:0; left:0}
div#courseListing {position:relative} 
div#courseListing p.searchZero {color: #E4182F;font-size: 1.2em; padding: 10px 17px;}  
div.detailsView #ContentWrapper {height:132px; min-height:132px}
div.detailsView #ImageBar {height:30px}
 
#CourseTable	{width:950px; border-collapse:collapse; border-spacing:0; table-layout:fixed}
#CourseTable caption{display:none}
#CourseTable th	{color:#111; font-size:1.2em; font-weight:normal; border:solid #c0c0c0; border-width:1px 0; padding:2px 0; text-align:left}
#CourseTable td	{color:#000; font-size:1.1em; border:solid #e5e5e6; border-width:1px 0 0 0; padding:3px 0}
#CourseTable th a	{text-decoration:none; color:#111}
#CourseTable th a:hover {text-decoration: underline}
#CourseTable th.actual a {font-weight:bold}
#CourseTable td a	{text-decoration:underline; color:#000}
#CourseTable .col1	{width:20px}
#CourseTable .col2	{width:275px; padding: 0 5px 0 0;} 
#CourseTable .col3	{width:100px; padding: 0 5px 0 0;} 
#CourseTable .col4	{width:80px; padding: 0 5px 0 0;} 
#CourseTable .col5	{width:80px; padding: 0 5px 0 0;} 
#CourseTable .col6	{width:165px; padding: 0 5px 0 0;} 
#CourseTable .col7	{width:55px; text-align: right} 
#CourseTable .col8	{width:80px; padding-right: 10px; text-align: right}
#CourseTable .col9	{width:60px}
#CourseTable td.col1 img	{margin:0 0 0 5px}
#CourseTable td.col7,
#CourseTable td.col8,
#CourseTable td.col9	{text-align:right}
#CourseTable td.col7	{padding:3px 10px 3px 0}
#CourseTable td.col8	{padding:3px 15px 3px 0}  
#CourseTable td.col9	{padding:3px 10px 3px 0}
#CourseTable td.bewilligungspflichtig a	{text-decoration:underline; color:#E2001A}

/**
 * @section Details View Locations
 * Styling Locations view
 */
#DetailsLocationLeft						{margin:10px 0; float:left; font-size:1.2em; width:49%}
#DetailsLocationLeft a						{color: #1e1e1e}
#DetailsLocationLeft a:hover					{text-decoration:none}
#DetailsLocationLeft .centerPhone			{float:left; width:50px}
#DetailsLocationLeft .centerOpenHours		{clear:left;float:left; width:250px; height:190px}
#DetailsLocationLeft .centerAddress			{clear:left;float:left; width:250px; height:155px}
#DetailsLocationLeft .centerOpenHoursSpecial h3	{margin-bottom:10px; font-size: 12px;color:#999999;font-weight:bold;letter-spacing:0.07em;text-transform:uppercase;}
#DetailsLocationLeft h3,
#DetailsLocationRight h3						{text-transform: uppercase; letter-spacing: 0.025em; }
#DetailsLocationLeft .centerOpenHoursSpecial{border:1px solid #AEAEAE; float:left; padding:5px; width:190px;}
#DetailsLocationLeft .centerImage			{/*background:transparent url(/_layouts/images/Migros.SP.MKS.Frontend/no-image.gif) no-repeat center center;*/float:left; height:105px; margin:30px 0 20px 0; min-width:100px}
#DetailsLocationLeft span.address 			{ display: block; margin-top: 17px; }
#DetailsLocationRight						{margin:10px 0; float:right; width:49%}
#GoogleMapAjax,
#GoogleMap		{height:360px; width:480px; background:#efefef url(/_layouts/images/Migros.SP.MKS.Frontend/maps-loader.gif) no-repeat center center; margin-bottom:20px}
#KursDetails P,
#KursDetails TD	{font-size:12px}
#KursDetails TD	{padding:0 15px 3px 0}
#KursDetails H3	{font-size:15px; margin-bottom:10px}
.mapContent 		{margin:0 0 10px 0; min-height:60px; width:280px}

/**
 * @section Page Layouts
 * Styling of the page layouts
 */
.layoutTable {border-collapse:collapse}   

#WideSmallLayout 	{width:100%; margin-top:4px; position:relative}
#WideSmallLayout h1 	{text-transform:uppercase; margin:18px 0 15px 0; font-size:15px; letter-spacing:0.025em}
#WideSmallLayout .leftColumn 	{width:588px; position:relative; padding-bottom:50px}
#WideSmallLayout .leftColumn h1 	{color:#333;}
#WideSmallLayout .leftColumn h2,
#WideSmallLayout .leftColumn h3,
#WideSmallLayout .leftColumn h4 	{color:#999; font-size:1em; text-transform:uppercase; font-weight:bold; margin:23px 0 4px 0; letter-spacing:0.07em}
#WideSmallLayout table .leftColumn table h2,
#WideSmallLayout table .leftColumn table h3,
#WideSmallLayout table .leftColumn table h4 	{color:#999; font-size:1.2em; text-transform:uppercase; font-weight:bold; margin:23px 0 4px 0; letter-spacing:0.07em}
#WideSmallLayout .leftColumn p 	{color:#000; font-size:1em; margin-bottom:12px; line-height:1.5em;}
#WideSmallLayout .spacer			{width:100%; height:3px; background-color:#f1f1f1; overflow:hidden}
#WideSmallLayout .spacerBig		{width:100%; height:7px; background-color:#f1f1f1; overflow:hidden}
#WideSmallLayout .spacerBottom	{width:588px; height:30px; background-color:#f1f1f1; clear:both; border-top:10px solid #fff; left:0px; position:absolute; bottom:0px}

#WideSmallLayout .rightColumn 	{width:316px; background-color:#f1f1f1; padding:0 23px}
#WideSmallLayout .rightColumn  table 		{border-collapse: collapse}
#WideSmallLayout .rightColumn td			{line-height:1.3}
#WideSmallLayout .rightColumn td.rightalign {text-align:right}

#WideSmallLayout .rightColumn h1 					{color:#666}
#WideSmallLayout .rightColumn .data 				{border-collapse:collapse}
#WideSmallLayout .rightColumn .data td 			{padding:0 0 17px 0; font-size:12px; vertical-align:top; width:195px}
#WideSmallLayout .rightColumn .data td.title 		{color:#666; width:111px; padding-right:10px}
#WideSmallLayout .rightColumn .data td td			{padding:0 5px 2px 0}
#WideSmallLayout .rightColumn .data .priceTable td {width:auto}
#WideSmallLayout .rightColumn .data td.priceCHF 	{text-align:right}
#WideSmallLayout .rightColumn .data td.price    	{text-align:right; width:55px}
#WideSmallLayout .rightColumn td a				{color: #1e1e1e; text-decoration: underline}
#WideSmallLayout .rightColumn td a:hover			{text-decoration: none;}
#WideSmallLayout .rightColumn td .BroschuereItem 	{width: 100%; min-height:20px; height:auto !important; height:20px}
#WideSmallLayout .BroschuereItem .title 		{float:left; width:156px}
#WideSmallLayout .rightColumn .data td span	{display:block; width:130px; float:left}
#WideSmallLayout .rightColumn .data td a.pdf 	{background: url(/_layouts/images/Migros.SP.MKS.Frontend/icon_pdf.gif) no-repeat 0 0; padding: 2px; float: right; width: 15px; height: 15px;}
#WideSmallLayout .rightColumn .data td a.post 	{background: url(/_layouts/images/Migros.SP.MKS.Frontend/icon_post.gif) no-repeat 0 0; padding: 2px; float: right; width: 15px; height: 15px;}
#WideSmallLayout .rightColumn ul.toolsNavi li	{float:left; padding:15px 6px 15px 0; font-size: 1.1em}
#WideSmallLayout .rightColumn ul.toolsNavi li.drucken	{padding-right:0; width:120px; overflow:hidden}
.rightColumn ul.toolsNavi					{margin-bottom:70px}
.rightColumn ul.toolsNavi a					{color: #1e1e1e; text-decoration: none; padding: 0 0 0 15px}
.rightColumn ul.toolsNavi li.weierempfehlen a	{background: url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -78px;}
.rightColumn ul.toolsNavi li.vormerken a		{background: url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -58px;}
.rightColumn ul.toolsNavi li.drucken a			{background: url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -97px;}
.rightColumn ul.toolsNavi a:hover 				{text-decoration: underline;}
#furtherActions a			{font-size:11px; margin: 15px 15px 15px 0; background: url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -97px; color: #1e1e1e; text-decoration: none; padding: 0 0 0 15px;}
#furtherActions a.addperson	{background: url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -78px;}
#furtherActions a.back		{background: url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -38px;}
#furtherActions a:hover 		{text-decoration: underline;}

#Status			{background-color:#f1f1f1}
.statusStep		{border-bottom:1px solid #c0c0c0; height:19px; padding:5px 0 0 5px;background-color:#fff; width:555px; overflow:hidden}
.statusStep strong {font-weight:bold; color:#000}
.statusStep ol li	{float:left; font-size: 1.1em; color:#999; padding:0 6px 0 14px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 3px}
.notRegular		{background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -116px; padding-left:12px; margin-left:2px}

#LeftColumnContent UL 	{margin:0 0 5px 0;}
#LeftColumnContent UL LI {background:url(/_layouts/images/Migros.SP.MKS.Frontend/cms-list-bar.gif) no-repeat left 6px; padding-left:15px}
#LeftColumnContent .termine {font-size:1em}
#LeftColumnContent .termine th,
#LeftColumnContent .termine td {text-align: left;}
#LeftColumnContent .col1 {width:40px}
#LeftColumnContent .col2 {width:80px}
#LeftColumnContent .col3 {width:60px}
#LeftColumnContent .col4 {}
#LeftColumnContent {padding-left:19px; font-size:12px; width:480px; line-height: 1.4;}
.registration table 	{margin-top:4px; width:100%}
.registration input, .registration select,
.registration textarea	{border:0px; width:100%; }
.registration input.radio	{width:auto}
.registration  .fldTitle	{width:98px}
.registration  .fldVal,
.registration  .fldVal2 	{background-color:#f0f0f0; padding:3px; color:#999; }
.registration  .fldVal 		{width:140px }
.registration  .fldVal2 select {width:160px}
.registration  .fieldContinue	{background-color:#ff0000; left:245px; height:25px; position:absolute; top:0; width:111px}
.registration  .fieldContinue a {color:#fff; text-decoration:none}
.registration  .inner label {padding-left:12px}
.registration  .long  {width:344px}
.registration div.fldTitle	{clear:left; float:left; width:110px}
.registration div.fldVal      	{float:left; height:26px; position:relative; padding:4px 0 0 10px; width:340px}


#SiteActions{height:20px; background-color:#f1f1f1; padding:4px 0px 0px 21px}
#SiteActions a {padding:0 27px 0 18px; font-size:1.1em; color:#000; text-decoration:none}
#SiteActions .siteRecommend {background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -77px}
#SiteActions .siteNote  {background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -57px}
#SiteActions  .sitePrint {background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 0 -97px}

#SmallWideLayout table {font-size: 1em;}
#SmallWideLayout {width:100%; padding:8px 0 30px 0; background-color:#f1f1f1}
#SmallWideLayout .leftColumn 	{width:210px; padding:0px 10px 0 20px}
#SmallWideLayout .rightColumn 	{width:565px; padding:18px 115px 40px 30px; background-color:#fff}
#SmallWideLayout .rightColumn h1	{color:#000; font-size:1.8em; margin-bottom:15px; text-transform:uppercase; font-weight:normal}
#SmallWideLayout .rightColumn h2,
#SmallWideLayout .rightColumn h3,
#SmallWideLayout .rightColumn h4 	{color:#999; font-size:1em; text-transform:uppercase; font-weight:bold; margin:23px 0 4px 0; letter-spacing:0.07em}
#cmsContent {color:#000; font-size:1.2em; line-height:1.7em}

#cmsContent .ms-WPBody table 	{font-family: Arial, Helvetica, sans-serif; font-size: 1em; border-collapse: collapse; width: 100%; margin: 10px 0}
#cmsContent .ms-WPBody td 	{font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #c0c0c0; padding: 1px 2px;} 

#QuickLaunch	{margin-top:46px}
#QuickLaunch .ms-navheader	{color:#666; font-size:1em; text-transform:uppercase; font-weight:bold}
#QuickLaunch table {width:100%}
#QuickLaunch table.ms-navheader  {background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 188px -688px; margin-bottom:5px}
#QuickLaunch table.ms-navheader  td {border-bottom:1px solid #fff;  padding:10px 20px 4px 0}
#QuickLaunch table.ms-navitem td, #QuickLaunch span.ms-navitem {background:url(/_layouts/images/Migros.SP.MKS.Frontend/icon-arrowLeftGrey.gif) no-repeat 0px 6px; padding:3px 6px 4px 16px; }
#QuickLaunch table.ms-navitem td a {color:#666; text-transform:uppercase}
#QuickLaunch .ms-selectednav, .ms-GRSortFilter {background:none; border:0px; padding:0}
#QuickLaunch table.ms-navitem td a.ms-selectednav,
#QuickLaunch table.ms-selectednavheader  td a{color:#000; font-weight:bold}
#QuickLaunch .ms-navsubmenu2,
#QuickLaunch .ms-navsubmenu1 {background:none}

/**
 * @section Bestellformular
 * Das Bestellformular layout
 */ 
.kluForm table {margin-top:4px;}
.kluForm th    {padding:10px 0; font-size:1.4em; font-weight:bold; text-align:left}
.kluForm label {}
.kluForm textarea {font-family: Arial,Helvetica, sans-serif; font-size: 1em;}
.kluForm .fldVal input, .kluForm .fldVal select, .kluForm .fldVal textarea,
.kluForm .fldVal2 input, .kluForm .fldVal2 select, .kluForm .fldVal2 textarea {border:1px solid #C0C2B9; width:100%; height: 1.4em;}
.kluForm .fldVal2 textarea, .kluForm .fldVal textarea {height: auto;}
.kluForm .fldVal select, .kluForm .fldVal2 select {height: 20px;}
.kluForm .fldTitle	{width:120px; text-align:left; vertical-align:top; font-size: 1.2em;}
.kluForm .fldVal,
.kluForm .fldVal2 	{background-color:#f0f0f0; padding:3px; color:#999; text-align:left; vertical-align:top }
.kluForm .fldVal2   {width:220px; font-size: 1.2em;}
.kluForm .fldVal 	{width:140px; font-size: 1.2em;}
.kluForm .fldVal2 select,
.kluForm .fldVal2 input    {width:160px}
.kluForm .radio input,
.kluForm .checkbox input,
.kluForm input.radio,
.kluForm input.checkbox	{width:auto; height: auto;}
.kluForm span.radio,
.kluForm span.checkbox {display:block; width:auto; position:relative; margin: 0 5px 0 0; float: left;}
.kluForm .deliveryAddress span.radio,
.kluForm .deliveryAddress span.checkbox {display:block; width:auto; position:relative; margin: 4px 0; float: none;}
.kluForm .fldVal .checkbox input {position:absolute; top:2px; width: auto;}
.kluForm .fldVal .checkbox label {padding-left:20px}
.kluForm .radio input  {width:20px; position:absolute; top:2px; border:none}
.kluForm .checkbox input {width:20px; position:absolute; top:2px; border:none}
.kluForm .checkbox label,
.kluForm .radio label {padding-left:20px}
.kluForm .checkbox label { padding: 3px 0 0 20px; }
#textCustomerNr {width:150px}
.deliveryAddress {background: #f1f1f1; padding: 3px;}
#RegistrationFrame {margin-left:-20px; min-height:500px}
.kluForm .fieldContinue    {background-color:#ff0000; left:245px; height:25px; position:absolute; top:0; width:111px;}
.kluForm .fieldContinue a  {color:#fff; text-decoration:none}
.kluForm .inner label {padding-left:12px}
.kluForm .long  {width:344px}
.kluForm .long label {color: #1e1e1e;}
.kluForm .long label a,
#trAGB a {color: #1e1e1e;}
.kluForm .validId  {display:none}
.kluForm .send {width:auto}
.kluForm div.fldTitle  {clear:left; float:left; width:110px}
.kluForm div.fldVal    {float:left; height:26px; position:relative; padding:4px 0 0 10px; width:340px}
.kluFormRight   {padding-left:0; text-align:left}
.kluFormRight .kluForm .fldTitle {width: 118px;}
.kluFormRight .kluForm .fldVal {width:140px}
.kluFormRight .submit {margin-top:30px; float: right}
.kluFormLeft {width:500px}

.inputWrapper{position:relative}
.kluForm .inputWrapper .checkbox{position:absolute; top:2px; padding:0px; margin:0px}
.kluForm .inputWrapper .label{padding-left:20px}

.tblBroPost {border-collapse: collapse; margin-bottom: 10px;}
.tblBroPost td {font-size: 1.2em; vertical-align: top;}
.tblBroPost td.col1 {width: 214px; background: #f0f0f0; padding: 3px; border-bottom: 1px solid #fff;}
.tblBroPost td.col2 {width: 24px; padding: 3px; background: #f0f0f0;border-bottom: 1px solid #fff;}
.tblBroPost td.col2 input {border:0 none;height:1.4em;}
.tblBroPost td.col3 {width: 8px; vertical-align: top; padding:7px 3px; background: #f0f0f0;border-bottom: 1px solid #fff;}
table.summary .fldTitle {padding-right:5px; height:25px}
table.summary .inner {width:86px}
span.validator {display:block; color:#E4182F; padding: 2px 0;}
.deleteBrochure {cursor:pointer; padding:3px}
input.sizeS {width: 100%; text-align: right}
#btnCommit {margin-top:10px; float:right; cursor:pointer}

#BroVerifyOrderTable {border-collapse:collapse; margin:10px; float:left; width: 400px;}
#BroVerifyOrderTable td {font-size:1.2em; text-align:left; padding:2px 10px 1px 5px; vertical-align: top; border-bottom: 1px solid #fff;}
#PanelVerifyForm .buttons {float:left; margin-top:10px}
#PanelVerifyForm .buttons input {margin:3px; display:block}
#PanelConfirm {text-align:left; font-size:1.2em; padding:10px}
#PanelConfirm h1 {font-size:1.3em; font-weight:bold; text-transform: uppercase;}
#PanelConfirm a {color:#AEAEAE}

#PanelWeiterempfehlung #wrapper {width:auto}
ul.list {margin:10px 5px}
ul.list li {list-style-type:square; list-style-position:inside}

/**
 *@section Brochure View
 */
#BrochureViewTable th.col1,
#BrochureViewTable td.col1 {width:425px; vertical-align:top} 
#BrochureViewTable th.col2,
#BrochureViewTable td.col2 {width:370px; vertical-align:top; padding-left:30px} 
#BrochureViewTable th.col3,
#BrochureViewTable td.col3 {width:75px; text-align:center;} 
#BrochureViewTable th.col4,
#BrochureViewTable td.col4 {width:75px; text-align:center;} 
#BrochureViewTable td.spartentitle,
#BrochureViewTable td.spartenlevel2{padding-left:25px}
#BrochureViewTable td.spartenlevel1{width:450px} 

#BrochureViewTable td.col4 span.ui-checkbox {margin-left: 30px} 
 
#BrochureViewTable {border-collapse:collapse; width:100%}
#BrochureViewTable tr.broGroup td {background-color:#f1f1f1; font-weight:bold}
#BrochureViewTable td,
#BrochureViewTable th{height:15px; padding:2px 0; font-size:1.2em; overflow:hidden;}
#BrochureViewTable th{ border-bottom:1px solid #111111; border-top:1px solid #111111;}
#BrochureViewTable td{border-bottom:1px solid #c0c0c0; }
#BrochureViewTable input{padding:0; margin:0}
#BrochureViewTable .center{text-align:center}
#BrochureViewTable td.pdfNormal,
#BrochureViewTable td.pdfBusiness{padding-left:50px; height:50px; background-image:url(/_layouts/images/Migros.SP.MKS.Frontend/pdfLarge.gif); background-repeat:no-repeat}
#BrochureViewTable td.pdfNormal{background-position:0 3px}
#BrochureViewTable td.pdfBusiness{background-position:0 -74px}
input.submitButtonBrochure{background:#FF112C url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-searchForm.gif) no-repeat scroll right top; border:medium none; color:#FFFFFF; cursor:pointer; float:right; font-size:1.1em; font-weight:bold; height:25px; margin:10px 0 10px 280px; padding:6px; text-align:left; text-transform:uppercase; width:150px;}

#BrochurePageContent {text-align:left}

/**
 * @section Google Map
 * Styling the google Map
 */
.rightInfoBox 	{background-color:#fff; margin:22px 0 0 0; padding:3px 0 2px 10px; font-weight:bold}
.rightInfoBox .openingHours td,
.rightInfoBox .openingHours th {padding-bottom:0; font-size:12px}
.rightInfoBox input {padding-bottom:3px}
.specialOpenings a {color:#000; text-decoration:underline}
.regions	{margin-top:7px; margin-bottom:50px}
.checkbox 	{clear:left; float:left; width:20px}
.branches 	{margin: 5px 0;}
.mapSpacer 	{height:1px; background-color:#333; width:200px; overflow:hidden}

#infoContainer	{margin-bottom:20px}
.brunchInfoContainerSmall,
.brunchInfoContainer		{border:1px solid #c6c6c6; float:left; padding:8px 8px 20px 8px}
.brunchInfoContainer  		{width:280px}
.brunchInfoContainerSmall 	{width:160px}
#LeftColumnContent .additionalOffers	{margin-left:17px; float:left; overflow:hidden; width:160px;}
.additionalOffers li a			{color:#000; display:block; min-height:31px; padding:3px;}
.additionalOffers li a img 		{width: 133px;}
* html .additionalOffers li a 	{height:31px}
#LeftColumnContent .additionalOffers li	{background-color:yellow; overflow:hidden;list-style-type:none; list-style-image:none; background:url(/_layouts/images/Migros.SP.MKS.Frontend/teaser-bg-arrow.gif) no-repeat 0 -11px; margin-bottom:5px}
.bruchImage   	{float:left; width:130px; min-height:1px; margin-right:10px; }
.bruchAdress	{width:140px; float: left;}

.rightInfoBox label {font-size:1.1em; font-weight:bold; margin-left:5px; padding-left:3px}
.rightInfoBox li {margin-bottom:9px}
li.regionsitem{ width:316px}
ul.regions li a {border-top:1px solid #fff; color:#333; text-decoration:none; font-size:1.2em; display:block; padding:5px 0 0 3px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat 301px -182px;}
ul.branches li a {background-position:2px -693px; border:medium none; font-size:1.1em; margin-bottom:0px; padding:3px 0pt 3px 18px;}
ul.branches li.active a {background-position:2px -183px;}
ul.regions .locationWrapper {background: #e2e2e2; padding: 0.6em 0.3em 0 0.6em; margin: 0.2em 0 1.5em 0; border: 1px solid #fff; position: relative; clear: both;}
ul.regions .locationWrapper a {background: transparent; padding:0;}
ul.regions .locationWrapper h3 {margin:0pt 2em 0.5em 0pt; font-size: 1.2em; border-bottom:1px solid #fff; padding-bottom:0.4em}
ul.regions .locationWrapper ul.addr ,
ul.regions .locationWrapper ul.nbrs{float:left; width:12em}
.locationWrapper .marker{position: absolute; right: 0.5em; top: -1.4em;}
.locationWrapper img.locationTN {}
.locationWrapper ul {margin-bottom: 0.6em;}
.locationWrapper ul li {font-size: 1.1em;}
.locationWrapper ul li a {text-decoration: underline; font-size: 1em;}
ul.regions .locationWrapper li.moreInfo {padding-top: 0.5em;}
ul.regions .locationWrapper a.moreInfo {border:none; background:#F1F1F1 url(/_layouts/images/Migros.SP.MKS.Frontend/registrationIcons.gif) no-repeat scroll 3px -166px; bottom:4px; color:#000000; display:inline; padding:1px 5px; position:absolute; text-decoration:none; right: 10px;}
ul.regions .locationWrapper ul.nbrs:after {font-size: 1px; content: "."; display: block; height: 1px; overflow:hidden; clear:both; float:none;}
.cat1, .cat2 			{display:block}
.locationContent A.locationImgLink 	{border:none; overflow:hidden; float:left; margin-right:15px; height:100%; width:95px}
.locationContent	{height:100px; position:relative}
#GoogleMap h3 			{font-size:1em}
#GoogleMap fieldset 	{clear:both; height:5.5em; width:20em; background:#F1F1F1; padding:0.5em; margin:0.5em 0; border:none}
#GoogleMap fieldset:after {font-size: 1px; content:"."; display:block; height:1px; overflow:hidden; clear:both; float:none}
#GoogleMap a,
.bruchAdress a 		{color:#000}
#daddr,
#saddr {width:10em}
#GoogleMap input.getDirection {margin: 0 0 0 0.5em}
.bruchAdress table td {font-size: 1.2em;}

div.locationDetail #WideSmallLayout div.leftColumn,
div.locationOverview #WideSmallLayout div.leftColumn,
div.locationOverAll #WideSmallLayout div.leftColumn,
div.locationRegions #WideSmallLayout div.leftColumn {width:588px; float: left;}
div.locationDetail #WideSmallLayout div.rightColumn,
div.locationOverview #WideSmallLayout div.rightColumn,
div.locationOverAll #WideSmallLayout div.rightColumn,
div.locationRegions #WideSmallLayout div.rightColumn {float: right; margin-right: -362px; margin-top: -7px; padding-top: 7px;}
div.locationDetail #WideSmallLayout,
div.locationOverview #WideSmallLayout,
div.locationOverAll #WideSmallLayout,
div.locationRegions #WideSmallLayout {min-height: 1px; border-right:362px solid #F1F1F1; margin-top:0px; width: auto;}
div#ContactDetails #WideSmallLayout{border:none;}
.titleElement {position:relative; height:70px}
.leftColumn p a {color: #000;}
.bruchAdress .nbrs {margin-top: 2.4em;}
.bruchAdress span {width: 54px; display:block; float: left;}
div.locationOverview #GoogleMap,
div.locationOverAll #GoogleMap,
div.locationRegions #GoogleMap		{width:480px; height:360px; margin-bottom:0;}
div.locationDetail #GoogleMap		{width:480px; height:240px; margin-bottom:30px;}
#LeftColumnContent ul.filterBox {margin:0; clear: both; display:block; float: none; min-height:2em; width:480px}
#LeftColumnContent ul.filterBox li {margin:0; padding: 10px 0 5px 0; background: #F1F1F1; float: left; display:block; width:50%;}
#LeftColumnContent ul.filterBox li input {margin-left: 5px;}
#directions {clear: both;}
.directionRemover {color: #000; text-decoration: underline; cursor: pointer; display:block; text-align:right; margin-top: 0.5em;}

.openingHours	{font-size:1.2em}
.openingHours td{font-weight:normal; font-size:12px; padding: 0 10px 1px 0; text-align: left;}
.openingHours th{font-weight:normal; font-size:12px; padding: 0 20px 1px 0; text-align: left;}
.specialOpenings{cursor: pointer; background:#fff url(/_layouts/images/Migros.SP.MKS.Frontend/teaser-bg-arrow.gif) no-repeat 297px -10px; border:2px solid #fff; padding:11px 15px; margin-top: 20px; font-weight:normal; font-size:1.2em}
.specialOpeningsContent {display: none; margin: 10px 0 0 0;}
.rightTeaser {height:105px; width:96%; position:absolute; left:0; top:0; background:#fff url(/_layouts/images/Migros.SP.MKS.Frontend/teaser-bg-arrow.gif) no-repeat 297px -10px; padding:7px 8px 12px 6px; margin-top:20px}
.rightTeaser h2	{color:#C6C6C6; font-size:1.2em; width:140px; text-transform:uppercase; position: absolute; bottom:0; left: 160px}
.rightTeaser p	{clear:left; font-size:1.2em; margin-top:4px}
.rightTeaser h2	a {color:#C6C6C6; text-decoration: none;}
.rightTeaser p a {color:#000; text-decoration: none;}
.contentCenterTeaser {position:relative; height:140px; overflow:hidden}
#GoogleMap .mapContent h3 {color:#999999; font-size:12px; font-weight:bold; letter-spacing:0.07em;margin:0 0 4px; text-transform:uppercase}
#GoogleMap .mapContent p {font-size:12px; margin-bottom:0px}

/**
 * @section Footer
 * Footer Styling
 */
div#footer	{width:950px; margin:20px auto 0 auto !important; margin: 0 auto; border-top:1px solid #c0c0c0; height: 21px;}
div#footer p.copyright	{float:left; color:#999; padding:3px 5px 0 5px;}
ul#footerNavi	{float:right;}
ul#footerNavi li{float:left; height:20px; background:url(/_layouts/images/Migros.SP.MKS.Frontend/serviceNavi-border.gif) right bottom repeat-y}
ul#footerNavi li.noBorder{background:transparent}
ul#footerNavi a	{display:block; text-decoration:none; padding:3px 5px 0px 5px; color:#999}     
#DynamicContentWrapper {background: transparent;}
/**
 * @section Webparts
 * Styling the Webparts und Controls
 */
.ms-SPZoneLabel	{color:white; font-weight:bold}
.ms-formfieldvaluecontainer {background-color:white}

/**
 * @section TeaserManagement
 * Styling the Webparts und Controls
 */
#teaserMgmtWrapper{z-index:120; width:100%; height:100%; position:fixed; top:0; left:-3000px;}
#teaserMgmtBackground{background: DarkGray; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; height:100%; padding: 0; position:absolute; top:0; left:0; width:100%}
#teaserMgmtCtl{z-index:22; width:800px; height:600px; position: fixed; top: 50%; margin-top: -300px; left:-3000px; margin-left:-400px; border:none; border-width:0}
#teaserMgmtFrame{width:800px; height:600px; position:absolute; padding:0; top:0; left:0}
#teaserScopeLoadingPanel{z-index:500 ! important; background: DarkGray ! important;  opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; position:absolute; left:0 ! important; top:0 ! important; right:0 ! important; bottom:0 ! important; width:100% ! important; height:100% ! important;}

.ms-formfieldvaluecontainer {background-color:white}
#MSOTlPn_WebPartPageDiv {font-size:10px}

/**
 * @section Thickbox
 * Styling the Thickbox Addon of JQuery
 */
#TB_window			 {font: 12px Arial, Helvetica, sans-serif; color: #000;}
#TB_window  iframe 	{border: none;}
#TB_secondLine	 {font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link 		{color: #666666;}
#TB_window a:visited 	{color: #666666;}
#TB_window a:hover 		{color: #000;}
#TB_window a:active 	{color: #666666;}
#TB_window a:focus		{color: #666666;}
#TB_overlay 		{position: fixed; z-index:100; top:0; left:0; height:100%; width:100%;}
.TB_overlayMacFFBGHack {background: url(/_layouts/images/Migros.SP.MKS.Frontend/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#f1f1f1; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: solid #aeaeae;border-width: 1px 1px 9px 1px;text-align:left;top:50%;left:50%;}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption			{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow	{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px; text-transform:uppercase; font-size:14px; font-weight:bold}
#TB_title{background-color:#aeaeae;height:29px;color: #fff;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;position:relative}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px;}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}
#TB_window a#TB_closeWindowButton {background:url(/_layouts/images/Migros.SP.MKS.Frontend/icon-closeTeaser.gif) right center no-repeat; text-decoration:none; color:#fff; display:block; padding-right:20px; width:120px}
#TB_window a#TB_closeWindowButton:hover {text-decoration:underline}


.jScrollPaneContainer {float:left; position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {background:white; position:absolute; cursor:pointer; right:0; top:0; height:100%; margin-top:0}
.jScrollPaneDrag {background:#9a9a9a; position:absolute; cursor:pointer; overflow:hidden;}
.jScrollPaneDragTop { height:6px; position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom { height:7px;position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;	height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
a.jScrollArrowUp {height:24px;}
a.jScrollArrowDown {height:24px;}


/**
 * @section reCAPTCHA
 * Styling the CAPTCHA Formelements
 */
.captcha {background: #fff; padding: 10px 5px 5px 0;}
.captcha strong {display: block;}
#recaptcha_image {margin-right: 5px; float:left;}
.capRefresh {margin-bottom: 5px;}
#cptInput {border-bottom: 10px solid #fff;}
#lblResult {display: block;}
.layoutTable td.wide {width: 345px;}

/**
 * AnmeldungsFormular 
 **/
DIV.registration INPUT.submit,
DIV.registration INPUT.btnBack 	{float:right; margin:10px 0 0 10px; width:auto}
DIV.registration .fldSetTitle 	{font-size:12px; font-weight:bold; padding:0 0 5px 2px;}
DIV.registration INPUT.btnBack,
DIV.registration INPUT.submit    {background:#FF112C url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-searchForm.gif) no-repeat scroll right top; border:medium none; color:#FFFFFF; cursor:pointer; font-size:1.1em; font-weight:bold; height:25px; padding:4px 30px 6px 6px; text-align:left; text-transform:uppercase; width:auto}
DIV.registration INPUT.btnBack  {text-align:right; padding:4px 6px 6px 30px;}

.statusStep OL LI.active 	{font-weight:bold; color:#000}
.registrationNotice             {font-size:12px; margin:10px 0 20px 0}
.wait	{background:transparent url(/_layouts/images/Migros.SP.MKS.Frontend/ajax-loader.gif) no-repeat scroll left 30px; font-size:12px; margin-left:40px; padding:50px; height:300px}

#AnmeldungsWrapper  {text-align:left}
#AnmeldungsWrapper  .leftColumn {width: 560px;}
#AnmeldungsWrapper  #LeftColumnContent {width:auto}
#AnmeldungsWrapper  .layoutTable {width: 560px;}
#AnmeldungsWrapper  .layoutTable .layoutTable {width: 100%;}
#AnmeldungsWrapper  .kluForm td.fldTitle {width: 123px;}
#AnmeldungsWrapper  .kluForm td.fldTitle h2 {font-size: 1em;}
#AnmeldungsWrapper  .kluForm td.fldVal {width: 158px;}
#AnmeldungsWrapper  .kluForm td.fldVal2 {width: 248px; vertical-align:middle}
#AnmeldungsWrapper  .kluForm td.long {width: 400px;}

A.registerTop		{position:absolute; right:-9px; top:46px}
A.registerBottom	{position:absolute; right:-9px; bottom:10px}
A.registerButton    	{width:142px; background:#FF112C url(/_layouts/images/Migros.SP.MKS.Frontend/arrow-searchForm.gif) no-repeat scroll right top; border:medium none; color:#FFFFFF; cursor:pointer; font-size:1.2em; font-weight:bold; height:13px; padding:6px; text-align:left; text-transform:uppercase; text-decoration:none}

/**
 * WebPartToolPane 
 **/
.ms-ToolPaneOuter {text-align: left !important;}
.ms-toolpanefooter { height: 30px !important; }
.ms-toolpanefooter input { height: 30px; }
.ms-consoleframe		{ text-align: left !important; }

/**
* Content Lists
**/

div#TeaserBoxContent ul,
div#cmsContent ul {margin: 10px 0 10px 0px;}
div#TeaserBoxContent li,
div#cmsContent ul li  {background:url(/_layouts/images/Migros.SP.MKS.Frontend/cms-list-bar.gif) no-repeat left 9px; padding-left:15px}

#wrapper  .teaserEditOptions {width: 150px; position: absolute; top: 0; right: 0; z-index: 99; margin: 0;}
#wrapper  .teaserEditOptions li {list-style: none; margin: 0; display: inline;}
#wrapper  .teaserEditOptions li ul {margin: 0; padding: 0;}
#wrapper  .teaserEditOptions li a {display: block; padding: 3px; color: #f1f1f1; background: #E4182F;border-bottom: 1px solid #f1f1f1; text-decoration: none;}
#wrapper  .teaserEditOptions li li a {padding: 3px 3px 3px 10px;}
#wrapper  .teaserEditOptions li a:hover {background: #f1f1f1; color: #E4182F;}